initialize

Author: groovedk

assets/css/axboot-01.css

@@ -0,0 +1,219 @@
+/**
+ * axboot 오브젝트 axboot 애플리케이션을 편리하게 사용하기 위한 오브젝트 입니다.
+ * @var {Object} axboot
+ */
+var axboot = {};
+
+/**
+ * axboot의 환경 변수 저장 공간
+ * @type {Object} axboot.def
+ * @example
+ * ```js
+ * axboot.def.menuHeight = 20;
+ * // 와 같이 원하는 속성을 저장 / 사용 할 수 있다.
+ * ```
+ */
+axboot.def = {
+    "pageFunctionName": "fnObj",
+    "iframeLoadingMsg": '<i class="cqc-chequer ax-loading-icon lg"></i>',
+    "dialogTitle": "CHEQUER"
+};
+
+
+/**
+ * document ready 상태가 되었을 때 실행됩니다. 애플리케이션 초기화를 담당합니다.
+ * @method axboot.init
+ */
+axboot.init = function () {
+    axboot.pageAutoHeight.init();
+    axboot.pageAutoHeight.align();
+
+    setTimeout(function () {
+        $('[data-ax5layout]').ax5layout({
+            splitter: {
+                size: 6
+            },
+            autoResize: false,
+            onStateChanged: function () {
+
+            },
+            onResize: function () {
+                axboot.layoutResize();
+            },
+            onOpenTab: function () {
+                var activeTabPanel = this.activePanel.$target.get(0);
+
+                this.activePanel.$target.find('[data-fit-height-content]').each(function () {
+                    var $this = $(this);
+                    var _pHeight = $this.offsetParent().height();
+                    var name = this.getAttribute("data-fit-height-content");
+                    var _asideHeight = 0;
+                    $('[data-fit-height-aside="' + name + '"]').each(function () {
+                        _asideHeight += $(this).outerHeight();
+                    });
+                    $this.css({height: _pHeight - _asideHeight});
+                });
+
+                if (ax5.ui.grid_instance) {
+                    for (var gi = 0, gl = ax5.ui.grid_instance.length; gi < gl; gi++) {
+                        var target = ax5.util.findParentNode(ax5.ui.grid_instance[gi].$target.get(0), function (_el) {
+                            return activeTabPanel == _el;
+                        });
+                        if (target) {
+                            ax5.ui.grid_instance[gi].setHeight(ax5.ui.grid_instance[gi].$target.height());
+                        }
+                    }
+                }
+            }
+        }); // 레이아웃 플러그인 실행
+
+        if (typeof parent.COMMON_CODE === "undefined" && (window.SCRIPT_SESSION && SCRIPT_SESSION.login)) {
+            // API : /api/v1/commonCodes/getAllByMap
+            axboot.ajax({
+                url: "/api/v1/commonCodes/getAllByMap",
+                callback: function (res) {
+                    parent.COMMON_CODE = axboot.convertCode(res);
+                    axboot.pageStart();
+                },
+                options: {nomask: true}
+            });
+        } else {
+            parent.COMMON_CODE = axboot.convertCode(parent.COMMON_CODE);
+            axboot.pageStart();
+        }
+
+        var debounceFn = ax5.util.debounce(function (val) {
+            axboot.pageResize();
+            axboot.pageAutoHeight.align();
+            $('[data-ax5layout]').ax5layout("reset");
+        }, 20);
+
+        $(window).resize(function () {
+            debounceFn();
+        });
+        $(document.body).on("click", function () {
+            if (window.parent != window) {
+                $(parent.document.body).trigger("click");
+            }
+        });
+    });
+};
+
+/**
+ * axboot.def.pageFunctionName의 pageStart를 실행해 줍니다.
+ * @method axboot.pageStart
+ *
+ */
+axboot.pageStart = function () {
+    if (window[axboot.def.pageFunctionName] && window[axboot.def.pageFunctionName].pageStart) {
+        // 프레임 셋에 타이머 초기화.
+        if (top.fnObj && top.fnObj.activityTimerView) {
+            top.fnObj.activityTimerView.update();
+        }
+        window[axboot.def.pageFunctionName].pageStart();
+    }
+};
+/**
+ * axboot.def.pageFunctionName의 pageResize를 실행해 줍니다.
+ * @method axboot.pageResize
+ */
+axboot.pageResize = function () {
+    if (window[axboot.def.pageFunctionName] && window[axboot.def.pageFunctionName].pageResize) {
+        window[axboot.def.pageFunctionName].pageResize();
+    }
+};
+
+/**
+ * 페이지내부에 선언된 ax5layout안에 UI들에 강제 resize이벤트 발생시켜 줌.
+ * @method axboot.layoutResize
+ */
+axboot.layoutResize = function (_delay) {
+
+
+    $('[data-fit-height-content]').each(function () {
+        var $this = $(this);
+        var _pHeight = $this.offsetParent().height();
+        var name = this.getAttribute("data-fit-height-content");
+        var _asideHeight = 0;
+        $('[data-fit-height-aside="' + name + '"]').each(function () {
+            _asideHeight += $(this).outerHeight();
+        });
+        $this.css({height: _pHeight - _asideHeight});
+    });
+
+    function fn(){
+        if (ax5.ui.grid_instance) {
+            var gi = ax5.ui.grid_instance.length;
+            while (gi--) {
+                ax5.ui.grid_instance[gi].setHeight(ax5.ui.grid_instance[gi].$target.height());
+            }
+        }
+        if (ax5.ui.mask_instance) {
+            var mi = ax5.ui.mask_instance.length;
+            while (mi--) {
+                ax5.ui.mask_instance[mi].align();
+            }
+        }
+        if (ax5.ui.autocomplete_instance) {
+            ax5.ui.autocomplete_instance.align();
+        }
+        if (ax5.ui.combobox_instance) {
+            ax5.ui.combobox_instance.align();
+        }
+    }
+    if(_delay){
+        setTimeout(function(){
+            fn();
+        }, _delay);
+    }else{
+        fn();
+    }
+};
+
+/**
+ * 페이지안에 [role="page-content"] 과 그 외의 부분의 높이를 계산하여 페이지 안에 컨텐츠의 높이들을 꽉 차게 해줍니다.
+ * @Object {Object} axboot.pageAutoHeight
+ */
+axboot.pageAutoHeight = {
+    /**
+     * @method axboot.pageAutoHeight.init
+     */
+    init: function () {
+        this.active = $(document.body).attr("data-page-auto-height");
+    },
+    /**
+     * @method axboot.pageAutoHeight.align
+     */
+    align: function () {
+        if (!this.active) return false;
+        // page-content-auto-height
+        (function () {
+            var winHeight = $(window).height();
+            var minusHeight = 0;
+            $('[role^="page-"]').each(function () {
+                var sectionName = this.getAttribute("role");
+                if (sectionName != "page-content") {
+                    minusHeight += $(this).outerHeight();
+                }
+            });
+            var contentHeight = winHeight - minusHeight - 10;
+            $('[role="page-content"]').css({height: contentHeight});
+        })();
+    }
+};
+
+///// ~~~~~~~~~~~~~~~~~~~~~~
+$(document.body).ready(function () {
+    axboot.preparePlugin.pageStart();
+    axboot.init();
+
+    document.createElement("lang");
+});
+
+window.onError = function(){
+    window.CollectGarbage && window.CollectGarbage();
+};
+
+window.onUnload = function () {
+    window.CollectGarbage && window.CollectGarbage();
+};

assets/css/axboot-02.css

@@ -0,0 +1,121 @@
+/**
+ * @method axboot.ajax
+ * @param {Object} http
+ * @param {String} http.type
+ * @param {String} http.url
+ * @param {Object|String} http.data
+ * @param {Function} http.callback
+ * @param {Object} [http.options]
+ * @param {Boolean} [http.options.nomask = false]
+ * @param {Function} [http.options.onError]
+ * @param {String} [http.options.contentType]
+ * @param {String} [http.options.apiType]
+ * @example
+ * ```js
+ *  // 기본 에러가 나면 알어서 처리 함.
+ *  axboot.ajax({
+ *      type: "GET",
+ *      url: "/api/v1/users",
+ *      data : {},
+ *      callback: function(response){
+ *          // do something
+ *      }
+ *  });
+ *
+ *  // onError 지정
+ *  axboot.ajax({
+ *      type: "GET",
+ *      url: "/api/v1/users",
+ *      data : {},
+ *      callback: function(response){
+ *          // do something
+ *      },
+ *      options: {
+ *          onError: function(err){
+ *              // console.log(err);
+ *          }
+ *      }
+ *  });
+ * ```
+ */
+axboot.ajax = (function () {
+
+    var queue = [];
+    var defaultOption = {
+        apiType: "",
+        contentType: 'application/json'
+    };
+
+    return function (http) {
+        var jqxhr, httpOpts, callback;
+        var options = $.extend(true, {}, defaultOption, http.options);
+        if (!options.nomask) axAJAXMask.open();
+
+        queue.push("1");
+
+        httpOpts = {
+            contentType: options.contentType
+        };
+
+        var url = "";
+        if (ax5.util.isArray(http.url)) {
+            if (http.url[0] in axboot.def["API"]) {
+                http.url[0] = axboot.def["API"][http.url[0]];
+                http.url = CONTEXT_PATH + http.url.join('/');
+            } else {
+                http.url = CONTEXT_PATH + http.url.join('/');
+            }
+        } else {
+            http.url = CONTEXT_PATH + http.url;
+        }
+
+        $.extend(http, httpOpts);
+
+        callback = http.callback;
+
+        jqxhr = $.ajax(http);
+        jqxhr.done(function (data, textStatus, jqXHR) {
+            if (typeof data == "string") {
+                arguments[0] = data = (data == "") ? {} : JSON.parse(data);
+            }
+
+            if (data.redirect && options.apiType != "login") {
+                location.href = data.redirect;
+                return;
+            }
+
+            if (data.error) {
+                if (options.onError) {
+                    options.onError(data.error);
+                } else {
+                    alert(data.error.message);
+                    if (data.error.requiredKey) {
+                        $('[data-ax-path="' + data.error.requiredKey + '"]').focus();
+                    }
+                }
+            } else {
+                var args = [].concat($.makeArray(arguments));
+                if (callback) callback.apply(this, args); // callback
+            }
+
+        }).fail(function (data, textStatus, msg) {
+            if (msg == "") {
+
+            }
+            else {
+                if (callback) callback.apply(this, [{
+                    error: {message: msg}
+                }]); // callback
+            }
+        }).always(function (data, textStatus, jqXHR) {
+            queue.pop();
+
+            // 프레임 셋에 타이머 초기화.
+            if (top.fnObj && top.fnObj.activityTimerView) {
+                top.fnObj.activityTimerView.update();
+            }
+
+            if (!options.nomask) if (queue.length == 0) axAJAXMask.close(300);
+        });
+    }
+})();