my-common-zzp 0.0.2 → 0.0.6

package/assets/config/config.deploy.json

@@ -0,0 +1,14 @@
+{
+    "env": {
+        "name": "DEV"
+    },
+    "authServer": {
+        "address": "http://61.221.56.68:8008/api"
+    },
+    "gtdServer": {
+        "address": "http://61.221.56.68:8008/api"
+    },
+    "apiServer": {
+        "address": "http://61.221.56.68:8008/api"
+    }
+}

package/assets/config/config.dev.json

@@ -0,0 +1,14 @@
+{
+    "env": {
+        "name": "DEV"
+    },
+    "authServer": {
+        "address": "http://61.221.56.68:8008/api"
+    },
+    "psaServer": {
+        "address": "http://10.10.8.202:8081/api"
+    },
+    "apiServer": {
+        "address": "http://61.221.56.68:8008/api"
+    }
+}

package/assets/js/components/card.js

@@ -0,0 +1,442 @@
+/* eslint-disable */
+"use strict";
+
+import { KTUtil } from "./util";
+
+// Component Definition
+var KTCard = function(elementId, options) {
+    // Main object
+    var the = this;
+    var init = false;
+
+    // Get element object
+    var element = KTUtil.getById(elementId);
+    var body = KTUtil.getBody();
+
+    if (!element) {
+        return;
+    }
+
+    // Default options
+    var defaultOptions = {
+        toggleSpeed: 400,
+        sticky: {
+            releseOnReverse: false,
+            offset: 300,
+            zIndex: 101
+        }
+    };
+
+    ////////////////////////////
+    // ** Private Methods  ** //
+    ////////////////////////////
+
+    var Plugin = {
+        /**
+         * Construct
+         */
+
+        construct: function(options) {
+            if (KTUtil.data(element).has('card')) {
+                the = KTUtil.data(element).get('card');
+            } else {
+                // reset menu
+                Plugin.init(options);
+
+                // build menu
+                Plugin.build();
+
+                KTUtil.data(element).set('card', the);
+            }
+
+            return the;
+        },
+
+        /**
+         * Init card
+         */
+        init: function(options) {
+            the.element = element;
+            the.events = [];
+
+            // merge default and user defined options
+            the.options = KTUtil.deepExtend({}, defaultOptions, options);
+            the.header = KTUtil.child(element, '.card-header');
+            the.footer = KTUtil.child(element, '.card-footer');
+
+            if (KTUtil.child(element, '.card-body')) {
+                the.body = KTUtil.child(element, '.card-body');
+            } else if (KTUtil.child(element, '.form')) {
+                the.body = KTUtil.child(element, '.form');
+            }
+        },
+
+        /**
+         * Build Form Wizard
+         */
+        build: function() {
+            // Remove
+            var remove = KTUtil.find(the.header, '[data-card-tool=remove]');
+            if (remove) {
+                KTUtil.addEvent(remove, 'click', function(e) {
+                    e.preventDefault();
+                    Plugin.remove();
+                });
+            }
+
+            // Reload
+            var reload = KTUtil.find(the.header, '[data-card-tool=reload]');
+            if (reload) {
+                KTUtil.addEvent(reload, 'click', function(e) {
+                    e.preventDefault();
+                    Plugin.reload();
+                });
+            }
+
+            // Toggle
+            var toggle = KTUtil.find(the.header, '[data-card-tool=toggle]');
+            if (toggle) {
+                KTUtil.addEvent(toggle, 'click', function(e) {
+                    e.preventDefault();
+                    Plugin.toggle();
+                });
+            }
+        },
+
+        /**
+         * Enable stickt mode
+         */
+        initSticky: function() {
+            var lastScrollTop = 0;
+            var offset = the.options.sticky.offset;
+
+            if (!the.header) {
+                return;
+            }
+
+	        window.addEventListener('scroll', Plugin.onScrollSticky);
+        },
+
+	    /**
+	     * Window scroll handle event for sticky card
+	     */
+	    onScrollSticky: function(e) {
+		    var offset = the.options.sticky.offset;
+
+		    if(isNaN(offset)) return;
+
+		    var st = KTUtil.getScrollTop();
+
+		    if (st >= offset && KTUtil.hasClass(body, 'card-sticky-on') === false) {
+			    Plugin.eventTrigger('stickyOn');
+
+			    KTUtil.addClass(body, 'card-sticky-on');
+
+			    Plugin.updateSticky();
+
+		    } else if ((st*1.5) <= offset && KTUtil.hasClass(body, 'card-sticky-on')) {
+			    // Back scroll mode
+			    Plugin.eventTrigger('stickyOff');
+
+			    KTUtil.removeClass(body, 'card-sticky-on');
+
+			    Plugin.resetSticky();
+		    }
+	    },
+
+        updateSticky: function() {
+            if (!the.header) {
+                return;
+            }
+
+            var top;
+
+            if (KTUtil.hasClass(body, 'card-sticky-on')) {
+                if (the.options.sticky.position.top instanceof Function) {
+                    top = parseInt(the.options.sticky.position.top.call(this, the));
+                } else {
+                    top = parseInt(the.options.sticky.position.top);
+                }
+
+                var left;
+                if (the.options.sticky.position.left instanceof Function) {
+                    left = parseInt(the.options.sticky.position.left.call(this, the));
+                } else {
+                    left = parseInt(the.options.sticky.position.left);
+                }
+
+                var right;
+                if (the.options.sticky.position.right instanceof Function) {
+                    right = parseInt(the.options.sticky.position.right.call(this, the));
+                } else {
+                    right = parseInt(the.options.sticky.position.right);
+                }
+
+                KTUtil.css(the.header, 'z-index', the.options.sticky.zIndex);
+                KTUtil.css(the.header, 'top', top + 'px');
+                KTUtil.css(the.header, 'left', left + 'px');
+                KTUtil.css(the.header, 'right', right + 'px');
+            }
+        },
+
+        resetSticky: function() {
+            if (!the.header) {
+                return;
+            }
+
+            if (KTUtil.hasClass(body, 'card-sticky-on') === false) {
+                KTUtil.css(the.header, 'z-index', '');
+                KTUtil.css(the.header, 'top', '');
+                KTUtil.css(the.header, 'left', '');
+                KTUtil.css(the.header, 'right', '');
+            }
+        },
+
+        /**
+         * Remove card
+         */
+        remove: function() {
+            if (Plugin.eventTrigger('beforeRemove') === false) {
+                return;
+            }
+
+            // Remove tooltips
+            var tooltips;
+            if ( tooltips = document.querySelectorAll('.tooltip.show') ) {
+                $(tooltips).tooltip('dispose');
+            }
+
+            KTUtil.remove(element);
+
+            Plugin.eventTrigger('afterRemove');
+        },
+
+        /**
+         * Set content
+         */
+        setContent: function(html) {
+            if (html) {
+                the.body.innerHTML = html;
+            }
+        },
+
+        /**
+         * Get body
+         */
+        getBody: function() {
+            return the.body;
+        },
+
+        /**
+         * Get self
+         */
+        getSelf: function() {
+            return element;
+        },
+
+        /**
+         * Reload
+         */
+        reload: function() {
+            Plugin.eventTrigger('reload');
+        },
+
+        /**
+         * Toggle
+         */
+        toggle: function() {
+            if (KTUtil.hasClass(element, 'card-collapse') || KTUtil.hasClass(element, 'card-collapsed')) {
+                Plugin.expand();
+            } else {
+                Plugin.collapse();
+            }
+        },
+
+        /**
+         * Collapse
+         */
+        collapse: function() {
+            if (Plugin.eventTrigger('beforeCollapse') === false) {
+                return;
+            }
+
+            KTUtil.slideUp(the.body, the.options.toggleSpeed, function() {
+                Plugin.eventTrigger('afterCollapse');
+            });
+
+            KTUtil.addClass(element, 'card-collapse');
+        },
+
+        /**
+         * Expand
+         */
+        expand: function() {
+            if (Plugin.eventTrigger('beforeExpand') === false) {
+                return;
+            }
+
+            KTUtil.slideDown(the.body, the.options.toggleSpeed, function() {
+                Plugin.eventTrigger('afterExpand');
+            });
+
+            KTUtil.removeClass(element, 'card-collapse');
+            KTUtil.removeClass(element, 'card-collapsed');
+        },
+
+        /**
+         * Trigger events
+         */
+        eventTrigger: function(name) {
+            //KTUtil.triggerCustomEvent(name);
+            for (var i = 0; i < the.events.length; i++) {
+                var event = the.events[i];
+                if (event.name == name) {
+                    if (event.one == true) {
+                        if (event.fired == false) {
+                            the.events[i].fired = true;
+                            return event.handler.call(this, the);
+                        }
+                    } else {
+                        return event.handler.call(this, the);
+                    }
+                }
+            }
+        },
+
+        addEvent: function(name, handler, one) {
+            the.events.push({
+                name: name,
+                handler: handler,
+                one: one,
+                fired: false
+            });
+
+            return the;
+        }
+    };
+
+    //////////////////////////
+    // ** Public Methods ** //
+    //////////////////////////
+
+    /**
+     * Set default options
+     */
+
+    the.setDefaults = function(options) {
+        defaultOptions = options;
+    };
+
+    /**
+     * Remove card
+     */
+    the.remove = function() {
+        return Plugin.remove(html);
+    };
+
+    /**
+     * Init sticky card
+     */
+    the.initSticky = function() {
+        return Plugin.initSticky();
+    };
+
+    /**
+     * Rerender sticky layout
+     */
+    the.updateSticky = function() {
+        return Plugin.updateSticky();
+    };
+
+    /**
+     * Reset the sticky
+     */
+    the.resetSticky = function() {
+        return Plugin.resetSticky();
+    };
+
+	/**
+	 * Destroy sticky card
+	 */
+	the.destroySticky = function() {
+		Plugin.resetSticky();
+		window.removeEventListener('scroll', Plugin.onScrollSticky);
+	};
+
+    /**
+     * Reload card
+     */
+    the.reload = function() {
+        return Plugin.reload();
+    };
+
+    /**
+     * Set card content
+     */
+    the.setContent = function(html) {
+        return Plugin.setContent(html);
+    };
+
+    /**
+     * Toggle card
+     */
+    the.toggle = function() {
+        return Plugin.toggle();
+    };
+
+    /**
+     * Collapse card
+     */
+    the.collapse = function() {
+        return Plugin.collapse();
+    };
+
+    /**
+     * Expand card
+     */
+    the.expand = function() {
+        return Plugin.expand();
+    };
+
+    /**
+     * Get cardbody
+     * @returns {jQuery}
+     */
+    the.getBody = function() {
+        return Plugin.getBody();
+    };
+
+    /**
+     * Get cardbody
+     * @returns {jQuery}
+     */
+    the.getSelf = function() {
+        return Plugin.getSelf();
+    };
+
+    /**
+     * Attach event
+     */
+    the.on = function(name, handler) {
+        return Plugin.addEvent(name, handler);
+    };
+
+    /**
+     * Attach event that will be fired once
+     */
+    the.one = function(name, handler) {
+        return Plugin.addEvent(name, handler, true);
+    };
+
+    // Construct plugin
+    Plugin.construct.apply(the, [options]);
+
+    return the;
+};
+
+// webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    // module.exports = KTCard;
+}
+
+export default KTCard;

package/assets/js/components/cookie.js

@@ -0,0 +1,56 @@
+/* eslint-disable */
+"use strict";
+// DOCS: https://javascript.info/cookie
+
+// Component Definition
+export var KTCookie = function() {
+  return {
+    // returns the cookie with the given name,
+    // or undefined if not found
+    getCookie: function(name) {
+      var matches = document.cookie.match(new RegExp(
+        "(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)"
+      ));
+      return matches ? decodeURIComponent(matches[1]) : undefined;
+    },
+    // Please note that a cookie value is encoded,
+    // so getCookie uses a built-in decodeURIComponent function to decode it.
+    setCookie: function(name, value, options) {
+      if (!options) {
+          options = {};
+      }
+
+      options = Object.assign({}, {path: '/'}, options);
+
+      if (options.expires instanceof Date) {
+        options.expires = options.expires.toUTCString();
+      }
+
+      var updatedCookie = encodeURIComponent(name) + "=" + encodeURIComponent(value);
+
+      for (var optionKey in options) {
+        if (!options.hasOwnProperty(optionKey)) {
+          continue;
+        }
+        updatedCookie += "; " + optionKey;
+        var optionValue = options[optionKey];
+        if (optionValue !== true) {
+          updatedCookie += "=" + optionValue;
+        }
+      }
+
+      document.cookie = updatedCookie;
+    },
+    // To delete a cookie, we can call it with a negative expiration date:
+    deleteCookie: function(name) {
+      setCookie(name, "", {
+        'max-age': -1
+      })
+    }
+  }
+}();
+
+// webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+  // module.exports = KTCookie;
+}

package/assets/js/components/dialog.js

@@ -0,0 +1,192 @@
+/* eslint-disable */
+"use strict";
+
+import { KTUtil } from "./util";
+
+// Component Definition 
+var KTDialog = function(options) {
+    // Main object
+    var the = this;
+
+    // Get element object
+    var element;
+    var body = KTUtil.getBody();
+
+    // Default options
+    var defaultOptions = {
+        'placement' : 'top center',
+        'type'  : 'loader',
+        'width' : 100,
+        'state' : 'default',
+        'message' : 'Loading...'
+    };
+
+    ////////////////////////////
+    // ** Private Methods  ** //
+    ////////////////////////////
+
+    var Plugin = {
+        /**
+         * Construct
+         */
+
+        construct: function(options) {
+            Plugin.init(options);
+
+            return the;
+        },
+
+        /**
+         * Handles subtoggle click toggle
+         */
+        init: function(options) {
+            the.events = [];
+
+            // merge default and user defined options
+            the.options = KTUtil.deepExtend({}, defaultOptions, options);
+
+            the.state = false;
+        },
+
+        /**
+         * Show dialog
+         */
+        show: function() {
+            Plugin.eventTrigger('show');
+
+            element = document.createElement("DIV");
+            KTUtil.setHTML(element, the.options.message);
+
+            KTUtil.addClass(element, 'dialog dialog-shown');
+            KTUtil.addClass(element, 'dialog-' + the.options.state);
+            KTUtil.addClass(element, 'dialog-' + the.options.type);
+
+            if (the.options.placement == 'top center') {
+                KTUtil.addClass(element, 'dialog-top-center');
+            }
+
+            body.appendChild(element);
+
+            the.state = 'shown';
+
+            Plugin.eventTrigger('shown');
+
+            return the;
+        },
+
+        /**
+         * Hide dialog
+         */
+        hide: function() {
+            if (element) {
+                Plugin.eventTrigger('hide');
+
+                element.remove();
+                the.state = 'hidden';
+
+                Plugin.eventTrigger('hidden');
+            }
+
+            return the;
+        },
+
+        /**
+         * Trigger events
+         */
+        eventTrigger: function(name) {
+            for (var i = 0; i < the.events.length; i++) {
+                var event = the.events[i];
+
+                if (event.name == name) {
+                    if (event.one == true) {
+                        if (event.fired == false) {
+                            the.events[i].fired = true;
+                            return event.handler.call(this, the);
+                        }
+                    } else {
+                        return event.handler.call(this, the);
+                    }
+                }
+            }
+        },
+
+        addEvent: function(name, handler, one) {
+            the.events.push({
+                name: name,
+                handler: handler,
+                one: one,
+                fired: false
+            });
+
+            return the;
+        }
+    };
+
+    //////////////////////////
+    // ** Public Methods ** //
+    //////////////////////////
+
+    /**
+     * Set default options
+     */
+
+    the.setDefaults = function(options) {
+        defaultOptions = options;
+    };
+
+    /**
+     * Check shown state
+     */
+    the.shown = function() {
+        return the.state == 'shown';
+    };
+
+    /**
+     * Check hidden state
+     */
+    the.hidden = function() {
+        return the.state == 'hidden';
+    };
+
+    /**
+     * Show dialog
+     */
+    the.show = function() {
+        return Plugin.show();
+    };
+
+    /**
+     * Hide dialog
+     */
+    the.hide = function() {
+        return Plugin.hide();
+    };
+
+    /**
+     * Attach event
+     * @returns {KTToggle}
+     */
+    the.on = function(name, handler) {
+        return Plugin.addEvent(name, handler);
+    };
+
+    /**
+     * Attach event that will be fired once
+     * @returns {KTToggle}
+     */
+    the.one = function(name, handler) {
+        return Plugin.addEvent(name, handler, true);
+    };
+
+    // Construct plugin
+    Plugin.construct.apply(the, [options]);
+
+    return the;
+};
+
+// webpack support
+if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') {
+    // module.exports = KTDialog;
+}
+
+export default KTDialog;