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

// CheckBoxの親要素をクリックしたらCheckBoxのクリックと同様の効果にする処理。
// behaviourAssignor は Formの要素にしか働かないので関数で用意。
function selectInnerCheckBox(e) {
        var check = $A(Event.element(e).childNodes).filter(function(elem) { return elem.tagName == "INPUT" && elem.getAttribute("type") == "checkbox"; });
        if (check.length) {
                check[0].checked = !check[0].checked;
        }
}

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 = "00" + Math.floor(num / 10000);
                var remain = num % 10000;
                var month = "00" + Math.floor(remain / 100);
                var day = "00" + remain % 100;
                var ret = "" // damn Automatic Semicolon Insertion ;;
                        + year.substr(year.length-4, 4)
                        + "/"
                        + month.substr(month.length-2, 2)
                        + "/"
                        + day.substr(day.length-2, 2)
                ;
                return ret;
        }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 });
        }
});

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

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

var app = (function () {
        
        /// private ///
        Application = function () {
                
                this.title = "SimpleLightWeb";
                this.pageTitle = "";
                
                // 擬似ページの読込時に呼び出すコールバック。
                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);
                };
                
                // prototype.js の String.toQueryParams は = で右辺に値を設定していないとパラメータとして拾ってくれないので自作。
                this.getHashParams = function () {
                        var hash = this.getPathFromLocationHash();
                        var paraPos = hash.indexOf('?');
                        if (paraPos < 1) {
                                return {};
                        }else {
                                var paraStr = hash.substr(paraPos+1, hash.length);
                                var params = paraStr.split('&');
                                var ret = {};
                                for (var i=0; i<params.length; ++i) {
                                        var para = params[i];
                                        var pair = para.split('=');
                                        for (var j=0; j<pair.length; ++j) {
                                                pair[j] = decodeURIComponent(pair[j]);
                                        }
                                        if (pair.length == 1) {
                                                ret[pair[0]] = null;
                                        }else if (pair.length == 2) {
                                                ret[pair[0]] = pair[1];
                                        }
                                }
                                return ret;
                        }
                }
                
                // 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;
                        }
                };
                
                this.ajaxRequest = function (url, method, parameters, onSuccess, onFailure) {
                        ajaxRequest(url, method, parameters, onSuccess, onFailure);
                };
                
                // postによるデータ登録処理。エラー時にメッセージ表示を行うElementを用意する事。
                var okToPost = true;
                this.postRequest = function (params, newLocation) {
                        if (!okToPost) {
                                alert("ただいま結果待ちな為送信出来ません。");
                                return;
                        }
                        if (params instanceof HTMLFormElement) {
                                params = Form.serialize(params, true);
                        }
//                      alert(Object.toJSON(params));
                        this.ajaxRequest(
                                null,
                                '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 {
                                                if (Object.isFunction(newLocation)) {
                                                        newLocation(ret);
                                                }else {
                                                        if (newLocation == undefined) {
                                                                newLocation = "list";
                                                        }
                                                        this.moveLocation(newLocation);
                                                }
                                        }
                                        okToPost = true;
                                }.bind(this),
                                function () {
                                        alert('Something went wrong...')
                                        okToPost = true;
                                }
                        );
                        okToPost = false;
                };
                
                // template文字列は指定要素の最初の要素であるHTML comment中にあるという前提。
                this.templateUpdate = function (templateEl, updateEl, data, setupFunc) {
                        if (!templateEl || !updateEl) {
                                return;
                        }
var st = new Date();
                        // to workaround IE and WebKit bug. do not directly set innerHTML.
                        while (updateEl.firstChild) {
                                updateEl.removeChild(updateEl.firstChild);
                        }
                        var comment = templateEl.firstChild;
                        var src = comment.data;
                        src = modifyTemplate(src, data);
                        var template = new EJS({text: src});
                        var newdiv = document.createElement("div");
                        newdiv.innerHTML = template.render(data);
                        // setupFunc can process newly created elements before rendering. (this speeds up page redndering)
                        if (setupFunc) {
                                setupFunc(newdiv);
                        }
                        updateEl.appendChild(newdiv);
//                      updateEl.appear({ duration: 0.1 });
var et = new Date();
//a(et-st);

                };
                
        };
        var self = new Application();
        
        var box = null;
        var contents = null;
        Event.observe(window, "load", function () {
                contents = $('contents');
                var timerID = setInterval(checkLocationHash, 10);
        });
        var draggable = new Draggable();
        var popup = new ModalPopUp();
        
        var pageUrl = null;
        function ajaxRequest(url, method, parameters, onSuccess, onFailure) {
                if (url == null) {
                        url = self.getPathFromLocationHash();
                }
                var launchURL = pageUrl;
                new Ajax.Request(
                        url,
                        {
                                "method" : method,
                                "parameters" : parameters,
                                "onSuccess": function(transport) {
                                        try {
                                                if (pageUrl == launchURL) {
                                                        onSuccess(transport);
                                                }
                                        }catch (e) {
                                                a(e);
                                        }
                                },
                                "onFailure": function () {
                                        if (onFailure) {
                                                try {
                                                        onFailure();
                                                }catch (e) {
                                                        alert(e);
                                                }
                                        }
                                }
                        }
                );
        }
        
        // 画面設定処理
        function setPage(html) {
                self.pageLoadHandler = null;
                box = createNodeWithScript(html);
                contents.appendChild(box);
                var loc = self.getPathFromLocationHash();
                if (self.pageLoadHandler) {
                        self.pageLoadHandler(box);
                }
                document.title = self.title + ' ' + self.pageTitle;
                $("title").innerHTML = self.pageTitle;
        //      $("breadcrumbs").innerHTML = loc.split('/').join(' / ');
                var navisrc = $("navisrc");
                $("navi").innerHTML = navisrc.innerHTML;
                navisrc.innerHTML = '';
                self.setHelpers();
        }
        
        // AJAXによる画面データ読込処理
        var pageCache = {};
        function loadPage(dest, params) {
                if (dest in pageCache) {
                        var html = pageCache[dest];
                        pageUrl = dest;
                        setPage(html);
                }else {
                        self.ajaxRequest(
                                dest,
                                'get',
                                params,
                                function(transport) {
                                        var html = transport.responseText;
                                        pageCache[dest] = html;
                                        pageUrl = dest;
                                        setPage(html);
                                },
                                function () {
                                        alert("ページ読み込み失敗");
                                }
                        );
                }
        }
        
        // location.hash を監視して変更されていたらpathに相当する画面のデータを設定する。
        var prevHash = "nullpo";
        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" + ".html", {});
                        }else {
                                var pagePath = location.hash.substr(1, location.hash.length);
                                var paraPos = pagePath.indexOf('?');
                                if (paraPos >= 1) {
                                        pagePath = pagePath.substr(0, paraPos);
                                }
                                loadPage(pagePath + ".html", {});
                        }
                }
        }
        
        return self;

})();

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

// TODO: 起動時にAjaxでServerから読み取る。
var prefectures = {
        1 : '北海道',
        2 : '青森県',
        3 : '岩手県',
        4 : '宮城県',
        5 : '秋田県',
        6 : '山形県',
        7 : '福島県',
        8 : '茨城県',
        9 : '栃木県',
        10 : '群馬県',
        11 : '埼玉県',
        12 : '千葉県',
        13 : '東京都',
        14 : '神奈川県',
        15 : '新潟県',
        16 : '富山県',
        17 : '石川県',
        18 : '福井県',
        19 : '山梨県',
        20 : '長野県',
        21 : '岐阜県',
        22 : '静岡県',
        23 : '愛知県',
        24 : '三重県',
        25 : '滋賀県',
        26 : '京都府',
        27 : '大阪府',
        28 : '兵庫県',
        29 : '奈良県',
        30 : '和歌山県',
        31 : '鳥取県',
        32 : '島根県',
        33 : '岡山県',
        34 : '広島県',
        35 : '山口県',
        36 : '徳島県',
        37 : '香川県',
        38 : '愛媛県',
        39 : '高知県',
        40 : '福岡県',
        41 : '佐賀県',
        42 : '長崎県',
        43 : '熊本県',
        44 : '大分県',
        45 : '宮崎県',
        46 : '鹿児島県',
        47 : '沖縄県'
};