관리자 변경중

_src/admin/js/admin.js

@@ -1,76 +1,58 @@
+/***********************************************************************************
+ * 관리자 페이지 초기화
+ ***********************************************************************************/
 APP.init = function(){
-    APP.initPage();
+    APP.initAjaxDefaultSetting();
     APP.initMenu();
-    APP.initMask();
-    APP.initModal();
+    APP.initAx5();
     APP.initPlugins();
     APP.initCheckboxAll();
 };
 
-APP.initPage = function(){
-    if( $('body').height() < $(window).height() )
-    {
-        $('html,body').css('height', '100%');
-    }
-};
-
-APP.initMenu = function(){
-    $('.btn-menu-toggle').click(function(e){
-        $('#left-panel').toggleClass('opened');
-        $('#left-panel').niceScroll().resize();
-    });
-
-
-    $('#main .main').niceScroll({
-        cursorborder : "1px solid rgba(0,0,0, 0.15)",
-        cursorwidth : '12px',
-        cursorcolor : 'rgba(0,0,0, 0.5)'
-    });
-
-    $('#left-panel').niceScroll({
-        cursorborder : "1px solid rgba(0,0,0, 0.15)",
-        cursorwidth : '12px',
-        cursorcolor : 'rgba(0,0,0, 0.5)'
-    });
-
-    $("#left-panel li").each(function(){
-        if( $(this).data('active') && $(this).data('active') == menuActive)
-        {
-            $(this).addClass('active');
-            $(this).parents('li').addClass('open');
-            $(this).parents('ul').show();
+/***********************************************************************************
+ * AJAX Error 및 BlockUI 처리
+ ***********************************************************************************/
+APP.initAjaxDefaultSetting = function() {
+    $(document).ajaxError(function(event, request, settings){
+        var message = '알수없는 오류가 발생하였습니다.';
+        if( typeof request.responseJSON != 'undefined' && typeof request.responseJSON.message != 'undefined' ) {
+            message = request.responseJSON.message;
+        }
+        else {
+            if( request.status == 500 ) message = '서버 코드 오류가 발생하였습니다.\n관리자에게 문의하세요';
+            else if ( request.status == 401 ) message = '해당 명령을 실행할 권한이 없습니다.';
         }
+        toastr.error(message, '오류 발생');
+    }).ajaxStart(function(){
+        $.blockUI({
+            css: {width:'25px',top:'49%',left:'49%',border:'0px none',backgroundColor:'transparent',cursor:'wait'},
+            message : '<img src="/assets/images/common/ajax-loader.gif" alt="로딩중">',
+            baseZ : 10000,
+            overlayCSS : {opacity : 0}
+        });
+    }).ajaxComplete(function(){
+        $.unblockUI();
     });
+};
 
-    $('#left-panel #main-navigation a.parent').click(function(e){
-        e.preventDefault();
-        $(this).parent().toggleClass('open');
-        $('#left-panel').niceScroll().resize();
+/***********************************************************************************
+ * 메뉴관련 초기화
+ ***********************************************************************************/
+APP.initMenu = function(){
+    $('#nav .main-navigation li').each(function(){
+       var $this = $(this);
+       var menuCode = $this.data('active');
+
+       if(menuCode == menuActive)
+       {
+           $(this).addClass('active');
+           $(this).parents('li').addClass('active');
+       }
     });
 };
 
 APP.initPlugins = function() {
-
-    $.datepicker.regional['ko'] = {
-        closeText: '닫기',
-        prevText: '이전달',
-        nextText: '다음달',
-        currentText: '오늘',
-        monthNames: ['1월','2월','3월','4월','5월','6월', '7월','8월','9월','10월','11월','12월'],
-        monthNamesShort: ['1월','2월','3월','4월','5월','6월', '7월','8월','9월','10월','11월','12월'],
-        dayNames: ['일','월','화','수','목','금','토'],
-        dayNamesShort: ['일','월','화','수','목','금','토'],
-        dayNamesMin: ['일','월','화','수','목','금','토'],
-        weekHeader: 'Wk',
-        dateFormat: 'yy-mm-dd',
-        firstDay: 0,
-        isRTL: false,
-        showMonthAfterYear: true,
-        yearSuffix: ''
-    };
-
-    $.datepicker.setDefaults($.datepicker.regional['ko']);
-
+    /*
     $('[data-toggle="datepicker"]').datepicker();
 
     $("body").on("click", '[data-toggle="datepicker"]', function(){
@@ -95,6 +77,7 @@ APP.initPlugins = function() {
     $('[data-toggle="datetimepicker"]').datetimepicker({
         format:'Y-m-d H:i'
     });
+    */
 };
 
 APP.initCheckboxAll = function(){
@@ -117,19 +100,13 @@ APP.initCheckboxAll = function(){
 /**********************************************************************************************************************
  * MODAL 관련
  *********************************************************************************************************************/
-APP.MASK = null;
-APP.MASK2 = null;
-APP.modal = null;
-APP.modal2 = null;
-APP.initMask = function(){
+APP.initAx5 = function(){
     APP.MASK = new ax5.ui.mask({
-        zIndex: 1000
-    });
+        zIndex: 1000}
+        );
     APP.MASK2 = new ax5.ui.mask({
         zIndex: 2000
     });
-};
-APP.initModal = function() {
     APP.modal = new ax5.ui.modal({
         absolute: true,
         iframeLoadingMsg: '<i class="far fa-spinner"></i>'
@@ -138,201 +115,12 @@ APP.initModal = function() {
         absolute: true,
         iframeLoadingMsg: '<i class="far fa-spinner"></i>'
     });
-};
-APP.MODAL = function() {
-    var modalCallback = {};
-
-    var defaultCss = {
-        width: 400,
-        height: 400,
-        position: {
-            left: "center",
-            top: "middle"
-        }
-    };
-
-    var defaultOption = $.extend(true, {}, defaultCss, {
-        iframeLoadingMsg: "",
-        iframe: {
-            method: "get",
-            url: "#"
-        },
-        closeToEsc: true,
-        onStateChanged: function onStateChanged() {
-            // mask
-            if (this.state === "open") {
-                APP.MASK.open();
-            } else if (this.state === "close") {
-                APP.MASK.close();
-            }
-        },
-        animateTime: 100,
-        zIndex: 1001,
-        absolute: true,
-        fullScreen: false,
-        header: {
-            title: "새로운 윈도우",
-            btns: {
-                close: {
-                    label: '<i class="far fa-times"></i>', onClick: function onClick() {
-                        APP.MODAL.callback();
-                    }
-                }
-            }
-        }
-    });
-
-    var open = function(modalConfig) {
-
-        modalConfig = $.extend(true, {}, defaultOption, modalConfig);
-        $(document.body).addClass("modalOpened");
-
-        this.modalCallback = modalConfig.callback;
-        this.modalSendData = modalConfig.sendData;
-
-        APP.modal.open(modalConfig);
-    };
-
-    var css = function css(modalCss) {
-        modalCss = $.extend(true, {}, defaultCss, modalCss);
-        APP.modal.css(modalCss);
-    };
-    var align = function align(modalAlign) {
-        APP.modal.align(modalAlign);
-    };
-    var close = function close(data) {
-        APP.modal.close();
-        setTimeout(function () {
-            $(document.body).removeClass("modalOpened");
-        }, 500);
-    };
-    var minimize = function minimize() {
-        APP.modal.minimize();
-    };
-    var maximize = function maximize() {
-        APP.modal.maximize();
-    };
-    var callback = function callback(data) {
-        if (this.modalCallback) {
-            this.modalCallback(data);
-        }
-        this.close(data);
-    };
-    var getData = function getData() {
-        if (this.modalSendData) {
-            return this.modalSendData();
-        }
-    };
-
-    return {
-        "open": open,
-        "css": css,
-        "align": align,
-        "close": close,
-        "minimize": minimize,
-        "maximize": maximize,
-        "callback": callback,
-        "modalCallback": modalCallback,
-        "getData": getData
-    };
-}();
-APP.MODAL2 = function() {
-    var modalCallback = {};
-
-    var defaultCss = {
-        width: 400,
-        height: 400,
-        position: {
-            left: "center",
-            top: "middle"
-        }
-    };
-
-    var defaultOption = $.extend(true, {}, defaultCss, {
-        iframeLoadingMsg: "",
-        iframe: {
-            method: "get",
-            url: "#"
-        },
-        closeToEsc: true,
-        onStateChanged: function onStateChanged() {
-            // mask
-            if (this.state === "open") {
-                APP.MASK2.open();
-            } else if (this.state === "close") {
-                APP.MASK2.close();
-            }
-        },
-        animateTime: 100,
-        zIndex: 2001,
-        absolute: true,
-        fullScreen: false,
-        header: {
-            title: "새로운 윈도우",
-            btns: {
-                close: {
-                    label: '<i class="far fa-times"></i>', onClick: function onClick() {
-                        APP.MODAL2.callback();
-                    }
-                }
-            }
-        }
+    APP.toast = new ax5.ui.toast({
+        containerPosition: "top-right",
+        closeIcon: '<i class="far fa-times"></i>'
     });
+};
 
-    var open = function(modalConfig) {
-
-        modalConfig = $.extend(true, {}, defaultOption, modalConfig);
-        $(document.body).addClass("modalOpened");
-
-        this.modalCallback = modalConfig.callback;
-        this.modalSendData = modalConfig.sendData;
-
-        APP.modal2.open(modalConfig);
-    };
-
-    var css = function css(modalCss) {
-        modalCss = $.extend(true, {}, defaultCss, modalCss);
-        APP.modal2.css(modalCss);
-    };
-    var align = function align(modalAlign) {
-        APP.modal2.align(modalAlign);
-    };
-    var close = function close(data) {
-        APP.modal2.close();
-        setTimeout(function () {
-            $(document.body).removeClass("modalOpened");
-        }, 500);
-    };
-    var minimize = function minimize() {
-        APP.modal2.minimize();
-    };
-    var maximize = function maximize() {
-        APP.modal2.maximize();
-    };
-    var callback = function callback(data) {
-        if (this.modalCallback) {
-            this.modalCallback(data);
-        }
-        this.close(data);
-    };
-    var getData = function getData() {
-        if (this.modalSendData) {
-            return this.modalSendData();
-        }
-    };
-
-    return {
-        "open": open,
-        "css": css,
-        "align": align,
-        "close": close,
-        "minimize": minimize,
-        "maximize": maximize,
-        "callback": callback,
-        "modalCallback": modalCallback,
-        "getData": getData
-    };
-}();
 
 $(function(){
     APP.init();

_src/admin/js/modules/components.js

@@ -0,0 +1,163 @@
+/* ========================================================================
+ * Bootstrap: dropdown.js v3.3.7
+ * http://getbootstrap.com/javascript/#dropdowns
+ * ========================================================================
+ * Copyright 2011-2016 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * ======================================================================== */
++function ($) {
+    'use strict';
+
+    // DROPDOWN CLASS DEFINITION
+    // =========================
+
+    var backdrop = '.dropdown-backdrop'
+    var toggle   = '[data-toggle="dropdown"]'
+    var Dropdown = function (element) {
+        $(element).on('click.bs.dropdown', this.toggle)
+    }
+
+    Dropdown.VERSION = '3.3.7'
+
+    function getParent($this) {
+        var selector = $this.attr('data-target')
+
+        if (!selector) {
+            selector = $this.attr('href')
+            selector = selector && /#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') // strip for ie7
+        }
+
+        var $parent = selector && $(selector)
+
+        return $parent && $parent.length ? $parent : $this.parent()
+    }
+
+    function clearMenus(e) {
+        if (e && e.which === 3) return
+        $(backdrop).remove()
+        $(toggle).each(function () {
+            var $this         = $(this)
+            var $parent       = getParent($this)
+            var relatedTarget = { relatedTarget: this }
+
+            if (!$parent.hasClass('open')) return
+
+            if (e && e.type == 'click' && /input|textarea/i.test(e.target.tagName) && $.contains($parent[0], e.target)) return
+
+            $parent.trigger(e = $.Event('hide.bs.dropdown', relatedTarget))
+
+            if (e.isDefaultPrevented()) return
+
+            $this.attr('aria-expanded', 'false')
+            $parent.removeClass('open').trigger($.Event('hidden.bs.dropdown', relatedTarget))
+        })
+    }
+
+    Dropdown.prototype.toggle = function (e) {
+        var $this = $(this)
+
+        if ($this.is('.disabled, :disabled')) return
+
+        var $parent  = getParent($this)
+        var isActive = $parent.hasClass('open')
+
+        clearMenus()
+
+        if (!isActive) {
+            if ('ontouchstart' in document.documentElement && !$parent.closest('.navbar-nav').length) {
+                // if mobile we use a backdrop because click events don't delegate
+                $(document.createElement('div'))
+                    .addClass('dropdown-backdrop')
+                    .insertAfter($(this))
+                    .on('click', clearMenus)
+            }
+
+            var relatedTarget = { relatedTarget: this }
+            $parent.trigger(e = $.Event('show.bs.dropdown', relatedTarget))
+
+            if (e.isDefaultPrevented()) return
+
+            $this
+                .trigger('focus')
+                .attr('aria-expanded', 'true')
+
+            $parent
+                .toggleClass('open')
+                .trigger($.Event('shown.bs.dropdown', relatedTarget))
+        }
+
+        return false
+    }
+
+    Dropdown.prototype.keydown = function (e) {
+        if (!/(38|40|27|32)/.test(e.which) || /input|textarea/i.test(e.target.tagName)) return
+
+        var $this = $(this)
+
+        e.preventDefault()
+        e.stopPropagation()
+
+        if ($this.is('.disabled, :disabled')) return
+
+        var $parent  = getParent($this)
+        var isActive = $parent.hasClass('open')
+
+        if (!isActive && e.which != 27 || isActive && e.which == 27) {
+            if (e.which == 27) $parent.find(toggle).trigger('focus')
+            return $this.trigger('click')
+        }
+
+        var desc = ' li:not(.disabled):visible a'
+        var $items = $parent.find('.dropdown-menu' + desc)
+
+        if (!$items.length) return
+
+        var index = $items.index(e.target)
+
+        if (e.which == 38 && index > 0)                 index--         // up
+        if (e.which == 40 && index < $items.length - 1) index++         // down
+        if (!~index)                                    index = 0
+
+        $items.eq(index).trigger('focus')
+    }
+
+
+    // DROPDOWN PLUGIN DEFINITION
+    // ==========================
+
+    function Plugin(option) {
+        return this.each(function () {
+            var $this = $(this)
+            var data  = $this.data('bs.dropdown')
+
+            if (!data) $this.data('bs.dropdown', (data = new Dropdown(this)))
+            if (typeof option == 'string') data[option].call($this)
+        })
+    }
+
+    var old = $.fn.dropdown
+
+    $.fn.dropdown             = Plugin
+    $.fn.dropdown.Constructor = Dropdown
+
+
+    // DROPDOWN NO CONFLICT
+    // ====================
+
+    $.fn.dropdown.noConflict = function () {
+        $.fn.dropdown = old
+        return this
+    }
+
+
+    // APPLY TO STANDARD DROPDOWN ELEMENTS
+    // ===================================
+
+    $(document)
+        .on('click.bs.dropdown.data-api', clearMenus)
+        .on('click.bs.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() })
+        .on('click.bs.dropdown.data-api', toggle, Dropdown.prototype.toggle)
+        .on('keydown.bs.dropdown.data-api', toggle, Dropdown.prototype.keydown)
+        .on('keydown.bs.dropdown.data-api', '.dropdown-menu', Dropdown.prototype.keydown)
+
+}(jQuery);

_src/admin/js/modules/modal.js

@@ -0,0 +1,194 @@
+APP.MODAL = function() {
+    var modalCallback = {};
+
+    var defaultCss = {
+        width: 400,
+        height: 400,
+        position: {
+            left: "center",
+            top: "middle"
+        }
+    };
+
+    var defaultOption = $.extend(true, {}, defaultCss, {
+        iframeLoadingMsg: "",
+        iframe: {
+            method: "get",
+            url: "#"
+        },
+        closeToEsc: true,
+        onStateChanged: function onStateChanged() {
+            // mask
+            if (this.state === "open") {
+                APP.MASK.open();
+            } else if (this.state === "close") {
+                APP.MASK.close();
+            }
+        },
+        animateTime: 100,
+        zIndex: 1001,
+        absolute: true,
+        fullScreen: false,
+        header: {
+            title: "새로운 윈도우",
+            btns: {
+                close: {
+                    label: '<i class="far fa-times"></i>', onClick: function onClick() {
+                        APP.MODAL.callback();
+                    }
+                }
+            }
+        }
+    });
+
+    var open = function(modalConfig) {
+
+        modalConfig = $.extend(true, {}, defaultOption, modalConfig);
+        $(document.body).addClass("modalOpened");
+
+        this.modalCallback = modalConfig.callback;
+        this.modalSendData = modalConfig.sendData;
+
+        APP.modal.open(modalConfig);
+    };
+
+    var css = function css(modalCss) {
+        modalCss = $.extend(true, {}, defaultCss, modalCss);
+        APP.modal.css(modalCss);
+    };
+    var align = function align(modalAlign) {
+        APP.modal.align(modalAlign);
+    };
+    var close = function close(data) {
+        APP.modal.close();
+        setTimeout(function () {
+            $(document.body).removeClass("modalOpened");
+        }, 500);
+    };
+    var minimize = function minimize() {
+        APP.modal.minimize();
+    };
+    var maximize = function maximize() {
+        APP.modal.maximize();
+    };
+    var callback = function callback(data) {
+        if (this.modalCallback) {
+            this.modalCallback(data);
+        }
+        this.close(data);
+    };
+    var getData = function getData() {
+        if (this.modalSendData) {
+            return this.modalSendData();
+        }
+    };
+
+    return {
+        "open": open,
+        "css": css,
+        "align": align,
+        "close": close,
+        "minimize": minimize,
+        "maximize": maximize,
+        "callback": callback,
+        "modalCallback": modalCallback,
+        "getData": getData
+    };
+}();
+APP.MODAL2 = function() {
+    var modalCallback = {};
+
+    var defaultCss = {
+        width: 400,
+        height: 400,
+        position: {
+            left: "center",
+            top: "middle"
+        }
+    };
+
+    var defaultOption = $.extend(true, {}, defaultCss, {
+        iframeLoadingMsg: "",
+        iframe: {
+            method: "get",
+            url: "#"
+        },
+        closeToEsc: true,
+        onStateChanged: function onStateChanged() {
+            // mask
+            if (this.state === "open") {
+                APP.MASK2.open();
+            } else if (this.state === "close") {
+                APP.MASK2.close();
+            }
+        },
+        animateTime: 100,
+        zIndex: 2001,
+        absolute: true,
+        fullScreen: false,
+        header: {
+            title: "새로운 윈도우",
+            btns: {
+                close: {
+                    label: '<i class="far fa-times"></i>', onClick: function onClick() {
+                        APP.MODAL2.callback();
+                    }
+                }
+            }
+        }
+    });
+
+    var open = function(modalConfig) {
+
+        modalConfig = $.extend(true, {}, defaultOption, modalConfig);
+        $(document.body).addClass("modalOpened");
+
+        this.modalCallback = modalConfig.callback;
+        this.modalSendData = modalConfig.sendData;
+
+        APP.modal2.open(modalConfig);
+    };
+
+    var css = function css(modalCss) {
+        modalCss = $.extend(true, {}, defaultCss, modalCss);
+        APP.modal2.css(modalCss);
+    };
+    var align = function align(modalAlign) {
+        APP.modal2.align(modalAlign);
+    };
+    var close = function close(data) {
+        APP.modal2.close();
+        setTimeout(function () {
+            $(document.body).removeClass("modalOpened");
+        }, 500);
+    };
+    var minimize = function minimize() {
+        APP.modal2.minimize();
+    };
+    var maximize = function maximize() {
+        APP.modal2.maximize();
+    };
+    var callback = function callback(data) {
+        if (this.modalCallback) {
+            this.modalCallback(data);
+        }
+        this.close(data);
+    };
+    var getData = function getData() {
+        if (this.modalSendData) {
+            return this.modalSendData();
+        }
+    };
+
+    return {
+        "open": open,
+        "css": css,
+        "align": align,
+        "close": close,
+        "minimize": minimize,
+        "maximize": maximize,
+        "callback": callback,
+        "modalCallback": modalCallback,
+        "getData": getData
+    };
+}();

_src/admin/js/modules/toast.js

@@ -0,0 +1,23 @@
+APP.TOAST = {
+    confirm : function(msg) {
+        APP.toast.push({
+            theme : 'default',
+            icon : '<i class="far fa-bell"></i>',
+            msg : msg
+        });
+    },
+    error : function(msg) {
+        APP.toast.push({
+            theme : 'danger',
+            icon : '<i class="far fa-exclamation-circle"></i>',
+            msg : msg
+        });
+    },
+    success: function(msg) {
+        APP.toast.push({
+            theme : 'success',
+            icon : '<i class="far fa-check-circle"></i>',
+            msg : msg
+        })
+    }
+};

_src/admin/scss/_variables.scss

@@ -1,15 +1,26 @@
+// 반응형 포인트
+$break-desktop : 1200px;
+$break-tablet : 992px;
+$break-mobile : 768px;
+
 // 색상 변수
-$color-primary : #282828;   // 메인 컬러
-$color-secondary : #282828; // 서브 컬러
+$color-primary : #5399ea;   // 메인 컬러
+$color-secondary : #404040; // 서브 컬러
+$color-success : #1ffd32;
+$color-info : #3498db;
+$color-warning : #ffb802;
+$color-danger : #e32815;
+$color-light : #f8f9fa;
+$color-dark : #343a40;
 
-$body-color : #212529;      // 기본 텍스트 색상
-$body-bg-color : #FFFFFF;   // 기본 배경 색상
+$body-color : #282828;      // 기본 텍스트 색상
+$body-bg-color : #f4f8f9;   // 기본 배경 색상
 
 $link-color : $body-color;          // 링크 텍스트 색상
 $link-hover-color : $color-primary; // 링크 오버시 텍스트 색상
 
 // 폰트 관련
-$font-family-base : 나눔고딕,NanumGothic,NanumGothicWeb,'나눔 고딕',sans-serif;     // 기본글자에 사용 되는 폰트
+$font-family-base : 'Noto Sans KR',sans-serif;     // 기본글자에 사용 되는 폰트
 $font-family-heading : $font-family-base;                                           // 헤딩태그에 사용 되는 폰트
 $font-size-base   : 14px;
 $font-weight-base : 400;
@@ -19,39 +30,50 @@ $line-height-base : 1.5em;
 // 애니메이션
 $default-animation : ease;
 
-// 반응형 포인트
-$break-desktop : 1200px;
-$break-tablet : 992px;
-$break-mobile : 768px;
-
 // 테이블 관련
 $table-cell-padding:          .75rem !default;
 $table-cell-padding-sm:       .3rem !default;
 
-// Default Button 색상 지정
-$btn-default-text : #242424;
-$btn-default-bg : #fff;
-$btn-default-border : #8f8f8f;
-$btn-default-hover-bg : #e6e6e6;
-$btn-default-hover-border : #4f4f4f;
-
-// Primary Button 색상 지정
-$btn-primary-text : #fff;
-$btn-primary-bg : #3498db;
-$btn-primary-border : #616161;
-$btn-primary-hover-bg : #256d9c;
-$btn-primary-hover-border : #000;
-
-// Warning Button 색상 지정
-$btn-warning-text : #242424;
-$btn-warning-bg : #FFB802;
-$btn-warning-border : #b58200;
-$btn-warning-hover-bg : #ce9400;
-$btn-warning-hover-border : #352600;
-
-// Danger Button 색상 지정
-$btn-danger-text : #fff;
-$btn-danger-bg : #e32815;
-$btn-danger-border : #e37170;
-$btn-danger-hover-bg : #e34249;
-$btn-danger-hover-border : #e37170;
+// 버튼 및 INPUT
+$input-btn-padding-y  : $font-size-base * 0.375 !default; // 상하
+$input-btn-padding-x  : $font-size-base * 0.75 !default; // 좌우
+$input-btn-font-size  : $font-size-base !default;
+$input-btn-line-height: $line-height-base !default;
+$input-btn-border-radius : 4px !default;
+
+$input-btn-padding-y-xs:      $font-size-base * 0.125 !default;
+$input-btn-padding-x-xs:      $font-size-base * 0.25 !default;
+$input-btn-font-size-xs:      $font-size-base * 0.75 !default;
+$input-btn-line-height-xs:    $line-height-base !default;
+$input-btn-border-radius-xs : 2px !default;
+
+$input-btn-padding-y-sm:      $font-size-base * 0.25 !default;
+$input-btn-padding-x-sm:      $font-size-base * 0.5 !default;
+$input-btn-font-size-sm:      $font-size-base * 0.875 !default;
+$input-btn-line-height-sm:    $line-height-base !default;
+$input-btn-border-radius-sm : 3px !default;
+
+$input-btn-padding-y-lg:      $font-size-base * 0.5 !default;
+$input-btn-padding-x-lg:      $font-size-base !default;
+$input-btn-font-size-lg:      $font-size-base * 1.25 !default;
+$input-btn-line-height-lg:    $line-height-base !default;
+$input-btn-border-radius-lg : 6px !default;
+
+$theme-colors: () !default;
+$theme-colors: map-merge((
+        "primary":    $color-primary,
+        "secondary":  $color-secondary,
+        "success":    $color-success,
+        "info":       $color-info,
+        "warning":    $color-warning,
+        "danger":     $color-danger,
+        "light" : $color-light,
+        "dark" : $color-dark,
+        "default" : $color-light
+), $theme-colors);
+
+$brand-primary : $color-primary;
+$brand-success : $color-success;
+$brand-info : $color-info;
+$brand-warning : $color-warning;
+$brand-danger : $color-danger;

_src/admin/scss/admin.scss

@@ -13,21 +13,27 @@
 
 // 각종 컴포넌트
 @import "components/buttons";
+@import "components/dropdown";
 @import "components/grid";
 @import "components/form";
 
 // 각종 플러그인 SCSS 및 플러그인 커스텀
-@import "plugins/bootstrap_custom";
 @import "plugins/jquery_ui";
-@import "plugins/plugins_custom";
-@import "plugins/toastr";
 @import "plugins/fontawesome5/fontawesome";
 @import "plugins/fontawesome5/fa-regular";
 @import "plugins/fontawesome5/fa-light";
 @import "plugins/fontawesome5/fa-solid";
 @import "plugins/fontawesome5/fa-brands";
-@import "plugins/modal";
 @import "plugins/jquery.datetimepicker.css";
+@import "plugins/ax5ui/ax5";
+@import "plugins/ax5ui/ax5grid";
+@import "plugins/ax5ui/ax5mask";
+@import "plugins/ax5ui/ax5modal";
+@import "plugins/ax5ui/ax5toast";
+@import "plugins/ax5ui/ax5calendar";
+@import "plugins/ax5ui/ax5picker";
+@import "plugins/plugins_custom";
 
 // 각 페이지 SCSS 파일
 @import "pages/login";
+

_src/admin/scss/boot/_function.scss

@@ -0,0 +1,13 @@
+@function color-yiq($color, $dark: #212529, $light: #fff) {
+  $r: red($color);
+  $g: green($color);
+  $b: blue($color);
+
+  $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
+
+  @if ($yiq >= 150) {
+    @return #343a40;
+  } @else {
+    @return #f8f9fa;
+  }
+}

_src/admin/scss/boot/_mixins.scss

@@ -1,7 +1,34 @@
-@mixin admin_clearfix{
-  display:table;
-  content:'';
+// Clear FIX
+@mixin clear-fix() {
+  display:block;
   clear:both;
+  content:"";
+}
+
+@mixin clear-fix-after() {
+  &:after {
+    display:block;
+    clear:both;
+    content:"";
+  }
+}
+
+// Global Transition
+@mixin transition($second:.3s, $target:all, $animation:$default-animation)
+{
+  -webkit-transition: $target $second $animation;
+  -moz-transition: $target $second $animation;
+  -ms-transition: $target $second $animation;
+  -o-transition: $target $second $animation;
+  transition: $target $second $animation;
+}
+
+// Display flex & Prefix
+@mixin display-flex()
+{
+  -webkit-display:flex;
+  display:-ms-flex;
+  display:flex;
 }
 
 @mixin background-gradient($start, $end )
@@ -11,44 +38,46 @@
   background-image: linear-gradient(to bottom,$start, $end);
 }
 
-@mixin button-generator($txt-color, $bg-color, $border-color, $hover-color, $hover-border-color )
-{
-  color: $txt-color;
-  background-color: $bg-color;
-  border-color: $border-color;
-
-  &:focus, &.focus {
-    color: $txt-color;
-    background-color: $hover-color;
-    border-color: $border-color;
-  }
+@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
+  padding: $padding-y $padding-x;
+  font-size: $font-size;
+  line-height: $line-height;
+  border-radius: $border-radius;
+}
+
+@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {
+  color: color-yiq($background);
+  background-color:$background;
+  border-color: $border;
+
   &:hover {
-    color: $txt-color;
-    background-color: $hover-color;
-    border-color: $hover-border-color;
-  }
-  &:active, &.active, .open > &.dropdown-toggle {
-    color: $txt-color;
-    background-color: $hover-color;
-    border-color: $hover-border-color;
+    color: color-yiq($hover-background);
+    background-color :$hover-background;
+    border-color: $hover-border;
   }
 
-  &:active:hover, &:active:focus, &:active.focus, &.active:hover, &.active:focus, &.active.focus, .open > &.dropdown-toggle:hover, .open > &.dropdown-toggle:focus, .open > &.dropdown-toggle.focus {
-    color: $txt-color;
-    background-color: $hover-color;
-    border-color: $hover-border-color;
-  }
+  &:focus,
+  &.focus {
 
-  &:active, &.active, .open > &.dropdown-toggle {
-    background-image: none;
   }
 
-  &.disabled:hover, &.disabled:focus, &.disabled.focus, &[disabled]:hover, &[disabled]:focus, &[disabled].focus, fieldset[disabled] &:hover, fieldset[disabled] &:focus, fieldset[disabled] &.focus {
-    background-color: #fff;
-    border-color: #8f8f8f;
+  // Disabled comes first so active can properly restyle
+  &.disabled,
+  &:disabled {
+    color: color-yiq($background);
+    background-color: $background;
+    border-color: $border;
   }
 
-  .badge {
-    color: #fff; background-color: #242424;
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active,
+  .show > &.dropdown-toggle {
+    color: color-yiq($active-background);
+    background-color: $active-background;
+    border-color: $active-border;
+
+    &:focus {
+
+    }
   }
-}
+}

_src/admin/scss/common/_layout.scss

@@ -1,297 +1,208 @@
-html,
 body {
-  min-height:100%;
+  height:100vh;
 }
+$header-height : 50px;
+$nav-height : 59px;
 
-body,
-html,
-input,
-select,
-button,
-textarea {
-  font-family: Roboto, "Spoqa Han Sans", "Spoqa Han Sans JP", Sans-serif;
-}
-
-
-.application {
-  position:absolute;
-  top:0;
-  left:0;
-  right:0;
-  bottom:0;
-  -webkit-display:flex;
-  display:flex;
-  flex-direction: column;
-}
-
-.background-container {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: -1;
-  background-color: #3f4245;
-
-  .bg-1 {
-    background-image: url(../images/admin/bg-dark.png);
-    background-size: cover;
-    background-position: center center;
-    background-repeat: no-repeat;
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    z-index: 2;
-  }
-
-  .bg-2 {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    background: url(../images/admin/bg-noise.png);
-    z-index: 2;
-  }
-}
-
-#nav-bar {
-  flex-grow: 0;
-  flex-shrink: 0;
-  z-index: 1000;
-  background-color: rgba(0,0,0,.7);
-  height:60px;
-  width:100%;
+#header {
+  position:relative;
+  @include display-flex();
+  height:$header-height;
+  background: #5399ea; /* Old browsers */
+  background: -moz-linear-gradient(left, #5399ea 0%, #5ec0cc 100%); /* FF3.6-15 */
+  background: -webkit-linear-gradient(left, #5399ea 0%,#5ec0cc 100%); /* Chrome10-25,Safari5.1-6 */
+  background: linear-gradient(to right, #5399ea 0%,#5ec0cc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5399ea', endColorstr='#5ec0cc',GradientType=1 ); /* IE6-9 */
+  padding:0 30px;
+  z-index:101;
+  align-items: center;
 
   .logo {
-    display:flex;
-    height:60px;
-    //background:rgba(0,0,0,.7);
+    display:block;
     color:#fff;
-    font-weight:900;
-    font-size:20px;
-    justify-content: center;
-    align-items: center;
-    text-decoration: none;
-    width:200px;
+    font-size:19px;
   }
 
-
-  .btn-menu-toggle {
-    display:none;
-    @media screen and (max-width:768px) {
-      display:block;
-      position:fixed;
-      right:15px;
-      top:15px;
-      font-size:24px;
-      background:transparent;
-      border:0;
-      color:#fff;
-    }
+  .top-navs {
+    -ms-flex:1;
+    -webkit-flex:1;
+    flex:1;
   }
 
-  .btn-logout {
-    position:fixed;
-    right:15px;
-    top:15px;
-    font-size:24px;
+
+  .btn-top-action {
+    padding:14px;
+    cursor:pointer;
     background:transparent;
-    border:0;
+    position:relative;
     color:#fff;
+    border:0 none;
+    outline:none !important;
+    font-size:13px;
 
-    @media screen and (max-width:768px) {
-      display:none;
+    i {
+      font-size:20px;
+      vertical-align: middle;
     }
   }
-}
-
-#content {
-  position: relative;
-  flex-grow: 1;
-  overflow: hidden;
-  -webkit-overflow-scrolling: touch;
-  display:flex;
-
 
-  #left-panel {
-    width:200px;
-    overflow:hidden;
-    background-color: rgba(0,0,0,.15);
-
-    @media screen and (max-width:768px) {
-      width:0px;
-
-      &.opened {
-        width:100%;
-        position: absolute;
-        z-index: 100;
-        background: #000;
+  .btn-user {
+    display:inline-block;
+
+    .btn-top-action {
+
+      &:after {
+        content:"\f107";
+        font-family:'Font Awesome 5 Pro';
+        position:absolute;
+        right:0px;
+        top:50%;
+        -webkit-transform: translateY(-50%);
+        -moz-transform: translateY(-50%);
+        -ms-transform: translateY(-50%);
+        -o-transform: translateY(-50%);
+        transform: translateY(-50%);
       }
     }
+  }
+}
 
-    #main-navigation {
-      list-style:none;
-      padding:0;
-      margin:0;
-
-      > li {
-        display:block;
+#nav {
+  position:relative;
+  z-index: 100;
+  width: 100%;
+  height: $nav-height;
+  background-color: #ffffff;
+  border-bottom: 1px solid #e6e6e6;
+  padding:0 30px;
+
+  .main-navigation {
+    @include display-flex();
+    height:$nav-height;
+    padding:0;
+    margin:0;
+    list-style:none;
+    flex-wrap:wrap;
+
+    > li {
+      display:block;
+      position:relative;
+      margin-right:30px;
+
+      > a {
+        @include display-flex();
+        height:$nav-height;
+        justify-content: center;
+        align-items: center;
+        color:#282828;
+        font-size:0;
+        font-weight:500;
+        padding-left:0;
+        padding-right:45px;
         position:relative;
-        -webkit-transition: all .2s ease;
-        -moz-transition: all .2s ease;
-        -ms-transition: all .2s ease;
-        -o-transition: all .2s ease;
-        transition: all .2s ease;
 
-        &:first-child {
-          border-top: 0;
+        &:after {
+          content:"\f107";
+          font-family:'Font Awesome 5 Pro';
+          position:absolute;
+          font-size:15px;
+          right:15px;
+          top:50%;
+          -webkit-transform: translateY(-50%);
+          -moz-transform: translateY(-50%);
+          -ms-transform: translateY(-50%);
+          -o-transform: translateY(-50%);
+          transform: translateY(-50%);
         }
 
-        > a {
-          display:block;
-          padding:20px 10px;
-          color:#c8c8c8;
-          border-left:2px solid #293242;
-          font-size:14px;
-          text-decoration: none;
-          -webkit-transition: all .2s ease;
-          -moz-transition: all .2s ease;
-          -ms-transition: all .2s ease;
-          -o-transition: all .2s ease;
-          transition: all .2s ease;
+        i, span {
+          font-size:15px;
+        }
 
-          > i {
-            margin-right:5px;
-          }
+        i + span {
+          margin-left:6px;
+        }
+      }
 
-          &:after {
-            content:"\f105";
-            font-family:'Font Awesome 5 Pro';
-            position:absolute; right:20px; top:20px;
-            -webkit-transition: all .2s ease;
-            -moz-transition: all .2s ease;
-            -ms-transition: all .2s ease;
-            -o-transition: all .2s ease;
-            transition: all .2s ease;
-          }
+      &.active {
+        > a {
+          color:$color-primary;
         }
+      }
 
-        > ul {
-          height:0;
-          visibility: hidden;
-          opacity:0;
-          margin:0;
-          padding:0;
-          list-style:none;
-          -webkit-transition: all .2s ease;
-          -moz-transition: all .2s ease;
-          -ms-transition: all .2s ease;
-          -o-transition: all .2s ease;
-          transition: all .2s ease;
+      > ul {
+        height:0;
+        visibility: hidden;
+        opacity:0;
+        z-index:101;
+        position:absolute;
+        top:100%;
+        left:0;
+        width:130px;
+        background:#fff;
+        list-style:none;
+        padding:0;
+        margin:0;
+        border:1px solid #767676;
+
+        li {
+          display:block;
 
-          > li {
+          a {
             display:block;
-            //border-top:1px solid rgba(#ccc,0.4);
-
-            > a {
-              padding:15px 25px;
-              display:block;
-              color:#c8c8c8;
-              text-decoration:none;
-
-              background: rgba(0,0,0,0.4);
-            }
-
-            &:hover > a {
-              color:#fff;
-            }
+            padding:12px 15px;
+            font-size:13px;
+            color:#282828;
+            cursor:pointer;
 
-            &.active {
-              > a {
-                background:#fff;
-                color:#282828;
-              }
+            &:hover {
+              background-color:#f4f8f9;
             }
-
           }
-        }
-
 
-        &.open {
-
-          > a:after {
-            -webkit-transform: rotate(90deg);
-            -moz-transform:rotate(90deg);
-            transform:rotate(90deg);
-          }
-
-          > ul {
-            height:auto;
-            visibility: visible;
-            opacity:1;
+          &.active {
+            a {
+              background-color:#f4f8f9;
+              color:$color-primary;
+            }
           }
         }
+      }
 
-        &:active > a,
-        &:hover > a {
-          border-color:#96ddfe;
-          color:#f1f3f6;
+      &:hover {
+        > ul {
+          height:auto;
+          visibility: visible;
+          opacity:1;
+          -webkit-transition: visibility .3s, opacity .3s;
+          -moz-transition: visibility .3s, opacity .3s;
+          -ms-transition: visibility .3s, opacity .3s;
+          -o-transition: visibility .3s, opacity .3s;
+          transition: visibility .3s, opacity .3s;
         }
-
       }
     }
   }
-
-  #main {
-    -webkit-flex:1;
-    flex:1;
-    -webkit-box-flex: 1;
-    -webkit-flex-grow: 1;
-    flex-grow: 1;
-    position:relative;
-    color:#fff;
-
-    .main {
-      padding:15px;
-      height:100%;
-      overflow-x:hidden;
-      overflow-y:scroll;
-    }
-  }
 }
 
-#header {
-  background:#3498db;
-  >:first-child {
-    background:#3498db;
-  }
-}
-
-.frame-content {
-  background-color:#3f4245;
-  min-height:100%;
-  color:#fff;
-  padding:15px;
+#contents {
+  padding:30px;
+  height: calc(100vh - #{$header-height} - #{$nav-height});
+  overflow-y:auto;
 }
 
 .page-header {
-  -webkit-display:flex;
-  display:flex;
-  background-color: rgba(0,0,0,.15);
-  border:0px;
-  color: hsla(0,0%,100%,.7);
-  margin:-15px -15px 15px;
-  padding:0px 15px;
-  height:60px;
-  justify-content: left;
-  align-items: center;
-  z-index:10;
-
-  @media screen and (max-width:768px) {
-    left:0px;
-  }
+  margin-bottom:30px;
 
   .page-title {
-    margin:0px;
-    font-size:18px;
+    font-size:23px;
+    font-weight:500;
+    color:#282828;
+
+    small {
+      color:#767676;
+      font-size:12px;
+      margin-left:15px;
+    }
   }
 }

_src/admin/scss/common/_utility.scss

@@ -47,4 +47,16 @@
   .P#{$i * 5} {
     padding:5px * $i;
   }
+}
+
+.text-center {
+  text-align:center !important;
+}
+
+.text-left {
+  text-align:left !important;
+}
+
+.text-right {
+  text-align:right !important;
 }

_src/admin/scss/components/_buttons.scss

@@ -1,111 +1,87 @@
 .btn {
   display: inline-block;
-  margin-bottom: 0;
-  font-weight: 500;
+  font-weight: 400;
+  color: $body-color;
   text-align: center;
   vertical-align: middle;
-  touch-action: manipulation;
-  cursor: pointer;
-  background-image: none;
-  border: 1px solid transparent;
-  white-space: nowrap;
-  padding: 3px 7px;
-  font-size: 13px;
-  line-height: 1.42857;
-  border-radius: 5px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
+  background-color: transparent;
+  border: 1px solid transparent;
+  @include button-size( $input-btn-padding-y , $input-btn-padding-x, $input-btn-font-size, $input-btn-line-height, $input-btn-border-radius );
+  @include transition();
 
-  &:focus,
-  &.focus,
-  &:active:focus,
-  &:active.focus,
-  &.active:focus,
-  &.active.focus {
-    outline: 5px auto -webkit-focus-ring-color;
-    outline-offset: -2px;
+  &:hover {
+    color: $body-color;
+    text-decoration: none;
   }
 
-  &:hover,
   &:focus,
   &.focus {
-    color: #242424;
-    text-decoration: none;
-  }
-
-  &:active,
-  &.active {
     outline: 0;
-    background-image: none;
-    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+    box-shadow:none;
   }
 
   &.disabled,
-  &[disabled],
-  fieldset[disabled] & {
-    cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none;
+  &:disabled {
+    opacity: 0.4;
+    box-shadow:none;
   }
 
-  &a.disabled,
-  fieldset[disabled] &a {
-    pointer-events: none;
+  &:not(:disabled):not(.disabled) {
+    cursor: pointer;
   }
 
-  &.btn-default,
-  &.btn-white {
-    @include button-generator(#fff, hsla(0,0%,100%,.25), transparent, hsla(0,0%,100%,.3), transparent);
-  }
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active {
+    &:focus {
 
-  &.btn-primary {
-    @include button-generator(#fff, #cc7b19, transparent, #b56d16, transparent);
+    }
   }
+}
 
-  &.btn-warning {
-    @include button-generator($btn-warning-text, $btn-warning-bg, $btn-warning-border, $btn-warning-hover-bg, $btn-warning-hover-border);
-  }
+// Future-proof disabling of clicks on `<a>` elements
+a.btn.disabled,
+fieldset:disabled a.btn {
+  pointer-events: none;
+}
 
-  &.btn-danger {
-    @include button-generator($btn-danger-text, $btn-danger-bg, $btn-danger-bg, $btn-danger-hover-bg, $btn-danger-hover-bg);
+@each $color, $value in $theme-colors {
+  .btn-#{$color} {
+    @include button-variant($value, $value);
   }
+}
 
-  &.btn-lg,
-  .btn-group-lg > & {
-    padding: 6px 12px;
-    font-size: 17px;
-    line-height: 1.33333;
-    border-radius: 5px;
-  }
+.btn-xs {
+  @include button-size($input-btn-padding-y-xs, $input-btn-padding-x-xs, $input-btn-font-size-xs, $input-btn-line-height-xs, $input-btn-border-radius-xs);
+}
 
-  &.btn-sm,
-  .btn-group-sm > & {
-    padding: 2px 4px;
-    font-size: 12px;
-    line-height: 1.5;
-    border-radius: 2px;
-  }
+.btn-lg {
+  @include button-size($input-btn-padding-y-lg, $input-btn-padding-x-lg, $input-btn-font-size-lg, $input-btn-line-height-lg, $input-btn-border-radius-lg);
+}
 
-  &.btn-xs,
-  .btn-group-xs > & {
-    padding: 1px 5px;
-    font-size: 12px;
-    line-height: 1.5;
-    border-radius: 2px;
-  }
+.btn-sm {
+  @include button-size($input-btn-padding-y-sm, $input-btn-padding-x-sm, $input-btn-font-size-sm, $input-btn-line-height-sm, $input-btn-border-radius-sm);
+}
 
-  &.btn-block {
-    display:block;
-    width:100%;
+.btn-block {
+  display: block;
+  width: 100%;
 
-    + .btn-block {
-      margin-top: 5px;
-    }
+  + .btn-block {
+    margin-top: 10px;
+  }
+}
 
-    &input[type="submit"],
-    &input[type="reset"],
-    &input[type="button"] {
-      width: 100%;
-    }
+// Specificity overrides
+input[type="submit"],
+input[type="reset"],
+input[type="button"] {
+  &.btn-block {
+    width: 100%;
   }
 }
+
+.btn-group {
+  display:inline-block;
+  position:relative;
+}

_src/admin/scss/components/_dropdown.scss

@@ -0,0 +1,122 @@
+
+// The dropdown wrapper (div)
+.dropup,
+.dropdown {
+  position: relative;
+}
+
+// Prevent the focus on the dropdown toggle when closing dropdowns
+.dropdown-toggle:focus {
+  outline: 0;
+}
+
+// The dropdown menu (ul)
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000 ;
+  display: none;
+  float: left;
+  min-width: 160px;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+  font-size: $font-size-base;
+  text-align: left;
+  background-color: #fff;
+  border: 1px solid #767676;
+  border-radius: 0;
+  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
+  -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
+  box-shadow: 0 6px 12px rgba(0,0,0,.175);
+  background-clip: padding-box;
+
+  &.pull-right {
+    right: 0;
+    left: auto;
+  }
+
+  .divider {
+
+  }
+
+  // Links within the dropdown menu
+  > li > a {
+    display: block;
+    padding:12px 15px;
+    font-size:13px;
+    clear: both;
+    font-weight: normal;
+    line-height: $line-height-base;
+    color: $body-color;
+    white-space: nowrap; // prevent links from randomly breaking onto new lines
+  }
+}
+
+// Hover/Focus state
+.dropdown-menu > li > a {
+  &:hover,
+  &:focus {
+    text-decoration: none;
+    color: $color-primary ;
+    background-color: #f4f8f9;
+  }
+}
+
+// Active state
+.dropdown-menu > .active > a {
+  &,
+  &:hover,
+  &:focus {
+    color: $color-primary;
+    text-decoration: none;
+    outline: 0;
+    background-color: #f4f8f9;
+  }
+}
+
+// Open state for the dropdown
+.open {
+
+  > .dropdown-menu {
+    display: block;
+  }
+
+  > a {
+    outline: 0;
+  }
+}
+
+.dropdown-menu-right {
+  left: auto;
+  right: 0;
+}
+
+.dropdown-menu-left {
+  left: 0;
+  right: auto;
+}
+
+.dropdown-backdrop {
+  position: fixed;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  top: 0;
+  z-index: 990;
+}
+
+.pull-right > .dropdown-menu {
+  right: 0;
+  left: auto;
+}
+
+.dropup,
+.navbar-fixed-bottom .dropdown {
+  .dropdown-menu {
+    top: auto;
+    bottom: 100%;
+    margin-bottom: 2px;
+  }
+}

_src/admin/scss/components/_form.scss

@@ -1,5 +1,6 @@
 
-/* 버튼그룹 */
+
+//버튼그룹
 .ax-button-group {
   display: table;
   width: 100%;
@@ -56,10 +57,7 @@
 
   [data-ax-tr] {
     border-bottom: 1px solid #D8D8D8;
-
-    &:after {
-      @include admin_clearfix;
-    }
+    @include clear-fix-after();
 
     [data-ax-td] {
       float: left;

_src/admin/scss/components/_grid.scss

@@ -6,7 +6,7 @@
   border:0px;
 
   table {
-    border-collapse: separate;
+    border-collapse: collapse;
     border-spacing: 0;
     border: 0 none;
     width: 100%;
@@ -23,22 +23,19 @@
         padding: 0;
         position: relative;
         overflow: hidden;
-        background-color: rgba(0,0,0,.15);
+        background-color: #fafafa;
         border: 0px none;
-        color: #fff;
+        color: #282828;
 
         th {
           box-sizing: border-box;
           overflow: hidden;
           position: relative;
           padding: 10px;
-          border: 0 none;
           height:38px;
           text-align:center;
-
-          &:last-child {
-            border-right:0px;
-          }
+          border:1px solid #ddd;
+          font-weight:400;
         }
       }
     }
@@ -51,31 +48,16 @@
 
         td {
           line-height:21px;
-          padding:10px;
-
-          &:last-child {
-            border-right:0px;
-          }
+          padding:5px 10px;
+          background-color:#fff;
+          border:1px solid #ddd;
+          font-weight:300;
 
           &.empty {
             height:300px;
             vertical-align: middle;
             text-align:center;
           }
-
-          &.active {
-            color:#f9be03;
-          }
-
-          a {
-            color:#fff;
-          }
-        }
-
-        &:last-child {
-          td {
-            border-bottom:0px;
-          }
         }
       }
     }

_src/admin/scss/plugins/_bootstrap_custom.scss

@@ -1,359 +0,0 @@
-/* 좌측메뉴 */
-#logo-group #logo>a {font-family:Arial;}
-nav ul ul li>a {font-size:12px;}
-
-/* 회원 메뉴 */
-.dropdown-menu>li>a {font-size:12px;}
-
-/* 페이지네이션 */
-.pagination>li>a, .pagination>li>span { color:#777; }
-.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover { color :#ddd;}
-.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background:$btn-primary-bg; border-color:$btn-primary-border;}
-
-/* Input */
-input[type="checkbox"], input[type="radio"] { display: inline-block; position: static; margin: 0 3px; vertical-align: middle; }
-.form-control{ display: block; width: 100%; height: 26px; padding: 3px 6px; font-size: 13px; line-height: 1.42857; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 3px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s}
-
-.nav-cards {
-  margin-bottom:20px;
-  > li {
-    float:none;
-    margin:0;
-    > .card {
-      padding: 10px 20px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      color:#eee;
-      background-color: rgba(0,0,0,.15);
-
-      &:focus,
-      &:hover {
-        text-decoration: none;
-        background-color: hsla(0,0%,100%,.08);
-      }
-
-      &.selected {
-        color:#f9be03;
-      }
-    }
-  }
-}
-
-.nav-card-tabs {
-  margin-bottom:0px;
-
-  &:after {
-    clear:both;
-    content:'';
-    display:table;
-  }
-  > li {
-    float:left;
-    margin:0;
-
-    > .card {
-      padding: 10px 20px;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      color:#eee;
-      background-color: hsla(0,0%,100%,.08);
-
-      &:focus,
-      &:hover {
-        text-decoration: none;
-        background-color: hsla(0,0%,100%,.08);
-        color:#f9be03;
-      }
-
-      &.selected,
-      &.selected:hover {
-        color:#f9be03;
-        background-color:rgba(0,0,0,.15);
-      }
-    }
-  }
-}
-
-label,
-label.control-label {font-weight:400;}
-
-.panel.panel-dark {
-  background-color:transparent;
-
-  .panel-heading {
-    position: relative;
-    background-color: rgba(0,0,0,.15);
-    line-height:50px;
-
-    .panel-title {
-      font-size:16px;
-    }
-  }
-
-  .panel-body {
-    border-left:1px solid rgba(0,0,0,.15);
-    border-right:1px solid rgba(0,0,0,.15);
-    border-bottom:1px solid rgba(0,0,0, .15);
-
-    &.no-padding {
-      padding:0px;
-    }
-
-    .cke_chrome {
-      border:0px;
-    }
-  }
-
-  .panel-footer {
-    position: relative;
-    background-color: rgba(0,0,0,.15);
-    border:0px;
-    text-align:right;
-  }
-}
-
-.form-control {
-  color:#eee;
-  height: 38px;
-  padding: 6px 12px;
-  font-size: 14px;
-  vertical-align: middle;
-  background-color: hsla(0,0%,100%,.25);
-  -webkit-transition: background-color .2s;
-  -moz-transition: background-color .2s;
-  -ms-transition: background-color .2s;
-  -o-transition: background-color .2s;
-  transition: background-color .2s;
-  box-shadow:none;
-  border:0;
-  line-height:1.5em;
-
-  &:focus {
-    outline: 0;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-  }
-
-  &:focus:not([disabled]):not([readonly]) {
-    color: #555;
-    background-color: #eee;
-  }
-
-  &[disabled],
-  &[readonly] {
-    background:rgba(0,0,0,0.1);
-    color:#797979;
-  }
-}
-
-select.form-control {
-  margin-top:1px;
-}
-
-.form-control-inline {
-  display:inline-block;
-  width:auto;
-}
-textarea.form-control {
-  resize:vertical;;
-}
-.form-flex {
-  .form-group {
-    -webkit-display:flex;
-    display:flex;
-
-    .control-label {
-      width:150px;
-      display:block;
-      text-align:right;
-      padding-top:11px;
-
-      &.control-label-sm {
-        width:100px;
-      }
-
-      &.control-label-xs {
-        width:50px;
-      }
-    }
-
-    .controls {
-      margin-left:15px;
-      flex:1;
-      vertical-align: middle;
-
-      .form-control-static {
-        padding-top:11px;
-      }
-    }
-  }
-}
-
-.alert-info {
-  color: #fff;
-  background-color: rgba(0,0,0,0.14);
-  border-color: transparent;
-}
-
-.alert-danger {
-  background-color: rgba(0,0,0,0.14);
-  border-color: transparent;
-}
-
-.w-check {
-  position: relative;
-  margin:0;
-  line-height:21px;
-  padding:7.5px 0;
-
-  & + .w-check {
-    margin-left:30px;
-  }
-
-  input[type="checkbox"] {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip:rect(0,0,0,0); border: 0;
-
-    & + span {
-      display: inline-block;
-      position: relative;
-      padding-left: 30px;
-      cursor: pointer;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-
-      &:before {
-        content: '';
-        position: absolute;
-        left: 0;
-        width: 21px;
-        height: 21px;
-        line-height:21px;
-        text-align: center;
-        background: rgba(0,0,0,0.15);
-        border: 0px;
-        font-family:'Font Awesome 5 Pro';
-      }
-    }
-
-    &:checked + span:before {
-      content:'\f00c';
-      background: rgba(0,0,0,0.5);
-      color: #cc7b19;
-    }
-  }
-}
-
-.w-radio {
-  position: relative;
-  margin:0;
-  line-height:21px;
-  padding:7.5px 0;
-
-  & + .w-radio {
-    margin-left:30px;
-  }
-
-  input[type="radio"] {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip:rect(0,0,0,0); border: 0;
-
-    & + span {
-      display: inline-block;
-      position: relative;
-      padding-left: 30px;
-      cursor: pointer;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-
-      &:before {
-        content: '';
-        position: absolute;
-        left: 0;
-        width: 21px;
-        height: 21px;
-        line-height:21px;
-        text-align: center;
-        background: rgba(0,0,0,0.15);
-        border: 0px;
-        border-radius: 100%;
-        font-family:'Font Awesome 5 Pro';
-      }
-    }
-
-    &:checked + span:before {
-      content:'\f00c';
-      background: rgba(0,0,0,0.5);
-      color: #cc7b19;
-    }
-  }
-}
-
-.pagination {
-  > li {
-    > a,
-    > span {
-      color:#fff;
-      background:rgba(0,0,0, 0.15);
-      border:0px;
-
-      &:focus,
-      &:hover {
-        color:#cc7b19;
-        background-color:rgba(0,0,0,0.15);
-        border:0px;
-      }
-    }
-
-    &.active {
-      > a,
-      > a:focus,
-      > a:hover,
-      > span,
-      > span:focus,
-      > span:hover {
-        background:rgba(0,0,0, 0.5);
-        color:#fff;
-      }
-    }
-
-    &.disabled {
-      > a,
-      > a:focus,
-      > a:hover,
-      > span,
-      > span:focus,
-      > span:hover {
-        background:rgba(0,0,0, 0.15);
-        color:#797979;
-      }
-    }
-
-  }
-}
-
-.dropdown-menu-dark {
-  background:#3f4245;
-
-  .divider {
-    background:rgba(0,0,0,0.15);
-  }
-}
-
-hr {
-  border-top:1px solid rgba(0,0,0,0.15);
-}

_src/admin/scss/plugins/_modal.scss

@@ -1,616 +0,0 @@
-.ax-masking {
-  -webkit-filter: blur(3px);
-  -webkit-transform: scale(0.96);
-  -moz-transform: scale(0.96);
-  -ms-transform: scale(0.96);
-  -o-transform: scale(0.96);
-  transform: scale(0.96);
-  -webkit-transform: translateZ(0);
-  -moz-transform: translateZ(0);
-  -ms-transform: translateZ(0);
-  -o-transform: translateZ(0);
-  transform: translateZ(0)
-}
-
-.ax-mask {
-  box-sizing: border-box;
-  z-index: 1000;
-  position: fixed;
-  left: 0px;
-  top: 0px;
-  width: 100%;
-  height: 100%;
-
-  .ax-mask-bg {
-    z-index: 1;
-    position: absolute;
-    left: 0px;
-    top: 0px;
-    width: 100%;
-    height: 100%;
-    background: #000;
-    opacity: .6;
-  }
-
-  .ax-mask-content {
-    z-index: 2;
-    position: absolute;
-    left: 0px;
-    top: 0px;
-    width: 100%;
-    height: 100%;
-    display: table;
-    vertical-align: middle;
-    text-align: center;
-    color: #fff;
-    text-shadow: 0px 1px 0px #000;
-
-    * {
-      color:inherit;
-    }
-
-    > div {
-      display: table-cell;
-      vertical-align: middle;
-      text-align: center
-    }
-  }
-
-  &.fade-out {
-    -webkit-animation: ax-mask-fade-out .25s;
-    -o-animation: ax-mask-fade-out .25s;
-    animation: ax-mask-fade-out .25s;
-    opacity: 0.0
-  }
-}
-
-
-.ax5modal {
-  -webkit-animation: ax-modal .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
-  -o-animation: ax-modal .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
-  animation: ax-modal .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
-  -webkit-transform: translateZ(0px);
-  -moz-transform: translateZ(0px);
-  -ms-transform: translateZ(0px);
-  -o-transform: translateZ(0px);
-  transform: translateZ(0px);
-  box-sizing: border-box;
-  background-color: #3f4245;
-  border: 1px solid rgba(0,0,0,0.4);
-  border-radius: 4px;
-  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
-  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
-  z-index: 2000;
-  position: fixed;
-  left: 0px;
-  top: 0px;
-  box-sizing: content-box;
-
-  .ax-modal-header {
-    user-select: none;
-    padding: 10px 15px;
-    border-top-left-radius: 4px;
-    border-top-right-radius: 4px;
-    font-size:13px;
-    cursor: move;
-    color: #fff;
-    background:rgba(0,0,0,.15);
-    font-weight:400;
-    border:0px;
-
-    .ax-modal-header-addon {
-      position: absolute;
-      right: 0px;
-      top: 0px;
-      padding: 10px 10px;
-
-      a {
-        color: #333;
-        outline: 0
-      }
-
-      [data-modal-header-btn] {
-        border: 0;
-        padding: 0px 2px;
-        background: transparent;
-        display: inline-block;
-        text-align: center;
-        cursor: pointer;
-        outline: 0
-      }
-    }
-  }
-
-  .ax-modal-body {
-    border-bottom-left-radius: 4px;
-    border-bottom-right-radius: 4px;
-    padding: 0px;
-    text-align: center;
-    -webkit-box-flex: 1;
-    -moz-box-flex: 1;
-    box-flex: 1;
-    -webkit-flex: 1;
-    -moz-flex: 1;
-    -ms-flex: 1;
-    flex: 1;
-    position: relative;
-    overflow: hidden;
-
-    iframe {
-      border: 0 none
-    }
-
-    .fadeIn {
-      -webkit-animation: ax-modal-fade-in .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
-      -o-animation: ax-modal-fade-in .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
-      animation: ax-modal-fade-in .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards
-    }
-
-    .fadeOut {
-      -webkit-animation: ax-modal-fade-out .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
-      -o-animation: ax-modal-fade-out .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
-      animation: ax-modal-fade-out .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards
-    }
-
-  }
-
-  &.destroy {
-    -webkit-animation: ax-modal-destroy .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
-    -o-animation: ax-modal-destroy .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
-    animation: ax-modal-destroy .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards
-  }
-
-  &.fullscreen {
-    border: 0px none;
-    border-radius: 0px;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    -webkit-animation: ax-modal-fullscreen .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
-    -o-animation: ax-modal-fullscreen .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
-    animation: ax-modal-fullscreen .3s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards
-  }
-
-  &.fullscreen.destroy {
-    -webkit-animation: ax-modal-fullscreen-destroy .3s cubic-bezier(0.19, 1, 0.22, 1) forwards;
-    -o-animation: ax-modal-fullscreen-destroy .3s cubic-bezier(0.19, 1, 0.22, 1) forwards;
-    animation: ax-modal-fullscreen-destroy .3s cubic-bezier(0.19, 1, 0.22, 1) forwards
-  }
-
-  &.draged .ax-modal-header {
-    opacity: 0.5
-  }
-
-  &.draged .ax-modal-body {
-    opacity: 0.5
-  }
-
-  [data-ax5modal-resizer] {
-    position: absolute;
-    display: block;
-
-    &:before {
-      position: absolute;
-      content: ' ';
-      display: block;
-      width: auto;
-      height: auto;
-      left: auto;
-      top: auto;
-      right: auto;
-      bottom: auto
-    }
-
-    &[data-ax5modal-resizer="top"] {
-      left: 0;
-      top: 0;
-      width: 100%;
-      height: 0;
-
-      &:before {
-        width: 100%;
-        height: 8px;
-        left: 0;
-        top: -4px;
-        cursor: row-resize
-      }
-    }
-
-    &[data-ax5modal-resizer="bottom"] {
-      left: 0;
-      bottom: 0;
-      width: 100%;
-      height: 0;
-
-      &:before {
-        width: 100%;
-        height: 8px;
-        left: 0;
-        top: -4px;
-        cursor: row-resize;
-      }
-    }
-
-
-    &[data-ax5modal-resizer="left"] {
-      left: 0;
-      top: 0;
-      width: 0;
-      height: 100%;
-
-      &:before {
-        width: 8px;
-        height: 100%;
-        left: -4px;
-        top: 0;
-        cursor: col-resize
-      }
-    }
-
-
-    &[data-ax5modal-resizer="right"] {
-      right: 0;
-      top: 0;
-      width: 0;
-      height: 100%;
-
-      &:before {
-        width: 8px;
-        height: 100%;
-        left: -4px;
-        top: 0;
-        cursor: col-resize
-      }
-    }
-
-
-    &[data-ax5modal-resizer="top-left"] {
-      left: 0;
-      top: 0;
-      width: 0;
-      height: 0;
-
-      &:before {
-        width: 8px;
-        height: 8px;
-        left: -4px;
-        top: -4px;
-        cursor: nwse-resize
-      }
-    }
-
-
-    &[data-ax5modal-resizer="top-right"] {
-      right: 0;
-      top: 0;
-      width: 0;
-      height: 0;
-      &:before {
-        width: 8px;
-        height: 8px;
-        left: -4px;
-        top: -4px;
-        cursor: nesw-resize
-      }
-    }
-
-
-    &[data-ax5modal-resizer="bottom-left"] {
-      left: 0;
-      bottom: 0;
-      width: 0;
-      height: 0;
-
-      &:before {
-        width: 8px;
-        height: 8px;
-        left: -4px;
-        top: -4px;
-        cursor: nesw-resize
-      }
-    }
-
-
-    &[data-ax5modal-resizer="bottom-right"] {
-      right: 0;
-      bottom: 0;
-      width: 0;
-      height: 0;
-
-      &:before {
-        width: 8px;
-        height: 8px;
-        left: -4px;
-        top: -4px;
-        cursor: nwse-resize
-      }
-    }
-  }
-}
-
-
-.ax5modal-resizer-background {
-  position: fixed;
-  left: 0px;
-  top: 0px;
-  width: 100%;
-  height: 100%;
-  background: transparent;
-  z-index: 2000;
-  cursor: move
-}
-
-.ax5modal-resizer {
-  position: absolute;
-  left: 0px;
-  top: 0px;
-  z-index: 2001;
-  cursor: move;
-  box-sizing: border-box;
-  background-color: #ccc;
-  border: 1px solid red;
-  opacity: .3;
-  border-radius: 4px;
-  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
-  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6)
-}
-
-
-@-webkit-keyframes ax-mask {
-  from {
-    opacity: 0.0
-  }
-  to {
-    opacity: .6
-  }
-}
-
-@-moz-keyframes ax-mask {
-  from {
-    opacity: 0.0
-  }
-  to {
-    opacity: .6
-  }
-}
-
-@keyframes ax-mask {
-  from {
-    opacity: 0.0
-  }
-  to {
-    opacity: .6
-  }
-}
-
-@-webkit-keyframes ax-mask-fade-out {
-  from {
-    opacity: .6
-  }
-  to {
-    opacity: 0.0
-  }
-}
-
-@-moz-keyframes ax-mask-fade-out {
-  from {
-    opacity: .6
-  }
-  to {
-    opacity: 0.0
-  }
-}
-
-@keyframes ax-mask-fade-out {
-  from {
-    opacity: .6
-  }
-  to {
-    opacity: 0.0
-  }
-}
-
-@-webkit-keyframes ax-modal {
-  0% {
-    opacity: 0.0;
-    -webkit-transform: scale(0.8)
-  }
-  100% {
-    opacity: 1.0;
-    -webkit-transform: scale(1)
-  }
-}
-
-@-moz-keyframes ax-modal {
-  0% {
-    opacity: 0.0;
-    -moz-transform: scale(0.8)
-  }
-  100% {
-    opacity: 1.0;
-    -moz-transform: scale(1)
-  }
-}
-
-@keyframes ax-modal {
-  0% {
-    opacity: 0.0;
-    -webkit-transform: scale(0.8);
-    -moz-transform: scale(0.8);
-    -ms-transform: scale(0.8);
-    -o-transform: scale(0.8);
-    transform: scale(0.8)
-  }
-  100% {
-    opacity: 1.0;
-    -webkit-transform: scale(1);
-    -moz-transform: scale(1);
-    -ms-transform: scale(1);
-    -o-transform: scale(1);
-    transform: scale(1)
-  }
-}
-
-@-webkit-keyframes ax-modal-destroy {
-  100% {
-    opacity: 0.0;
-    -webkit-transform: translateY(20%)
-  }
-  0% {
-    opacity: 1.0;
-    -webkit-transform: translateY(0)
-  }
-}
-
-@-moz-keyframes ax-modal-destroy {
-  100% {
-    opacity: 0.0;
-    -moz-transform: translateY(20%)
-  }
-  0% {
-    opacity: 1.0;
-    -moz-transform: translateY(0)
-  }
-}
-
-@keyframes ax-modal-destroy {
-  100% {
-    opacity: 0.0;
-    -webkit-transform: translateY(20%);
-    -moz-transform: translateY(20%);
-    -ms-transform: translateY(20%);
-    -o-transform: translateY(20%);
-    transform: translateY(20%)
-  }
-  0% {
-    opacity: 1.0;
-    -webkit-transform: translateY(0);
-    -moz-transform: translateY(0);
-    -ms-transform: translateY(0);
-    -o-transform: translateY(0);
-    transform: translateY(0)
-  }
-}
-
-@-webkit-keyframes ax-modal-fullscreen {
-  0% {
-    -webkit-transform: translateY(20%)
-  }
-  100% {
-    -webkit-transform: translateY(0)
-  }
-}
-
-@-moz-keyframes ax-modal-fullscreen {
-  0% {
-    -moz-transform: translateY(20%)
-  }
-  100% {
-    -moz-transform: translateY(0)
-  }
-}
-
-@keyframes ax-modal-fullscreen {
-  0% {
-    -webkit-transform: translateY(20%);
-    -moz-transform: translateY(20%);
-    -ms-transform: translateY(20%);
-    -o-transform: translateY(20%);
-    transform: translateY(20%)
-  }
-  100% {
-    -webkit-transform: translateY(0);
-    -moz-transform: translateY(0);
-    -ms-transform: translateY(0);
-    -o-transform: translateY(0);
-    transform: translateY(0)
-  }
-}
-
-@-webkit-keyframes ax-modal-fullscreen-destroy {
-  0% {
-    -webkit-transform: translateY(0)
-  }
-  100% {
-    -webkit-transform: translateY(100%)
-  }
-}
-
-@-moz-keyframes ax-modal-fullscreen-destroy {
-  0% {
-    -moz-transform: translateY(0)
-  }
-  100% {
-    -moz-transform: translateY(100%)
-  }
-}
-
-@keyframes ax-modal-fullscreen-destroy {
-  0% {
-    -webkit-transform: translateY(0);
-    -moz-transform: translateY(0);
-    -ms-transform: translateY(0);
-    -o-transform: translateY(0);
-    transform: translateY(0)
-  }
-  100% {
-    -webkit-transform: translateY(100%);
-    -moz-transform: translateY(100%);
-    -ms-transform: translateY(100%);
-    -o-transform: translateY(100%);
-    transform: translateY(100%)
-  }
-}
-
-@-webkit-keyframes ax-modal-fade-in {
-  0% {
-    opacity: 0.0
-  }
-  100% {
-    opacity: 1.0
-  }
-}
-
-@-moz-keyframes ax-modal-fade-in {
-  0% {
-    opacity: 0.0
-  }
-  100% {
-    opacity: 1.0
-  }
-}
-
-@keyframes ax-modal-fade-in {
-  0% {
-    opacity: 0.0
-  }
-  100% {
-    opacity: 1.0
-  }
-}
-
-@-webkit-keyframes ax-modal-fade-out {
-  0% {
-    opacity: 1.0
-  }
-  100% {
-    opacity: 0.0
-  }
-}
-
-@-moz-keyframes ax-modal-fade-out {
-  0% {
-    opacity: 1.0
-  }
-  100% {
-    opacity: 0.0
-  }
-}
-
-@keyframes ax-modal-fade-out {
-  0% {
-    opacity: 1.0
-  }
-  100% {
-    opacity: 0.0
-  }
-}

_src/admin/scss/plugins/_plugins_custom.scss

@@ -1,228 +0,0 @@
-/* JQUERY-UI */
-.ui-icon,
-.ui-widget-content .ui-icon { background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png"); }
-.ui-widget-header .ui-icon { background-image: url("../images/jquery-ui/ui-icons_444444_256x240.png"); }
-.ui-state-hover .ui-icon,
-.ui-state-focus .ui-icon,
-.ui-button:hover .ui-icon,
-.ui-button:focus .ui-icon { background-image: url("../images/jquery-ui/ui-icons_555555_256x240.png"); }
-.ui-state-active .ui-icon,
-.ui-button:active .ui-icon { background-image: url("../images/jquery-ui/ui-icons_ffffff_256x240.png"); }
-.ui-state-highlight .ui-icon,
-.ui-button .ui-state-highlight.ui-icon { background-image: url("../images/jquery-ui/ui-icons_777620_256x240.png"); }
-.ui-state-error .ui-icon,
-.ui-state-error-text .ui-icon { background-image: url("../images/jquery-ui/ui-icons_cc0000_256x240.png"); }
-.ui-button .ui-icon { background-image: url("../images/jquery-ui/ui-icons_777777_256x240.png");}
-.ui-button.ui-state-active:hover,
-.ui-button:active,
-.ui-state-active,
-.ui-widget-content
-.ui-state-active,
-.ui-widget-header
-.ui-state-active,
-a.ui-button:active {
-  border: 1px solid $btn-primary-border;
-  background: $btn-primary-bg;
-  color:#fff;
-}
-
-/* AX5UI-MODAL */
-.ax5modal .ax-modal-header { font-size:13px;}
-
-/* 순서변경시 아이콘에 커서변경 */
-.sort-handle-icon {cursor:move;}
-
-/* 카테고리용 */
-.category-list {
-  background:rgba(0,0,0,0.15);
-  padding:15px 20px;
-
-  li {
-    background:url(../images/admin/treeview_line.gif) 0px 0px no-repeat;
-    display:block;
-
-    > div {
-      display:block;
-      padding:5px 5px 0px 22px;
-      line-height:23px;
-      color:#fff;
-      text-decoration:none;
-      vertical-align:middle;
-
-      span {
-        vertical-align:bottom;
-      }
-
-      > span.move-item {
-        cursor:move;
-        border:1px dashed transparent;
-
-        &:hover {
-          //border:1px dashed #e0e0e0;
-          color:#cc7b19;
-        }
-      }
-
-      > button.btn-xs {
-        margin-left:10px;
-        display:none;
-
-        +button {
-          margin-left:0px;
-        }
-      }
-
-      &:hover {
-        >button {
-          display:inline-block;
-        }
-      }
-    }
-
-    &:last-child { background-position-y:-1768px; }
-  }
-
-  > li {
-    background:none;
-
-    &.ui-sortable-placeholder {
-      background:#f0f0f0;
-    }
-
-    > div {
-      padding-left:0px;
-
-      > button.btn-xs {
-        display:inline-block;
-      }
-    }
-
-    > ul > li {
-      background-position-y: -2px;
-      > ul.items > li {
-        background-position: 22px -2px;
-
-        > div {
-          padding-left: 44px;
-        }
-
-        &:last-child {
-          background-position-y: -1768px;
-        }
-      }
-    }
-  }
-}
-
-.cke {
-  border:0px !important;
-  .cke_inner {
-    background:transparent;
-  }
-
-  .cke_bottom,
-  .cke_top {
-    border:0px;
-    background:rgba(0,0,0, 0.14);
-  }
-
-  .cke_combo_button,
-  .cke_button {
-    background: rgba(0,0,0,.14);
-  }
-
-  .cke_toolgroup {
-    background:transparent;
-  }
-
-  .cke_toolbar_separator {
-    //background:transparent;
-  }
-  .cke_path_item, .cke_path_empty {
-    color:#fff;
-    text-shadow:none;
-  }
-  .cke_source {
-    color:#222;
-  }
-}
-
-
-.ui-datepicker {
-  border:0px !important;
-  border-radius:0px !important;
-  background:#3f4245;
-  box-shadow: 0px 10px 10px rgba(0,0,0,0.15);
-  padding:0px;
-
-  .ui-datepicker-header {
-    border-radius:0px !important;
-    border:0px;
-    background:rgba(0,0,0,0.15);
-
-    .ui-datepicker-title {
-      color:#fff;
-    }
-
-    .ui-datepicker-prev,
-    .ui-datepicker-next {
-      border-radius:0px;
-      width:auto;
-      font-weight:400;
-
-      &:after {
-        font-size: 16px;
-        text-align: center;
-        display: inline-block;
-      }
-      .ui-icon {
-        display:none
-      }
-
-      &.ui-state-hover {
-        background:transparent;
-        color:#cc7b19;
-        border:0px;
-      }
-    }
-    .ui-datepicker-prev {
-      &:after {
-        content:'\f32a';
-        font-family:'Font Awesome 5 Pro';
-        color:#fff;
-      }
-
-    }
-    .ui-datepicker-next {
-      &:after {
-        content:'\f32b';
-        font-family:'Font Awesome 5 Pro';
-        color:#fff;
-      }
-    }
-  }
-  .ui-datepicker-calendar {
-    color:#fff;
-
-    td {
-      border:0px;
-      padding:0px;
-
-      a {
-        background:transparent;
-        color:#fff;
-        border:0px !important;
-
-        &.ui-state-active {
-          background:#3498db;
-        }
-
-        &.ui-state-highlight {
-          background:#cc7b19;
-          color:#fff;
-        }
-      }
-    }
-
-  }
-}

_src/admin/scss/plugins/_toastr.scss

@@ -1,220 +0,0 @@
-.toast-title {
-  font-weight: bold;
-}
-.toast-message {
-  -ms-word-wrap: break-word;
-  word-wrap: break-word;
-  a,
-  label {
-    color: #ffffff;
-  }
-  a {
-    &:hover {
-      color: #cccccc;
-      text-decoration: none;
-    }
-  }
-}
-.toast-close-button {
-  position: relative;
-  right: -0.3em;
-  top: -0.3em;
-  float: right;
-  font-size: 20px;
-  font-weight: bold;
-  color: #ffffff;
-  -webkit-text-shadow: 0 1px 0 #ffffff;
-  text-shadow: 0 1px 0 #ffffff;
-  opacity: 0.8;
-  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-  filter: alpha(opacity=80);
-
-  &:hover,
-  &:focus {
-    color: #000000;
-    text-decoration: none;
-    cursor: pointer;
-    opacity: 0.4;
-    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-    filter: alpha(opacity=40);
-  }
-}
-
-button.toast-close-button {
-
-  padding: 0;
-  cursor: pointer;
-  background: transparent;
-  border: 0;
-  -webkit-appearance: none;
-}
-
-#toast-container {
-  position: fixed;
-  z-index: 999999;
-  pointer-events: none;
-
-  * {
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-
-  > div {
-    position: relative;
-    pointer-events: auto;
-    overflow: hidden;
-    margin: 0 0 6px;
-    padding: 15px 15px 15px 50px;
-    width: 300px;
-    -moz-border-radius: 3px 3px 3px 3px;
-    -webkit-border-radius: 3px 3px 3px 3px;
-    border-radius: 3px 3px 3px 3px;
-    background-position: 15px center;
-    background-repeat: no-repeat;
-    -moz-box-shadow: 0 0 12px #999999;
-    -webkit-box-shadow: 0 0 12px #999999;
-    box-shadow: 0 0 12px #999999;
-    color: #ffffff;
-    opacity: 0.8;
-    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
-    filter: alpha(opacity=80);
-  }
-
-  > :hover {
-    -moz-box-shadow: 0 0 12px #000000;
-    -webkit-box-shadow: 0 0 12px #000000;
-    box-shadow: 0 0 12px #000000;
-    opacity: 1;
-    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
-    filter: alpha(opacity=100);
-    cursor: pointer;
-  }
-
-  > .toast-info {
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
-  }
-
-  > .toast-error {
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
-  }
-
-  > .toast-success {
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
-  }
-
-  > .toast-warning {
-    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
-  }
-
-  &.toast-top-center {
-    top: 0;
-    right: 0;
-    width: 100%;
-  }
-
-  &.toast-bottom-center {
-    bottom: 0;
-    right: 0;
-    width: 100%;
-  }
-
-  &.toast-top-full-width {
-    top: 0;
-    right: 0;
-    width: 100%;
-  }
-
-  &.toast-bottom-full-width {
-    bottom: 0;
-    right: 0;
-    width: 100%;
-  }
-
-  &.toast-top-left {
-    top: 12px;
-    left: 12px;
-  }
-
-  &.toast-top-right {
-    top: 12px;
-    right: 12px;
-  }
-
-  &.toast-bottom-right {
-    right: 12px;
-    bottom: 12px;
-  }
-
-  &.toast-bottom-left {
-    bottom: 12px;
-    left: 12px;
-  }
-
-  &.toast-top-center > div,
-  &.toast-bottom-center > div {
-    width: 300px;
-    margin-left: auto;
-    margin-right: auto;
-  }
-
-  &.toast-top-full-width > div,
-  &.toast-bottom-full-width > div {
-    width: 96%;
-    margin-left: auto;
-    margin-right: auto;
-  }
-}
-
-.toast {
-  background-color: #030303;
-}
-.toast-success {
-  background-color: #51a351;
-}
-.toast-error {
-  background-color: #bd362f;
-}
-.toast-info {
-  background-color: #2f96b4;
-}
-.toast-warning {
-  background-color: #f89406;
-}
-.toast-progress {
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  height: 4px;
-  background-color: #000000;
-  opacity: 0.4;
-  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
-  filter: alpha(opacity=40);
-}
-/*Responsive Design*/
-@media all and (max-width: 240px) {
-  #toast-container > div {
-    padding: 8px 8px 8px 50px;
-    width: 11em;
-  }
-  #toast-container .toast-close-button {
-    right: -0.2em;
-    top: -0.2em;
-  }
-}
-@media all and (min-width: 241px) and (max-width: 480px) {
-  #toast-container > div {
-    padding: 8px 8px 8px 50px;
-    width: 18em;
-  }
-  #toast-container .toast-close-button {
-    right: -0.2em;
-    top: -0.2em;
-  }
-}
-@media all and (min-width: 481px) and (max-width: 768px) {
-  #toast-container > div {
-    padding: 15px 15px 15px 50px;
-    width: 25em;
-  }
-}

_src/admin/scss/plugins/ax5ui/_ax5.scss

@@ -0,0 +1,3 @@
+@import "bourbon_support";
+@import "mixin";
+

_src/admin/scss/plugins/ax5ui/_ax5calendar.scss

@@ -0,0 +1,351 @@
+$ax5calendar-control-bg: #f5f5f5 !default;
+$ax5calendar-control-border: 1px solid #ddd !default;
+$ax5calendar-control-border-radius: 5px !default;
+$ax5calendar-control-font-size: ceil(($font-size-base * 1.25)) !default;
+$ax5calendar-control-text-color: #222 !default;
+$ax5calendar-control-hover-text-color: $brand-primary !default;
+$ax5calendar-control-padding: 0 !default;
+
+$ax5calendar-header-bg: (#FFFFFF, #FFFFFF) !default;
+$ax5calendar-header-border: 0px none !default;
+$ax5calendar-header-padding: 0px 2px !default;
+$ax5calendar-header-font-size: ceil(($font-size-base * 0.8)) !default;
+
+$ax5calendar-body-bg: (#FFFFFF, #FFFFFF) !default;
+$ax5calendar-body-border: 0px none !default;
+$ax5calendar-body-font-size: ceil(($font-size-base * 1)) !default;
+$ax5calendar-body-animation-in: ax5-ui-calendar-fadein !default;
+$ax5calendar-body-animation-out: ax5-ui-calendar-fadeout !default;
+
+$ax5calendar-sun-text-color: #C78B81 !default;
+$ax5calendar-sat-text-color: #32B4DC !default;
+
+$ax5calendar-date-bg: (#FFFFFF, #FFFFFF) !default;
+$ax5calendar-date-text-color: #C3C4C6 !default;
+$ax5calendar-live-bg: (#F0F0F0, #F0F0F0) !default;
+$ax5calendar-live-text-color: #6D6E70 !default;
+$ax5calendar-hover-bg: (#32B4DC, #32B4DC) !default;
+$ax5calendar-hover-text-color: #fff !default;
+$ax5calendar-focus-bg: (#E67241, #E67241) !default;
+$ax5calendar-focus-text-color: #fff !default;
+$ax5calendar-period-bg: (#82d3fa, #82d3fa) !default;
+$ax5calendar-period-text-color: #fff !default;
+
+
+$ax5calendar-item-day-radius: 5px !default;
+$ax5calendar-item-month-radius: 5px !default;
+$ax5calendar-item-year-radius: 5px !default;
+
+@mixin extend-item-theme() {
+    &.holiday {
+        color: $ax5calendar-sun-text-color;
+    }
+}
+
+// mixins --------------------------------------------- end
+
+@include keyframes(ax5-ui-calendar-fadeout) {
+    from {
+        opacity: 1.0;
+    }
+    to {
+        opacity: 0.5;
+    }
+}
+
+@include keyframes(ax5-ui-calendar-fadein) {
+    from {
+        opacity: 0.5;
+    }
+    to {
+        opacity: 1.0;
+    }
+}
+
+.ax5-ui-calendar {
+    box-sizing: border-box;
+    * {
+        box-sizing: border-box;
+    }
+    position: relative;
+    .calendar-control {
+        position: relative;
+        box-sizing: content-box;
+        @include ax-background($ax5calendar-control-bg);
+        border: $ax5calendar-control-border;
+        border-radius: $ax5calendar-control-border-radius;
+        font-size: $ax5calendar-control-font-size;
+        margin-bottom: 5px;
+        padding: $ax5calendar-control-padding;
+
+        .date-move-left, .date-move-right {
+            display: block;
+            position: absolute;
+            overflow: hidden;
+
+            text-align: center;
+            font-size: ceil($ax5calendar-control-font-size * 1.2);
+            cursor: pointer;
+            text-decoration: none;
+            padding: $ax5calendar-control-padding;
+            i, span {
+                line-height: inherit;
+            }
+        }
+
+        .date-move-left {
+            left: 0px;
+            top: 0px;
+        }
+        .date-move-right {
+            right: 0px;
+            top: 0px;
+        }
+        .date-display {
+            text-align: center;
+            [data-calendar-display] {
+                margin: 0px 10px;
+                cursor: pointer;
+                text-decoration: underline;
+            }
+        }
+
+        color: $ax5calendar-control-text-color;
+        a {
+            color: $ax5calendar-control-text-color;
+        }
+        a:hover {
+            color: $ax5calendar-control-hover-text-color;
+        }
+    }
+    .calendar-body {
+        &.fadein {
+            @include animation($ax5calendar-body-animation-in 0.1s ease-in-out);
+            opacity: 1.0;
+        }
+        &.fadeout {
+            @include animation($ax5calendar-body-animation-out 0.1s ease-in-out);
+            opacity: 0.0;
+        }
+
+        table {
+            box-sizing: border-box;
+            table-layout: fixed;
+            border-collapse: collapse;
+            border-spacing: 0px;
+            border: 0px none;
+            thead {
+                td, th {
+                    box-sizing: border-box;
+                    vertical-align: middle;
+                    line-height: 1em;
+                    cursor: pointer;
+                    text-align: center;
+                    font-size: $ax5calendar-header-font-size;
+                    padding: $ax5calendar-header-padding;
+                    border: $ax5calendar-header-border;
+                    overflow: hidden;
+                    @include ax-background($ax5calendar-header-bg);
+
+                    color: $ax5calendar-live-text-color;
+                    &.calendar-col-0 {
+                        color: $ax5calendar-sun-text-color;
+                    }
+                    &.calendar-col-6 {
+                        color: $ax5calendar-sat-text-color;
+                    }
+                }
+            }
+            tbody {
+                td, th {
+                    box-sizing: border-box;
+                    vertical-align: middle;
+                    line-height: 1em;
+                    cursor: pointer;
+                    text-align: center;
+                    font-size: $ax5calendar-body-font-size;
+
+                    border: $ax5calendar-body-border;
+                    @include ax-background($ax5calendar-body-bg);
+
+                    overflow: hidden;
+                    .calendar-item-day {
+                        position: relative;
+                        display: block;
+                        width: 100%;
+                        height: 100%;
+                        vertical-align: middle;
+                        border-radius: $ax5calendar-item-day-radius;
+                        overflow: hidden;
+                        line-height: inherit;
+                        @include ax-background($ax5calendar-date-bg);
+                        color: $ax5calendar-date-text-color;
+                        font-size: $ax5calendar-body-font-size;
+
+                        span.addon {
+                            position: absolute;
+                            width: 100%;
+                            text-align: center;
+                            line-height: $ax5calendar-body-font-size * 0.8;
+                            font-size: $ax5calendar-body-font-size * 0.8;
+
+                            &.addon-header {
+                                left: 0px;
+                                top: 1px;
+                            }
+                            &.addon-footer {
+                                left: 0px;
+                                bottom: 1px;
+                            }
+                        }
+
+                        &.live {
+                            @include ax-background($ax5calendar-live-bg);
+                            color: $ax5calendar-live-text-color;
+                            span.addon {
+                                color: #A1A1A1;
+                            }
+                            &.sunday {
+                                color: $ax5calendar-sun-text-color;
+                            }
+                            &.saturday {
+                                color: $ax5calendar-sat-text-color;
+                            }
+                        }
+                        &.focus {
+                            @include ax-background($ax5calendar-focus-bg);
+                            color: $ax5calendar-focus-text-color;
+                            span.addon {
+                                color: $ax5calendar-focus-text-color;
+                            }
+                            &.hover {
+                                @include ax-background($ax5calendar-hover-bg);
+                                color: $ax5calendar-hover-text-color !important;
+                                span.addon {
+                                    color: $ax5calendar-hover-text-color;
+                                }
+                            }
+                        }
+                        &.period {
+                            @include ax-background($ax5calendar-period-bg);
+                            color: $ax5calendar-period-text-color !important;
+                            span.addon {
+                                color: $ax5calendar-period-text-color;
+                            }
+                        }
+                        &.selected-day {
+                            @include ax-background($ax5calendar-hover-bg);
+                            color: $ax5calendar-hover-text-color !important;
+                            span.addon {
+                                color: $ax5calendar-hover-text-color;
+                            }
+                        }
+                        &.disable {
+                            @include ax-background($ax5calendar-date-bg);
+                            color: lighten($ax5calendar-date-text-color, 10%);
+                        }
+
+                        @include extend-item-theme();
+                    }
+                    .calendar-item-month {
+                        display: block;
+                        width: 100%;
+                        height: 100%;
+                        vertical-align: middle;
+                        border-radius: $ax5calendar-item-month-radius;
+                        overflow: hidden;
+                        line-height: inherit;
+                        @include ax-background($ax5calendar-date-bg);
+                        color: $ax5calendar-date-text-color;
+                        font-size: $ax5calendar-body-font-size;
+
+                        &.live {
+                            @include ax-background($ax5calendar-live-bg);
+                            color: $ax5calendar-live-text-color;
+                        }
+                        &.hover {
+                            @include ax-background($ax5calendar-hover-bg);
+                            color: $ax5calendar-hover-text-color;
+                        }
+                        &.focus {
+                            @include ax-background($ax5calendar-focus-bg);
+                            color: $ax5calendar-focus-text-color;
+                        }
+                        &.selected-month {
+                            @include ax-background($ax5calendar-hover-bg);
+                            color: $ax5calendar-hover-text-color !important;
+                            span.addon {
+                                color: $ax5calendar-hover-text-color;
+                            }
+                            span.lunar {
+                                color: $ax5calendar-hover-text-color;
+                            }
+                        }
+                        &.disable {
+                            @include ax-background($ax5calendar-date-bg);
+                            color: lighten($ax5calendar-date-text-color, 10%);
+                        }
+                        @include extend-item-theme();
+                    }
+                    .calendar-item-year {
+                        display: block;
+                        width: 100%;
+                        height: 100%;
+                        vertical-align: middle;
+                        border-radius: $ax5calendar-item-year-radius;
+                        overflow: hidden;
+                        line-height: inherit;
+                        @include ax-background($ax5calendar-date-bg);
+                        color: $ax5calendar-date-text-color;
+                        font-size: $ax5calendar-body-font-size;
+
+                        &.live {
+                            @include ax-background($ax5calendar-live-bg);
+                            color: $ax5calendar-live-text-color;
+                        }
+                        &.hover {
+                            @include ax-background($ax5calendar-hover-bg);
+                            color: $ax5calendar-hover-text-color;
+                        }
+                        &.focus {
+                            @include ax-background($ax5calendar-focus-bg);
+                            color: $ax5calendar-focus-text-color;
+                        }
+                        &.selected-year {
+                            @include ax-background($ax5calendar-hover-bg);
+                            color: $ax5calendar-hover-text-color !important;
+                            span.addon {
+                                color: $ax5calendar-hover-text-color;
+                            }
+                            span.lunar {
+                                color: $ax5calendar-hover-text-color;
+                            }
+                        }
+                        &.disable {
+                            @include ax-background($ax5calendar-date-bg);
+                            color: lighten($ax5calendar-date-text-color, 10%);
+                        }
+                        @include extend-item-theme();
+                    }
+
+                    /*
+                    &.calendar-col-0 {
+                        .calendar-item-day.live {
+                            color: $ax5calendar-sun-text-color;
+                            @include extend-item-theme();
+                        }
+                    }
+                    &.calendar-col-6 {
+                        .calendar-item-day.live {
+                            color: $ax5calendar-sat-text-color;
+                            @include extend-item-theme();
+                        }
+                    }
+                    */
+
+                }
+            }
+        }
+    }
+
+}

_src/admin/scss/plugins/ax5ui/_ax5grid.scss

@@ -0,0 +1,769 @@
+//==
+$ax5grid-border: 1px solid #ccc !default;
+$ax5grid-bg: #fff !default;
+$ax5grid-font-size: 12px !default;
+$ax5grid-column-border: 1px solid #ccc !default;
+
+//== header
+$ax5grid-header-column-color: #222 !default;
+$ax5grid-header-column-border: 1px solid #ccc !default;
+$ax5grid-header-column-box-shadow: inset 1px 1px 0px 0px #fff !default;
+$ax5grid-header-column-bg-colors: (#FFFFFF, #F0F0F0) !default;
+$ax5grid-header-column-hover-bg-colors: (#eee, #eee) !default;
+$ax5grid-header-column-resizer-color: #ff3300 !default;
+$ax5grid-header-column-resizer-size: 4px !default;
+$ax5grid-header-sorter-size: 9px !default;
+$ax5grid-header-sorter-color: #000 !default;
+
+//== aside
+$ax5grid-aside-border: 1px solid darken(#ccc, 0%) !default;
+$ax5grid-aside-bg: #f2f2f2 !default;
+$ax5grid-aside-column-shadow: inset 1px 1px 0px 0px #fff !default;
+
+$ax5grid-frozen-line-border: 1px solid darken(#ccc, 10%) !default;
+
+//== footsum
+$ax5grid-footsum-bg: #ffe7e2 !default;
+$ax5grid-footsum-line-border: 1px solid darken(#ccc, 10%) !default;
+
+//== page
+$ax5grid-page-border: 1px solid #ccc !default;
+$ax5grid-page-bg-colors: (#FFFFFF, #F0F0F0) !default;
+$ax5grid-page-navigation-padding: 5px !default;
+$ax5grid-page-navigation-font-size: 12px !default;
+$ax5grid-page-navigation-btn-min-width: 20px !default;
+$ax5grid-page-navigation-btn-border: 0px none !default;
+$ax5grid-page-navigation-btn-border-radius: 5px !default;
+$ax5grid-page-navigation-btn-bg: transparent !default;
+$ax5grid-page-navigation-btn-font-size: 11px !default;
+$ax5grid-page-navigation-btn-color: #222 !default;
+$ax5grid-page-navigation-btn-hover-bg: #888 !default;
+$ax5grid-page-navigation-btn-hover-color: #fff !default;
+
+$ax5grid-page-status-font-size: 12px !default;
+$ax5grid-page-status-padding: 10px !default;
+$ax5grid-page-status-color: #222 !default;
+
+//== scroll
+$ax5grid-scroll-track-border: 1px solid #ccc !default;
+$ax5grid-scroll-track-bg: #f3f3f3 !default;
+$ax5grid-scroll-corner-bg: #EAEDEF !default;
+
+$ax5grid-scroll-bar-border-radius: 10px !default;
+$ax5grid-scroll-bar-border: 0px solid #fff !default;
+$ax5grid-scroll-bar-bg: #ccc !default;
+$ax5grid-scroll-bar-hover-border: 0px solid #ccc !default;
+$ax5grid-scroll-bar-hover-bg: #bababa !default;
+
+//== body.row
+$ax5grid-row-bg-0: #f3f3f3 !default;
+$ax5grid-row-bg-1: #fff !default;
+$ax5grid-row-bg-2: #f3f3f3 !default;
+$ax5grid-row-bg-3: #fff !default;
+$ax5grid-row-hover-bg: lighten(#cce2f3, 5%) !default;
+$ax5grid-row-grouping-bg: #ffffe7 !default;
+$ax5grid-row-selected: lighten(#b1d7fe, 10%) !default;
+
+//== body.cell
+$ax5grid-cell-padding-row-selector: 5px !default;
+$ax5grid-cell-padding: 3px 5px !default;
+
+$ax5grid-cell-checkbox-border: 1px solid #ccc !default;
+$ax5grid-cell-checkbox-border-radius: 3px !default;
+$ax5grid-cell-checkbox-bg-colors: (#FFFFFF, #F0F0F0) !default;
+$ax5grid-cell-disable-checkbox-bg-colors: (darken(nth($ax5grid-cell-checkbox-bg-colors, 2), 10%), darken(nth($ax5grid-cell-checkbox-bg-colors, 1), 10%)) !default;
+$ax5grid-cell-checkbox-arrow-color: $brand-primary !default;
+
+$ax5grid-cell-focused-box-shadow: inset 0px 0px 1px 1px #0581f2 !default;
+$ax5grid-cell-focused-bg: lighten(#b1d7fe, 10%) !default;
+$ax5grid-cell-focused-color: #000 !default;
+
+$ax5grid-cell-selected-border-color: #ccc !default;
+$ax5grid-cell-selected-bg: #b1d7fe !default;
+$ax5grid-cell-selected-color: #000 !default;
+
+//== resizer
+$ax5grid-resizer-color: #ff3300 !default;
+$ax5grid-resizer-size: 2px !default;
+
+
+// mixins
+@mixin gridBoxModal() {
+    margin: 0;
+    padding: 0;
+}
+
+@mixin gridColumn($container) {
+
+    box-sizing: border-box;
+    overflow: hidden;
+    position: relative;
+    padding: 0;
+    font-size: $ax5grid-font-size;
+    border: 0 none;
+
+    &.hasBorder {
+        border-right: $ax5grid-column-border;
+        border-bottom: $ax5grid-column-border;
+    }
+    &.isLastColumn {
+
+    }
+    &.lineNumberColumn {
+
+    }
+    &.focused {
+        box-shadow: $ax5grid-cell-focused-box-shadow;
+    }
+
+    @if ($container == "header") {
+        cursor: pointer;
+        box-shadow: $ax5grid-header-column-box-shadow;
+        &:hover {
+            @include ax-background(top, $ax5grid-header-column-hover-bg-colors);
+        }
+        &[data-ax5grid-column-row="null"] {
+            box-shadow: none;
+        }
+    }
+
+    &[data-ax5grid-column-row="null"] {
+        border-right: 0 none;
+    }
+
+    &[data-ax5grid-column-selected] {
+        background: $ax5grid-cell-selected-bg;
+        border-color: $ax5grid-cell-selected-border-color;
+        color: $ax5grid-cell-selected-color;
+    }
+
+    &[data-ax5grid-column-focused] {
+        box-shadow: $ax5grid-cell-focused-box-shadow;
+        background: $ax5grid-cell-focused-bg;
+        color: $ax5grid-cell-focused-color;
+    }
+
+    &[data-ax5grid-column-attr="rowSelector"] {
+        cursor: pointer;
+        [data-ax5grid-cellHolder] {
+            padding: $ax5grid-cell-padding-row-selector;
+        }
+
+        .checkBox {
+            display: inline-block;
+            position: relative;
+            border: $ax5grid-cell-checkbox-border;
+            border-radius: $ax5grid-cell-checkbox-border-radius;
+            @include ax-background(top, $ax5grid-cell-checkbox-bg-colors);
+            height: 100%;
+            width: 100%;
+            &:after {
+                content: '';
+                width: 60%;
+                height: 40%;
+                position: absolute;
+                top: 20%;
+                right: 20%;
+                border: 0.2em solid $ax5grid-cell-checkbox-arrow-color;
+                border-top: none;
+                border-right: none;
+                background: transparent;
+                opacity: 0.0;
+                @include transform(rotate(-50deg));
+            }
+        }
+        &[data-ax5grid-selected="true"] {
+            .checkBox {
+                &:after {
+                    opacity: 1;
+                }
+            }
+        }
+    }
+
+    &[data-ax5grid-column-attr="lineNumber"] {
+    }
+
+    [data-ax5grid-cellHolder] {
+        // 그리드 셀표현 : 그리드의 컬럼텍스트가 여기에 출력됨
+        display: block;
+        box-sizing: border-box;
+        padding: $ax5grid-cell-padding;
+        font-size: $ax5grid-font-size;
+
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+
+        @if ($container == "header") {
+            //text-align: center;
+        }
+
+        &[data-ax5grid-text-align="left"] {
+            text-align: left;
+        }
+        &[data-ax5grid-text-align="center"] {
+            text-align: center;
+        }
+        &[data-ax5grid-text-align="right"] {
+            text-align: right;
+        }
+        &[data-ax5grid-cellHolder="multiLine"] {
+            white-space: normal;
+        }
+
+        [data-ax5grid-editor] {
+            position: absolute;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            border: 0 none;
+            background: $ax5grid-bg;
+            &::-ms-clear {
+                display: none;
+            }
+        }
+
+        [data-ax5select] {
+            position: absolute;
+            display: block;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            border: 0px none;
+            background: $ax5grid-bg;
+            .ax5select-display {
+                height: 100%;
+                border-radius: 0;
+            }
+        }
+
+        [data-ax5grid-editor="checkbox"] {
+            display: inline-block;
+            position: relative;
+            border: $ax5grid-cell-checkbox-border;
+            border-radius: $ax5grid-cell-checkbox-border-radius;
+            @include ax-background(top, $ax5grid-cell-checkbox-bg-colors);
+            height: 100%;
+            &:after {
+                content: '';
+                width: 60%;
+                height: 40%;
+                position: absolute;
+                top: 20%;
+                right: 20%;
+                border: 0.2em solid $ax5grid-cell-checkbox-arrow-color;
+                border-top: none;
+                border-right: none;
+                background: transparent;
+                opacity: 0.0;
+                @include transform(rotate(-50deg));
+            }
+            &[data-ax5grid-checked="true"] {
+                &:after {
+                    opacity: 1.0;
+                }
+            }
+        }
+
+        [data-ax5grid-tnode-arrow] {
+            display: inline-block;
+            box-sizing: content-box;
+            text-align: right;
+            text-shadow: 0 -1px #fff;
+            padding: 0 5px 0 0;
+        }
+        a[data-ax5grid-tnode-arrow] {
+            cursor: pointer;
+            text-decoration: none;
+            &:hover {
+                text-decoration: none;
+            }
+        }
+        [data-ax5grid-tnode-item="group"] {
+            display: inline-block;
+        }
+        [data-ax5grid-tnode-item="item"] {
+            display: inline-block;
+        }
+    }
+}
+
+@mixin gridRowBackground() {
+    &.tr-0 {
+        background: $ax5grid-row-bg-0;
+    }
+    &.tr-1 {
+        background: $ax5grid-row-bg-1;
+    }
+    &.tr-2 {
+        background: $ax5grid-row-bg-2;
+    }
+    &.tr-3 {
+        background: $ax5grid-row-bg-3;
+    }
+    &.hover {
+        background: $ax5grid-row-hover-bg;
+    }
+    &[data-ax5grid-grouping-tr="true"] {
+        background: $ax5grid-row-grouping-bg;
+    }
+    &[data-ax5grid-selected="true"] {
+        background: $ax5grid-row-selected;
+        td {
+            //color: #fff;
+            //box-shadow: inset 1px 1px 0px 0px #fff;
+            &[data-ax5grid-column-attr="rowSelector"],
+            &[data-ax5grid-column-attr="lineNumber"] {
+                box-shadow: none;
+            }
+            &[data-ax5grid-column-attr="rowSelector"] {
+                .checkBox {
+                    &:after {
+                        opacity: 1;
+                    }
+                }
+            }
+        }
+    }
+    &[data-ax5grid-disable-selection="true"] {
+        // background: $ax5grid-row-selected;
+        td {
+            &[data-ax5grid-column-attr="rowSelector"] {
+                .checkBox {
+                    cursor: not-allowed;
+                    @include ax-background(top, $ax5grid-cell-disable-checkbox-bg-colors);
+                    &:after {
+                        opacity: 0;
+                    }
+                }
+            }
+        }
+    }
+
+    // mergeCells 대상 컬럼 배경생 통일.
+    td.merged {
+        background: $ax5grid-row-bg-1;
+    }
+}
+
+@mixin gridPanel($container) {
+    [data-ax5grid-panel] {
+        @include gridBoxModal();
+        position: absolute;
+        overflow: hidden;
+        /*
+        overflow: hidden;
+        -webkit-overflow-scrolling: touch;
+        transform: translate3d(0, 0, 0);
+        */
+
+        table {
+            table-layout: fixed;
+            border-collapse: separate;
+            border-spacing: 0;
+            border: 0 none;
+            width: 100%;
+            @if ($container == "header") {
+                height: 100%;
+            }
+            tr {
+                border-bottom: 0 none;
+                @include gridRowBackground();
+                td {
+                    @include gridColumn($container);
+
+                }
+            }
+        }
+
+        &[data-ax5grid-panel="aside-header"] {
+            border-right: $ax5grid-aside-border;
+            table {
+                tr {
+                    td {
+                        text-align: center;
+                    }
+                }
+            }
+        }
+        &[data-ax5grid-panel="top-aside-body"],
+        &[data-ax5grid-panel="aside-body"],
+        &[data-ax5grid-panel="bottom-aside-body"] {
+            border-right: $ax5grid-aside-border;
+            background: $ax5grid-aside-bg;
+            table {
+                tr {
+                    background: $ax5grid-aside-bg;
+                    td {
+                        text-align: center;
+                        box-shadow: $ax5grid-aside-column-shadow;
+                    }
+                }
+            }
+        }
+
+        &[data-ax5grid-panel="left-header"],
+        &[data-ax5grid-panel="top-left-body"],
+        &[data-ax5grid-panel="left-body"],
+        &[data-ax5grid-panel="bottom-left-body"] {
+            border-right: $ax5grid-frozen-line-border; /// frozen Line color
+        }
+
+        &[data-ax5grid-panel="top-aside-body"],
+        &[data-ax5grid-panel="top-left-body"],
+        &[data-ax5grid-panel="top-body"],
+        &[data-ax5grid-panel="top-right-body"] {
+            border-bottom: $ax5grid-frozen-line-border; /// frozen Line color
+        }
+
+        &[data-ax5grid-panel="bottom-aside-body"],
+        &[data-ax5grid-panel="bottom-left-body"],
+        &[data-ax5grid-panel="bottom-body"],
+        &[data-ax5grid-panel="bottom-right-body"] {
+            border-top: $ax5grid-footsum-line-border; /// footSum Line color
+        }
+
+        &[data-ax5grid-panel="bottom-aside-body"],
+        &[data-ax5grid-panel="bottom-left-body"],
+        &[data-ax5grid-panel="bottom-body"],
+        &[data-ax5grid-panel="bottom-right-body"] {
+            background: $ax5grid-footsum-bg;
+        }
+
+        [data-ax5grid-panel-scroll] {
+            position: absolute;
+            left: 0;
+            top: 0;
+        }
+    }
+}
+
+@mixin scrollBar($type) {
+    position: absolute;
+    top: 0;
+    left: 0;
+    @include border-top-radius($ax5grid-scroll-bar-border-radius);
+    @include border-bottom-radius($ax5grid-scroll-bar-border-radius);
+    box-sizing: border-box;
+    border: $ax5grid-scroll-bar-border;
+    background: $ax5grid-scroll-bar-bg;
+
+    @if ($type == "vertical-bar") {
+        cursor: ns-resize;
+    } @else {
+        cursor: ew-resize;
+    }
+
+    &:hover {
+        border: $ax5grid-scroll-bar-hover-border;
+        background: $ax5grid-scroll-bar-hover-bg;
+    }
+}
+
+@mixin resizer($type: "horizontal") {
+    display: none;
+    &.live {
+        display: block;
+        position: absolute;
+        top: 0;
+        left: 0;
+        background: $ax5grid-resizer-color;
+        opacity: 0.5;
+
+        @if ($type == "vertical") {
+            height: $ax5grid-resizer-size;
+            width: 100%;
+            cursor: row-resize;
+        } @else {
+            height: 100%;
+            width: $ax5grid-resizer-size;
+            cursor: col-resize;
+        }
+
+    }
+}
+
+// body
+[data-ax5grid] {
+    box-sizing: border-box;
+    *,
+    *:before,
+    *:after {
+        box-sizing: border-box;
+    }
+
+    [data-ax5grid-container="root"] {
+        @include gridBoxModal();
+        position: relative;
+        background: $ax5grid-bg;
+        border: $ax5grid-border;
+        overflow: hidden;
+
+        [data-ax5grid-container="hidden"] {
+            @include gridBoxModal();
+            position: absolute;
+            //z-index: 100;
+            left: -100%;
+            top: -100%;
+            height: 100%;
+            width: 100%;
+        }
+
+        [data-ax5grid-container="header"] {
+            user-select: none;
+            @include gridBoxModal();
+            position: relative;
+            overflow: hidden;
+            @include ax-background(top, $ax5grid-header-column-bg-colors);
+            border: 0px none;
+            border-bottom: $ax5grid-header-column-border;
+            @include gridPanel("header");
+            color: $ax5grid-header-column-color;
+            [data-ax5grid-column-resizer] {
+                position: absolute;
+                right: 0;
+                top: 0;
+                width: $ax5grid-header-column-resizer-size;
+                height: 100%;
+                cursor: col-resize;
+                &:hover {
+                    background: $ax5grid-header-column-resizer-color;
+                    opacity: 0.5;
+                }
+            }
+            [data-ax5grid-column-sort] {
+                position: relative;
+                //right: 0;
+                //top: 2px;
+                width: 10px;
+                height: 10px;
+                display: inline-block;
+
+                @mixin sort-arrow($arrow-size, $ratio-0, $ratio-1, $arrow-color, $opacity, $direction) {
+                    position: absolute;
+                    content: ' ';
+                    width: 0;
+                    height: 0;
+                    display: inline-block;
+                    border-left: $arrow-size/$ratio-0 solid transparent;
+                    border-right: $arrow-size/$ratio-0 solid transparent;
+                    @if ($direction == "up") {
+                        border-bottom: ($arrow-size)/$ratio-1 solid $arrow-color;
+                    } @else {
+                        border-top: ($arrow-size)/$ratio-1 solid $arrow-color;
+                    }
+                    background: transparent;
+                    opacity: $opacity;
+                }
+
+                &:before {
+                    top: 0;
+                    left: 0;
+                    @include sort-arrow($ax5grid-header-sorter-size, 2.5, 2.2, $ax5grid-header-sorter-color, 0.3, "up");
+                }
+                &:after {
+                    bottom: 0;
+                    left: 0;
+                    @include sort-arrow($ax5grid-header-sorter-size, 2.5, 2.2, $ax5grid-header-sorter-color, 0.3, "down");
+                }
+
+                &[data-ax5grid-column-sort-order="asc"] {
+                    &:before {
+                        top: 2px;
+                        left: 0;
+                        @include sort-arrow($ax5grid-header-sorter-size + 1, 2.5, 2.0, $ax5grid-header-sorter-color, 0.8, "up");
+                    }
+                    &:after {
+                        display: none;
+                    }
+                }
+                &[data-ax5grid-column-sort-order="desc"] {
+                    &:before {
+                        display: none;
+                    }
+                    &:after {
+                        bottom: 2px;
+                        left: 0;
+                        @include sort-arrow($ax5grid-header-sorter-size + 1, 2.5, 2.0, $ax5grid-header-sorter-color, 0.8, "down");
+                    }
+                }
+
+            }
+            [data-ax5grid-column-filter] {
+                // 개발중..
+                $filter-size: 10px;
+
+                position: absolute;
+                left: 0;
+                top: 0;
+                width: 10px;
+                height: 10px;
+                cursor: pointer;
+
+                &:before {
+                    content: ' ';
+                    width: 0;
+                    height: 0;
+                    display: inline-block;
+                    border-left: $filter-size/2 solid transparent;
+                    border-right: $filter-size/2 solid transparent;
+                    border-top: ($filter-size) solid #000;
+                    background: transparent;
+                    opacity: 1;
+                }
+
+            }
+        }
+
+        [data-ax5grid-container="body"] {
+            @include gridBoxModal();
+            position: relative;
+            overflow: hidden;
+            @include gridPanel("body");
+
+            /*
+            @keyframes fadein {
+                from { opacity: 0; }
+                to   { opacity: 1; }
+            }
+
+            [data-ax5grid-panel-scroll="body"]{
+                table {
+                    @include animation(fadein 0.3s);
+                }
+            }
+            */
+
+        }
+
+        [data-ax5grid-container="page"] {
+            @include gridBoxModal();
+            position: absolute;
+            bottom: 0;
+            left: 0;
+            width: 100%;
+            overflow: hidden;
+            @include ax-background(top, $ax5grid-page-bg-colors);
+            border: 0px none;
+            border-top: $ax5grid-page-border;
+
+            [data-ax5grid-page="holder"] {
+                @include gridBoxModal();
+                display: table;
+                //table-layout: fixed;
+                width: 100%;
+                height: 100%;
+                [data-ax5grid-page="navigation"] {
+                    @include gridBoxModal();
+                    display: table-cell;
+                    vertical-align: middle;
+                    text-align: left;
+                    padding-left: $ax5grid-page-navigation-padding;
+                    font-size: $ax5grid-page-navigation-font-size;
+
+                    [data-ax5grid-page-navigation="holder"] {
+                        display: table;
+                        [data-ax5grid-page-navigation="cell"], [data-ax5grid-page-navigation="cell-paging"] {
+                            display: table-cell;
+                            vertical-align: middle;
+                        }
+                        [data-ax5grid-page-navigation="cell-paging"] {
+                            padding: 0 $ax5grid-page-navigation-padding;
+                        }
+
+                        [data-ax5grid-page-move] {
+                            box-sizing: border-box;
+                            min-width: $ax5grid-page-navigation-btn-min-width;
+                            border-radius: $ax5grid-page-navigation-btn-border-radius;
+                            padding: 1px;
+                            border: $ax5grid-page-navigation-btn-border;
+                            background: $ax5grid-page-navigation-btn-bg;
+                            font-size: $ax5grid-page-navigation-btn-font-size;
+                            color: $ax5grid-page-navigation-btn-color;
+                            outline: 0;
+
+                            &[data-ax5grid-page-selected="true"], &:active {
+                                background-color: $ax5grid-page-navigation-btn-hover-bg;
+                                color: $ax5grid-page-navigation-btn-hover-color;
+                            }
+                            &:hover {
+                                text-decoration: underline;
+                            }
+                        }
+                    }
+
+                }
+                [data-ax5grid-page="status"] {
+                    @include gridBoxModal();
+                    display: table-cell;
+                    text-align: right;
+                    vertical-align: middle;
+                    padding-right: $ax5grid-page-status-padding;
+                    font-size: $ax5grid-page-status-font-size;
+                    color: $ax5grid-page-status-color;
+                }
+            }
+        }
+
+        [data-ax5grid-container="scroller"] {
+            @include gridBoxModal();
+            position: absolute;
+            right: 0px;
+            bottom: 0px;
+
+            $scroller-size: 15px;
+            [data-ax5grid-scroller="vertical"] {
+                box-sizing: border-box;
+                position: absolute;
+                display: none;
+                right: 0;
+                bottom: 0;
+                width: $scroller-size;
+                height: 100%;
+                background: $ax5grid-scroll-track-bg;
+                border-left: $ax5grid-scroll-track-border;
+
+                [data-ax5grid-scroller="vertical-bar"] {
+                    @include scrollBar("vertical-bar");
+                }
+            }
+            [data-ax5grid-scroller="horizontal"] {
+                box-sizing: border-box;
+                position: absolute;
+                display: none;
+                right: 0;
+                bottom: 0;
+                height: $scroller-size;
+                width: 100%;
+                background: $ax5grid-scroll-track-bg;
+                border-top: $ax5grid-scroll-track-border;
+
+                [data-ax5grid-scroller="horizontal-bar"] {
+                    @include scrollBar("horizontal-bar");
+                }
+            }
+            [data-ax5grid-scroller="corner"] {
+                position: absolute;
+                display: none;
+                right: 0px;
+                bottom: 0px;
+                width: $scroller-size;
+                height: $scroller-size;
+
+                background: $ax5grid-scroll-corner-bg;
+                border-top: $ax5grid-scroll-track-border;
+                border-left: $ax5grid-scroll-track-border;
+            }
+        }
+
+        [data-ax5grid-resizer="horizontal"] {
+            @include resizer("horizontal");
+        }
+        [data-ax5grid-resizer="vertical"] {
+            @include resizer("vertical");
+        }
+    }
+}

_src/admin/scss/plugins/ax5ui/_ax5mask.scss

@@ -0,0 +1,96 @@
+$ax5mask-z-index: 1000 !default;
+$ax5mask-bg-opacity: 0.6 !default;
+
+$ax5mask-bg: #000 !default;
+$ax5mask-text-color: #fff !default;
+$ax5mask-text-shadow:0px 1px 0px #000 !default;
+
+$ax5mask-easing-time-open: 0.25s !default;
+$ax5mask-easing-time-close: 0.25s !default;
+
+@mixin ax-mask() {
+    position: absolute;
+}
+
+@mixin ax-panel-mask() {
+    position: absolute;
+}
+
+// mixins --------------------------------------------- end
+
+@include keyframes(ax-mask) {
+    from {
+        opacity: 0.0;
+    }
+    to {
+        opacity: $ax5mask-bg-opacity;
+    }
+}
+
+@include keyframes(ax-mask-fade-out) {
+    from {
+        opacity: $ax5mask-bg-opacity;
+    }
+    to {
+        opacity: 0.0;
+    }
+}
+
+.ax-masking {
+    -webkit-filter: blur(3px);
+    //position: fixed;
+    @include transform(scale(0.96));
+    @include transform(translateZ(0));
+}
+
+.ax-mask {
+    box-sizing: border-box;
+    *,
+    *:before,
+    *:after {
+        box-sizing: border-box;
+    }
+
+    z-index: $ax5mask-z-index;
+    position: fixed;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    .ax-mask-bg {
+        z-index: 1;
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        background: $ax5mask-bg;
+        opacity: $ax5mask-bg-opacity;
+    }
+    .ax-mask-content {
+        z-index: 2;
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 100%;
+        height: 100%;
+        display: table;
+        vertical-align: middle;
+        text-align: center;
+        color: $ax5mask-text-color;
+        text-shadow: $ax5mask-text-shadow;
+        * {
+            color: inherit;
+        }
+        > div {
+            display: table-cell;
+            vertical-align: middle;
+            text-align: center;
+        }
+    }
+
+    &.fade-out {
+        @include animation(ax-mask-fade-out $ax5mask-easing-time-close);
+        opacity: 0.0;
+    }
+}

_src/admin/scss/plugins/ax5ui/_ax5modal.scss

@@ -0,0 +1,474 @@
+//==============
+//== modal
+$ax5modal-z-index: 2000 !default;
+$ax5modal-box-model: border-box !default;
+$ax5modal-bg: #fff !default;
+$ax5modal-border: 1px solid #ddd !default;
+$ax5modal-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.60) !default;
+$ax5modal-body-padding: 0px !default;
+$ax5modal-header-padding: 10px 15px !default;
+
+$ax5modal-header-addon-padding: 10px 10px !default;
+$ax5modal-header-addon-btn-padding: 0px 2px !default;
+
+$ax5modal-border-radius: 4px !default;
+$ax5modal-easing-time-open: 0.3s !default;
+$ax5modal-easing-time-close: 0.3s !default;
+$ax5modal-easing-open: $ease-out-back !default;
+$ax5modal-easing-close: $ease-out-back !default;
+
+//== modal resizer
+$ax5modal-resizer-bg: #ccc !default;
+$ax5modal-resizer-border: 1px solid #ff0000 !default;
+$ax5modal-resizer-box-shaodw: 0px 0px 5px 0px rgba(0, 0, 0, 0.60) !default;
+$ax5modal-resizer-opacity : 0.3 !default;
+
+//** Border color for elements within dialog
+$ax5modal-default-text: #222 !default;
+$ax5modal-default-border: 1px solid #ddd !default;
+$ax5modal-default-header-bg: #f5f5f5 !default;
+
+@mixin ax-modal() {
+    box-sizing: border-box;
+    *,
+    *:before,
+    *:after {
+        box-sizing: border-box;
+    }
+
+    background-color: $ax5modal-bg;
+    border: $ax5modal-border;
+
+    @include ax-border-radius($ax5modal-border-radius);
+    @include box-shadow($ax5modal-box-shadow);
+
+    z-index: $ax5modal-z-index;
+    position: fixed;
+    left: 0px;
+    top: 0px;
+    //overflow: hidden;
+    box-sizing: content-box;
+}
+
+@mixin ax-modal-section() {
+    .ax-modal-header {
+        user-select: none;
+        //font-size: 1em;
+        font-weight: 600;
+        padding: $ax5modal-header-padding;
+        border-bottom: 1px solid transparent;
+        border-top-left-radius: $ax5modal-border-radius;
+        border-top-right-radius: $ax5modal-border-radius;
+
+        cursor: move;
+        .ax-modal-header-addon{
+            position: absolute;
+            right: 0px;
+            top: 0px;
+            padding: $ax5modal-header-addon-padding;
+            [data-modal-header-btn]{
+                border: 0;
+                padding: $ax5modal-header-addon-btn-padding;
+                background: transparent;
+                display: inline-block;
+                text-align: center;
+                cursor: pointer;
+                outline: 0;
+            }
+        }
+    }
+    .ax-modal-body {
+        border-bottom-left-radius: $ax5modal-border-radius;
+        border-bottom-right-radius: $ax5modal-border-radius;
+
+        padding: $ax5modal-body-padding;
+        text-align: center;
+        @include flex(1);
+        position: relative;
+        overflow: hidden;
+
+        iframe {
+            border: 0 none;
+        }
+
+        .fadeIn{
+            @include animation(ax-modal-fade-in $ax5modal-easing-time-open $ease-out-back forwards);
+        }
+        .fadeOut{
+            @include animation(ax-modal-fade-out $ax5modal-easing-time-open $ease-out-back forwards);
+        }
+    }
+}
+
+@mixin modal-variant($text-color, $border, $header-bg-color) {
+    .ax-modal-header {
+        color: $text-color;
+        background: $header-bg-color;
+        .ax-modal-header-addon{
+            a{
+                color: $text-color;
+                outline: 0;
+            }
+        }
+    }
+    .ax-modal-body {
+
+    }
+}
+
+@include keyframes(ax-modal) {
+    0% {
+        opacity: 0.0;
+        //@include transform(translateY(20%));
+        @include transform(scale(0.8));
+    }
+    100% {
+        opacity: 1.0;
+        @include transform(scale(1.0));
+    }
+    /*
+    0% {
+        opacity: 0.0;
+        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    0.1% {
+        opacity: 1.0;
+        -webkit-transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(0.5, 0, 0, 0, 0, 0.5, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    5.9% {
+        -webkit-transform: matrix3d(0.711, 0, 0, 0, 0, 0.742, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(0.711, 0, 0, 0, 0, 0.742, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    7.7% {
+        -webkit-transform: matrix3d(0.768, 0, 0, 0, 0, 0.812, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(0.768, 0, 0, 0, 0, 0.812, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    11.5% {
+        -webkit-transform: matrix3d(0.869, 0, 0, 0, 0, 0.935, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(0.869, 0, 0, 0, 0, 0.935, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    11.7% {
+        -webkit-transform: matrix3d(0.873, 0, 0, 0, 0, 0.94, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(0.873, 0, 0, 0, 0, 0.94, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    15.2% {
+        -webkit-transform: matrix3d(0.941, 0, 0, 0, 0, 1.014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(0.941, 0, 0, 0, 0, 1.014, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    17.5% {
+        -webkit-transform: matrix3d(0.973, 0, 0, 0, 0, 1.045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(0.973, 0, 0, 0, 0, 1.045, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    19% {
+        -webkit-transform: matrix3d(0.99, 0, 0, 0, 0, 1.058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(0.99, 0, 0, 0, 0, 1.058, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    22.8% {
+        -webkit-transform: matrix3d(1.019, 0, 0, 0, 0, 1.071, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(1.019, 0, 0, 0, 0, 1.071, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    23.2% {
+        -webkit-transform: matrix3d(1.021, 0, 0, 0, 0, 1.071, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(1.021, 0, 0, 0, 0, 1.071, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    30.3% {
+        -webkit-transform: matrix3d(1.036, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(1.036, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    30.4% {
+        -webkit-transform: matrix3d(1.036, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(1.036, 0, 0, 0, 0, 1.049, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    37.5% {
+        -webkit-transform: matrix3d(1.028, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(1.028, 0, 0, 0, 0, 1.016, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    44.6% {
+        -webkit-transform: matrix3d(1.016, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(1.016, 0, 0, 0, 0, 0.997, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    50.3% {
+        -webkit-transform: matrix3d(1.008, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(1.008, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    51.7% {
+        -webkit-transform: matrix3d(1.006, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(1.006, 0, 0, 0, 0, 0.992, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    70.3% {
+        -webkit-transform: matrix3d(0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(0.998, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    80.3% {
+        -webkit-transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(0.999, 0, 0, 0, 0, 1.001, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    100% {
+        -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
+    }
+    */
+}
+
+@include keyframes(ax-modal-destroy) {
+    /*
+    from {
+        @include transform(scale(1));
+        opacity: 1.0;
+    }
+    to {
+        @include transform(scale(0.5));
+        opacity: 0.0;
+    }
+    */
+    100% {
+        opacity: 0.0;
+        @include transform(translateY(20%));
+    }
+    0% {
+        opacity: 1.0;
+        @include transform(translateY(0));
+    }
+
+}
+
+@include keyframes(ax-modal-fullscreen) {
+    0% {
+        @include transform(translateY(20%));
+    }
+    100% {
+        @include transform(translateY(0));
+    }
+}
+
+@include keyframes(ax-modal-fullscreen-destroy) {
+    0% {
+        @include transform(translateY(0));
+    }
+    100% {
+        @include transform(translateY(100%));
+    }
+}
+
+@include keyframes(ax-modal-fade-in){
+    0% {
+        opacity: 0.0;
+    }
+    100% {
+        opacity: 1.0;
+    }
+}
+
+@include keyframes(ax-modal-fade-out){
+    0% {
+        opacity: 1.0;
+    }
+    100% {
+        opacity: 0.0;
+    }
+}
+
+// mixins --------------------------------------------- end
+
+.ax5modal {
+    * {
+        box-sizing: border-box;
+    }
+    *:before,
+    *:after {
+        box-sizing: border-box;
+    }
+
+    @include animation(ax-modal $ax5modal-easing-time-open $ax5modal-easing-open forwards);
+    @include transform(translateZ(0px));
+    //@include transition(all $ax5modal-easing-time-open linear);
+
+    @include ax-modal();
+    @include ax-modal-section();
+    @include modal-variant($ax5modal-default-text, $ax5modal-default-border, $ax5modal-default-header-bg);
+
+    &.destroy {
+        @include animation(ax-modal-destroy $ax5modal-easing-time-close $ax5modal-easing-close forwards);
+    }
+
+    &.fullscreen {
+        border: 0px none;
+        @include ax-border-radius(0px);
+        @include box-shadow(none);
+        @include animation(ax-modal-fullscreen $ax5modal-easing-time-open $ease-out-back forwards);
+
+        &.destroy {
+            @include animation(ax-modal-fullscreen-destroy $ax5modal-easing-time-close $ease-out-expo forwards);
+        }
+    }
+
+    &.draged{
+        .ax-modal-header {
+            opacity: 0.5;
+        }
+        .ax-modal-body {
+            opacity: 0.5;
+        }
+    }
+    [data-ax5modal-resizer]{
+        position: absolute;
+        display: block;
+        &:before{
+            position: absolute;
+            content: ' ';
+            display: block;
+            width: auto;
+            height: auto;
+            left: auto;
+            top: auto;
+            right: auto;
+            bottom: auto;
+            //background: #ff3300;
+            //opacity: 0.3;
+        }
+
+        &[data-ax5modal-resizer="top"]{
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 0;
+
+            &:before{
+                width: 100%;
+                height: 8px;
+                left: 0;
+                top: -4px;
+                cursor: row-resize;
+            }
+        }
+        &[data-ax5modal-resizer="bottom"]{
+            left: 0;
+            bottom: 0;
+            width: 100%;
+            height: 0;
+
+            &:before{
+                width: 100%;
+                height: 8px;
+                left: 0;
+                top: -4px;
+                cursor: row-resize;
+            }
+        }
+        &[data-ax5modal-resizer="left"]{
+            left: 0;
+            top: 0;
+            width: 0;
+            height: 100%;
+
+            &:before{
+                width: 8px;
+                height: 100%;
+                left: -4px;
+                top: 0;
+                cursor: col-resize;
+            }
+        }
+        &[data-ax5modal-resizer="right"]{
+            right: 0;
+            top: 0;
+            width: 0;
+            height: 100%;
+
+            &:before{
+                width: 8px;
+                height: 100%;
+                left: -4px;
+                top: 0;
+                cursor: col-resize;
+            }
+        }
+        &[data-ax5modal-resizer="top-left"]{
+            left: 0;
+            top: 0;
+            width: 0;
+            height: 0;
+
+            &:before{
+                width: 8px;
+                height: 8px;
+                left: -4px;
+                top: -4px;
+                cursor: nwse-resize;
+            }
+        }
+        &[data-ax5modal-resizer="top-right"]{
+            right: 0;
+            top: 0;
+            width: 0;
+            height: 0;
+
+            &:before{
+                width: 8px;
+                height: 8px;
+                left: -4px;
+                top: -4px;
+                cursor: nesw-resize;
+            }
+        }
+        &[data-ax5modal-resizer="bottom-left"]{
+            left: 0;
+            bottom: 0;
+            width: 0;
+            height: 0;
+
+            &:before{
+                width: 8px;
+                height: 8px;
+                left: -4px;
+                top: -4px;
+                cursor: nesw-resize;
+            }
+        }
+        &[data-ax5modal-resizer="bottom-right"]{
+            right: 0;
+            bottom: 0;
+            width: 0;
+            height: 0;
+
+            &:before{
+                width: 8px;
+                height: 8px;
+                left: -4px;
+                top: -4px;
+                cursor: nwse-resize;
+            }
+        }
+    }
+}
+
+// resizer가 활성화 되면 리사이저 백그라운드도 함께 활성화 됩니다. 백그라운드는 페이지 전체를 투명 레이어로 덮어 리사이저가 자유롭게 활동 하도록 도와 줍니다.
+.ax5modal-resizer-background{
+    position: fixed;
+    left: 0px;
+    top: 0px;
+    width: 100%;
+    height: 100%;
+    background: transparent;
+    z-index: $ax5modal-z-index;
+    //opacity: 0.1;
+    cursor: move;
+}
+.ax5modal-resizer{
+    position: absolute;
+    left: 0px;
+    top: 0px;
+
+    z-index: $ax5modal-z-index + 1;
+    cursor: move;
+
+    box-sizing: $ax5modal-box-model;
+    background-color: $ax5modal-resizer-bg;
+    border: $ax5modal-resizer-border;
+    opacity: $ax5modal-resizer-opacity;
+
+    @include ax-border-radius($ax5modal-border-radius);
+    @include box-shadow($ax5modal-box-shadow);
+}

_src/admin/scss/plugins/ax5ui/_ax5picker.scss

@@ -0,0 +1,334 @@
+$ax5picker-z-index: 2000 !default;
+$ax5picker-box-model: border-box !default;
+$ax5picker-bg: #fff !default;
+$ax5picker-inner-border: 1px solid !default;
+$ax5picker-inner-border-color: #ddd !default;
+
+$ax5picker-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.175) !default;
+$ax5picker-border-radius: 5px !default;
+
+$ax5picker-body-padding: 5px !default;
+$ax5picker-heading-padding: 10px 15px !default;
+$ax5picker-buttons-padding: 10px 0px 5px 0px !default;
+
+$ax5picker-content-border: 0px solid !default;
+$ax5picker-content-border-color: none !default;
+$ax5picker-content-border-radius: 0px !default;
+$ax5picker-content-padding: 0px !default;
+
+$ax5picker-easing-time-open: 0.1s !default;
+$ax5picker-easing-time-close: 0.1s !default;
+$ax5picker-arrow-size: 10px !default;
+$ax5picker-arrow-border-width: 1px !default;
+
+//** Border color for elements within dialog
+$ax5picker-default-text: #222 !default;
+$ax5picker-default-border-color: #ddd !default;
+$ax5picker-default-heading-bg: #f5f5f5 !default;
+
+$ax5picker-primary-text: #fff !default;
+$ax5picker-primary-border-color: $brand-primary !default;
+$ax5picker-primary-heading-bg: $brand-primary !default;
+
+$ax5picker-success-text: #3c763d !default;
+$ax5picker-success-border-color: #dff0d8 !default;
+$ax5picker-success-heading-bg: darken(adjust-hue(#dff0d8, -10), 5%) !default;
+
+$ax5picker-info-text: #31708f !default;
+$ax5picker-info-border-color: #d9edf7 !default;
+$ax5picker-info-heading-bg: darken(adjust-hue(#d9edf7, -10), 5%) !default;
+
+$ax5picker-warning-text: #8a6d3b !default;
+$ax5picker-warning-border-color: #fcf8e3 !default;
+$ax5picker-warning-heading-bg: darken(adjust-hue(#fcf8e3, -10), 5%) !default;
+
+$ax5picker-danger-text: #a94442 !default;
+$ax5picker-danger-border-color: #f2dede !default;
+$ax5picker-danger-heading-bg: darken(adjust-hue(#f2dede, -10), 5%) !default;
+
+@mixin ax-picker() {
+	box-sizing: border-box;
+	*,
+	*:before,
+	*:after {
+		box-sizing: border-box;
+	}
+
+	z-index: $ax5picker-z-index;
+	position: absolute;
+	left: 0px;
+	top: 0px;
+	//overflow: hidden;
+}
+
+@mixin picker-variant($text-color, $border-color, $heading-bg-color) {
+
+	@include ax-background($ax5picker-bg);
+	border: $ax5picker-inner-border;
+	border-color: $border-color;
+	border-radius: $ax5picker-border-radius;
+	box-shadow: $ax5picker-box-shadow;
+
+	.ax-picker-heading {
+		font-weight: 600;
+		padding: $ax5picker-heading-padding;
+		border-bottom: 1px solid transparent;
+		@include border-top-radius($ax5picker-border-radius - 1);
+
+		color: $text-color;
+		@include ax-background($heading-bg-color);
+		.badge {
+			font-size: 0.8em;
+			color: $heading-bg-color;
+			@include ax-background($text-color);
+		}
+	}
+	.ax-picker-body {
+		padding: $ax5picker-body-padding;
+		text-align: center;
+		.ax-picker-content {
+			min-width: 50px;
+
+			.ax-picker-content-box {
+				border: $ax5picker-content-border;
+				border-color: $ax5picker-content-border-color;
+				border-radius: $ax5picker-content-border-radius;
+				padding: $ax5picker-content-padding;
+				overflow: hidden;
+			}
+		}
+		.ax-picker-buttons {
+			padding: $ax5picker-buttons-padding;
+			button {
+				&:not(:last-child) {
+					margin-right: 3px;
+				}
+			}
+		}
+	}
+
+	&.direction-top {
+		.ax-picker-arrow {
+			@include picker-arrow($ax5picker-arrow-size, $ax5picker-arrow-border-width, $border-color, top);
+		}
+	}
+	&.direction-right {
+		.ax-picker-arrow {
+			@include picker-arrow($ax5picker-arrow-size, $ax5picker-arrow-border-width, $border-color, right);
+		}
+	}
+	&.direction-bottom {
+		.ax-picker-arrow {
+			@include picker-arrow($ax5picker-arrow-size, $ax5picker-arrow-border-width, $border-color, bottom);
+		}
+	}
+	&.direction-left {
+		.ax-picker-arrow {
+			@include picker-arrow($ax5picker-arrow-size, $ax5picker-arrow-border-width, $border-color, left);
+		}
+	}
+
+}
+
+@mixin picker-arrow($arrow-size, $arrow-border-width, $border-color, $arrow-direction) {
+
+	//
+	//@debug( nth($ax5picker-inner-border, 3) );
+	$arrow-bg: nth($ax5picker-bg, 1);
+	$arrow-border-color: $border-color;
+
+	position: absolute;
+	width: 0;
+	height: 0;
+
+	@if ($arrow-direction == top) {
+		left: 50%;
+		top: 0px;
+	} @else if ($arrow-direction == right) {
+		right: 0px;
+		top: 50%;
+	} @else if ($arrow-direction == bottom) {
+		left: 50%;
+		bottom: 0px;
+	} @else if ($arrow-direction == left) {
+		left: 0px;
+		top: 50%;
+	}
+
+	&:before {
+		content: ' ';
+		position: absolute;
+		width: 0;
+		height: 0;
+
+		@if ($arrow-direction == top) {
+			left: - ($arrow-size);
+			top: - ($arrow-size * 2);
+			border-left: $arrow-size solid transparent;
+			border-right: $arrow-size solid transparent;
+			border-bottom: ($arrow-size * 2) solid $arrow-border-color;
+		} @else if ($arrow-direction == right) {
+			right: - ($arrow-size * 2);
+			top: - ($arrow-size);
+			border-top: $arrow-size solid transparent;
+			border-bottom: $arrow-size solid transparent;
+			border-left: ($arrow-size * 2) solid $arrow-border-color;
+		} @else if ($arrow-direction == bottom) {
+			left: - ($arrow-size);
+			bottom: - ($arrow-size * 2);
+			border-left: $arrow-size solid transparent;
+			border-right: $arrow-size solid transparent;
+			border-top: ($arrow-size * 2) solid $arrow-border-color;
+		} @else if ($arrow-direction == left) {
+			left: - ($arrow-size * 2);
+			top: - ($arrow-size);
+			border-top: $arrow-size solid transparent;
+			border-bottom: $arrow-size solid transparent;
+			border-right: ($arrow-size * 2) solid $arrow-border-color;
+		}
+	}
+
+	&:after {
+		content: ' ';
+		position: absolute;
+		width: 0;
+		height: 0;
+
+		@if ($arrow-direction == top) {
+			left: - ($arrow-size);
+			top: - ($arrow-size * 2) + ($arrow-border-width * 2);
+			border-left: ($arrow-size) solid transparent;
+			border-right: ($arrow-size) solid transparent;
+			border-bottom: ($arrow-size * 2) solid $arrow-bg;
+		} @else if ($arrow-direction == right) {
+			right: - ($arrow-size * 2) + ($arrow-border-width * 2);
+			top: - ($arrow-size);
+			border-top: ($arrow-size) solid transparent;
+			border-bottom: ($arrow-size) solid transparent;
+			border-left: ($arrow-size * 2) solid $arrow-bg;
+		} @else if ($arrow-direction == bottom) {
+			left: - ($arrow-size);
+			bottom: - ($arrow-size * 2) + ($arrow-border-width * 2);
+			border-left: ($arrow-size) solid transparent;
+			border-right: ($arrow-size) solid transparent;
+			border-top: ($arrow-size * 2) solid $arrow-bg;
+		} @else if ($arrow-direction == left) {
+			left: - ($arrow-size * 2) + ($arrow-border-width * 2);
+			top: - ($arrow-size);
+			border-top: ($arrow-size) solid transparent;
+			border-bottom: ($arrow-size) solid transparent;
+			border-right: ($arrow-size * 2) solid $arrow-bg;
+		}
+	}
+}
+
+@include keyframes(ax-picker) {
+
+	0% {
+		opacity: 0.0;
+		//@include transform(scale(0));
+		@include transform(translate(0, -10%));
+	}
+
+	100% {
+		opacity: 1.0;
+		//@include transform(scale(1));
+		@include transform(translate(0, 0));
+	}
+}
+
+@include keyframes(ax-picker-destroy) {
+	from {
+		//@include transform(scale(1));
+		opacity: 1.0;
+		@include transform(translate(0, 0));
+	}
+	to {
+		//@include transform(scale(0.95));
+		opacity: 0.0;
+		@include transform(translate(0, -10%));
+	}
+}
+
+// mixins --------------------------------------------- end
+
+.ax5-ui-picker {
+
+	@include ax-picker();
+
+	@include perspective(1000px);
+	@include transform-style(preserve-3d);
+
+	@include animation(ax-picker $ax5picker-easing-time-open);
+	@include transform(translateZ(0));
+	@include transform-origin(center top);
+	/* flip type
+	@include backface-visibility(visible);
+	@include transform(translateY(0%) rotateX(0deg));
+	*/
+
+	@include picker-variant($ax5picker-default-text, $ax5picker-default-border-color, $ax5picker-default-heading-bg);
+
+	&.primary {
+		@include picker-variant($ax5picker-primary-text, $ax5picker-primary-border-color, $ax5picker-primary-heading-bg);
+	}
+	&.success {
+		@include picker-variant($ax5picker-success-text, $ax5picker-success-border-color, $ax5picker-success-heading-bg);
+	}
+	&.info {
+		@include picker-variant($ax5picker-info-text, $ax5picker-info-border-color, $ax5picker-info-heading-bg);
+	}
+	&.warning {
+		@include picker-variant($ax5picker-warning-text, $ax5picker-warning-border-color, $ax5picker-warning-heading-bg);
+	}
+	&.danger {
+		@include picker-variant($ax5picker-danger-text, $ax5picker-danger-border-color, $ax5picker-danger-heading-bg);
+	}
+
+	&.destroy {
+		@include animation(ax-picker-destroy $ax5picker-easing-time-close $ease-in-back forwards);
+	}
+
+	&.direction-top {
+		@include transform-origin(center top);
+	}
+	&.direction-right {
+		@include transform-origin(right center);
+	}
+	&.direction-bottom {
+		@include transform-origin(center bottom);
+
+	}
+	&.direction-left {
+		@include transform-origin(left center);
+	}
+}
+
+// picker handle
+
+@mixin ax5picker-handle(){
+	&[data-ax5picker] {
+		.input-group-addon {
+			cursor: pointer;
+
+			&:not(:last-child) {
+				border-left: 0 none;
+				border-right: 0 none;
+			}
+
+			&.color-preview{
+				padding: 0;
+			}
+			[data-ax5picker-color="preview"]{
+				display: block;
+			}
+		}
+	}
+}
+
+.input-group {
+	@include ax5picker-handle();
+}
+.form-group {
+	@include ax5picker-handle();
+}

_src/admin/scss/plugins/ax5ui/_ax5toast.scss

@@ -0,0 +1,256 @@
+//============== toast
+$ax5toast-z-index: 2000;
+// 0:left,top / 1:right,top / 2:right,bottom / 3:left,bottom
+$ax5toast-container-width: auto !default;
+$ax5toast-container-padding: 10px !default;
+$ax5toast-box-model: border-box  !default;
+$ax5toast-border: 1px solid rgb(255/2, 255/2, 255/2) !default;
+$ax5toast-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.175) !default;
+$ax5toast-body-padding: 6px !default;
+$ax5toast-border-radius: 8px !default;
+$ax5toast-opacity: 0.9 !default;
+$ax5toast-box-margin: 5px 0px 5px 0px !default;
+$ax5toast-icon-size: 24px;
+$ax5toast-easing: $ease-in-out-quint;
+$ax5toast-easing-time: 0.3s;
+
+//** Border color for elements within toast
+$ax5toast-default-text: #282828 !default;
+$ax5toast-default-bg: #fff !default;
+$ax5toast-default-color: $body-color !default;
+
+$ax5toast-primary-text: $brand-primary !default;
+$ax5toast-primary-bg: #fff !default;
+$ax5toast-primary-color: $brand-primary !default;
+
+$ax5toast-success-text: $brand-success !default;
+$ax5toast-success-bg: #fff !default;
+$ax5toast-success-color: $brand-success !default;
+
+$ax5toast-info-text: $brand-info !default;
+$ax5toast-info-bg: #fff !default;
+$ax5toast-info-color: $brand-info !default;
+
+$ax5toast-warning-text: #fff  !default;
+$ax5toast-warning-bg: $brand-warning !default;
+$ax5toast-warning-color: $brand-warning !default;
+
+$ax5toast-danger-text: #fff !default;
+$ax5toast-danger-bg: $brand-warning !default;
+$ax5toast-danger-color: $brand-danger !default;
+
+@mixin ax-toast() {
+    box-sizing: $ax5toast-box-model;
+    border: $ax5toast-border;
+    opacity: $ax5toast-opacity;
+
+    @include ax-border-radius($ax5toast-border-radius);
+    box-shadow: $ax5toast-box-shadow;
+    position: relative;
+    margin: $ax5toast-box-margin;
+}
+
+@mixin ax-toast-section() {
+    display: table;
+    padding: $ax5toast-body-padding;
+    .ax-toast-icon {
+        display: table-cell;
+        padding: $ax5toast-body-padding;
+        text-align: left;
+        font-size: $ax5toast-icon-size;
+        width: $ax5toast-icon-size;
+        vertical-align: middle;
+    }
+    .ax-toast-body {
+        display: table-cell;
+        padding: $ax5toast-body-padding;
+        text-align: left;
+        vertical-align: middle;
+    }
+    .ax-toast-buttons {
+        display: table-cell;
+        padding: $ax5toast-body-padding;
+        text-align: right;
+        vertical-align: middle;
+        button {
+            &:not(:last-child) {
+                margin-right: 3px;
+            }
+        }
+    }
+    .ax-toast-close {
+        display: table-cell;
+        padding: $ax5toast-body-padding;
+        text-align: right;
+        vertical-align: top;
+        text-decoration: none;
+        cursor: pointer;
+    }
+}
+
+@mixin toast-variant($text-color, $bg-color, $color) {
+    background: $bg-color;
+    color: $text-color;
+    .ax-toast-icon {
+        color: $color;
+    }
+    .ax-toast-close {
+        color: $text-color;
+    }
+}
+
+@include keyframes(ax-toast-bottom) {
+    from {
+        @include transform(translateY(-100px) scale(0.7));
+    }
+    to {
+        //@include opacity($mask-bg-opacity);
+        @include transform(translateY(0px) scale(1))
+    }
+}
+
+@include keyframes(ax-toast-top) {
+    from {
+        @include transform(translateY(100px) scale(0.7));
+    }
+    to {
+        //@include opacity($mask-bg-opacity);
+        @include transform(translateY(0px) scale(1))
+    }
+}
+
+@include keyframes(ax-toast-removed-bottom) {
+    from {
+        @include transform(translateY(0px));
+        opacity: 1.0;
+    }
+    to {
+        @include transform(translateY(10px) scale(0.7));
+        opacity: 0.0;
+    }
+}
+
+@include keyframes(ax-toast-removed-top) {
+    from {
+        @include transform(translateY(0px));
+        opacity: 1.0;
+    }
+    to {
+        @include transform(translateY(-10px) scale(0.7));
+        opacity: 0.0;
+    }
+}
+
+@include keyframes(ax-toast-destroy) {
+    from {
+        @include transform(scale(1));
+        opacity: 1.0;
+    }
+    to {
+        @include transform(scale(1.5));
+        opacity: 0.0;
+    }
+}
+
+// mixins --------------------------------------------- end
+
+.ax5-ui-toast-container {
+    z-index: $ax5toast-z-index;
+    position: fixed;
+    width: $ax5toast-container-width;
+    padding: $ax5toast-container-padding;
+
+    box-sizing: border-box;
+    *,
+    *:before,
+    *:after {
+        box-sizing: border-box;
+    }
+
+    .ax5-ui-toast {
+        @include ax-toast();
+        @include ax-toast-section();
+        @include transition(all $ax5toast-easing-time ease-in-out);
+
+        @include toast-variant($ax5toast-default-text, $ax5toast-default-bg, $ax5toast-default-color);
+
+        &.primary {
+            @include toast-variant($ax5toast-primary-text, $ax5toast-primary-bg, $ax5toast-primary-color);
+        }
+        &.success {
+            @include toast-variant($ax5toast-success-text, $ax5toast-success-bg, $ax5toast-success-color);
+        }
+        &.info {
+            @include toast-variant($ax5toast-info-text, $ax5toast-info-bg, $ax5toast-info-color);
+        }
+        &.warning {
+            @include toast-variant($ax5toast-warning-text, $ax5toast-warning-bg, $ax5toast-warning-color);
+        }
+        &.danger {
+            @include toast-variant($ax5toast-danger-text, $ax5toast-danger-bg, $ax5toast-danger-color);
+        }
+    }
+
+    &.bottom-left {
+        left: 0;
+        bottom: 0;
+
+        .ax5-ui-toast {
+            @include animation(ax-toast-top $ax5toast-easing-time $ax5toast-easing);
+            &.removed {
+                @include animation(ax-toast-removed-bottom $ax5toast-easing-time ease forwards);
+            }
+            &.destroy {
+                @include animation(ax-toast-destroy $ax5toast-easing-time ease forwards);
+            }
+        }
+    }
+    &.bottom-right {
+        right: 0;
+        bottom: 0;
+
+        .ax5-ui-toast {
+            @include animation(ax-toast-top $ax5toast-easing-time $ax5toast-easing);
+            &.removed {
+                @include animation(ax-toast-removed-bottom $ax5toast-easing-time ease forwards);
+            }
+            &.destroy {
+                @include animation(ax-toast-destroy $ax5toast-easing-time ease forwards);
+            }
+        }
+
+    }
+
+    &.top-left {
+        left: 0;
+        top: 0;
+
+        .ax5-ui-toast {
+            @include animation(ax-toast-bottom $ax5toast-easing-time $ax5toast-easing);
+
+            &.removed {
+                @include animation(ax-toast-removed-top $ax5toast-easing-time ease forwards);
+            }
+            &.destroy {
+                @include animation(ax-toast-destroy $ax5toast-easing-time ease forwards);
+            }
+        }
+    }
+
+    &.top-right {
+        right: 0;
+        top: 0;
+
+        .ax5-ui-toast {
+            @include animation(ax-toast-bottom $ax5toast-easing-time $ax5toast-easing);
+            &.removed {
+                @include animation(ax-toast-removed-top $ax5toast-easing-time ease forwards);
+            }
+            &.destroy {
+                @include animation(ax-toast-destroy $ax5toast-easing-time ease forwards);
+            }
+        }
+    }
+
+}
+

_src/admin/scss/plugins/ax5ui/_bourbon_support.scss

@@ -0,0 +1,537 @@
+$output-bourbon-deprecation-warnings: false !default;
+
+/// @type cubic-bezier
+$ease-in-quad:      cubic-bezier(0.550,  0.085, 0.680, 0.530);
+$ease-in-cubic:     cubic-bezier(0.550,  0.055, 0.675, 0.190);
+$ease-in-quart:     cubic-bezier(0.895,  0.030, 0.685, 0.220);
+$ease-in-quint:     cubic-bezier(0.755,  0.050, 0.855, 0.060);
+$ease-in-sine:      cubic-bezier(0.470,  0.000, 0.745, 0.715);
+$ease-in-expo:      cubic-bezier(0.950,  0.050, 0.795, 0.035);
+$ease-in-circ:      cubic-bezier(0.600,  0.040, 0.980, 0.335);
+$ease-in-back:      cubic-bezier(0.600, -0.280, 0.735, 0.045);
+
+$ease-out-quad:     cubic-bezier(0.250,  0.460, 0.450, 0.940);
+$ease-out-cubic:    cubic-bezier(0.215,  0.610, 0.355, 1.000);
+$ease-out-quart:    cubic-bezier(0.165,  0.840, 0.440, 1.000);
+$ease-out-quint:    cubic-bezier(0.230,  1.000, 0.320, 1.000);
+$ease-out-sine:     cubic-bezier(0.390,  0.575, 0.565, 1.000);
+$ease-out-expo:     cubic-bezier(0.190,  1.000, 0.220, 1.000);
+$ease-out-circ:     cubic-bezier(0.075,  0.820, 0.165, 1.000);
+$ease-out-back:     cubic-bezier(0.175,  0.885, 0.320, 1.275);
+
+$ease-in-out-quad:  cubic-bezier(0.455,  0.030, 0.515, 0.955);
+$ease-in-out-cubic: cubic-bezier(0.645,  0.045, 0.355, 1.000);
+$ease-in-out-quart: cubic-bezier(0.770,  0.000, 0.175, 1.000);
+$ease-in-out-quint: cubic-bezier(0.860,  0.000, 0.070, 1.000);
+$ease-in-out-sine:  cubic-bezier(0.445,  0.050, 0.550, 0.950);
+$ease-in-out-expo:  cubic-bezier(1.000,  0.000, 0.000, 1.000);
+$ease-in-out-circ:  cubic-bezier(0.785,  0.135, 0.150, 0.860);
+$ease-in-out-back:  cubic-bezier(0.680, -0.550, 0.265, 1.550);
+
+$prefix-for-webkit:    true !default;
+$prefix-for-mozilla:   true !default;
+$prefix-for-microsoft: true !default;
+$prefix-for-opera:     true !default;
+$prefix-for-spec:      true !default;
+
+@mixin disable-prefix-for-all() {
+    $prefix-for-webkit:    false !global;
+    $prefix-for-mozilla:   false !global;
+    $prefix-for-microsoft: false !global;
+    $prefix-for-opera:     false !global;
+    $prefix-for-spec:      false !global;
+}
+
+// Opacity
+@mixin opacity($opacity) {
+    opacity: $opacity;
+    // IE8 filter
+    $opacity-ie: ($opacity * 100);
+    filter: alpha(opacity=$opacity-ie);
+}
+
+@mixin keyframes($name) {
+    $original-prefix-for-webkit: $prefix-for-webkit;
+    $original-prefix-for-mozilla: $prefix-for-mozilla;
+    $original-prefix-for-microsoft: $prefix-for-microsoft;
+    $original-prefix-for-opera: $prefix-for-opera;
+    $original-prefix-for-spec: $prefix-for-spec;
+
+    @if $original-prefix-for-webkit {
+        @include disable-prefix-for-all();
+        $prefix-for-webkit: true !global;
+        @-webkit-keyframes #{$name} {
+            @content;
+        }
+    }
+
+    @if $original-prefix-for-mozilla {
+        @include disable-prefix-for-all();
+        $prefix-for-mozilla: true !global;
+        @-moz-keyframes #{$name} {
+            @content;
+        }
+    }
+
+    $prefix-for-webkit: $original-prefix-for-webkit !global;
+    $prefix-for-mozilla: $original-prefix-for-mozilla !global;
+    $prefix-for-microsoft: $original-prefix-for-microsoft !global;
+    $prefix-for-opera: $original-prefix-for-opera !global;
+    $prefix-for-spec: $original-prefix-for-spec !global;
+
+    @if $original-prefix-for-spec {
+        @keyframes #{$name} {
+            @content;
+        }
+    }
+}
+
+///// bourbon support
+
+// Adds keyframes blocks for supported prefixes, removing redundant prefixes in the block's content
+@mixin keyframes($name) {
+    $original-prefix-for-webkit: $prefix-for-webkit;
+    $original-prefix-for-mozilla: $prefix-for-mozilla;
+    $original-prefix-for-microsoft: $prefix-for-microsoft;
+    $original-prefix-for-opera: $prefix-for-opera;
+    $original-prefix-for-spec: $prefix-for-spec;
+
+    @if $original-prefix-for-webkit {
+        @include disable-prefix-for-all();
+        $prefix-for-webkit: true !global;
+        @-webkit-keyframes #{$name} {
+            @content;
+        }
+    }
+
+    @if $original-prefix-for-mozilla {
+        @include disable-prefix-for-all();
+        $prefix-for-mozilla: true !global;
+        @-moz-keyframes #{$name} {
+            @content;
+        }
+    }
+
+    $prefix-for-webkit: $original-prefix-for-webkit !global;
+    $prefix-for-mozilla: $original-prefix-for-mozilla !global;
+    $prefix-for-microsoft: $original-prefix-for-microsoft !global;
+    $prefix-for-opera: $original-prefix-for-opera !global;
+    $prefix-for-spec: $original-prefix-for-spec !global;
+
+    @if $original-prefix-for-spec {
+        @keyframes #{$name} {
+            @content;
+        }
+    }
+}
+
+@mixin transform($property: none) {
+    // none | <transform-function>
+    @include prefixer(transform, $property, webkit moz ms o spec);
+}
+
+@mixin transform-origin($axes: 50%) {
+    // x-axis - left | center | right  | length | %
+    // y-axis - top  | center | bottom | length | %
+    // z-axis -                          length
+    @include prefixer(transform-origin, $axes, webkit moz ms o spec);
+}
+
+@mixin transform-style($style: flat) {
+    @include prefixer(transform-style, $style, webkit moz ms o spec);
+}
+
+@mixin display($value) {
+    // flex | inline-flex
+    @if $value == "flex" {
+        // 2009
+        display: -webkit-box;
+        display: -moz-box;
+        display: box;
+
+        // 2012
+        display: -webkit-flex;
+        display: -moz-flex;
+        display: -ms-flexbox; // 2011 (IE 10)
+        display: flex;
+    } @else if $value == "inline-flex" {
+        display: -webkit-inline-box;
+        display: -moz-inline-box;
+        display: inline-box;
+
+        display: -webkit-inline-flex;
+        display: -moz-inline-flex;
+        display: -ms-inline-flexbox;
+        display: inline-flex;
+    } @else {
+        display: $value;
+    }
+}
+
+// 2009 - box-flex (integer)
+// 2011 - flex (decimal | width decimal)
+// 2012 - flex (integer integer width)
+@mixin flex($value) {
+    // Grab flex-grow for older browsers.
+    $flex-grow: nth($value, 1);
+
+    // 2009
+    @include prefixer(box-flex, $flex-grow, webkit moz spec);
+
+    // 2011 (IE 10), 2012
+    @include prefixer(flex, $value, webkit moz ms spec);
+}
+
+// 2009 - box-orient ( horizontal | vertical | inline-axis | block-axis)
+//      - box-direction (normal | reverse)
+// 2011 - flex-direction (row | row-reverse | column | column-reverse)
+// 2012 - flex-direction (row | row-reverse | column | column-reverse)
+@mixin flex-direction($value: row) {
+    // Alt values.
+    $value-2009: $value;
+    $value-2011: $value;
+    $direction: normal;
+
+    @if $value == row {
+        $value-2009: horizontal;
+    } @else if $value == "row-reverse" {
+        $value-2009: horizontal;
+        $direction: reverse;
+    } @else if $value == column {
+        $value-2009: vertical;
+    } @else if $value == "column-reverse" {
+        $value-2009: vertical;
+        $direction: reverse;
+    }
+
+    // 2009
+    @include prefixer(box-orient, $value-2009, webkit moz spec);
+    @include prefixer(box-direction, $direction, webkit moz spec);
+
+    // 2012
+    @include prefixer(flex-direction, $value, webkit moz spec);
+
+    // 2011 (IE 10)
+    -ms-flex-direction: $value;
+}
+
+// 2009 - box-lines (single | multiple)
+// 2011 - flex-wrap (nowrap | wrap | wrap-reverse)
+// 2012 - flex-wrap (nowrap | wrap | wrap-reverse)
+@mixin flex-wrap($value: nowrap) {
+    // Alt values
+    $alt-value: $value;
+    @if $value == nowrap {
+        $alt-value: single;
+    } @else if $value == wrap {
+        $alt-value: multiple;
+    } @else if $value == "wrap-reverse" {
+        $alt-value: multiple;
+    }
+
+    @include prefixer(box-lines, $alt-value, webkit moz spec);
+    @include prefixer(flex-wrap, $value, webkit moz ms spec);
+}
+
+// 2009 - TODO: parse values into flex-direction/flex-wrap
+// 2011 - TODO: parse values into flex-direction/flex-wrap
+// 2012 - flex-flow (flex-direction || flex-wrap)
+@mixin flex-flow($value) {
+    @include prefixer(flex-flow, $value, webkit moz spec);
+}
+
+// 2009 - box-ordinal-group (integer)
+// 2011 - flex-order (integer)
+// 2012 - order (integer)
+@mixin order($int: 0) {
+    // 2009
+    @include prefixer(box-ordinal-group, $int, webkit moz spec);
+
+    // 2012
+    @include prefixer(order, $int, webkit moz spec);
+
+    // 2011 (IE 10)
+    -ms-flex-order: $int;
+}
+
+// 2012 - flex-grow (number)
+@mixin flex-grow($number: 0) {
+    @include prefixer(flex-grow, $number, webkit moz spec);
+    -ms-flex-positive: $number;
+}
+
+// 2012 - flex-shrink (number)
+@mixin flex-shrink($number: 1) {
+    @include prefixer(flex-shrink, $number, webkit moz spec);
+    -ms-flex-negative: $number;
+}
+
+// 2012 - flex-basis (number)
+@mixin flex-basis($width: auto) {
+    @include prefixer(flex-basis, $width, webkit moz spec);
+    -ms-flex-preferred-size: $width;
+}
+
+// Shorthand mixin. Supports multiple parentheses-deliminated values for each variable.
+// Example: @include transition (all 2s ease-in-out);
+//          @include transition (opacity 1s ease-in 2s, width 2s ease-out);
+//          @include transition-property (transform, opacity);
+
+@mixin transition($properties...) {
+    // Fix for vendor-prefix transform property
+    $needs-prefixes: false;
+    $webkit: ();
+    $moz: ();
+    $spec: ();
+
+    // Create lists for vendor-prefixed transform
+    @each $list in $properties {
+        @if nth($list, 1) == "transform" {
+            $needs-prefixes: true;
+            $list1: -webkit-transform;
+            $list2: -moz-transform;
+            $list3: ();
+
+            @each $var in $list {
+                $list3: join($list3, $var);
+
+                @if $var != "transform" {
+                    $list1: join($list1, $var);
+                    $list2: join($list2, $var);
+                }
+            }
+
+            $webkit: append($webkit, $list1);
+            $moz: append($moz, $list2);
+            $spec: append($spec, $list3);
+        } @else {
+            $webkit: append($webkit, $list, comma);
+            $moz: append($moz, $list, comma);
+            $spec: append($spec, $list, comma);
+        }
+    }
+
+    @if $needs-prefixes {
+        -webkit-transition: $webkit;
+        -moz-transition: $moz;
+        transition: $spec;
+    } @else {
+        @if length($properties) >= 1 {
+            @include prefixer(transition, $properties, webkit moz spec);
+        } @else {
+            $properties: all 0.15s ease-out 0s;
+            @include prefixer(transition, $properties, webkit moz spec);
+        }
+    }
+}
+
+@mixin transition-property($properties...) {
+    -webkit-transition-property: transition-property-names($properties, "webkit");
+    -moz-transition-property: transition-property-names($properties, "moz");
+    transition-property: transition-property-names($properties, false);
+}
+
+@mixin transition-duration($times...) {
+    @include prefixer(transition-duration, $times, webkit moz spec);
+}
+
+@mixin transition-timing-function($motions...) {
+    // ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier()
+    @include prefixer(transition-timing-function, $motions, webkit moz spec);
+}
+
+@mixin transition-delay($times...) {
+    @include prefixer(transition-delay, $times, webkit moz spec);
+}
+
+// http://www.w3.org/TR/css3-animations/#the-animation-name-property-
+// Each of these mixins support comma separated lists of values, which allows different transitions for individual properties to be described in a single style rule. Each value in the list corresponds to the value at that same position in the other properties.
+
+@mixin animation($animations...) {
+    @include prefixer(animation, $animations, webkit moz spec);
+}
+
+@mixin animation-name($names...) {
+    @include prefixer(animation-name, $names, webkit moz spec);
+}
+
+@mixin animation-duration($times...) {
+    @include prefixer(animation-duration, $times, webkit moz spec);
+}
+
+@mixin animation-timing-function($motions...) {
+    // ease | linear | ease-in | ease-out | ease-in-out
+    @include prefixer(animation-timing-function, $motions, webkit moz spec);
+}
+
+@mixin animation-iteration-count($values...) {
+    // infinite | <number>
+    @include prefixer(animation-iteration-count, $values, webkit moz spec);
+}
+
+@mixin animation-direction($directions...) {
+    // normal | alternate
+    @include prefixer(animation-direction, $directions, webkit moz spec);
+}
+
+@mixin animation-play-state($states...) {
+    // running | paused
+    @include prefixer(animation-play-state, $states, webkit moz spec);
+}
+
+@mixin animation-delay($times...) {
+    @include prefixer(animation-delay, $times, webkit moz spec);
+}
+
+@mixin animation-fill-mode($modes...) {
+    // none | forwards | backwards | both
+    @include prefixer(animation-fill-mode, $modes, webkit moz spec);
+}
+
+@mixin linear-gradient($pos, $g1, $g2: null,
+                       $g3: null, $g4: null,
+                       $g5: null, $g6: null,
+                       $g7: null, $g8: null,
+                       $g9: null, $g10: null,
+                       $fallback: null) {
+
+    // Detect what type of value exists in $pos
+    $pos-type: type-of(nth($pos, 1));
+    $pos-spec: null;
+    $pos-degree: null;
+
+    // If $pos is missing from mixin, reassign vars and add default position
+    @if ($pos-type == color) or (nth($pos, 1) == "transparent")  {
+        $g10: $g9; $g9: $g8; $g8: $g7; $g7: $g6; $g6: $g5;
+        $g5: $g4; $g4: $g3; $g3: $g2; $g2: $g1; $g1: $pos;
+        $pos: null;
+    }
+
+    @if $pos {
+        $positions: _linear-positions-parser($pos);
+        $pos-degree: nth($positions, 1);
+        $pos-spec:   nth($positions, 2);
+    }
+
+    $full: $g1, $g2, $g3, $g4, $g5, $g6, $g7, $g8, $g9, $g10;
+
+    // Set $g1 as the default fallback color
+    $fallback-color: nth($g1, 1);
+
+    // If $fallback is a color use that color as the fallback color
+    @if (type-of($fallback) == color) or ($fallback == "transparent") {
+        $fallback-color: $fallback;
+    }
+
+    background-color: $fallback-color;
+    background-image: -webkit-linear-gradient($pos-degree $full); // Safari 5.1+, Chrome
+    background-image: unquote("linear-gradient(#{$pos-spec}#{$full})");
+}
+
+@function _linear-positions-parser($pos) {
+    $user-deprecation-warnings-setting: $output-bourbon-deprecation-warnings;
+    $output-bourbon-deprecation-warnings: false !global;
+
+    $type: type-of(nth($pos, 1));
+    $spec: null;
+    $degree: null;
+    $side: null;
+    $corner: null;
+    $length: length($pos);
+    // Parse Side and corner positions
+    @if ($length > 1) {
+        @if nth($pos, 1) == "to" { // Newer syntax
+            $side: nth($pos, 2);
+
+            @if $length == 2 { // eg. to top
+                // Swap for backwards compatibility
+                $degree: _position-flipper(nth($pos, 2));
+            }
+            @else if $length == 3 { // eg. to top left
+                $corner: nth($pos, 3);
+            }
+        }
+        @else if $length == 2 { // Older syntax ("top left")
+            $side: _position-flipper(nth($pos, 1));
+            $corner: _position-flipper(nth($pos, 2));
+        }
+
+        @if ("#{$side} #{$corner}" == "left top") or ("#{$side} #{$corner}" == "top left") {
+            $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
+        }
+        @else if ("#{$side} #{$corner}" == "right top") or ("#{$side} #{$corner}" == "top right") {
+            $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
+        }
+        @else if ("#{$side} #{$corner}" == "right bottom") or ("#{$side} #{$corner}" == "bottom right") {
+            $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
+        }
+        @else if ("#{$side} #{$corner}" == "left bottom") or ("#{$side} #{$corner}" == "bottom left") {
+            $degree: _position-flipper(#{$side}) _position-flipper(#{$corner});
+        }
+        $spec: to $side $corner;
+    }
+    @else if $length == 1 {
+        // Swap for backwards compatibility
+        @if $type == string {
+            $degree: $pos;
+            $spec: to _position-flipper($pos);
+        }
+        @else {
+            $degree: -270 - $pos; //rotate the gradient opposite from spec
+            $spec: $pos;
+        }
+    }
+    $degree: unquote($degree + ",");
+    $spec:   unquote($spec + ",");
+
+    $output-bourbon-deprecation-warnings: $user-deprecation-warnings-setting !global;
+
+    @return $degree $spec;
+}
+
+@function _position-flipper($pos) {
+    @return if($pos == left, right, null)
+    if($pos == right, left, null)
+    if($pos == top, bottom, null)
+    if($pos == bottom, top, null);
+}
+
+/// border-radius
+@mixin border-top-radius($radii) {
+    border-top-left-radius: $radii;
+    border-top-right-radius: $radii;
+}
+
+@mixin border-right-radius($radii) {
+    border-bottom-right-radius: $radii;
+    border-top-right-radius: $radii;
+}
+
+@mixin border-bottom-radius($radii) {
+    border-bottom-left-radius: $radii;
+    border-bottom-right-radius: $radii;
+}
+
+@mixin border-left-radius($radii) {
+    border-bottom-left-radius: $radii;
+    border-top-left-radius: $radii;
+}
+
+/// perspective
+@mixin perspective($depth: none) {
+    @include prefixer(perspective, $depth, webkit moz spec);
+}
+
+@mixin perspective-origin($value: 50% 50%) {
+    @include prefixer(perspective-origin, $value, webkit moz spec);
+}
+
+//// ellipsis
+@mixin ellipsis($width: 100%) {
+    display: inline-block;
+    max-width: $width;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    word-wrap: normal;
+}

_src/admin/scss/plugins/ax5ui/_mixin.scss

@@ -0,0 +1,127 @@
+/*!
+ * Copyright (c) 2017. tom@axisj.com
+ * - github.com/thomasjang
+ * - www.axisj.com
+ */
+
+$hack_ie67: '.';
+
+@mixin placeholder($color: $input-color-placeholder) {
+    // Firefox
+    &::-moz-placeholder {
+        color: $color;
+        opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526
+    }
+    &:-ms-input-placeholder {
+        color: $color;
+    }
+    // Internet Explorer 10+
+    &::-webkit-input-placeholder {
+        color: $color;
+    }
+    // Safari and Chrome
+}
+
+@mixin prefixer($property, $value, $prefixes) {
+    @each $prefix in $prefixes {
+        @if $prefix == webkit {
+            @if $prefix-for-webkit {
+                -webkit-#{$property}: $value;
+            }
+        } @else if $prefix == moz {
+            @if $prefix-for-mozilla {
+                -moz-#{$property}: $value;
+            }
+        } @else if $prefix == ms {
+            @if $prefix-for-microsoft {
+                -ms-#{$property}: $value;
+            }
+        } @else if $prefix == o {
+            @if $prefix-for-opera {
+                -o-#{$property}: $value;
+            }
+        } @else if $prefix == spec {
+            @if $prefix-for-spec {
+                #{$property}: $value;
+            }
+        } @else {
+            @warn "Unrecognized prefix: #{$prefix}";
+        }
+    }
+}
+
+@mixin box-shadow($shadows...) {
+    @include prefixer(box-shadow, $shadows, spec);
+}
+
+@mixin background-size($lengths...) {
+    @include prefixer(background-size, $lengths, spec);
+}
+
+@mixin ax-border-radius($border-radius, $direction:"", $adjust:0) {
+    @if (type_of($border-radius) == "list") {
+        @if ($direction == "") {
+            border-top-left-radius: nth($border-radius, 1)+$adjust;
+            border-top-right-radius: nth($border-radius, 2)+$adjust;
+            border-bottom-right-radius: nth($border-radius, 3)+$adjust;
+            border-bottom-left-radius: nth($border-radius, 4)+$adjust;
+        } @else if ($direction == "top") {
+            border-top-left-radius: nth($border-radius, 1)+$adjust;
+            border-top-right-radius: nth($border-radius, 2)+$adjust;
+        } @else if ($direction == "bottom") {
+            border-bottom-right-radius: nth($border-radius, 3)+$adjust;
+            border-bottom-left-radius: nth($border-radius, 4)+$adjust;
+        } @else if ($direction == "left") {
+            border-top-left-radius: nth($border-radius, 1)+$adjust;
+            border-bottom-left-radius: nth($border-radius, 4)+$adjust;
+        } @else if ($direction == "right") {
+            border-top-right-radius: nth($border-radius, 2)+$adjust;
+            border-bottom-right-radius: nth($border-radius, 3)+$adjust;
+        }
+    } @else {
+        @if ($direction == "") {
+            border-radius: $border-radius+$adjust;
+        } @else if ($direction == "top") {
+            border-top-left-radius: $border-radius+$adjust;
+            border-top-right-radius: $border-radius+$adjust;
+        } @else if ($direction == "bottom") {
+            border-bottom-left-radius: $border-radius+$adjust;
+            border-bottom-right-radius: $border-radius+$adjust;
+        } @else if ($direction == "left") {
+            border-top-left-radius: $border-radius+$adjust;
+            border-bottom-left-radius: $border-radius+$adjust;
+        } @else if ($direction == "right") {
+            border-top-right-radius: $border-radius+$adjust;
+            border-bottom-right-radius: $border-radius+$adjust;
+        }
+    }
+}
+
+@mixin ax-background($pos, $g1: null, $g2: null) {
+
+    $pos-type: type-of(nth($pos, 1));
+
+    // If $pos is missing from mixin, reassign vars and add default position
+    @if ($pos-type == color) or (nth($pos, 1) == "transparent") {
+        $g2: $g1;
+        $g1: $pos;
+        $pos: to top;
+    } @else if ($g1 == null) {
+        $g1: $pos;
+        $pos: to top;
+    }
+
+    // @debug($g1);
+    @if (length($g1) == 2) {
+        $g2: nth($g1, 2);
+        $g1: nth($g1, 1);
+        @include linear-gradient($pos, $g1, $g2);
+    } @else if (length($g1) == 3) {
+        @include linear-gradient(nth($g1, 1), nth($g1, 2), nth($g1, 3));
+    } @else {
+        @if (type_of(nth($g2, 1)) == color) {
+            $g2: nth($g2, 1);
+        }
+        @include linear-gradient($pos, $g1, $g2);
+    }
+}

_src/common/js/global.js

@@ -3,32 +3,6 @@
  ***********************************************************************************/
 if(!window.console || !window.console.log) {window.console = {log : function(){}};}
 
-
-/***********************************************************************************
- * AJAX Error 및 BlockUI 처리
- ***********************************************************************************/
-$(function(){
-    $(document).ajaxError(function(event, request, settings){
-        var message = '알수없는 오류가 발생하였습니다.';
-        if( typeof request.responseJSON != 'undefined' && typeof request.responseJSON.message != 'undefined' ) {
-            message = request.responseJSON.message;
-        }
-        else {
-            if( request.status == 500 ) message = '서버 코드 오류가 발생하였습니다.\n관리자에게 문의하세요';
-            else if ( request.status == 401 ) message = '해당 명령을 실행할 권한이 없습니다.';
-        }
-        toastr.error(message, '오류 발생');
-    }).ajaxStart(function(){
-        $.blockUI({
-            css: {width:'25px',top:'49%',left:'49%',border:'0px none',backgroundColor:'transparent',cursor:'wait'},
-            message : '<img src="/assets/images/common/ajax-loader.gif" alt="로딩중">',
-            baseZ : 10000,
-            overlayCSS : {opacity : 0}
-        });
-    }).ajaxComplete(function(){
-        $.unblockUI();
-    });
-});
 var APP = {};
 APP.POPUP = null;
 APP.REGEX = {};

_src/plugins/ax5ui-mask/ax5mask.js

@@ -1,346 +0,0 @@
-'use strict';
-
-// ax5.ui.mask
-(function () {
-
-    var UI = ax5.ui;
-    var U = ax5.util;
-    var MASK = void 0;
-
-    UI.addClass({
-        className: "mask"
-    }, function () {
-        /**
-         * @class ax5mask
-         * @classdesc
-         * @author tom@axisj.com
-         * @example
-         * ```js
-         * var customMask = function customMask() {
-         *     var cTmpl = '' +
-         *         '<div class="ax-mask" id="{{maskId}}" >' +
-         *         '    <div class="ax-mask-bg" style="background-color:red !important;"></div>' +
-         *         '    <div class="ax-mask-content">' +
-         *         '        {{{body}}}' +
-         *         '    </div>' +
-         *         '</div>';
-         *     return cTmpl;
-         * };
-         * ax5.ui.mask.tmpl.customMask = customMask;
-         *
-         * var mask = new ax5.ui.mask();
-         *
-         * mask.open({
-         *     templateName: 'customMask',
-         *     content: 'custom MASK on target',
-         *     target: $("#user-content").get(0),
-         *     onClick: function(){
-         *         console.log(this);
-         *     }
-         * });
-         * ```
-         */
-        return function () {
-            var self = this,
-                cfg = void 0;
-
-            this.instanceId = ax5.getGuid();
-            this.config = {
-                theme: '',
-                target: jQuery(document.body).get(0),
-                animateTime: 250
-            };
-            this.maskContent = '';
-            this.status = "off";
-
-            cfg = this.config;
-
-            var onStateChanged = function onStateChanged(opts, that) {
-                if (opts && opts.onStateChanged) {
-                    opts.onStateChanged.call(that, that);
-                } else if (this.onStateChanged) {
-                    this.onStateChanged.call(that, that);
-                }
-
-                opts = null;
-                that = null;
-                return true;
-            };
-            var getBodyTmpl = function getBodyTmpl(data) {
-                if (typeof data.templateName === "undefined") data.templateName = "defaultMask";
-                return MASK.tmpl.get.call(this, data.templateName, data);
-            };
-            var setBody = function setBody(content) {
-                this.maskContent = content;
-            };
-
-            /**
-             * Preferences of Mask UI
-             * @method ax5mask.setConfig
-             * @param {Object} config - 클래스 속성값
-             * @returns {ax5mask}
-             * @example
-             * ```
-             * setConfig({
-             *      target : {Element|AX5 nodelist}, // 마스크 처리할 대상
-             *      content : {String}, // 마스크안에 들어가는 내용물
-             *      onStateChanged: function(){} // 마스크 상태변경 시 호출되는 함수 this.type으로 예외처리 가능
-             * }
-             * ```
-             */
-            this.init = function () {
-                // after setConfig();
-                this.onStateChanged = cfg.onStateChanged;
-                this.onClick = cfg.onClick;
-                if (this.config.content) setBody.call(this, this.config.content);
-            };
-
-            /**
-             * open mask
-             * target 을 주지 않으면 기본적으로 body 에 마스크가 적용되고 원하는 타겟을 지정해서 마스크를 씌울 수 있습니다.
-             * 기본 정의된 마스크 외에 사용자가 템플릿을 정의해서 마스크를 사용 가능합니다.
-             * @method ax5mask.open
-             * @param {Object} config
-             * @param {String} config
-             * @returns {ax5mask}
-             * @example
-             * ```js
-             * my_mask.open({
-             *     target: document.body,
-             *     content: "<h1>Loading..</h1>",
-             *     onStateChanged: function () {
-             *
-             *     }
-             * });
-             *
-             * my_mask.open({
-             *     target: $("#mask-target").get(0), // dom Element
-             *     content: "<h1>Loading..</h1>",
-             *     onStateChanged: function () {
-             *
-             *     }
-             * });
-             *
-             *
-             * var customMask = function customMask() {
-             *     var cTmpl = '' +
-             *             '<div class="ax-mask" id="{{maskId}}" >' +
-             *             '    <div class="ax-mask-bg" style="background-color:red   !important;"></div>' +
-             *             '    <div class="ax-mask-content">' +
-             *             '        {{{body}}}' +
-             *             '    </div>' +
-             *             '</div>';
-             *     return cTmpl;
-             * };
-             * ax5.ui.mask.tmpl.customMask = customMask;
-             *
-             * my_mask.open({
-             *     target: $("#mask-target").get(0), // dom Element
-             *     content: "<h1>Loading..</h1>",
-             *     
-             *     onStateChanged: function () {
-             *
-             *     }
-             * });
-             * ```
-             */
-            this.open = function (options) {
-
-                if (this.status === "on") this.close();
-                if (options && options.content) setBody.call(this, options.content);
-                if (options && typeof options.templateName === "undefined") options.templateName = "defaultMask";
-                self.maskConfig = jQuery.extend(true, {}, this.config, options);
-
-                var _cfg = self.maskConfig,
-                    target = _cfg.target,
-                    $target = jQuery(target),
-                    maskId = 'ax-mask-' + ax5.getGuid(),
-                    $mask = void 0,
-                    css = {},
-                    that = {},
-                    templateName = _cfg.templateName,
-                    body = getBodyTmpl({
-                    theme: _cfg.theme,
-                    maskId: maskId,
-                    body: this.maskContent,
-                    templateName: templateName
-                });
-
-                jQuery(document.body).append(body);
-
-                // 마스크의 타겟이 html body 가 아니라면
-                if (target && target !== jQuery(document.body).get(0)) {
-                    css = {
-                        position: _cfg.position || "absolute",
-                        left: $target.offset().left,
-                        top: $target.offset().top,
-                        width: $target.outerWidth(),
-                        height: $target.outerHeight()
-                    };
-
-                    $target.addClass("ax-masking");
-
-                    // 마스크의 타겟이 html body가 아닌경우 window resize 이벤트를 추적하여 엘리먼트 마스크의 CSS 속성 변경
-                    jQuery(window).on("resize.ax5mask-" + this.instanceId, function (_$target) {
-                        this.align();
-                    }.bind(this));
-                }
-
-                if (typeof self.maskConfig.zIndex !== "undefined") {
-                    css["z-index"] = self.maskConfig.zIndex;
-                }
-
-                this.$mask = $mask = jQuery("#" + maskId);
-                this.$target = $target;
-                this.status = "on";
-                $mask.css(css);
-
-                if (_cfg.onClick) {
-                    $mask.on("click", function (e) {
-                        that = {
-                            self: self,
-                            state: "open",
-                            type: "click"
-                        };
-                        self.maskConfig.onClick.call(that, that);
-                    });
-                }
-
-                onStateChanged.call(this, null, {
-                    self: this,
-                    state: "open"
-                });
-
-                options = null;
-                _cfg = null;
-                target = null;
-                $target = null;
-                maskId = null;
-                $mask = null;
-                css = null;
-                that = null;
-                templateName = null;
-                body = null;
-
-                return this;
-            };
-
-            /**
-             * close mask
-             * @method ax5mask.close
-             * @param {Number} [_delay=0]
-             * @returns {ax5mask}
-             * @example
-             * ```
-             * my_mask.close();
-             * ```
-             */
-            this.close = function (_delay) {
-                if (this.$mask) {
-                    var _close = function _close() {
-                        this.status = "off";
-                        this.$mask.remove();
-                        this.$target.removeClass("ax-masking");
-
-                        onStateChanged.call(this, null, {
-                            self: this,
-                            state: "close"
-                        });
-
-                        jQuery(window).off("resize.ax5mask-" + this.instanceId);
-                    };
-
-                    if (_delay) {
-                        setTimeout(function () {
-                            _close.call(this);
-                        }.bind(this), _delay);
-                    } else {
-                        _close.call(this);
-                    }
-                }
-                return this;
-            };
-
-            /**
-             * @method ax5mask.fadeOut
-             * @returns {ax5mask}
-             */
-            this.fadeOut = function () {
-                if (this.$mask) {
-                    var _close = function _close() {
-                        this.status = "off";
-                        this.$mask.remove();
-                        this.$target.removeClass("ax-masking");
-
-                        onStateChanged.call(this, null, {
-                            self: this,
-                            state: "close"
-                        });
-
-                        jQuery(window).off("resize.ax5mask-" + this.instanceId);
-                    };
-
-                    this.$mask.addClass("fade-out");
-                    setTimeout(function () {
-                        _close.call(this);
-                    }.bind(this), cfg.animateTime);
-                }
-                return this;
-            };
-
-            /**
-             * @method ax5mask.align
-             * @returns {ax5mask}
-             */
-            this.align = function () {
-                if (this.maskConfig && this.maskConfig.target && this.maskConfig.target !== jQuery(document.body).get(0)) {
-                    try {
-                        var css = {
-                            position: this.maskConfig.position || "absolute",
-                            left: this.$target.offset().left,
-                            top: this.$target.offset().top,
-                            width: this.$target.outerWidth(),
-                            height: this.$target.outerHeight()
-                        };
-                        this.$mask.css(css);
-                    } catch (e) {}
-                }
-                return this;
-            };
-
-            this.pullRequest = function () {
-                console.log("test pullRequest01");
-                console.log("test pullRequest02");
-            };
-
-            // 클래스 생성자
-            this.main = function () {
-
-                UI.mask_instance = UI.mask_instance || [];
-                UI.mask_instance.push(this);
-
-                if (arguments && U.isObject(arguments[0])) {
-                    this.setConfig(arguments[0]);
-                }
-            }.apply(this, arguments);
-        };
-    }());
-    MASK = ax5.ui.mask;
-})();
-// ax5.ui.mask.tmpl
-(function () {
-
-    var MASK = ax5.ui.mask;
-
-    var defaultMask = function defaultMask(columnKeys) {
-        return '\n            <div class="ax-mask {{theme}}" id="{{maskId}}">\n                <div class="ax-mask-bg"></div>\n                <div class="ax-mask-content">\n                    <div class="ax-mask-body">\n                    {{{body}}}\n                    </div>\n                </div>\n            </div>\n        ';
-    };
-
-    MASK.tmpl = {
-        "defaultMask": defaultMask,
-
-        get: function get(tmplName, data, columnKeys) {
-            return ax5.mustache.render(MASK.tmpl[tmplName].call(this, columnKeys), data);
-        }
-    };
-})();

_src/plugins/ax5ui-mask/ax5mask.min.js

@@ -1,2 +0,0 @@
-"use strict";!function(){var t=ax5.ui,s=ax5.util,e=void 0;t.addClass({className:"mask"},function(){return function(){var i=this,n=void 0;this.instanceId=ax5.getGuid(),this.config={theme:"",target:jQuery(document.body).get(0),animateTime:250},this.maskContent="",this.status="off",n=this.config;var a=function(t,s){return t&&t.onStateChanged?t.onStateChanged.call(s,s):this.onStateChanged&&this.onStateChanged.call(s,s),t=null,s=null,!0},o=function(t){return"undefined"==typeof t.templateName&&(t.templateName="defaultMask"),e.tmpl.get.call(this,t.templateName,t)},l=function(t){this.maskContent=t};this.init=function(){this.onStateChanged=n.onStateChanged,this.onClick=n.onClick,this.config.content&&l.call(this,this.config.content)},this.open=function(t){"on"===this.status&&this.close(),t&&t.content&&l.call(this,t.content),t&&"undefined"==typeof t.templateName&&(t.templateName="defaultMask"),i.maskConfig=jQuery.extend(!0,{},this.config,t);var s=i.maskConfig,e=s.target,n=jQuery(e),u="ax-mask-"+ax5.getGuid(),h=void 0,c={},f={},m=s.templateName,d=o({theme:s.theme,maskId:u,body:this.maskContent,templateName:m});return jQuery(document.body).append(d),e&&e!==jQuery(document.body).get(0)&&(c={position:s.position||"absolute",left:n.offset().left,top:n.offset().top,width:n.outerWidth(),height:n.outerHeight()},n.addClass("ax-masking"),jQuery(window).on("resize.ax5mask-"+this.instanceId,function(t){this.align()}.bind(this))),"undefined"!=typeof i.maskConfig.zIndex&&(c["z-index"]=i.maskConfig.zIndex),this.$mask=h=jQuery("#"+u),this.$target=n,this.status="on",h.css(c),s.onClick&&h.on("click",function(t){f={self:i,state:"open",type:"click"},i.maskConfig.onClick.call(f,f)}),a.call(this,null,{self:this,state:"open"}),t=null,s=null,e=null,n=null,u=null,h=null,c=null,f=null,m=null,d=null,this},this.close=function(t){if(this.$mask){var s=function(){this.status="off",this.$mask.remove(),this.$target.removeClass("ax-masking"),a.call(this,null,{self:this,state:"close"}),jQuery(window).off("resize.ax5mask-"+this.instanceId)};t?setTimeout(function(){s.call(this)}.bind(this),t):s.call(this)}return this},this.fadeOut=function(){if(this.$mask){var t=function(){this.status="off",this.$mask.remove(),this.$target.removeClass("ax-masking"),a.call(this,null,{self:this,state:"close"}),jQuery(window).off("resize.ax5mask-"+this.instanceId)};this.$mask.addClass("fade-out"),setTimeout(function(){t.call(this)}.bind(this),n.animateTime)}return this},this.align=function(){if(this.maskConfig&&this.maskConfig.target&&this.maskConfig.target!==jQuery(document.body).get(0))try{var t={position:this.maskConfig.position||"absolute",left:this.$target.offset().left,top:this.$target.offset().top,width:this.$target.outerWidth(),height:this.$target.outerHeight()};this.$mask.css(t)}catch(t){}return this},this.pullRequest=function(){console.log("test pullRequest01"),console.log("test pullRequest02")},this.main=function(){t.mask_instance=t.mask_instance||[],t.mask_instance.push(this),arguments&&s.isObject(arguments[0])&&this.setConfig(arguments[0])}.apply(this,arguments)}}()),e=ax5.ui.mask}(),function(){var t=ax5.ui.mask,s=function(t){return'\n            <div class="ax-mask {{theme}}" id="{{maskId}}">\n                <div class="ax-mask-bg"></div>\n                <div class="ax-mask-content">\n                    <div class="ax-mask-body">\n                    {{{body}}}\n                    </div>\n                </div>\n            </div>\n        '};t.tmpl={defaultMask:s,get:function(s,e,i){return ax5.mustache.render(t.tmpl[s].call(this,i),e)}}}();
-//# sourceMappingURL=ax5mask.min.js.map

_src/plugins/jquery-ui-1.12.1.custom/AUTHORS.txt

@@ -1,333 +0,0 @@
-Authors ordered by first contribution
-A list of current team members is available at http://jqueryui.com/about
-
-Paul Bakaus <paul.bakaus@gmail.com>
-Richard Worth <rdworth@gmail.com>
-Yehuda Katz <wycats@gmail.com>
-Sean Catchpole <sean@sunsean.com>
-John Resig <jeresig@gmail.com>
-Tane Piper <piper.tane@gmail.com>
-Dmitri Gaskin <dmitrig01@gmail.com>
-Klaus Hartl <klaus.hartl@gmail.com>
-Stefan Petre <stefan.petre@gmail.com>
-Gilles van den Hoven <gilles@webunity.nl>
-Micheil Bryan Smith <micheil@brandedcode.com>
-Jörn Zaefferer <joern.zaefferer@gmail.com>
-Marc Grabanski <m@marcgrabanski.com>
-Keith Wood <kbwood@iinet.com.au>
-Brandon Aaron <brandon.aaron@gmail.com>
-Scott González <scott.gonzalez@gmail.com>
-Eduardo Lundgren <eduardolundgren@gmail.com>
-Aaron Eisenberger <aaronchi@gmail.com>
-Joan Piedra <theneojp@gmail.com>
-Bruno Basto <b.basto@gmail.com>
-Remy Sharp <remy@leftlogic.com>
-Bohdan Ganicky <bohdan.ganicky@gmail.com>
-David Bolter <david.bolter@gmail.com>
-Chi Cheng <cloudream@gmail.com>
-Ca-Phun Ung <pazu2k@gmail.com>
-Ariel Flesler <aflesler@gmail.com>
-Maggie Wachs <maggie@filamentgroup.com>
-Scott Jehl <scottjehl@gmail.com>
-Todd Parker <todd@filamentgroup.com>
-Andrew Powell <andrew@shellscape.org>
-Brant Burnett <btburnett3@gmail.com>
-Douglas Neiner <doug@dougneiner.com>
-Paul Irish <paul.irish@gmail.com>
-Ralph Whitbeck <ralph.whitbeck@gmail.com>
-Thibault Duplessis <thibault.duplessis@gmail.com>
-Dominique Vincent <dominique.vincent@toitl.com>
-Jack Hsu <jack.hsu@gmail.com>
-Adam Sontag <ajpiano@ajpiano.com>
-Carl Fürstenberg <carl@excito.com>
-Kevin Dalman <development@allpro.net>
-Alberto Fernández Capel <afcapel@gmail.com>
-Jacek Jędrzejewski (http://jacek.jedrzejewski.name)
-Ting Kuei <ting@kuei.com>
-Samuel Cormier-Iijima <sam@chide.it>
-Jon Palmer <jonspalmer@gmail.com>
-Ben Hollis <bhollis@amazon.com>
-Justin MacCarthy <Justin@Rubystars.biz>
-Eyal Kobrigo <kobrigo@hotmail.com>
-Tiago Freire <tiago.freire@gmail.com>
-Diego Tres <diegotres@gmail.com>
-Holger Rüprich <holger@rueprich.de>
-Ziling Zhao <zilingzhao@gmail.com>
-Mike Alsup <malsup@gmail.com>
-Robson Braga Araujo <robsonbraga@gmail.com>
-Pierre-Henri Ausseil <ph.ausseil@gmail.com>
-Christopher McCulloh <cmcculloh@gmail.com>
-Andrew Newcomb <ext.github@preceptsoftware.co.uk>
-Lim Chee Aun <cheeaun@gmail.com>
-Jorge Barreiro <yortx.barry@gmail.com>
-Daniel Steigerwald <daniel@steigerwald.cz>
-John Firebaugh <john_firebaugh@bigfix.com>
-John Enters <github@darkdark.net>
-Andrey Kapitcyn <ru.m157y@gmail.com>
-Dmitry Petrov <dpetroff@gmail.com>
-Eric Hynds <eric@hynds.net>
-Chairat Sunthornwiphat <pipo@sixhead.com>
-Josh Varner <josh.varner@gmail.com>
-Stéphane Raimbault <stephane.raimbault@gmail.com>
-Jay Merrifield <fracmak@gmail.com>
-J. Ryan Stinnett <jryans@gmail.com>
-Peter Heiberg <peter@heiberg.se>
-Alex Dovenmuehle <adovenmuehle@gmail.com>
-Jamie Gegerson <git@jamiegegerson.com>
-Raymond Schwartz <skeetergraphics@gmail.com>
-Phillip Barnes <philbar@gmail.com>
-Kyle Wilkinson <kai@wikyd.org>
-Khaled AlHourani <me@khaledalhourani.com>
-Marian Rudzynski <mr@impaled.org>
-Jean-Francois Remy <jeff@melix.org>
-Doug Blood <dougblood@gmail.com>
-Filippo Cavallarin <filippo.cavallarin@codseq.it>
-Heiko Henning <heiko@thehennings.ch>
-Aliaksandr Rahalevich <saksmlz@gmail.com>
-Mario Visic <mario@mariovisic.com>
-Xavi Ramirez <xavi.rmz@gmail.com>
-Max Schnur <max.schnur@gmail.com>
-Saji Nediyanchath <saji89@gmail.com>
-Corey Frang <gnarf37@gmail.com>
-Aaron Peterson <aaronp123@yahoo.com>
-Ivan Peters <ivan@ivanpeters.com>
-Mohamed Cherif Bouchelaghem <cherifbouchelaghem@yahoo.fr>
-Marcos Sousa <falecomigo@marcossousa.com>
-Michael DellaNoce <mdellanoce@mailtrust.com>
-George Marshall <echosx@gmail.com>
-Tobias Brunner <tobias@strongswan.org>
-Martin Solli <msolli@gmail.com>
-David Petersen <public@petersendidit.com>
-Dan Heberden <danheberden@gmail.com>
-William Kevin Manire <williamkmanire@gmail.com>
-Gilmore Davidson <gilmoreorless@gmail.com>
-Michael Wu <michaelmwu@gmail.com>
-Adam Parod <mystic414@gmail.com>
-Guillaume Gautreau <guillaume+github@ghusse.com>
-Marcel Toele <EleotleCram@gmail.com>
-Dan Streetman <ddstreet@ieee.org>
-Matt Hoskins <matt@nipltd.com>
-Giovanni Giacobbi <giovanni@giacobbi.net>
-Kyle Florence <kyle.florence@gmail.com>
-Pavol Hluchý <lopo@losys.sk>
-Hans Hillen <hans.hillen@gmail.com>
-Mark Johnson <virgofx@live.com>
-Trey Hunner <treyhunner@gmail.com>
-Shane Whittet <whittet@gmail.com>
-Edward A Faulkner <ef@alum.mit.edu>
-Adam Baratz <adam@adambaratz.com>
-Kato Kazuyoshi <kato.kazuyoshi@gmail.com>
-Eike Send <eike.send@gmail.com>
-Kris Borchers <kris.borchers@gmail.com>
-Eddie Monge <eddie@eddiemonge.com>
-Israel Tsadok <itsadok@gmail.com>
-Carson McDonald <carson@ioncannon.net>
-Jason Davies <jason@jasondavies.com>
-Garrison Locke <gplocke@gmail.com>
-David Murdoch <david@davidmurdoch.com>
-Benjamin Scott Boyle <benjamins.boyle@gmail.com>
-Jesse Baird <jebaird@gmail.com>
-Jonathan Vingiano <jvingiano@gmail.com>
-Dylan Just <dev@ephox.com>
-Hiroshi Tomita <tomykaira@gmail.com>
-Glenn Goodrich <glenn.goodrich@gmail.com>
-Tarafder Ashek-E-Elahi <mail.ashek@gmail.com>
-Ryan Neufeld <ryan@neufeldmail.com>
-Marc Neuwirth <marc.neuwirth@gmail.com>
-Philip Graham <philip.robert.graham@gmail.com>
-Benjamin Sterling <benjamin.sterling@kenzomedia.com>
-Wesley Walser <waw325@gmail.com>
-Kouhei Sutou <kou@clear-code.com>
-Karl Kirch <karlkrch@gmail.com>
-Chris Kelly <ckdake@ckdake.com>
-Jason Oster <jay@kodewerx.org>
-Felix Nagel <info@felixnagel.com>
-Alexander Polomoshnov <alex.polomoshnov@gmail.com>
-David Leal <dgleal@gmail.com>
-Igor Milla <igor.fsp.milla@gmail.com>
-Dave Methvin <dave.methvin@gmail.com>
-Florian Gutmann <f.gutmann@chronimo.com>
-Marwan Al Jubeh <marwan.aljubeh@gmail.com>
-Milan Broum <midlis@googlemail.com>
-Sebastian Sauer <info@dynpages.de>
-Gaëtan Muller <m.gaetan89@gmail.com>
-Michel Weimerskirch <michel@weimerskirch.net>
-William Griffiths <william@ycymro.com>
-Stojce Slavkovski <stojce@gmail.com>
-David Soms <david.soms@gmail.com>
-David De Sloovere <david.desloovere@outlook.com>
-Michael P. Jung <michael.jung@terreon.de>
-Shannon Pekary <spekary@gmail.com>
-Dan Wellman <danwellman@hotmail.com>
-Matthew Edward Hutton <meh@corefiling.co.uk>
-James Khoury <james@jameskhoury.com>
-Rob Loach <robloach@gmail.com>
-Alberto Monteiro <betimbrasil@gmail.com>
-Alex Rhea <alex.rhea@gmail.com>
-Krzysztof Rosiński <rozwell69@gmail.com>
-Ryan Olton <oltonr@gmail.com>
-Genie <386@mail.com>
-Rick Waldron <waldron.rick@gmail.com>
-Ian Simpson <spoonlikesham@gmail.com>
-Lev Kitsis <spam4lev@gmail.com>
-TJ VanToll <tj.vantoll@gmail.com>
-Justin Domnitz <jdomnitz@gmail.com>
-Douglas Cerna <douglascerna@yahoo.com>
-Bert ter Heide <bertjh@hotmail.com>
-Jasvir Nagra <jasvir@gmail.com>
-Yuriy Khabarov <13real008@gmail.com>
-Harri Kilpiö <harri.kilpio@gmail.com>
-Lado Lomidze <lado.lomidze@gmail.com>
-Amir E. Aharoni <amir.aharoni@mail.huji.ac.il>
-Simon Sattes <simon.sattes@gmail.com>
-Jo Liss <joliss42@gmail.com>
-Guntupalli Karunakar <karunakarg@yahoo.com>
-Shahyar Ghobadpour <shahyar@gmail.com>
-Lukasz Lipinski <uzza17@gmail.com>
-Timo Tijhof <krinklemail@gmail.com>
-Jason Moon <jmoon@socialcast.com>
-Martin Frost <martinf55@hotmail.com>
-Eneko Illarramendi <eneko@illarra.com>
-EungJun Yi <semtlenori@gmail.com>
-Courtland Allen <courtlandallen@gmail.com>
-Viktar Varvanovich <non4eg@gmail.com>
-Danny Trunk <dtrunk90@gmail.com>
-Pavel Stetina <pavel.stetina@nangu.tv>
-Michael Stay <metaweta@gmail.com>
-Steven Roussey <sroussey@gmail.com>
-Michael Hollis <hollis21@gmail.com>
-Lee Rowlands <lee.rowlands@previousnext.com.au>
-Timmy Willison <timmywillisn@gmail.com>
-Karl Swedberg <kswedberg@gmail.com>
-Baoju Yuan <the_guy_1987@hotmail.com>
-Maciej Mroziński <maciej.k.mrozinski@gmail.com>
-Luis Dalmolin <luis.nh@gmail.com>
-Mark Aaron Shirley <maspwr@gmail.com>
-Martin Hoch <martin@fidion.de>
-Jiayi Yang <tr870829@gmail.com>
-Philipp Benjamin Köppchen <xgxtpbk@gws.ms>
-Sindre Sorhus <sindresorhus@gmail.com>
-Bernhard Sirlinger <bernhard.sirlinger@tele2.de>
-Jared A. Scheel <jared@jaredscheel.com>
-Rafael Xavier de Souza <rxaviers@gmail.com>
-John Chen <zhang.z.chen@intel.com>
-Robert Beuligmann <robertbeuligmann@gmail.com>
-Dale Kocian <dale.kocian@gmail.com>
-Mike Sherov <mike.sherov@gmail.com>
-Andrew Couch <andy@couchand.com>
-Marc-Andre Lafortune <github@marc-andre.ca>
-Nate Eagle <nate.eagle@teamaol.com>
-David Souther <davidsouther@gmail.com>
-Mathias Stenbom <mathias@stenbom.com>
-Sergey Kartashov <ebishkek@yandex.ru>
-Avinash R <nashpapa@gmail.com>
-Ethan Romba <ethanromba@gmail.com>
-Cory Gackenheimer <cory.gack@gmail.com>
-Juan Pablo Kaniefsky <jpkaniefsky@gmail.com>
-Roman Salnikov <bardt.dz@gmail.com>
-Anika Henke <anika@selfthinker.org>
-Samuel Bovée <samycookie2000@yahoo.fr>
-Fabrício Matté <ult_combo@hotmail.com>
-Viktor Kojouharov <vkojouharov@gmail.com>
-Pawel Maruszczyk (http://hrabstwo.net)
-Pavel Selitskas <p.selitskas@gmail.com>
-Bjørn Johansen <post@bjornjohansen.no>
-Matthieu Penant <thieum22@hotmail.com>
-Dominic Barnes <dominic@dbarnes.info>
-David Sullivan <david.sullivan@gmail.com>
-Thomas Jaggi <thomas@responsive.ch>
-Vahid Sohrabloo <vahid4134@gmail.com>
-Travis Carden <travis.carden@gmail.com>
-Bruno M. Custódio <bruno@brunomcustodio.com>
-Nathanael Silverman <nathanael.silverman@gmail.com>
-Christian Wenz <christian@wenz.org>
-Steve Urmston <steve@urm.st>
-Zaven Muradyan <megalivoithos@gmail.com>
-Woody Gilk <shadowhand@deviantart.com>
-Zbigniew Motyka <zbigniew.motyka@gmail.com>
-Suhail Alkowaileet <xsoh.k7@gmail.com>
-Toshi MARUYAMA <marutosijp2@yahoo.co.jp>
-David Hansen <hansede@gmail.com>
-Brian Grinstead <briangrinstead@gmail.com>
-Christian Klammer <christian314159@gmail.com>
-Steven Luscher <jquerycla@steveluscher.com>
-Gan Eng Chin <engchin.gan@gmail.com>
-Gabriel Schulhof <gabriel.schulhof@intel.com>
-Alexander Schmitz <arschmitz@gmail.com>
-Vilhjálmur Skúlason <vis@dmm.is>
-Siebrand Mazeland <siebrand@kitano.nl>
-Mohsen Ekhtiari <mohsenekhtiari@yahoo.com>
-Pere Orga <gotrunks@gmail.com>
-Jasper de Groot <mail@ugomobi.com>
-Stephane Deschamps <stephane.deschamps@gmail.com>
-Jyoti Deka <dekajp@gmail.com>
-Andrei Picus <office.nightcrawler@gmail.com>
-Ondrej Novy <novy@ondrej.org>
-Jacob McCutcheon <jacob.mccutcheon@gmail.com>
-Monika Piotrowicz <monika.piotrowicz@gmail.com>
-Imants Horsts <imants.horsts@inbox.lv>
-Eric Dahl <eric.c.dahl@gmail.com>
-Dave Stein <dave@behance.com>
-Dylan Barrell <dylan@barrell.com>
-Daniel DeGroff <djdegroff@gmail.com>
-Michael Wiencek <mwtuea@gmail.com>
-Thomas Meyer <meyertee@gmail.com>
-Ruslan Yakhyaev <ruslan@ruslan.io>
-Brian J. Dowling <bjd-dev@simplicity.net>
-Ben Higgins <ben@extrahop.com>
-Yermo Lamers <yml@yml.com>
-Patrick Stapleton <github@gdi2290.com>
-Trisha Crowley <trisha.crowley@gmail.com>
-Usman Akeju <akeju00+github@gmail.com>
-Rodrigo Menezes <rod333@gmail.com>
-Jacques Perrault <jacques_perrault@us.ibm.com>
-Frederik Elvhage <frederik.elvhage@googlemail.com>
-Will Holley <willholley@gmail.com>
-Uri Gilad <antishok@gmail.com>
-Richard Gibson <richard.gibson@gmail.com>
-Simen Bekkhus <sbekkhus91@gmail.com>
-Chen Eshchar <eshcharc@gmail.com>
-Bruno Pérel <brunoperel@gmail.com>
-Mohammed Alshehri <m@dralshehri.com>
-Lisa Seacat DeLuca <ldeluca@us.ibm.com>
-Anne-Gaelle Colom <coloma@westminster.ac.uk>
-Adam Foster <slimfoster@gmail.com>
-Luke Page <luke.a.page@gmail.com>
-Daniel Owens <daniel@matchstickmixup.com>
-Michael Orchard <morchard@scottlogic.co.uk>
-Marcus Warren <marcus@envoke.com>
-Nils Heuermann <nils@world-of-scripts.de>
-Marco Ziech <marco@ziech.net>
-Patricia Juarez <patrixd@gmail.com>
-Ben Mosher <me@benmosher.com>
-Ablay Keldibek <atomio.ak@gmail.com>
-Thomas Applencourt <thomas.applencourt@irsamc.ups-tlse.fr>
-Jiabao Wu <jiabao.foss@gmail.com>
-Eric Lee Carraway <github@ericcarraway.com>
-Victor Homyakov <vkhomyackov@gmail.com>
-Myeongjin Lee <aranet100@gmail.com>
-Liran Sharir <lsharir@gmail.com>
-Weston Ruter <weston@xwp.co>
-Mani Mishra <manimishra902@gmail.com>
-Hannah Methvin <hannahmethvin@gmail.com>
-Leonardo Balter <leonardo.balter@gmail.com>
-Benjamin Albert <benjamin_a5@yahoo.com>
-Michał Gołębiowski <m.goleb@gmail.com>
-Alyosha Pushak <alyosha.pushak@gmail.com>
-Fahad Ahmad <fahadahmad41@hotmail.com>
-Matt Brundage <github@mattbrundage.com>
-Francesc Baeta <francesc.baeta@gmail.com>
-Piotr Baran <piotros@wp.pl>
-Mukul Hase <mukulhase@gmail.com>
-Konstantin Dinev <kdinev@mail.bw.edu>
-Rand Scullard <rand@randscullard.com>
-Dan Strohl <dan@wjcg.net>
-Maksim Ryzhikov <rv.maksim@gmail.com>
-Amine HADDAD <haddad@allegorie.tv>
-Amanpreet Singh <apsdehal@gmail.com>
-Alexey Balchunas <bleshik@gmail.com>
-Peter Kehl <peter.kehl@gmail.com>
-Peter Dave Hello <hsu@peterdavehello.org>
-Johannes Schäfer <johnschaefer@gmx.de>
-Ville Skyttä <ville.skytta@iki.fi>
-Ryan Oriecuia <ryan.oriecuia@visioncritical.com>

_src/plugins/jquery-ui-1.12.1.custom/LICENSE.txt

@@ -1,43 +0,0 @@
-Copyright jQuery Foundation and other contributors, https://jquery.org/
-
-This software consists of voluntary contributions made by many
-individuals. For exact contribution history, see the revision history
-available at https://github.com/jquery/jquery-ui
-
-The following license applies to all parts of this software except as
-documented below:
-
-====
-
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of this software and associated documentation files (the
-"Software"), to deal in the Software without restriction, including
-without limitation the rights to use, copy, modify, merge, publish,
-distribute, sublicense, and/or sell copies of the Software, and to
-permit persons to whom the Software is furnished to do so, subject to
-the following conditions:
-
-The above copyright notice and this permission notice shall be
-included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
-LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
-OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
-WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
-
-====
-
-Copyright and related rights for sample code are waived via CC0. Sample
-code is defined as all source code contained within the demos directory.
-
-CC0: http://creativecommons.org/publicdomain/zero/1.0/
-
-====
-
-All files located in the node_modules and external directories are
-externally maintained libraries used by this software which have their
-own licenses; we recommend you read them, as their terms may differ from
-the terms above.

_src/plugins/jquery-ui-1.12.1.custom/index.html

@@ -1,333 +0,0 @@
-<!doctype html>
-<html lang="us">
-<head>
-	<meta charset="utf-8">
-	<title>jQuery UI Example Page</title>
-	<link href="jquery-ui.css" rel="stylesheet">
-	<style>
-	body{
-		font-family: "Trebuchet MS", sans-serif;
-		margin: 50px;
-	}
-	.demoHeaders {
-		margin-top: 2em;
-	}
-	#dialog-link {
-		padding: .4em 1em .4em 20px;
-		text-decoration: none;
-		position: relative;
-	}
-	#dialog-link span.ui-icon {
-		margin: 0 5px 0 0;
-		position: absolute;
-		left: .2em;
-		top: 50%;
-		margin-top: -8px;
-	}
-	#icons {
-		margin: 0;
-		padding: 0;
-	}
-	#icons li {
-		margin: 2px;
-		position: relative;
-		padding: 4px 0;
-		cursor: pointer;
-		float: left;
-		list-style: none;
-	}
-	#icons span.ui-icon {
-		float: left;
-		margin: 0 4px;
-	}
-	.fakewindowcontain .ui-widget-overlay {
-		position: absolute;
-	}
-	select {
-		width: 200px;
-	}
-	</style>
-</head>
-<body>
-
-<h1>Welcome to jQuery UI!</h1>
-
-<div class="ui-widget">
-	<p>This page demonstrates the widgets and theme you selected in Download Builder. Please make sure you are using them with a compatible jQuery version.</p>
-</div>
-
-<h1>YOUR COMPONENTS:</h1>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<h2 class="demoHeaders">Framework Icons (content color preview)</h2>
-<ul id="icons" class="ui-widget ui-helper-clearfix">
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-n"><span class="ui-icon ui-icon-caret-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-ne"><span class="ui-icon ui-icon-caret-1-ne"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-e"><span class="ui-icon ui-icon-caret-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-se"><span class="ui-icon ui-icon-caret-1-se"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-s"><span class="ui-icon ui-icon-caret-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-sw"><span class="ui-icon ui-icon-caret-1-sw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-w"><span class="ui-icon ui-icon-caret-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-1-nw"><span class="ui-icon ui-icon-caret-1-nw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-2-n-s"><span class="ui-icon ui-icon-caret-2-n-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-caret-2-e-w"><span class="ui-icon ui-icon-caret-2-e-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-n"><span class="ui-icon ui-icon-triangle-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-ne"><span class="ui-icon ui-icon-triangle-1-ne"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-e"><span class="ui-icon ui-icon-triangle-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-se"><span class="ui-icon ui-icon-triangle-1-se"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-s"><span class="ui-icon ui-icon-triangle-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-sw"><span class="ui-icon ui-icon-triangle-1-sw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-w"><span class="ui-icon ui-icon-triangle-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-1-nw"><span class="ui-icon ui-icon-triangle-1-nw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-n-s"><span class="ui-icon ui-icon-triangle-2-n-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-triangle-2-e-w"><span class="ui-icon ui-icon-triangle-2-e-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-n"><span class="ui-icon ui-icon-arrow-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-ne"><span class="ui-icon ui-icon-arrow-1-ne"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-e"><span class="ui-icon ui-icon-arrow-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-se"><span class="ui-icon ui-icon-arrow-1-se"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-s"><span class="ui-icon ui-icon-arrow-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-sw"><span class="ui-icon ui-icon-arrow-1-sw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-w"><span class="ui-icon ui-icon-arrow-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-1-nw"><span class="ui-icon ui-icon-arrow-1-nw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-n-s"><span class="ui-icon ui-icon-arrow-2-n-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-ne-sw"><span class="ui-icon ui-icon-arrow-2-ne-sw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-e-w"><span class="ui-icon ui-icon-arrow-2-e-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-2-se-nw"><span class="ui-icon ui-icon-arrow-2-se-nw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-n"><span class="ui-icon ui-icon-arrowstop-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-e"><span class="ui-icon ui-icon-arrowstop-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-s"><span class="ui-icon ui-icon-arrowstop-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowstop-1-w"><span class="ui-icon ui-icon-arrowstop-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-n"><span class="ui-icon ui-icon-arrowthick-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-ne"><span class="ui-icon ui-icon-arrowthick-1-ne"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-e"><span class="ui-icon ui-icon-arrowthick-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-se"><span class="ui-icon ui-icon-arrowthick-1-se"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-s"><span class="ui-icon ui-icon-arrowthick-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-sw"><span class="ui-icon ui-icon-arrowthick-1-sw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-w"><span class="ui-icon ui-icon-arrowthick-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-1-nw"><span class="ui-icon ui-icon-arrowthick-1-nw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-n-s"><span class="ui-icon ui-icon-arrowthick-2-n-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-ne-sw"><span class="ui-icon ui-icon-arrowthick-2-ne-sw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-e-w"><span class="ui-icon ui-icon-arrowthick-2-e-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthick-2-se-nw"><span class="ui-icon ui-icon-arrowthick-2-se-nw"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-n"><span class="ui-icon ui-icon-arrowthickstop-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-e"><span class="ui-icon ui-icon-arrowthickstop-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-s"><span class="ui-icon ui-icon-arrowthickstop-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowthickstop-1-w"><span class="ui-icon ui-icon-arrowthickstop-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-w"><span class="ui-icon ui-icon-arrowreturnthick-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-n"><span class="ui-icon ui-icon-arrowreturnthick-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-e"><span class="ui-icon ui-icon-arrowreturnthick-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturnthick-1-s"><span class="ui-icon ui-icon-arrowreturnthick-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-w"><span class="ui-icon ui-icon-arrowreturn-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-n"><span class="ui-icon ui-icon-arrowreturn-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-e"><span class="ui-icon ui-icon-arrowreturn-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowreturn-1-s"><span class="ui-icon ui-icon-arrowreturn-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-w"><span class="ui-icon ui-icon-arrowrefresh-1-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-n"><span class="ui-icon ui-icon-arrowrefresh-1-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-e"><span class="ui-icon ui-icon-arrowrefresh-1-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrowrefresh-1-s"><span class="ui-icon ui-icon-arrowrefresh-1-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4"><span class="ui-icon ui-icon-arrow-4"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-arrow-4-diag"><span class="ui-icon ui-icon-arrow-4-diag"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-extlink"><span class="ui-icon ui-icon-extlink"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-newwin"><span class="ui-icon ui-icon-newwin"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-refresh"><span class="ui-icon ui-icon-refresh"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-shuffle"><span class="ui-icon ui-icon-shuffle"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-transfer-e-w"><span class="ui-icon ui-icon-transfer-e-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-transferthick-e-w"><span class="ui-icon ui-icon-transferthick-e-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-folder-collapsed"><span class="ui-icon ui-icon-folder-collapsed"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-folder-open"><span class="ui-icon ui-icon-folder-open"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-document"><span class="ui-icon ui-icon-document"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-document-b"><span class="ui-icon ui-icon-document-b"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-note"><span class="ui-icon ui-icon-note"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-mail-closed"><span class="ui-icon ui-icon-mail-closed"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-mail-open"><span class="ui-icon ui-icon-mail-open"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-suitcase"><span class="ui-icon ui-icon-suitcase"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-comment"><span class="ui-icon ui-icon-comment"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-person"><span class="ui-icon ui-icon-person"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-print"><span class="ui-icon ui-icon-print"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-trash"><span class="ui-icon ui-icon-trash"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-locked"><span class="ui-icon ui-icon-locked"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-unlocked"><span class="ui-icon ui-icon-unlocked"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-bookmark"><span class="ui-icon ui-icon-bookmark"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-tag"><span class="ui-icon ui-icon-tag"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-home"><span class="ui-icon ui-icon-home"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-flag"><span class="ui-icon ui-icon-flag"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-calculator"><span class="ui-icon ui-icon-calculator"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-cart"><span class="ui-icon ui-icon-cart"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-pencil"><span class="ui-icon ui-icon-pencil"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-clock"><span class="ui-icon ui-icon-clock"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-disk"><span class="ui-icon ui-icon-disk"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-calendar"><span class="ui-icon ui-icon-calendar"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-zoomin"><span class="ui-icon ui-icon-zoomin"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-zoomout"><span class="ui-icon ui-icon-zoomout"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-search"><span class="ui-icon ui-icon-search"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-wrench"><span class="ui-icon ui-icon-wrench"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-gear"><span class="ui-icon ui-icon-gear"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-heart"><span class="ui-icon ui-icon-heart"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-star"><span class="ui-icon ui-icon-star"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-link"><span class="ui-icon ui-icon-link"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-cancel"><span class="ui-icon ui-icon-cancel"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-plus"><span class="ui-icon ui-icon-plus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-plusthick"><span class="ui-icon ui-icon-plusthick"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-minus"><span class="ui-icon ui-icon-minus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-minusthick"><span class="ui-icon ui-icon-minusthick"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-close"><span class="ui-icon ui-icon-close"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-closethick"><span class="ui-icon ui-icon-closethick"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-key"><span class="ui-icon ui-icon-key"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-lightbulb"><span class="ui-icon ui-icon-lightbulb"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-scissors"><span class="ui-icon ui-icon-scissors"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-clipboard"><span class="ui-icon ui-icon-clipboard"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-copy"><span class="ui-icon ui-icon-copy"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-contact"><span class="ui-icon ui-icon-contact"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-image"><span class="ui-icon ui-icon-image"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-video"><span class="ui-icon ui-icon-video"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-script"><span class="ui-icon ui-icon-script"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-alert"><span class="ui-icon ui-icon-alert"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-info"><span class="ui-icon ui-icon-info"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-notice"><span class="ui-icon ui-icon-notice"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-help"><span class="ui-icon ui-icon-help"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-check"><span class="ui-icon ui-icon-check"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-bullet"><span class="ui-icon ui-icon-bullet"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-radio-off"><span class="ui-icon ui-icon-radio-off"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-radio-on"><span class="ui-icon ui-icon-radio-on"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-pin-w"><span class="ui-icon ui-icon-pin-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-pin-s"><span class="ui-icon ui-icon-pin-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-play"><span class="ui-icon ui-icon-play"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-pause"><span class="ui-icon ui-icon-pause"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-next"><span class="ui-icon ui-icon-seek-next"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-prev"><span class="ui-icon ui-icon-seek-prev"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-end"><span class="ui-icon ui-icon-seek-end"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-seek-first"><span class="ui-icon ui-icon-seek-first"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-stop"><span class="ui-icon ui-icon-stop"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-eject"><span class="ui-icon ui-icon-eject"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-volume-off"><span class="ui-icon ui-icon-volume-off"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-volume-on"><span class="ui-icon ui-icon-volume-on"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-power"><span class="ui-icon ui-icon-power"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-signal-diag"><span class="ui-icon ui-icon-signal-diag"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-signal"><span class="ui-icon ui-icon-signal"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-0"><span class="ui-icon ui-icon-battery-0"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-1"><span class="ui-icon ui-icon-battery-1"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-2"><span class="ui-icon ui-icon-battery-2"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-battery-3"><span class="ui-icon ui-icon-battery-3"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-plus"><span class="ui-icon ui-icon-circle-plus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-minus"><span class="ui-icon ui-icon-circle-minus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-close"><span class="ui-icon ui-icon-circle-close"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-e"><span class="ui-icon ui-icon-circle-triangle-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-s"><span class="ui-icon ui-icon-circle-triangle-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-w"><span class="ui-icon ui-icon-circle-triangle-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-triangle-n"><span class="ui-icon ui-icon-circle-triangle-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-e"><span class="ui-icon ui-icon-circle-arrow-e"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-s"><span class="ui-icon ui-icon-circle-arrow-s"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-w"><span class="ui-icon ui-icon-circle-arrow-w"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-arrow-n"><span class="ui-icon ui-icon-circle-arrow-n"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomin"><span class="ui-icon ui-icon-circle-zoomin"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-zoomout"><span class="ui-icon ui-icon-circle-zoomout"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circle-check"><span class="ui-icon ui-icon-circle-check"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-plus"><span class="ui-icon ui-icon-circlesmall-plus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-minus"><span class="ui-icon ui-icon-circlesmall-minus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-circlesmall-close"><span class="ui-icon ui-icon-circlesmall-close"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-plus"><span class="ui-icon ui-icon-squaresmall-plus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-minus"><span class="ui-icon ui-icon-squaresmall-minus"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-squaresmall-close"><span class="ui-icon ui-icon-squaresmall-close"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-vertical"><span class="ui-icon ui-icon-grip-dotted-vertical"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-dotted-horizontal"><span class="ui-icon ui-icon-grip-dotted-horizontal"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-vertical"><span class="ui-icon ui-icon-grip-solid-vertical"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-solid-horizontal"><span class="ui-icon ui-icon-grip-solid-horizontal"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-gripsmall-diagonal-se"><span class="ui-icon ui-icon-gripsmall-diagonal-se"></span></li>
-	<li class="ui-state-default ui-corner-all" title=".ui-icon-grip-diagonal-se"><span class="ui-icon ui-icon-grip-diagonal-se"></span></li>
-</ul>
-
-
-
-
-<!-- Datepicker -->
-<h2 class="demoHeaders">Datepicker</h2>
-<div id="datepicker"></div>
-
-
-
-
-
-
-
-
-
-
-
-
-<!-- Highlight / Error -->
-<h2 class="demoHeaders">Highlight / Error</h2>
-<div class="ui-widget">
-	<div class="ui-state-highlight ui-corner-all" style="margin-top: 20px; padding: 0 .7em;">
-		<p><span class="ui-icon ui-icon-info" style="float: left; margin-right: .3em;"></span>
-		<strong>Hey!</strong> Sample ui-state-highlight style.</p>
-	</div>
-</div>
-<br>
-<div class="ui-widget">
-	<div class="ui-state-error ui-corner-all" style="padding: 0 .7em;">
-		<p><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>
-		<strong>Alert:</strong> Sample ui-state-error style.</p>
-	</div>
-</div>
-
-<script src="external/jquery/jquery.js"></script>
-<script src="jquery-ui.js"></script>
-<script>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-$( "#datepicker" ).datepicker({
-	inline: true
-});
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-// Hover states on the static widgets
-$( "#dialog-link, #icons li" ).hover(
-	function() {
-		$( this ).addClass( "ui-state-hover" );
-	},
-	function() {
-		$( this ).removeClass( "ui-state-hover" );
-	}
-);
-</script>
-</body>
-</html>

_src/plugins/jquery-ui-1.12.1.custom/jquery-ui.css

@@ -1,701 +0,0 @@
-/*! jQuery UI - v1.12.1 - 2017-07-23
-* http://jqueryui.com
-* Includes: sortable.css, core.css, datepicker.css, theme.css
-* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
-* Copyright jQuery Foundation and other contributors; Licensed MIT */
-
-.ui-sortable-handle {
-	-ms-touch-action: none;
-	touch-action: none;
-}
-/* Layout helpers
-----------------------------------*/
-.ui-helper-hidden {
-	display: none;
-}
-.ui-helper-hidden-accessible {
-	border: 0;
-	clip: rect(0 0 0 0);
-	height: 1px;
-	margin: -1px;
-	overflow: hidden;
-	padding: 0;
-	position: absolute;
-	width: 1px;
-}
-.ui-helper-reset {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	outline: 0;
-	line-height: 1.3;
-	text-decoration: none;
-	font-size: 100%;
-	list-style: none;
-}
-.ui-helper-clearfix:before,
-.ui-helper-clearfix:after {
-	content: "";
-	display: table;
-	border-collapse: collapse;
-}
-.ui-helper-clearfix:after {
-	clear: both;
-}
-.ui-helper-zfix {
-	width: 100%;
-	height: 100%;
-	top: 0;
-	left: 0;
-	position: absolute;
-	opacity: 0;
-	filter:Alpha(Opacity=0); /* support: IE8 */
-}
-
-.ui-front {
-	z-index: 100;
-}
-
-
-/* Interaction Cues
-----------------------------------*/
-.ui-state-disabled {
-	cursor: default !important;
-	pointer-events: none;
-}
-
-
-/* Icons
-----------------------------------*/
-.ui-icon {
-	display: inline-block;
-	vertical-align: middle;
-	margin-top: -.25em;
-	position: relative;
-	text-indent: -99999px;
-	overflow: hidden;
-	background-repeat: no-repeat;
-}
-
-.ui-widget-icon-block {
-	left: 50%;
-	margin-left: -8px;
-	display: block;
-}
-
-/* Misc visuals
-----------------------------------*/
-
-/* Overlays */
-.ui-widget-overlay {
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-}
-.ui-datepicker {
-	width: 17em;
-	padding: .2em .2em 0;
-	display: none;
-}
-.ui-datepicker .ui-datepicker-header {
-	position: relative;
-	padding: .2em 0;
-}
-.ui-datepicker .ui-datepicker-prev,
-.ui-datepicker .ui-datepicker-next {
-	position: absolute;
-	top: 2px;
-	width: 1.8em;
-	height: 1.8em;
-}
-.ui-datepicker .ui-datepicker-prev-hover,
-.ui-datepicker .ui-datepicker-next-hover {
-	top: 1px;
-}
-.ui-datepicker .ui-datepicker-prev {
-	left: 2px;
-}
-.ui-datepicker .ui-datepicker-next {
-	right: 2px;
-}
-.ui-datepicker .ui-datepicker-prev-hover {
-	left: 1px;
-}
-.ui-datepicker .ui-datepicker-next-hover {
-	right: 1px;
-}
-.ui-datepicker .ui-datepicker-prev span,
-.ui-datepicker .ui-datepicker-next span {
-	display: block;
-	position: absolute;
-	left: 50%;
-	margin-left: -8px;
-	top: 50%;
-	margin-top: -8px;
-}
-.ui-datepicker .ui-datepicker-title {
-	margin: 0 2.3em;
-	line-height: 1.8em;
-	text-align: center;
-}
-.ui-datepicker .ui-datepicker-title select {
-	font-size: 1em;
-	margin: 1px 0;
-}
-.ui-datepicker select.ui-datepicker-month,
-.ui-datepicker select.ui-datepicker-year {
-	width: 45%;
-}
-.ui-datepicker table {
-	width: 100%;
-	font-size: .9em;
-	border-collapse: collapse;
-	margin: 0 0 .4em;
-}
-.ui-datepicker th {
-	padding: .7em .3em;
-	text-align: center;
-	font-weight: bold;
-	border: 0;
-}
-.ui-datepicker td {
-	border: 0;
-	padding: 1px;
-}
-.ui-datepicker td span,
-.ui-datepicker td a {
-	display: block;
-	padding: .2em;
-	text-align: right;
-	text-decoration: none;
-}
-.ui-datepicker .ui-datepicker-buttonpane {
-	background-image: none;
-	margin: .7em 0 0 0;
-	padding: 0 .2em;
-	border-left: 0;
-	border-right: 0;
-	border-bottom: 0;
-}
-.ui-datepicker .ui-datepicker-buttonpane button {
-	float: right;
-	margin: .5em .2em .4em;
-	cursor: pointer;
-	padding: .2em .6em .3em .6em;
-	width: auto;
-	overflow: visible;
-}
-.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
-	float: left;
-}
-
-/* with multiple calendars */
-.ui-datepicker.ui-datepicker-multi {
-	width: auto;
-}
-.ui-datepicker-multi .ui-datepicker-group {
-	float: left;
-}
-.ui-datepicker-multi .ui-datepicker-group table {
-	width: 95%;
-	margin: 0 auto .4em;
-}
-.ui-datepicker-multi-2 .ui-datepicker-group {
-	width: 50%;
-}
-.ui-datepicker-multi-3 .ui-datepicker-group {
-	width: 33.3%;
-}
-.ui-datepicker-multi-4 .ui-datepicker-group {
-	width: 25%;
-}
-.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
-.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
-	border-left-width: 0;
-}
-.ui-datepicker-multi .ui-datepicker-buttonpane {
-	clear: left;
-}
-.ui-datepicker-row-break {
-	clear: both;
-	width: 100%;
-	font-size: 0;
-}
-
-/* RTL support */
-.ui-datepicker-rtl {
-	direction: rtl;
-}
-.ui-datepicker-rtl .ui-datepicker-prev {
-	right: 2px;
-	left: auto;
-}
-.ui-datepicker-rtl .ui-datepicker-next {
-	left: 2px;
-	right: auto;
-}
-.ui-datepicker-rtl .ui-datepicker-prev:hover {
-	right: 1px;
-	left: auto;
-}
-.ui-datepicker-rtl .ui-datepicker-next:hover {
-	left: 1px;
-	right: auto;
-}
-.ui-datepicker-rtl .ui-datepicker-buttonpane {
-	clear: right;
-}
-.ui-datepicker-rtl .ui-datepicker-buttonpane button {
-	float: left;
-}
-.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
-.ui-datepicker-rtl .ui-datepicker-group {
-	float: right;
-}
-.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
-.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
-	border-right-width: 0;
-	border-left-width: 1px;
-}
-
-/* Icons */
-.ui-datepicker .ui-icon {
-	display: block;
-	text-indent: -99999px;
-	overflow: hidden;
-	background-repeat: no-repeat;
-	left: .5em;
-	top: .3em;
-}
-
-/* Component containers
-----------------------------------*/
-.ui-widget {
-	font-family: Arial,Helvetica,sans-serif;
-	font-size: 1em;
-}
-.ui-widget .ui-widget {
-	font-size: 1em;
-}
-.ui-widget input,
-.ui-widget select,
-.ui-widget textarea,
-.ui-widget button {
-	font-family: Arial,Helvetica,sans-serif;
-	font-size: 1em;
-}
-.ui-widget.ui-widget-content {
-	border: 1px solid #c5c5c5;
-}
-.ui-widget-content {
-	border: 1px solid #dddddd;
-	background: #ffffff;
-	color: #333333;
-}
-.ui-widget-content a {
-	color: #333333;
-}
-.ui-widget-header {
-	border: 1px solid #dddddd;
-	background: #e9e9e9;
-	color: #333333;
-	font-weight: bold;
-}
-.ui-widget-header a {
-	color: #333333;
-}
-
-/* Interaction states
-----------------------------------*/
-.ui-state-default,
-.ui-widget-content .ui-state-default,
-.ui-widget-header .ui-state-default,
-.ui-button,
-
-/* We use html here because we need a greater specificity to make sure disabled
-works properly when clicked or hovered */
-html .ui-button.ui-state-disabled:hover,
-html .ui-button.ui-state-disabled:active {
-	border: 1px solid #c5c5c5;
-	background: #f6f6f6;
-	font-weight: normal;
-	color: #454545;
-}
-.ui-state-default a,
-.ui-state-default a:link,
-.ui-state-default a:visited,
-a.ui-button,
-a:link.ui-button,
-a:visited.ui-button,
-.ui-button {
-	color: #454545;
-	text-decoration: none;
-}
-.ui-state-hover,
-.ui-widget-content .ui-state-hover,
-.ui-widget-header .ui-state-hover,
-.ui-state-focus,
-.ui-widget-content .ui-state-focus,
-.ui-widget-header .ui-state-focus,
-.ui-button:hover,
-.ui-button:focus {
-	border: 1px solid #cccccc;
-	background: #ededed;
-	font-weight: normal;
-	color: #2b2b2b;
-}
-.ui-state-hover a,
-.ui-state-hover a:hover,
-.ui-state-hover a:link,
-.ui-state-hover a:visited,
-.ui-state-focus a,
-.ui-state-focus a:hover,
-.ui-state-focus a:link,
-.ui-state-focus a:visited,
-a.ui-button:hover,
-a.ui-button:focus {
-	color: #2b2b2b;
-	text-decoration: none;
-}
-
-.ui-visual-focus {
-	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
-}
-.ui-state-active,
-.ui-widget-content .ui-state-active,
-.ui-widget-header .ui-state-active,
-a.ui-button:active,
-.ui-button:active,
-.ui-button.ui-state-active:hover {
-	border: 1px solid #003eff;
-	background: #007fff;
-	font-weight: normal;
-	color: #ffffff;
-}
-.ui-icon-background,
-.ui-state-active .ui-icon-background {
-	border: #003eff;
-	background-color: #ffffff;
-}
-.ui-state-active a,
-.ui-state-active a:link,
-.ui-state-active a:visited {
-	color: #ffffff;
-	text-decoration: none;
-}
-
-/* Interaction Cues
-----------------------------------*/
-.ui-state-highlight,
-.ui-widget-content .ui-state-highlight,
-.ui-widget-header .ui-state-highlight {
-	border: 1px solid #dad55e;
-	background: #fffa90;
-	color: #777620;
-}
-.ui-state-checked {
-	border: 1px solid #dad55e;
-	background: #fffa90;
-}
-.ui-state-highlight a,
-.ui-widget-content .ui-state-highlight a,
-.ui-widget-header .ui-state-highlight a {
-	color: #777620;
-}
-.ui-state-error,
-.ui-widget-content .ui-state-error,
-.ui-widget-header .ui-state-error {
-	border: 1px solid #f1a899;
-	background: #fddfdf;
-	color: #5f3f3f;
-}
-.ui-state-error a,
-.ui-widget-content .ui-state-error a,
-.ui-widget-header .ui-state-error a {
-	color: #5f3f3f;
-}
-.ui-state-error-text,
-.ui-widget-content .ui-state-error-text,
-.ui-widget-header .ui-state-error-text {
-	color: #5f3f3f;
-}
-.ui-priority-primary,
-.ui-widget-content .ui-priority-primary,
-.ui-widget-header .ui-priority-primary {
-	font-weight: bold;
-}
-.ui-priority-secondary,
-.ui-widget-content .ui-priority-secondary,
-.ui-widget-header .ui-priority-secondary {
-	opacity: .7;
-	filter:Alpha(Opacity=70); /* support: IE8 */
-	font-weight: normal;
-}
-.ui-state-disabled,
-.ui-widget-content .ui-state-disabled,
-.ui-widget-header .ui-state-disabled {
-	opacity: .35;
-	filter:Alpha(Opacity=35); /* support: IE8 */
-	background-image: none;
-}
-.ui-state-disabled .ui-icon {
-	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
-}
-
-/* Icons
-----------------------------------*/
-
-/* states and images */
-.ui-icon {
-	width: 16px;
-	height: 16px;
-}
-.ui-icon,
-.ui-widget-content .ui-icon {
-	background-image: url("images/ui-icons_444444_256x240.png");
-}
-.ui-widget-header .ui-icon {
-	background-image: url("images/ui-icons_444444_256x240.png");
-}
-.ui-state-hover .ui-icon,
-.ui-state-focus .ui-icon,
-.ui-button:hover .ui-icon,
-.ui-button:focus .ui-icon {
-	background-image: url("images/ui-icons_555555_256x240.png");
-}
-.ui-state-active .ui-icon,
-.ui-button:active .ui-icon {
-	background-image: url("images/ui-icons_ffffff_256x240.png");
-}
-.ui-state-highlight .ui-icon,
-.ui-button .ui-state-highlight.ui-icon {
-	background-image: url("images/ui-icons_777620_256x240.png");
-}
-.ui-state-error .ui-icon,
-.ui-state-error-text .ui-icon {
-	background-image: url("images/ui-icons_cc0000_256x240.png");
-}
-.ui-button .ui-icon {
-	background-image: url("images/ui-icons_777777_256x240.png");
-}
-
-/* positioning */
-.ui-icon-blank { background-position: 16px 16px; }
-.ui-icon-caret-1-n { background-position: 0 0; }
-.ui-icon-caret-1-ne { background-position: -16px 0; }
-.ui-icon-caret-1-e { background-position: -32px 0; }
-.ui-icon-caret-1-se { background-position: -48px 0; }
-.ui-icon-caret-1-s { background-position: -65px 0; }
-.ui-icon-caret-1-sw { background-position: -80px 0; }
-.ui-icon-caret-1-w { background-position: -96px 0; }
-.ui-icon-caret-1-nw { background-position: -112px 0; }
-.ui-icon-caret-2-n-s { background-position: -128px 0; }
-.ui-icon-caret-2-e-w { background-position: -144px 0; }
-.ui-icon-triangle-1-n { background-position: 0 -16px; }
-.ui-icon-triangle-1-ne { background-position: -16px -16px; }
-.ui-icon-triangle-1-e { background-position: -32px -16px; }
-.ui-icon-triangle-1-se { background-position: -48px -16px; }
-.ui-icon-triangle-1-s { background-position: -65px -16px; }
-.ui-icon-triangle-1-sw { background-position: -80px -16px; }
-.ui-icon-triangle-1-w { background-position: -96px -16px; }
-.ui-icon-triangle-1-nw { background-position: -112px -16px; }
-.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
-.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
-.ui-icon-arrow-1-n { background-position: 0 -32px; }
-.ui-icon-arrow-1-ne { background-position: -16px -32px; }
-.ui-icon-arrow-1-e { background-position: -32px -32px; }
-.ui-icon-arrow-1-se { background-position: -48px -32px; }
-.ui-icon-arrow-1-s { background-position: -65px -32px; }
-.ui-icon-arrow-1-sw { background-position: -80px -32px; }
-.ui-icon-arrow-1-w { background-position: -96px -32px; }
-.ui-icon-arrow-1-nw { background-position: -112px -32px; }
-.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
-.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
-.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
-.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
-.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
-.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
-.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
-.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
-.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
-.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
-.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
-.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
-.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
-.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
-.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
-.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
-.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
-.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
-.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
-.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
-.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
-.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
-.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
-.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
-.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
-.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
-.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
-.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
-.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
-.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
-.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
-.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
-.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
-.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
-.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
-.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
-.ui-icon-arrow-4 { background-position: 0 -80px; }
-.ui-icon-arrow-4-diag { background-position: -16px -80px; }
-.ui-icon-extlink { background-position: -32px -80px; }
-.ui-icon-newwin { background-position: -48px -80px; }
-.ui-icon-refresh { background-position: -64px -80px; }
-.ui-icon-shuffle { background-position: -80px -80px; }
-.ui-icon-transfer-e-w { background-position: -96px -80px; }
-.ui-icon-transferthick-e-w { background-position: -112px -80px; }
-.ui-icon-folder-collapsed { background-position: 0 -96px; }
-.ui-icon-folder-open { background-position: -16px -96px; }
-.ui-icon-document { background-position: -32px -96px; }
-.ui-icon-document-b { background-position: -48px -96px; }
-.ui-icon-note { background-position: -64px -96px; }
-.ui-icon-mail-closed { background-position: -80px -96px; }
-.ui-icon-mail-open { background-position: -96px -96px; }
-.ui-icon-suitcase { background-position: -112px -96px; }
-.ui-icon-comment { background-position: -128px -96px; }
-.ui-icon-person { background-position: -144px -96px; }
-.ui-icon-print { background-position: -160px -96px; }
-.ui-icon-trash { background-position: -176px -96px; }
-.ui-icon-locked { background-position: -192px -96px; }
-.ui-icon-unlocked { background-position: -208px -96px; }
-.ui-icon-bookmark { background-position: -224px -96px; }
-.ui-icon-tag { background-position: -240px -96px; }
-.ui-icon-home { background-position: 0 -112px; }
-.ui-icon-flag { background-position: -16px -112px; }
-.ui-icon-calendar { background-position: -32px -112px; }
-.ui-icon-cart { background-position: -48px -112px; }
-.ui-icon-pencil { background-position: -64px -112px; }
-.ui-icon-clock { background-position: -80px -112px; }
-.ui-icon-disk { background-position: -96px -112px; }
-.ui-icon-calculator { background-position: -112px -112px; }
-.ui-icon-zoomin { background-position: -128px -112px; }
-.ui-icon-zoomout { background-position: -144px -112px; }
-.ui-icon-search { background-position: -160px -112px; }
-.ui-icon-wrench { background-position: -176px -112px; }
-.ui-icon-gear { background-position: -192px -112px; }
-.ui-icon-heart { background-position: -208px -112px; }
-.ui-icon-star { background-position: -224px -112px; }
-.ui-icon-link { background-position: -240px -112px; }
-.ui-icon-cancel { background-position: 0 -128px; }
-.ui-icon-plus { background-position: -16px -128px; }
-.ui-icon-plusthick { background-position: -32px -128px; }
-.ui-icon-minus { background-position: -48px -128px; }
-.ui-icon-minusthick { background-position: -64px -128px; }
-.ui-icon-close { background-position: -80px -128px; }
-.ui-icon-closethick { background-position: -96px -128px; }
-.ui-icon-key { background-position: -112px -128px; }
-.ui-icon-lightbulb { background-position: -128px -128px; }
-.ui-icon-scissors { background-position: -144px -128px; }
-.ui-icon-clipboard { background-position: -160px -128px; }
-.ui-icon-copy { background-position: -176px -128px; }
-.ui-icon-contact { background-position: -192px -128px; }
-.ui-icon-image { background-position: -208px -128px; }
-.ui-icon-video { background-position: -224px -128px; }
-.ui-icon-script { background-position: -240px -128px; }
-.ui-icon-alert { background-position: 0 -144px; }
-.ui-icon-info { background-position: -16px -144px; }
-.ui-icon-notice { background-position: -32px -144px; }
-.ui-icon-help { background-position: -48px -144px; }
-.ui-icon-check { background-position: -64px -144px; }
-.ui-icon-bullet { background-position: -80px -144px; }
-.ui-icon-radio-on { background-position: -96px -144px; }
-.ui-icon-radio-off { background-position: -112px -144px; }
-.ui-icon-pin-w { background-position: -128px -144px; }
-.ui-icon-pin-s { background-position: -144px -144px; }
-.ui-icon-play { background-position: 0 -160px; }
-.ui-icon-pause { background-position: -16px -160px; }
-.ui-icon-seek-next { background-position: -32px -160px; }
-.ui-icon-seek-prev { background-position: -48px -160px; }
-.ui-icon-seek-end { background-position: -64px -160px; }
-.ui-icon-seek-start { background-position: -80px -160px; }
-/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
-.ui-icon-seek-first { background-position: -80px -160px; }
-.ui-icon-stop { background-position: -96px -160px; }
-.ui-icon-eject { background-position: -112px -160px; }
-.ui-icon-volume-off { background-position: -128px -160px; }
-.ui-icon-volume-on { background-position: -144px -160px; }
-.ui-icon-power { background-position: 0 -176px; }
-.ui-icon-signal-diag { background-position: -16px -176px; }
-.ui-icon-signal { background-position: -32px -176px; }
-.ui-icon-battery-0 { background-position: -48px -176px; }
-.ui-icon-battery-1 { background-position: -64px -176px; }
-.ui-icon-battery-2 { background-position: -80px -176px; }
-.ui-icon-battery-3 { background-position: -96px -176px; }
-.ui-icon-circle-plus { background-position: 0 -192px; }
-.ui-icon-circle-minus { background-position: -16px -192px; }
-.ui-icon-circle-close { background-position: -32px -192px; }
-.ui-icon-circle-triangle-e { background-position: -48px -192px; }
-.ui-icon-circle-triangle-s { background-position: -64px -192px; }
-.ui-icon-circle-triangle-w { background-position: -80px -192px; }
-.ui-icon-circle-triangle-n { background-position: -96px -192px; }
-.ui-icon-circle-arrow-e { background-position: -112px -192px; }
-.ui-icon-circle-arrow-s { background-position: -128px -192px; }
-.ui-icon-circle-arrow-w { background-position: -144px -192px; }
-.ui-icon-circle-arrow-n { background-position: -160px -192px; }
-.ui-icon-circle-zoomin { background-position: -176px -192px; }
-.ui-icon-circle-zoomout { background-position: -192px -192px; }
-.ui-icon-circle-check { background-position: -208px -192px; }
-.ui-icon-circlesmall-plus { background-position: 0 -208px; }
-.ui-icon-circlesmall-minus { background-position: -16px -208px; }
-.ui-icon-circlesmall-close { background-position: -32px -208px; }
-.ui-icon-squaresmall-plus { background-position: -48px -208px; }
-.ui-icon-squaresmall-minus { background-position: -64px -208px; }
-.ui-icon-squaresmall-close { background-position: -80px -208px; }
-.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
-.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
-.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
-.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
-.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
-.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
-
-
-/* Misc visuals
-----------------------------------*/
-
-/* Corner radius */
-.ui-corner-all,
-.ui-corner-top,
-.ui-corner-left,
-.ui-corner-tl {
-	border-top-left-radius: 3px;
-}
-.ui-corner-all,
-.ui-corner-top,
-.ui-corner-right,
-.ui-corner-tr {
-	border-top-right-radius: 3px;
-}
-.ui-corner-all,
-.ui-corner-bottom,
-.ui-corner-left,
-.ui-corner-bl {
-	border-bottom-left-radius: 3px;
-}
-.ui-corner-all,
-.ui-corner-bottom,
-.ui-corner-right,
-.ui-corner-br {
-	border-bottom-right-radius: 3px;
-}
-
-/* Overlays */
-.ui-widget-overlay {
-	background: #aaaaaa;
-	opacity: .3;
-	filter: Alpha(Opacity=30); /* support: IE8 */
-}
-.ui-widget-shadow {
-	-webkit-box-shadow: 0px 0px 5px #666666;
-	box-shadow: 0px 0px 5px #666666;
-}

_src/plugins/jquery-ui-1.12.1.custom/jquery-ui.structure.css

@@ -1,275 +0,0 @@
-/*!
- * jQuery UI CSS Framework 1.12.1
- * http://jqueryui.com
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- *
- * http://api.jqueryui.com/category/theming/
- */
-.ui-sortable-handle {
-	-ms-touch-action: none;
-	touch-action: none;
-}
-/* Layout helpers
-----------------------------------*/
-.ui-helper-hidden {
-	display: none;
-}
-.ui-helper-hidden-accessible {
-	border: 0;
-	clip: rect(0 0 0 0);
-	height: 1px;
-	margin: -1px;
-	overflow: hidden;
-	padding: 0;
-	position: absolute;
-	width: 1px;
-}
-.ui-helper-reset {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	outline: 0;
-	line-height: 1.3;
-	text-decoration: none;
-	font-size: 100%;
-	list-style: none;
-}
-.ui-helper-clearfix:before,
-.ui-helper-clearfix:after {
-	content: "";
-	display: table;
-	border-collapse: collapse;
-}
-.ui-helper-clearfix:after {
-	clear: both;
-}
-.ui-helper-zfix {
-	width: 100%;
-	height: 100%;
-	top: 0;
-	left: 0;
-	position: absolute;
-	opacity: 0;
-	filter:Alpha(Opacity=0); /* support: IE8 */
-}
-
-.ui-front {
-	z-index: 100;
-}
-
-
-/* Interaction Cues
-----------------------------------*/
-.ui-state-disabled {
-	cursor: default !important;
-	pointer-events: none;
-}
-
-
-/* Icons
-----------------------------------*/
-.ui-icon {
-	display: inline-block;
-	vertical-align: middle;
-	margin-top: -.25em;
-	position: relative;
-	text-indent: -99999px;
-	overflow: hidden;
-	background-repeat: no-repeat;
-}
-
-.ui-widget-icon-block {
-	left: 50%;
-	margin-left: -8px;
-	display: block;
-}
-
-/* Misc visuals
-----------------------------------*/
-
-/* Overlays */
-.ui-widget-overlay {
-	position: fixed;
-	top: 0;
-	left: 0;
-	width: 100%;
-	height: 100%;
-}
-.ui-datepicker {
-	width: 17em;
-	padding: .2em .2em 0;
-	display: none;
-}
-.ui-datepicker .ui-datepicker-header {
-	position: relative;
-	padding: .2em 0;
-}
-.ui-datepicker .ui-datepicker-prev,
-.ui-datepicker .ui-datepicker-next {
-	position: absolute;
-	top: 2px;
-	width: 1.8em;
-	height: 1.8em;
-}
-.ui-datepicker .ui-datepicker-prev-hover,
-.ui-datepicker .ui-datepicker-next-hover {
-	top: 1px;
-}
-.ui-datepicker .ui-datepicker-prev {
-	left: 2px;
-}
-.ui-datepicker .ui-datepicker-next {
-	right: 2px;
-}
-.ui-datepicker .ui-datepicker-prev-hover {
-	left: 1px;
-}
-.ui-datepicker .ui-datepicker-next-hover {
-	right: 1px;
-}
-.ui-datepicker .ui-datepicker-prev span,
-.ui-datepicker .ui-datepicker-next span {
-	display: block;
-	position: absolute;
-	left: 50%;
-	margin-left: -8px;
-	top: 50%;
-	margin-top: -8px;
-}
-.ui-datepicker .ui-datepicker-title {
-	margin: 0 2.3em;
-	line-height: 1.8em;
-	text-align: center;
-}
-.ui-datepicker .ui-datepicker-title select {
-	font-size: 1em;
-	margin: 1px 0;
-}
-.ui-datepicker select.ui-datepicker-month,
-.ui-datepicker select.ui-datepicker-year {
-	width: 45%;
-}
-.ui-datepicker table {
-	width: 100%;
-	font-size: .9em;
-	border-collapse: collapse;
-	margin: 0 0 .4em;
-}
-.ui-datepicker th {
-	padding: .7em .3em;
-	text-align: center;
-	font-weight: bold;
-	border: 0;
-}
-.ui-datepicker td {
-	border: 0;
-	padding: 1px;
-}
-.ui-datepicker td span,
-.ui-datepicker td a {
-	display: block;
-	padding: .2em;
-	text-align: right;
-	text-decoration: none;
-}
-.ui-datepicker .ui-datepicker-buttonpane {
-	background-image: none;
-	margin: .7em 0 0 0;
-	padding: 0 .2em;
-	border-left: 0;
-	border-right: 0;
-	border-bottom: 0;
-}
-.ui-datepicker .ui-datepicker-buttonpane button {
-	float: right;
-	margin: .5em .2em .4em;
-	cursor: pointer;
-	padding: .2em .6em .3em .6em;
-	width: auto;
-	overflow: visible;
-}
-.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
-	float: left;
-}
-
-/* with multiple calendars */
-.ui-datepicker.ui-datepicker-multi {
-	width: auto;
-}
-.ui-datepicker-multi .ui-datepicker-group {
-	float: left;
-}
-.ui-datepicker-multi .ui-datepicker-group table {
-	width: 95%;
-	margin: 0 auto .4em;
-}
-.ui-datepicker-multi-2 .ui-datepicker-group {
-	width: 50%;
-}
-.ui-datepicker-multi-3 .ui-datepicker-group {
-	width: 33.3%;
-}
-.ui-datepicker-multi-4 .ui-datepicker-group {
-	width: 25%;
-}
-.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
-.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
-	border-left-width: 0;
-}
-.ui-datepicker-multi .ui-datepicker-buttonpane {
-	clear: left;
-}
-.ui-datepicker-row-break {
-	clear: both;
-	width: 100%;
-	font-size: 0;
-}
-
-/* RTL support */
-.ui-datepicker-rtl {
-	direction: rtl;
-}
-.ui-datepicker-rtl .ui-datepicker-prev {
-	right: 2px;
-	left: auto;
-}
-.ui-datepicker-rtl .ui-datepicker-next {
-	left: 2px;
-	right: auto;
-}
-.ui-datepicker-rtl .ui-datepicker-prev:hover {
-	right: 1px;
-	left: auto;
-}
-.ui-datepicker-rtl .ui-datepicker-next:hover {
-	left: 1px;
-	right: auto;
-}
-.ui-datepicker-rtl .ui-datepicker-buttonpane {
-	clear: right;
-}
-.ui-datepicker-rtl .ui-datepicker-buttonpane button {
-	float: left;
-}
-.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
-.ui-datepicker-rtl .ui-datepicker-group {
-	float: right;
-}
-.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
-.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
-	border-right-width: 0;
-	border-left-width: 1px;
-}
-
-/* Icons */
-.ui-datepicker .ui-icon {
-	display: block;
-	text-indent: -99999px;
-	overflow: hidden;
-	background-repeat: no-repeat;
-	left: .5em;
-	top: .3em;
-}

_src/plugins/jquery-ui-1.12.1.custom/jquery-ui.structure.min.css

@@ -1,5 +0,0 @@
-/*! jQuery UI - v1.12.1 - 2017-07-23
-* http://jqueryui.com
-* Copyright jQuery Foundation and other contributors; Licensed MIT */
-
-.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}

_src/plugins/jquery-ui-1.12.1.custom/jquery-ui.theme.css

@@ -1,443 +0,0 @@
-/*!
- * jQuery UI CSS Framework 1.12.1
- * http://jqueryui.com
- *
- * Copyright jQuery Foundation and other contributors
- * Released under the MIT license.
- * http://jquery.org/license
- *
- * http://api.jqueryui.com/category/theming/
- *
- * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
- */
-
-
-/* Component containers
-----------------------------------*/
-.ui-widget {
-	font-family: Arial,Helvetica,sans-serif;
-	font-size: 1em;
-}
-.ui-widget .ui-widget {
-	font-size: 1em;
-}
-.ui-widget input,
-.ui-widget select,
-.ui-widget textarea,
-.ui-widget button {
-	font-family: Arial,Helvetica,sans-serif;
-	font-size: 1em;
-}
-.ui-widget.ui-widget-content {
-	border: 1px solid #c5c5c5;
-}
-.ui-widget-content {
-	border: 1px solid #dddddd;
-	background: #ffffff;
-	color: #333333;
-}
-.ui-widget-content a {
-	color: #333333;
-}
-.ui-widget-header {
-	border: 1px solid #dddddd;
-	background: #e9e9e9;
-	color: #333333;
-	font-weight: bold;
-}
-.ui-widget-header a {
-	color: #333333;
-}
-
-/* Interaction states
-----------------------------------*/
-.ui-state-default,
-.ui-widget-content .ui-state-default,
-.ui-widget-header .ui-state-default,
-.ui-button,
-
-/* We use html here because we need a greater specificity to make sure disabled
-works properly when clicked or hovered */
-html .ui-button.ui-state-disabled:hover,
-html .ui-button.ui-state-disabled:active {
-	border: 1px solid #c5c5c5;
-	background: #f6f6f6;
-	font-weight: normal;
-	color: #454545;
-}
-.ui-state-default a,
-.ui-state-default a:link,
-.ui-state-default a:visited,
-a.ui-button,
-a:link.ui-button,
-a:visited.ui-button,
-.ui-button {
-	color: #454545;
-	text-decoration: none;
-}
-.ui-state-hover,
-.ui-widget-content .ui-state-hover,
-.ui-widget-header .ui-state-hover,
-.ui-state-focus,
-.ui-widget-content .ui-state-focus,
-.ui-widget-header .ui-state-focus,
-.ui-button:hover,
-.ui-button:focus {
-	border: 1px solid #cccccc;
-	background: #ededed;
-	font-weight: normal;
-	color: #2b2b2b;
-}
-.ui-state-hover a,
-.ui-state-hover a:hover,
-.ui-state-hover a:link,
-.ui-state-hover a:visited,
-.ui-state-focus a,
-.ui-state-focus a:hover,
-.ui-state-focus a:link,
-.ui-state-focus a:visited,
-a.ui-button:hover,
-a.ui-button:focus {
-	color: #2b2b2b;
-	text-decoration: none;
-}
-
-.ui-visual-focus {
-	box-shadow: 0 0 3px 1px rgb(94, 158, 214);
-}
-.ui-state-active,
-.ui-widget-content .ui-state-active,
-.ui-widget-header .ui-state-active,
-a.ui-button:active,
-.ui-button:active,
-.ui-button.ui-state-active:hover {
-	border: 1px solid #003eff;
-	background: #007fff;
-	font-weight: normal;
-	color: #ffffff;
-}
-.ui-icon-background,
-.ui-state-active .ui-icon-background {
-	border: #003eff;
-	background-color: #ffffff;
-}
-.ui-state-active a,
-.ui-state-active a:link,
-.ui-state-active a:visited {
-	color: #ffffff;
-	text-decoration: none;
-}
-
-/* Interaction Cues
-----------------------------------*/
-.ui-state-highlight,
-.ui-widget-content .ui-state-highlight,
-.ui-widget-header .ui-state-highlight {
-	border: 1px solid #dad55e;
-	background: #fffa90;
-	color: #777620;
-}
-.ui-state-checked {
-	border: 1px solid #dad55e;
-	background: #fffa90;
-}
-.ui-state-highlight a,
-.ui-widget-content .ui-state-highlight a,
-.ui-widget-header .ui-state-highlight a {
-	color: #777620;
-}
-.ui-state-error,
-.ui-widget-content .ui-state-error,
-.ui-widget-header .ui-state-error {
-	border: 1px solid #f1a899;
-	background: #fddfdf;
-	color: #5f3f3f;
-}
-.ui-state-error a,
-.ui-widget-content .ui-state-error a,
-.ui-widget-header .ui-state-error a {
-	color: #5f3f3f;
-}
-.ui-state-error-text,
-.ui-widget-content .ui-state-error-text,
-.ui-widget-header .ui-state-error-text {
-	color: #5f3f3f;
-}
-.ui-priority-primary,
-.ui-widget-content .ui-priority-primary,
-.ui-widget-header .ui-priority-primary {
-	font-weight: bold;
-}
-.ui-priority-secondary,
-.ui-widget-content .ui-priority-secondary,
-.ui-widget-header .ui-priority-secondary {
-	opacity: .7;
-	filter:Alpha(Opacity=70); /* support: IE8 */
-	font-weight: normal;
-}
-.ui-state-disabled,
-.ui-widget-content .ui-state-disabled,
-.ui-widget-header .ui-state-disabled {
-	opacity: .35;
-	filter:Alpha(Opacity=35); /* support: IE8 */
-	background-image: none;
-}
-.ui-state-disabled .ui-icon {
-	filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */
-}
-
-/* Icons
-----------------------------------*/
-
-/* states and images */
-.ui-icon {
-	width: 16px;
-	height: 16px;
-}
-.ui-icon,
-.ui-widget-content .ui-icon {
-	background-image: url("images/ui-icons_444444_256x240.png");
-}
-.ui-widget-header .ui-icon {
-	background-image: url("images/ui-icons_444444_256x240.png");
-}
-.ui-state-hover .ui-icon,
-.ui-state-focus .ui-icon,
-.ui-button:hover .ui-icon,
-.ui-button:focus .ui-icon {
-	background-image: url("images/ui-icons_555555_256x240.png");
-}
-.ui-state-active .ui-icon,
-.ui-button:active .ui-icon {
-	background-image: url("images/ui-icons_ffffff_256x240.png");
-}
-.ui-state-highlight .ui-icon,
-.ui-button .ui-state-highlight.ui-icon {
-	background-image: url("images/ui-icons_777620_256x240.png");
-}
-.ui-state-error .ui-icon,
-.ui-state-error-text .ui-icon {
-	background-image: url("images/ui-icons_cc0000_256x240.png");
-}
-.ui-button .ui-icon {
-	background-image: url("images/ui-icons_777777_256x240.png");
-}
-
-/* positioning */
-.ui-icon-blank { background-position: 16px 16px; }
-.ui-icon-caret-1-n { background-position: 0 0; }
-.ui-icon-caret-1-ne { background-position: -16px 0; }
-.ui-icon-caret-1-e { background-position: -32px 0; }
-.ui-icon-caret-1-se { background-position: -48px 0; }
-.ui-icon-caret-1-s { background-position: -65px 0; }
-.ui-icon-caret-1-sw { background-position: -80px 0; }
-.ui-icon-caret-1-w { background-position: -96px 0; }
-.ui-icon-caret-1-nw { background-position: -112px 0; }
-.ui-icon-caret-2-n-s { background-position: -128px 0; }
-.ui-icon-caret-2-e-w { background-position: -144px 0; }
-.ui-icon-triangle-1-n { background-position: 0 -16px; }
-.ui-icon-triangle-1-ne { background-position: -16px -16px; }
-.ui-icon-triangle-1-e { background-position: -32px -16px; }
-.ui-icon-triangle-1-se { background-position: -48px -16px; }
-.ui-icon-triangle-1-s { background-position: -65px -16px; }
-.ui-icon-triangle-1-sw { background-position: -80px -16px; }
-.ui-icon-triangle-1-w { background-position: -96px -16px; }
-.ui-icon-triangle-1-nw { background-position: -112px -16px; }
-.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
-.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
-.ui-icon-arrow-1-n { background-position: 0 -32px; }
-.ui-icon-arrow-1-ne { background-position: -16px -32px; }
-.ui-icon-arrow-1-e { background-position: -32px -32px; }
-.ui-icon-arrow-1-se { background-position: -48px -32px; }
-.ui-icon-arrow-1-s { background-position: -65px -32px; }
-.ui-icon-arrow-1-sw { background-position: -80px -32px; }
-.ui-icon-arrow-1-w { background-position: -96px -32px; }
-.ui-icon-arrow-1-nw { background-position: -112px -32px; }
-.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
-.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
-.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
-.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
-.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
-.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
-.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
-.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
-.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
-.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
-.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
-.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
-.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
-.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
-.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
-.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
-.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
-.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
-.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
-.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
-.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
-.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
-.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
-.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
-.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
-.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
-.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
-.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
-.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
-.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
-.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
-.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
-.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
-.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
-.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
-.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
-.ui-icon-arrow-4 { background-position: 0 -80px; }
-.ui-icon-arrow-4-diag { background-position: -16px -80px; }
-.ui-icon-extlink { background-position: -32px -80px; }
-.ui-icon-newwin { background-position: -48px -80px; }
-.ui-icon-refresh { background-position: -64px -80px; }
-.ui-icon-shuffle { background-position: -80px -80px; }
-.ui-icon-transfer-e-w { background-position: -96px -80px; }
-.ui-icon-transferthick-e-w { background-position: -112px -80px; }
-.ui-icon-folder-collapsed { background-position: 0 -96px; }
-.ui-icon-folder-open { background-position: -16px -96px; }
-.ui-icon-document { background-position: -32px -96px; }
-.ui-icon-document-b { background-position: -48px -96px; }
-.ui-icon-note { background-position: -64px -96px; }
-.ui-icon-mail-closed { background-position: -80px -96px; }
-.ui-icon-mail-open { background-position: -96px -96px; }
-.ui-icon-suitcase { background-position: -112px -96px; }
-.ui-icon-comment { background-position: -128px -96px; }
-.ui-icon-person { background-position: -144px -96px; }
-.ui-icon-print { background-position: -160px -96px; }
-.ui-icon-trash { background-position: -176px -96px; }
-.ui-icon-locked { background-position: -192px -96px; }
-.ui-icon-unlocked { background-position: -208px -96px; }
-.ui-icon-bookmark { background-position: -224px -96px; }
-.ui-icon-tag { background-position: -240px -96px; }
-.ui-icon-home { background-position: 0 -112px; }
-.ui-icon-flag { background-position: -16px -112px; }
-.ui-icon-calendar { background-position: -32px -112px; }
-.ui-icon-cart { background-position: -48px -112px; }
-.ui-icon-pencil { background-position: -64px -112px; }
-.ui-icon-clock { background-position: -80px -112px; }
-.ui-icon-disk { background-position: -96px -112px; }
-.ui-icon-calculator { background-position: -112px -112px; }
-.ui-icon-zoomin { background-position: -128px -112px; }
-.ui-icon-zoomout { background-position: -144px -112px; }
-.ui-icon-search { background-position: -160px -112px; }
-.ui-icon-wrench { background-position: -176px -112px; }
-.ui-icon-gear { background-position: -192px -112px; }
-.ui-icon-heart { background-position: -208px -112px; }
-.ui-icon-star { background-position: -224px -112px; }
-.ui-icon-link { background-position: -240px -112px; }
-.ui-icon-cancel { background-position: 0 -128px; }
-.ui-icon-plus { background-position: -16px -128px; }
-.ui-icon-plusthick { background-position: -32px -128px; }
-.ui-icon-minus { background-position: -48px -128px; }
-.ui-icon-minusthick { background-position: -64px -128px; }
-.ui-icon-close { background-position: -80px -128px; }
-.ui-icon-closethick { background-position: -96px -128px; }
-.ui-icon-key { background-position: -112px -128px; }
-.ui-icon-lightbulb { background-position: -128px -128px; }
-.ui-icon-scissors { background-position: -144px -128px; }
-.ui-icon-clipboard { background-position: -160px -128px; }
-.ui-icon-copy { background-position: -176px -128px; }
-.ui-icon-contact { background-position: -192px -128px; }
-.ui-icon-image { background-position: -208px -128px; }
-.ui-icon-video { background-position: -224px -128px; }
-.ui-icon-script { background-position: -240px -128px; }
-.ui-icon-alert { background-position: 0 -144px; }
-.ui-icon-info { background-position: -16px -144px; }
-.ui-icon-notice { background-position: -32px -144px; }
-.ui-icon-help { background-position: -48px -144px; }
-.ui-icon-check { background-position: -64px -144px; }
-.ui-icon-bullet { background-position: -80px -144px; }
-.ui-icon-radio-on { background-position: -96px -144px; }
-.ui-icon-radio-off { background-position: -112px -144px; }
-.ui-icon-pin-w { background-position: -128px -144px; }
-.ui-icon-pin-s { background-position: -144px -144px; }
-.ui-icon-play { background-position: 0 -160px; }
-.ui-icon-pause { background-position: -16px -160px; }
-.ui-icon-seek-next { background-position: -32px -160px; }
-.ui-icon-seek-prev { background-position: -48px -160px; }
-.ui-icon-seek-end { background-position: -64px -160px; }
-.ui-icon-seek-start { background-position: -80px -160px; }
-/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
-.ui-icon-seek-first { background-position: -80px -160px; }
-.ui-icon-stop { background-position: -96px -160px; }
-.ui-icon-eject { background-position: -112px -160px; }
-.ui-icon-volume-off { background-position: -128px -160px; }
-.ui-icon-volume-on { background-position: -144px -160px; }
-.ui-icon-power { background-position: 0 -176px; }
-.ui-icon-signal-diag { background-position: -16px -176px; }
-.ui-icon-signal { background-position: -32px -176px; }
-.ui-icon-battery-0 { background-position: -48px -176px; }
-.ui-icon-battery-1 { background-position: -64px -176px; }
-.ui-icon-battery-2 { background-position: -80px -176px; }
-.ui-icon-battery-3 { background-position: -96px -176px; }
-.ui-icon-circle-plus { background-position: 0 -192px; }
-.ui-icon-circle-minus { background-position: -16px -192px; }
-.ui-icon-circle-close { background-position: -32px -192px; }
-.ui-icon-circle-triangle-e { background-position: -48px -192px; }
-.ui-icon-circle-triangle-s { background-position: -64px -192px; }
-.ui-icon-circle-triangle-w { background-position: -80px -192px; }
-.ui-icon-circle-triangle-n { background-position: -96px -192px; }
-.ui-icon-circle-arrow-e { background-position: -112px -192px; }
-.ui-icon-circle-arrow-s { background-position: -128px -192px; }
-.ui-icon-circle-arrow-w { background-position: -144px -192px; }
-.ui-icon-circle-arrow-n { background-position: -160px -192px; }
-.ui-icon-circle-zoomin { background-position: -176px -192px; }
-.ui-icon-circle-zoomout { background-position: -192px -192px; }
-.ui-icon-circle-check { background-position: -208px -192px; }
-.ui-icon-circlesmall-plus { background-position: 0 -208px; }
-.ui-icon-circlesmall-minus { background-position: -16px -208px; }
-.ui-icon-circlesmall-close { background-position: -32px -208px; }
-.ui-icon-squaresmall-plus { background-position: -48px -208px; }
-.ui-icon-squaresmall-minus { background-position: -64px -208px; }
-.ui-icon-squaresmall-close { background-position: -80px -208px; }
-.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
-.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
-.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
-.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
-.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
-.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
-
-
-/* Misc visuals
-----------------------------------*/
-
-/* Corner radius */
-.ui-corner-all,
-.ui-corner-top,
-.ui-corner-left,
-.ui-corner-tl {
-	border-top-left-radius: 3px;
-}
-.ui-corner-all,
-.ui-corner-top,
-.ui-corner-right,
-.ui-corner-tr {
-	border-top-right-radius: 3px;
-}
-.ui-corner-all,
-.ui-corner-bottom,
-.ui-corner-left,
-.ui-corner-bl {
-	border-bottom-left-radius: 3px;
-}
-.ui-corner-all,
-.ui-corner-bottom,
-.ui-corner-right,
-.ui-corner-br {
-	border-bottom-right-radius: 3px;
-}
-
-/* Overlays */
-.ui-widget-overlay {
-	background: #aaaaaa;
-	opacity: .3;
-	filter: Alpha(Opacity=30); /* support: IE8 */
-}
-.ui-widget-shadow {
-	-webkit-box-shadow: 0px 0px 5px #666666;
-	box-shadow: 0px 0px 5px #666666;
-}

_src/plugins/jquery-ui-1.12.1.custom/package.json

@@ -1,74 +0,0 @@
-{
-	"name": "jquery-ui",
-	"title": "jQuery UI",
-	"description": "A curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library.",
-	"version": "1.12.1",
-	"homepage": "http://jqueryui.com",
-	"author": {
-		"name": "jQuery Foundation and other contributors",
-		"url": "https://github.com/jquery/jquery-ui/blob/1.12.1/AUTHORS.txt"
-	},
-	"main": "ui/widget.js",
-	"maintainers": [
-		{
-			"name": "Scott González",
-			"email": "scott.gonzalez@gmail.com",
-			"url": "http://scottgonzalez.com"
-		},
-		{
-			"name": "Jörn Zaefferer",
-			"email": "joern.zaefferer@gmail.com",
-			"url": "http://bassistance.de"
-		},
-		{
-			"name": "Mike Sherov",
-			"email": "mike.sherov@gmail.com",
-			"url": "http://mike.sherov.com"
-		},
-		{
-			"name": "TJ VanToll",
-			"email": "tj.vantoll@gmail.com",
-			"url": "http://tjvantoll.com"
-		},
-		{
-			"name": "Felix Nagel",
-			"email": "info@felixnagel.com",
-			"url": "http://www.felixnagel.com"
-		},
-		{
-			"name": "Alex Schmitz",
-			"email": "arschmitz@gmail.com",
-			"url": "https://github.com/arschmitz"
-		}
-	],
-	"repository": {
-		"type": "git",
-		"url": "git://github.com/jquery/jquery-ui.git"
-	},
-	"bugs": "https://bugs.jqueryui.com/",
-	"license": "MIT",
-	"scripts": {
-		"test": "grunt"
-	},
-	"dependencies": {},
-	"devDependencies": {
-		"commitplease": "2.3.0",
-		"grunt": "0.4.5",
-		"grunt-bowercopy": "1.2.4",
-		"grunt-cli": "0.1.13",
-		"grunt-compare-size": "0.4.0",
-		"grunt-contrib-concat": "0.5.1",
-		"grunt-contrib-csslint": "0.5.0",
-		"grunt-contrib-jshint": "0.12.0",
-		"grunt-contrib-qunit": "1.0.1",
-		"grunt-contrib-requirejs": "0.4.4",
-		"grunt-contrib-uglify": "0.11.1",
-		"grunt-git-authors": "3.1.0",
-		"grunt-html": "6.0.0",
-		"grunt-jscs": "2.1.0",
-		"load-grunt-tasks": "3.4.0",
-		"rimraf": "2.5.1",
-		"testswarm": "1.1.0"
-	},
-	"keywords": []
-}

gulpfile.js

@@ -1,132 +1,107 @@
-var theme = {
-    // 데스크탑 테마용
-    desktop : {
-        css : [
-            "_src/desktop/scss/desktop.scss"
-        ],
-        js : [
-            "_src/desktop/js/common.js"
-        ]
-    },
-
-    // 모바일 테마용
-    mobile : {
-        css : [
-            "_src/mobile/scss/mobile.scss"
-        ],
-        js : [
-            "_src/mobile/js/mobile.js"
-        ]
-    },
-
-    // ADMIN 테마용
-    admin : {
-        css: [
-            "_src/admin/scss/admin.scss"
-        ],
-        js: [
-            "_src/plugins/ax5core/ax5core.js",
-            "_src/plugins/ax5ui-mask/ax5mask.js",
-            "_src/plugins/ax5ui-modal/ax5modal.js",
-            "_src/plugins/nicescroll/jquery.nicescroll.js",
-            "_src/plugins/jquery-datetimepicker/jquery.datetimepicker.full.js",
-            "_src/plugins/jquery-ui-1.12.1.custom/jquery-ui.js",
-            "_src/admin/js/jquery.formatter.js",
-            "_src/admin/js/jquery.tmpl.js",
-            "_src/admin/js/admin.js",
-            "_src/admin/js/modules/board.js",
-            "_src/admin/js/modules/faq.js",
-            "_src/admin/js/modules/member.js",
-        ]
-    },
-    commonJs : [
-        "node_modules/clipboard/dist/clipboard.js",
-        "_src/plugins/jquery-blockUI/jquery.blockUI.js",
-        "_src/plugins/jquery-cookie/jquery.cookie.js",
-        "_src/plugins/toastr/toastr.js",
-        "_src/common/js/global.js",
-        "_src/common/js/member.js",
-        "_src/common/js/board.js",
-    ]
-};
-
-var gulp = require('gulp'),
+let fs = require('fs'),
+    gulp = require('gulp'),
     concat = require('gulp-concat'),
     minify = require('gulp-minify'),
     cleanCSS  = require('gulp-clean-css'),
     size = require('gulp-size'),
-    sass = require('gulp-sass');
+    sass = require('gulp-sass'),
+    sourcemaps = require('gulp-sourcemaps');
 
+let packageFile = JSON.parse(fs.readFileSync('source.info.json'));
+let theme = packageFile.source;
+let destPath = packageFile.destPath;
+let watchPath = packageFile.watch;
 
 gulp.task('minify-desktop-css', function () {
+    let dest = destPath.root + "/" + destPath.assets + "/" + destPath.css;
+    let fileName = "desktop.min.css";
+
     return gulp.src( theme.desktop.css )
-        .pipe(sass({outputStyle: 'compact'}))
-        .pipe(concat( 'desktop.min.css')) //병합하고
+        .pipe(sourcemaps.init())
+        .pipe( sass({outputStyle: 'compact'}).on('error', sass.logError))
+        .pipe( concat(fileName)) //병합하고
         .pipe(cleanCSS().on('error', function(e){console.log(e);}))
         .pipe(size({ gzip: true, showFiles: true }))
-        .pipe(gulp.dest('public_html/assets/css'));
+        .pipe(sourcemaps.write('.'))
+        .pipe(gulp.dest(dest));
 });
 
 // Javascript 합치기 실행
 gulp.task('minify-desktop-js', [], function(){
+    let dest = destPath.root + "/" + destPath.assets + "/" + destPath.js;
+    let fileName = "desktop.js";
+
     return gulp.src( theme.commonJs.concat( theme.desktop.js ) )
-        .pipe(concat('desktop.js'))
-        .pipe(minify({
-            ext: {
-                min : '.min.js'
-            },
-            noSource:true
-        }))
+        .pipe(sourcemaps.init())
+        .pipe(concat(fileName))
+        .pipe(minify({ext: {min : '.min.js'},noSource:true}))
         .pipe(size({ gzip: true, showFiles: true }))
-        .pipe(gulp.dest('public_html/assets/js'));
+        .pipe(sourcemaps.write('.'))
+        .pipe(gulp.dest(dest));
 });
 
 gulp.task('minify-mobile-css', function () {
+    let dest = destPath.root + "/" + destPath.assets + "/" + destPath.css;
+    let fileName = "mobile.min.css";
+
     return gulp.src( theme.mobile.css )
-        .pipe(sass({outputStyle: 'compact'}))
-        .pipe(concat( 'mobile.min.css')) //병합하고
+        .pipe(sourcemaps.init())
+        .pipe( sass({outputStyle: 'compact'}).on('error', sass.logError))
+        .pipe( concat(fileName)) //병합하고
         .pipe(cleanCSS().on('error', function(e){console.log(e);}))
         .pipe(size({ gzip: true, showFiles: true }))
-        .pipe(gulp.dest('public_html/assets/css'));
+        .pipe(sourcemaps.write('.'))
+        .pipe(gulp.dest(dest));
 });
 
 gulp.task('minify-mobile-js', [], function(){
+    let dest = destPath.root + "/" + destPath.assets + "/" + destPath.js;
+    let fileName = "mobile.js";
+
     return gulp.src( theme.commonJs.concat( theme.mobile.js ) )
-        .pipe(concat( 'mobile.js'))
-        .pipe(minify({
-            ext: {
-                min : '.min.js'
-            },
-            noSource:true
-        }))
+        .pipe(sourcemaps.init())
+        .pipe(concat(fileName))
+        .pipe(minify({ext: {min : '.min.js'},noSource:true}))
         .pipe(size({ gzip: true, showFiles: true }))
-        .pipe(gulp.dest('public_html/assets/js'));
+        .pipe(sourcemaps.write('.'))
+        .pipe(gulp.dest(dest));
 });
 
 
 gulp.task('minify-admin-css', function () {
+    let dest = destPath.root + "/" + destPath.assets + "/" + destPath.css;
+    let fileName = "admin.min.css";
+
     return gulp.src( theme.admin.css )
-        .pipe(sass({outputStyle: 'compact'}))
-        .pipe(concat('admin.min.css')) //병합하고
+        .pipe(sourcemaps.init())
+        .pipe( sass({outputStyle: 'compact'}).on('error', sass.logError))
+        .pipe( concat(fileName)) //병합하고
         .pipe(cleanCSS().on('error', function(e){console.log(e);}))
         .pipe(size({ gzip: true, showFiles: true }))
-        .pipe(gulp.dest('public_html/assets/css'));
+        .pipe(sourcemaps.write('.'))
+        .pipe(gulp.dest(dest));
 });
 
 gulp.task('minify-admin-js', [], function(){
+    let dest = destPath.root + "/" + destPath.assets + "/" + destPath.js;
+    let fileName = "admin.js";
+
     return gulp.src( theme.commonJs.concat( theme.admin.js ) )
-        .pipe(concat( 'admin.js') )
-        .pipe(minify({
-            ext: {
-                min : '.min.js'
-            },
-            noSource:true
-        }))
+        .pipe(sourcemaps.init())
+        .pipe(concat(fileName))
+        .pipe(minify({ext: {min : '.min.js'},noSource:true}))
         .pipe(size({ gzip: true, showFiles: true }))
-        .pipe(gulp.dest('public_html/assets/js'));
+        .pipe(sourcemaps.write('.'))
+        .pipe(gulp.dest(dest));
+});
+
+gulp.task('scss-watch', function() {
+    gulp.watch(watchPath.desktop.css, ['minify-desktop-css']);
+    //gulp.watch(watchPath.desktop.js, ['minify-desktop-js']);
+    gulp.watch(watchPath.mobile.css, ['minify-mobile-css']);
+    //gulp.watch(watchPath.mobile.js, ['minify-mobile-js']);
+    gulp.watch(watchPath.admin.css, ['minify-admin-css']);
+    //gulp.watch(watchPath.admin.js, ['minify-admin-js']);
 });
 
-gulp.task('mobile-minify', ['minify-mobile-js', 'minify-mobile-css']);
-gulp.task('desktop-minify', ['minify-desktop-js', 'minify-desktop-css']);
-gulp.task('admin-minify', ['minify-admin-js', 'minify-admin-css']);
 gulp.task('default', ['minify-desktop-js', 'minify-desktop-css', 'minify-mobile-js', 'minify-mobile-css','minify-admin-js', 'minify-admin-css']);

package.json

@@ -13,14 +13,22 @@
   "author": "휘파람 소프트",
   "license": "ISC",
   "devDependencies": {
+    "ax5ui-calendar": "^1.4.126",
+    "ax5ui-formatter": "^1.4.126",
+    "ax5ui-picker": "^1.4.126",
+    "ax5ui-toast": "^1.4.126",
     "gulp": "^3.9.1",
     "gulp-clean-css": "^3.9.4",
     "gulp-concat": "^2.6.1",
     "gulp-minify": "^3.1.0",
     "gulp-sass": "^3.2.1",
-    "gulp-size": "^3.0.0"
+    "gulp-size": "^3.0.0",
+    "gulp-sourcemaps": "^2.6.4"
   },
   "dependencies": {
+    "ax5core": "^1.4.126",
+    "ax5ui-mask": "^1.4.126",
+    "ax5ui-modal": "^1.4.126",
     "clipboard": "^2.0.1"
   }
 }

source.info.json

@@ -0,0 +1,70 @@
+{
+  "destPath" : {
+    "root" : "public_html",
+    "assets" : "assets",
+    "css" : "css",
+    "js" : "js"
+  },
+  "source" : {
+    "commonJs" : [
+      "node_modules/clipboard/dist/clipboard.js",
+      "_src/plugins/jquery-cookie/jquery.cookie.js",
+      "_src/common/js/global.js",
+      "_src/common/js/member.js",
+      "_src/common/js/board.js"
+    ],
+    "desktop" : {
+      "css" : [
+        "_src/desktop/scss/desktop.scss"
+      ],
+      "js" : [
+        "_src/desktop/js/common.js"
+      ]
+    },
+    "mobile" : {
+      "css" : [
+        "_src/mobile/scss/mobile.scss"
+      ],
+      "js" : [
+        "_src/mobile/js/mobile.js"
+      ]
+    },
+    "admin" : {
+      "css": ["_src/admin/scss/admin.scss"],
+      "js": [
+        "node_modules/ax5core/dist/ax5core.js",
+        "node_modules/ax5ui-formatter/dist/ax5formatter.js",
+        "node_modules/ax5ui-mask/dist/ax5mask.js",
+        "node_modules/ax5ui-modal/dist/ax5modal.js",
+        "node_modules/ax5ui-toast/dist/ax5toast.js",
+        "node_modules/ax5ui-calendar/dist/ax5calendar.js",
+        "node_modules/ax5ui-picker/dist/ax5picker.js",
+        "_src/plugins/jquery-datetimepicker/jquery.datetimepicker.full.js",
+        "_src/plugins/jquery-blockUI/jquery.blockUI.js",
+        "_src/admin/js/jquery.formatter.js",
+        "_src/admin/js/jquery.tmpl.js",
+        "_src/admin/js/admin.js",
+        "_src/admin/js/modules/components.js",
+        "_src/admin/js/modules/modal.js",
+        "_src/admin/js/modules/toast.js",
+        "_src/admin/js/modules/board.js",
+        "_src/admin/js/modules/faq.js",
+        "_src/admin/js/modules/member.js"
+      ]
+    }
+  },
+  "watch" : {
+    "desktop" : {
+      "css" : ["_src/desktop/scss/*.scss","_src/desktop/scss/**/*.scss"],
+      "js" : ["_src/common/js/*.js","_src/common/js/**/*.js","_src/desktop/js/*.js","_src/desktop/js/**/*.js"]
+    },
+    "mobile" : {
+      "css" : ["_src/mobile/scss/*.scss","_src/mobile/scss/**/*.scss"],
+      "js" : ["_src/common/js/*.js","_src/common/js/**/*.js","_src/mobile/js/*.js","_src/mobile/js/**/*.js"]
+    },
+    "admin" : {
+      "css" : ["_src/admin/scss/*.scss","_src/admin/scss/**/*.scss"],
+      "js" : ["_src/common/js/*.js","_src/common/js/**/*.js","_src/admin/js/*.js","_src/admin/js/**/*.js"]
+    }
+  }
+}

wheeparam/views/themes/admin/management/popup.php

@@ -1,5 +1,5 @@
 <div class="page-header">
-    <h1 class="page-title">팝업 관리</h1>
+    <h1 class="page-title">팝업 관리<small>사이트 관리 &gt; 팝업관리</small></h1>
 </div>
 
 <div class="H10"></div>
@@ -8,7 +8,7 @@
         <h4>팝업 관리</h4>
     </div>
     <div class="right">
-        <a class="btn btn-default" href="<?=base_url('admin/management/popup_form')?>"><i class="far fa-plus-circle"></i> 신규 팝업 등록</a>
+        <a class="btn btn-secondary" href="<?=base_url('admin/management/popup_form')?>"><i class="far fa-plus-circle"></i> 신규 팝업 등록</a>
     </div>
 </div>
 

wheeparam/views/themes/admin/members/log.php

@@ -1,5 +1,5 @@
 <div class="page-header">
-    <h1 class="page-title">회원 로그인 기록</h1>
+    <h1 class="page-title">회원 로그인 기록<small>회원 관리 &gt; 회원 로그인 기록</small></h1>
 </div>
 
 <?=form_open(NULL, array("method"=>'get', 'class'=>'form-flex'))?>
@@ -24,7 +24,7 @@
 <div class="form-group">
     <label class="control-label control-label-sm"></label>
     <div class="controls">
-        <button class="btn btn-default"><i class="far fa-search"></i> 필터적용</button>
+        <button class="btn btn-primary"><i class="fal fa-search"></i> 필터적용</button>
     </div>
 </div>
 <?=form_close()?>

wheeparam/views/themes/admin/theme.php

@@ -1,105 +1,101 @@
 <?php
 // CSS 파일과 JS파일 추가 (TRUE 옵션을 준경우 옵션을 주지않은경우보다 상위에 위치한다.)
-$this->site->add_css('//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css', TRUE);
-$this->site->add_css('//fonts.googleapis.com/css?family=Roboto:400,100,700', TRUE);
-$this->site->add_css('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css',TRUE);
+$this->site->add_css('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
 $this->site->add_css("/assets/css/admin.min.css", TRUE);
 
 $this->site->add_js('https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js', TRUE);
-$this->site->add_js('https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js', TRUE);
 $this->site->add_js("/assets/js/admin.min.js", TRUE);
 ?>
 <script>var menuActive="<?=$this->active?>";</script>
 
-<div id="wrap" class="application">
-    <div id="nav-bar">
-        <a class="logo" href="<?=base_url('admin')?>">ADMINISTRATOR</a>
-
-        <button class="btn-menu-toggle" type="button" class=""><i class="far fa-bars"></i></button>
-        <a class="btn-logout" href="<?=base_url('members/logout')?>?reurl=<?=current_full_url()?>" title="사용자 로그아웃"><i class="far fa-sign-out"></i></a>
-    </div>
-
-    <div class="background-container">
-        <div class="bg-1"></div>
-        <div class="bg-2"></div>
+<header id="header">
+    <a class="logo" href="<?=base_url('admin')?>">Administrator</a>
+    <div class="top-navs"></div>
+    <div class="right-actions">
+        <button type="button" class="btn-top-action"><i class="fas fa-bell"></i></button>
+        <div class="dropdown btn-user">
+            <button type="button" class="btn-top-action" data-toggle="dropdown"><i class="fas fa-user"></i> <?=$this->member->info('nickname')?>님</button>
+            <ul class="dropdown-menu pull-right">
+                <li><a href="<?=base_url('members/logout')?>?reurl=<?=current_full_url()?>">로그아웃</a></li>
+            </ul>
+        </div>
     </div>
-    <div id="content">
-        <nav id="left-panel">
-            <ul id="main-navigation">
-                <li>
-                    <a href="#" class="parent"><i class="far fa-wrench"></i> 사이트 관리</a>
-                    <ul>
-                        <li data-active="management/popup"><a href="<?=base_url('admin/management/popup')?>">팝업 관리</a></li>
-                        <li data-active="management/banner"><a href="<?=base_url('admin/management/banner')?>">배너 관리</a></li>
-                        <li data-active="management/menu"><a href="<?=base_url('admin/management/menu')?>">메뉴 관리</a></li>
-                        <li data-active="management/faq"><a href="<?=base_url('admin/management/faq')?>">FAQ 관리</a></li>
-                        <li data-active="management/faq_setting"><a href="<?=base_url('admin/management/faq_setting')?>">FAQ 환경설정</a></li>
-                    </ul>
-                </li>
-                <li>
-                    <a href="#" class="parent"><i class="far fa-users"></i>&nbsp;회원 관리</a>
-                    <ul>
-                        <li data-active="members/lists"><a href="<?=base_url('admin/members/lists')?>">회원 목록</a></li>
-                        <li data-active="members/add"><a href="<?=base_url('admin/members/add')?>">회원 등록</a></li>
-                        <li data-active="members/log"><a href="<?=base_url('admin/members/log')?>">회원 로그인 기록</a></li>
-                        <?php if( $this->site->config('point_use') == 'Y' ) :?>
-                        <li data-active="members/points"><a href="<?=base_url('admin/members/points')?>"><?=$this->site->config('point_name')?> 관리</a></li>
-                        <?php endif;?>
-                    </ul>
-                </li>
+</header>
 
-                <?php if(USE_BOARD OR IS_TEST) : ?>
-                    <li>
-                        <a href="#" class="parent"><i class="far fa-th-large"></i>&nbsp;게시판 관리</a>
-                        <ul>
-                            <li data-active="board/lists"><a href="<?=base_url('admin/board/lists')?>">게시판 관리</a></li>
-                            <li class="divider"></li>
-                            <?php
-                            $board_list = $this->db->select('B.brd_key,B.brd_title,BPN.new_cnt')->from('board AS B')->join('board_post_new AS BPN','BPN.brd_key=B.brd_key','left')->order_by('B.brd_title')->get()->result_array();
-                            foreach($board_list as $row): ?>
-                                <li data-active="board/<?=$row['brd_key']?>"><a href="<?=base_url('admin/board/posts/'.$row['brd_key'])?>"><?=$row['brd_title']?><?=$row['new_cnt']>0?" <span class='badge pull-right'>{$row['new_cnt']}</span>":''?></a></li>
-                            <?php endforeach;?>
-                        </ul>
-                    </li>
+<nav id="nav">
+    <ul class="main-navigation">
+        <li>
+            <a href="javascript:;"><i class="far fa-wrench"></i><span>사이트 관리</span></a>
+            <ul>
+                <li data-active="management/popup"><a href="<?=base_url('admin/management/popup')?>">팝업 관리</a></li>
+                <li data-active="management/banner"><a href="<?=base_url('admin/management/banner')?>">배너 관리</a></li>
+                <li data-active="management/menu"><a href="<?=base_url('admin/management/menu')?>">메뉴 관리</a></li>
+                <li data-active="management/faq"><a href="<?=base_url('admin/management/faq')?>">FAQ 관리</a></li>
+                <li data-active="management/faq_setting"><a href="<?=base_url('admin/management/faq_setting')?>">FAQ 환경설정</a></li>
+            </ul>
+        </li>
+        <li>
+            <a href="javascript:;"><i class="far fa-users"></i><span>회원 관리</span></a>
+            <ul>
+                <li data-active="members/lists"><a href="<?=base_url('admin/members/lists')?>">회원 목록</a></li>
+                <li data-active="members/add"><a href="<?=base_url('admin/members/add')?>">회원 등록</a></li>
+                <li data-active="members/log"><a href="<?=base_url('admin/members/log')?>">회원 로그인 기록</a></li>
+                <?php if( $this->site->config('point_use') == 'Y' ) :?>
+                    <li data-active="members/points"><a href="<?=base_url('admin/members/points')?>"><?=$this->site->config('point_name')?> 관리</a></li>
                 <?php endif;?>
+            </ul>
+        </li>
 
-                <li>
-                    <a href="#" class="parent"><i class="far fa-chart-bar"></i>&nbsp;방문 통계</a>
-                    <ul>
-                        <li data-active="statics/visit"><a href="<?=base_url('admin/statics/visit')?>">사용자 접속 로그</a></li>
-                        <li data-active="statics/keyword"><a href="<?=base_url('admin/statics/keyword')?>">키워드별 통계</a></li>
-                        <li data-active="statics/times"><a href="<?=base_url('admin/statics/times')?>">방문 시간별 통계</a></li>
-                        <li data-active="statics/referrer"><a href="<?=base_url('admin/statics/referrer')?>">유입 경로별 통계</a></li>
-                        <li data-active="statics/device"><a href="<?=base_url('admin/statics/device')?>">PC/MOBILE 통계</a></li>
-                        <li data-active="statics/browser"><a href="<?=base_url('admin/statics/browser')?>">브라우져별 통계</a></li>
-                        <li data-active="statics/os"><a href="<?=base_url('admin/statics/os')?>">OS별 통계</a></li>
-                    </ul>
-                </li>
+        <?php if(USE_BOARD OR IS_TEST) : ?>
+            <li>
+                <a href="javascript:;"><i class="far fa-th-large"></i><span>게시판 관리</span></a>
+                <ul>
+                    <li data-active="board/lists"><a href="<?=base_url('admin/board/lists')?>">게시판 관리</a></li>
+                    <li class="divider"></li>
+                    <?php
+                    $board_list = $this->db->select('B.brd_key,B.brd_title,BPN.new_cnt')->from('board AS B')->join('board_post_new AS BPN','BPN.brd_key=B.brd_key','left')->order_by('B.brd_title')->get()->result_array();
+                    foreach($board_list as $row): ?>
+                        <li data-active="board/<?=$row['brd_key']?>"><a href="<?=base_url('admin/board/posts/'.$row['brd_key'])?>"><?=$row['brd_title']?><?=$row['new_cnt']>0?" <span class='badge pull-right'>{$row['new_cnt']}</span>":''?></a></li>
+                    <?php endforeach;?>
+                </ul>
+            </li>
+        <?php endif;?>
 
-                <li>
-                    <a href="#" class="parent"><i class="far fa-cog"></i>&nbsp;환경 설정</a>
-                    <ul>
-                        <li data-active="setting/basic"><a href="<?=base_url('admin/setting/basic')?>">사이트 기본 설정</a></li>
-                        <li data-active="setting/localize"><a href="<?=base_url('admin/setting/localize')?>">다국어 설정</a></li>
-                        <li data-active="setting/apis"><a href="<?=base_url('admin/setting/apis')?>">소셜/API 설정</a></li>
-                        <li data-active="setting/agreement"><a href="<?=base_url('admin/setting/agreement')?>">약관 설정</a></li>
-                        <li data-active="setting/member"><a href="<?=base_url('admin/setting/member')?>">회원 설정</a></li>
-                        <li data-active="management/sitemap"><a href="<?=base_url('admin/management/sitemap')?>">사이트맵 설정</a></li>
-                        <?php if($this->member->is_super()) :?>
-                            <li data-active="setting/admin"><a href="<?=base_url('admin/setting/admin')?>">관리자 설정</a></li>
-                        <?php endif;?>
-                        <li data-active="tools/index"><a href="<?=base_url('admin/tools')?>">기타 도구</a></li>
-                    </ul>
-                </li>
+        <li>
+            <a href="javascript:;"><i class="far fa-chart-bar"></i><span>방문 통계</span></a>
+            <ul>
+                <li data-active="statics/visit"><a href="<?=base_url('admin/statics/visit')?>">사용자 접속 로그</a></li>
+                <li data-active="statics/keyword"><a href="<?=base_url('admin/statics/keyword')?>">키워드별 통계</a></li>
+                <li data-active="statics/times"><a href="<?=base_url('admin/statics/times')?>">방문 시간별 통계</a></li>
+                <li data-active="statics/referrer"><a href="<?=base_url('admin/statics/referrer')?>">유입 경로별 통계</a></li>
+                <li data-active="statics/device"><a href="<?=base_url('admin/statics/device')?>">PC/MOBILE 통계</a></li>
+                <li data-active="statics/browser"><a href="<?=base_url('admin/statics/browser')?>">브라우져별 통계</a></li>
+                <li data-active="statics/os"><a href="<?=base_url('admin/statics/os')?>">OS별 통계</a></li>
+            </ul>
+        </li>
 
+        <li>
+            <a href="javascript:;"><i class="far fa-cog"></i><span>환경 설정</span></a>
+            <ul>
+                <li data-active="setting/basic"><a href="<?=base_url('admin/setting/basic')?>">사이트 기본 설정</a></li>
+                <li data-active="setting/localize"><a href="<?=base_url('admin/setting/localize')?>">다국어 설정</a></li>
+                <li data-active="setting/apis"><a href="<?=base_url('admin/setting/apis')?>">소셜/API 설정</a></li>
+                <li data-active="setting/agreement"><a href="<?=base_url('admin/setting/agreement')?>">약관 설정</a></li>
+                <li data-active="setting/member"><a href="<?=base_url('admin/setting/member')?>">회원 설정</a></li>
+                <li data-active="management/sitemap"><a href="<?=base_url('admin/management/sitemap')?>">사이트맵 설정</a></li>
+                <?php if($this->member->is_super()) :?>
+                    <li data-active="setting/admin"><a href="<?=base_url('admin/setting/admin')?>">관리자 설정</a></li>
+                <?php endif;?>
+                <li data-active="tools/index"><a href="<?=base_url('admin/tools')?>">기타 도구</a></li>
             </ul>
-        </nav>
+        </li>
 
-        <section id="main" role="main">
-            <div class="main"><?=$contents?></div>
-        </section>
-    </div>
+    </ul>
+</nav>
+
+<article id="contents">
+    <?=$contents?>
+</article>
 
-</div>