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) {
        addListener(
                elem,
                'keypress',
                // nonnegative_integers
                function (event) {
                        var char = pressedChar(event);
                        var unmatched = (char && !char.match(/\d/));
                        cancelEvent(event, unmatched);
                }
        );
}

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

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

behaviourAssignors['date'] = function (elem) {
        addListener(
                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) {
        addListener(
                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) {
        addListener(
                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 windowEvent() {
        if (window.event) return window.event;
        var caller = arguments.callee.caller;
        while (caller) {
                var ob = caller.arguments[0];
                if (ob && ob.constructor == MouseEvent) return ob;
                caller = caller.caller;
        }
        return null;
}

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);
                                        }
                                }
                        }
                }
        );
}

// ���������������������������������������������DOM��������������� template������������������������������������������
// 
// ������������
//   # ���������������������������������������������������
//   #hoge{ ���hoge������������������
//   ������������������#key1 ������������������������������#key2 ��������������������������� key1 ������������������
//   #} ������������������������
//   ��������� data ������ hoge ���������������������������key���������������������������������
// 
function modifyTemplate(src, data) {
        var r = /^#/gm;
        var r2 = /^[^\s]+/g;
        var indexes = [];
        
        while (r.test(src)) {
                indexes.push(r.lastIndex);
        }
        
        if (indexes.length == 0) {
                return src;
        }
        
        function attachParts(pieces, parts, setting) {
                if (!setting) {
                        for (var j=0; j<parts.length; ++j) {
                                var part = parts[j];
                                pieces.push(part.text);
                        }
                }else {
                        for (var i=0; i<setting.length; ++i) {
                                var name = setting[i];
                                for (var j=0; j<parts.length; ++j) {
                                        var part = parts[j];
                                        if (part.name == name) {
                                                pieces.push(part.text);
                                                break;
                                        }
                                }
                        }
                }
        }
        
        var defName = null;
        var pos = 0;
        var pieces = [];
        var piece = src.substr(0, indexes[0] - 1);
        pieces.push(piece);
        var parts = [];
        for (var i=0; i<indexes.length-1; ++i) {
                var start = indexes[i];
                var end = indexes[i+1] - 1;
                piece = src.substr(start, end-start);
                r2.lastIndex = 0;
                var ret = r2.exec(piece);
                if (!ret || !ret.length) {
                        return false;
                }
                var key = ret[0];
                if (!defName) {
                        if (key.charAt(key.length-1) != '{') {
                                return false;
                        }
                        defName = key.substr(0, key.length-1);
                }else {
                        if (key != '}') {
                                var part = piece.substr(r2.lastIndex, piece.length-1);
                                parts.push({name:key, text:part});
                        }else {
                                attachParts(pieces, parts, data[defName]);
                                parts.clear();
                                defName = null;
                                pieces.push(piece.substr(1,piece.length));
                        }
                }
        }
        if (parts.length) {
                attachParts(pieces, parts, data[defName]);
        }
        var start = indexes[indexes.length-1] + 1;
        var piece = src.substr(start, src.length-start);
        pieces.push(piece);
        return pieces.join("");
}

// 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');
}

// Application ���������
// ��������������������� app ������������
if (app != undefined) {
        alert("error: global variable 'app' is already defined.");
}
var app = null;
Application = function () {
        if (app) {
                return;
        }
        
        /// private ///
        
        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) {
                                app.pageLoadHandler = null;
                                box = document.createElement("div");
                                box.innerHTML = transport.responseText;
                                contents.appendChild(box);
                                var title = $("pageTitle").innerHTML;
                                document.title = "#{APP_TITLE}" + ' ' + title;
                                var loc = app.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 (app.pageLoadHandler) {
                                        app.pageLoadHandler();
                                }
                                app.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 (app.pageUnloadHandler) {
                                        var ret = app.pageUnloadHandler();
                                        if (ret) {
                                                dumpCookie(prevHash, ret);
                                        }
                                }
                                contents.removeChild(box);
                                app.pageUnloadHandler = null;
                        }
                        prevHash = location.hash;
                        if (location.hash == "" || location.hash == "#") {
                                loadPage("menu", {});
                        }else {
                                var pagePath = location.hash.substr(1, location.hash.length);
                                loadPage(pagePath, {});
                        }
                }
        }
        
        /// public ///
        
        // ���������������������������������������������������������������
        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: 1.0 });
                                }else {
                                        this.moveLocation("list");
                                }
                                okToPost = true;
                        },
                        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);
        };

};

app = new Application();
