view/js/domain.js


// Copyright (c) 2009 Katsuhisa Yuasa <berupon [at] gmail.com>
// License http://www.opensource.org/licenses/mit-license.html

// このファイルにはシステム固有の処理を配置する。

if (!behaviourAssignors) {
        var behaviourAssignors = {};
}

behaviourAssignors['number'] = function (elem) {
        Event.observe(
                elem,
                'keypress',
                // nonnegative_integers
                function (event) {
                        var char = pressedChar(event);
                        var unmatched = (char && !char.match(/\d/));
                        cancelEvent(event, unmatched);
                }
        );
}

behaviourAssignors['integer'] = function (elem) {
        Event.observe(
                elem,
                'keypress',
                function (event) {
                        var char = pressedChar(event);
                        var unmatched = (char && !char.match(/[\-0-9]/));
                        cancelEvent(event, unmatched);
                }
        );
}

behaviourAssignors['word'] = function (elem) {
        Event.observe(
                elem,
                'keypress',
                function (event) {
                        var char = pressedChar(event);
                        var unmatched = (char && !char.match(/\w/));
                        cancelEvent(event, unmatched);
                }
        );
}

behaviourAssignors['date'] = function (elem) {
        Event.observe(
                elem,
                'keypress',
                function (event) {
                        var char = pressedChar(event);
                        var unmatched = (char && !char.match(/\d/) && char != '/');
                        cancelEvent(event, unmatched);
                }
        );
        elem.maxLength = 10;
}

behaviourAssignors['slip_code'] = function (elem) {
        Event.observe(
                elem,
                'keypress',
                function(event) {
                        var char = pressedChar(event);
                        var unmatched = (char && !char.match(/[a-zA-Z0-9\-]/));
                        cancelEvent(event, unmatched);
                }
        );
}

behaviourAssignors['sales_code'] = function (elem) {
        Event.observe(
                elem,
                'keypress',
                function(event) {
                        var char = pressedChar(event);
                        var unmatched = (char && !char.match(/[a-zA-Z0-9]/));
                        cancelEvent(event, unmatched);
                }
        );
}


function setAutoFocus() {
        var cnt = document.forms.length;
        for (var i=0; i<cnt; ++i) {
                var form = document.forms[i];
                var cnt2 = form.elements.length;
                for (var j=0; j<cnt2; ++j) {
                        var elem = form.elements[j];
                        if (elem.attributes.getNamedItem("autofocus")) {
                                if (document.activeElement == elem) {
                                        return;
                                }
                                var e = elem;
                                do {
                                        if (e.style) {
                                                if (0
                                                        || (e.style.display && e.style.display == 'none')
                                                        || (e.style.visibility && e.style.visibility == 'hidden')
                                                ) {
                                                        return;
                                                }
                                        }
                                }while (e = e.parentNode);
                                elem.focus();
                                elem.select();
                                return;
                        }
                }
        }
}

Event.observe(window, "load", setAutoFocus);

function toDateFormat(num) {
        if (num.match(/\d{8,8}/)) {
                var year = Math.floor(num / 10000);
                var remain = num % 10000;
                var month = Math.floor(remain / 100);
                var day = remain % 100;
                return "" // damn Automatic Semicolon Insertion ;;
                        + ("00" + year).substr(-4)
                        + "/"
                        + ("00" + month).substr(-2)
                        + "/"
                        + ("00" + day).substr(-2)
                ;
        }else {
                return num;
        }
}

function clearForm(id) {
        var form = Event.findElement(windowEvent()).form;
        clearFormElementsValues(form, id);
}

Ajax.Responders.register({
        onCreate: function() {
                $("loading").appear({ duration: 0.1 });
        },
        onComplete: function() {
                $("loading").fade({ duration: 0.5 });
        }
});

function ajaxRequest(url, method, parameters, onSuccess, onFailure) {
        new Ajax.Request(
                url,
                {
                        "method" : method,
                        "parameters" : parameters,
                        "onSuccess": function(transport) {
                                try {
                                        onSuccess(transport);
                                }catch (e) {
                                        alert(e);
                                }
                        },
                        "onFailure": function () {
                                if (onFailure) {
                                        try {
                                                onFailure();
                                        }catch (e) {
                                                alert(e);
                                        }
                                }
                        }
                }
        );
}

// cookie中の指定した名前の値をObjectとして取り出し。JSON形式で格納されている事前提。
function digestCookie(key) {
        var pieces = document.cookie.split('; ');
        for (var i=0; i<pieces.length; ++i) {
                var piece = pieces[i];
                var pair = piece.split('=');
                if (pair[0] == key) {
                        return unescape(pair[1]).evalJSON();
                }
        }
        return {};
}

// cookieに指定した名前で値を保存。JSON形式で格納。
function dumpCookie(key, value) {
        if (!Object.isString(value)) {
                value = Object.toJSON(value);
        }
        var str = key + '=' + escape(value) + ";";
        var d = new Date();
        // future yet unknown XD
        d.setYear(2012);
        d.setMonth(12);
        d.setDate(21);
        str += "expires=" + d.toGMTString() + ";";
        document.cookie = str;
}

// TODO: rename to DualSelect routines
function resetGridSetting(visibles, hiddens, cols) {
        visibles.options.length = 0;
        hiddens.options.length = 0;
        for (var i=0; i<cols.length; ++i) {
                var col = cols[i];
                visibles.options[i] = new Option(col.text, col.value);
        }
}

function setGridSetting(visibles, hiddens, defaultCols, cols) {
        visibles.options.length = 0;
        hiddens.options.length = 0;
        for (var i=0; i<defaultCols.length; ++i) {
                var col = defaultCols[i];
                var found = false;
                for (var j=0; j<cols.length; ++j) {
                        if (cols[j] == col.value) {
                                found = true;
                                break;
                        }
                }
                var el = found ? visibles : hiddens;
                el.options[el.options.length] = new Option(col.text, col.value);
        }
}

function getGridSetting(visibles) {
        return collectMember(visibles.options, 'value');
}

function renderDoubleList(lhs, rhs)
{
        var str = new EJS({url: 'js/doublelist.ejs'}).render(
                {
                        'lhs' : lhs,
                        'rhs' : rhs
                }
        );
        return str;
}

var app = (function () {
        
        /// private ///
        Application = function () {
                
                this.title = "SimpleLightWeb";
                
                // 擬似ページの読込時に呼び出すコールバック。
                this.pageLoadHandler = null;
                
                // 擬似ページの破棄時に呼び出すコールバック。戻り値が有る場合はcookieに保存
                this.pageUnloadHandler = null;
                
                // Modal PopUp 用の処理
                this.showPopup = function () {
                        popup.show();
                };
                
                this.hidePopup = function () {
                        popup.hide();
                };
                
                this.setPopup = function (elem) {
                        popup.elem.appendChild(elem);
                };
                
                // 入力補助等のevent handlers設定
                this.setHelpers = function () {
                        setAutoFocus();
                        draggable.attach();
                        ResizableColumns();
                        assignBehaviours();
                };
                
                this.getPathFromLocationHash = function () {
                        var url = location.hash;
                        return url.substr(1, url.length);
                };
                
                // hash指定によるページ切り替え処理
                // this routine understands relative path
                this.moveLocation = function (path) {
                        var curHash = location.hash;
                        if (path.substr(0,1) == '/') {
                                location.hash = path.substr(1,path.length);
                        }else {
                                var upLevel = 0;
                                while (1) {
                                        if (path.substr(0, 3) == '../') {
                                                ++upLevel;
                                                path = path.substr(3, path.length);
                                        }else {
                                                break;
                                        }
                                }
                                var curPath = location.hash;
                                curPath = curPath.substr(1, curPath.length);
                                var parts = curPath.split('/');
                                parts = parts.slice(0, parts.length - (upLevel+1));
                                var newPath = parts.join('/');
                                if (newPath) {
                                        newPath += '/';
                                }
                                newPath += path;
                                location.hash = newPath;
                        }
                };
                
                // postによるデータ登録処理。エラー時にメッセージ表示を行うElementを用意する事。
                var okToPost = true;
                this.postRequest = function (params) {
                        if (!okToPost) {
                                alert("ただいま結果待ちな為送信出来ません。");
                                return;
                        }
                        if (params instanceof HTMLFormElement) {
                                params = Form.serialize(params, true);
                        }
                //      alert(Object.toJSON(params));
                        ajaxRequest(
                                this.getPathFromLocationHash(),
                                'post',
                                params,
                                function(transport) {
                                        var ret = transport.responseJSON;
                                        if (!ret) {
                                                alert(transport.responseText);
                                        }
                                        if (ret.errors.length) {
                                                $("messages").innerHTML = ret.errors.join("<BR>");
                                                $("error").appear({ duration: 0.6 });
                                        }else {
                                                this.moveLocation("list");
                                        }
                                        okToPost = true;
                                }.bind(this),
                                function () {
                                        alert('Something went wrong...')
                                        okToPost = true;
                                }
                        );
                        okToPost = false;
                };
                
                // template文字列は指定要素の最初の要素であるHTML comment中にあるという前提。
                this.templateUpdate = function (templateEl, updateEl, data) {
                        var comment = templateEl.firstChild;
                        var src = comment.data;
                        src = modifyTemplate(src, data);
                        var template = new EJS({text: src});
                        template.update(updateEl, data);
                };

        };
        var self = new Application();
        
        var box = null;
        var contents = null;
        Event.observe(window, "load", function () {
                contents = $('contents');
        });
        var draggable = new Draggable();
        var popup = new ModalPopUp();
        
        // AJAXによる擬似ページ読込処理
        function loadPage(dest, params) {
                ajaxRequest(
                        dest,
                        'get',
                        params,
                        function(transport) {
                                self.pageLoadHandler = null;
                                box = document.createElement("div");
                                box.innerHTML = transport.responseText;
                                contents.appendChild(box);
                                var title = $("pageTitle").innerHTML;
                                document.title = self.title + ' ' + title;
                                var loc = self.getPathFromLocationHash();
                                $("title").innerHTML = title;
                        //      $("breadcrumbs").innerHTML = loc.split('/').join(' / ');
                                if (Prototype.Browser.IE || Prototype.Browser.WebKit || Prototype.Browser.Opera) {
                                        var texts = new Array();
                                        var scripts = box.getElementsByTagName("script");
                                        for (var i=0; i<scripts.length; ++i) {
                                                var script = scripts[i];
                                                texts.push(script.text);
                                        }
                                        var script = document.createElement("script");
                                        script.text = texts.join("\r");
                                        box.appendChild(script);
                                }
                                if (self.pageLoadHandler) {
                                        self.pageLoadHandler();
                                }
                                self.setHelpers();
                        },
                        function () {
                                alert("ページ読み込み失敗");
                        }
                );
        }
        
        // location.hash を監視して変更されていたらpathに相当する擬似ページをAJAXで読み込む。
        var prevHash = "nullpo";
        var timerID = setInterval(checkLocationHash, 10);
        function checkLocationHash() {
                if (location.hash != prevHash) {
                        if (box) {
                                popup.hide();
                                popup.clear();
                                if (self.pageUnloadHandler) {
                                        var ret = self.pageUnloadHandler();
                                        if (ret) {
                                                dumpCookie(prevHash, ret);
                                        }
                                }
                                contents.removeChild(box);
                                self.pageUnloadHandler = null;
                        }
                        prevHash = location.hash;
                        if (location.hash == "" || location.hash == "#") {
                                loadPage("menu", {});
                        }else {
                                var pagePath = location.hash.substr(1, location.hash.length);
                                loadPage(pagePath, {});
                        }
                }
        }
        
        return self;

})();

// debug用のalert関数
function a(p) {
        if (typeof p == "object") {
                alert(Object.toJSON(p));
        }else {
                alert(p);
        }
}
