ru.coon 2.5.25 → 2.5.26

package/src/common/plugin/form/RequiredFlagPlugin.js

@@ -1,79 +1,79 @@
-/**
- * Плагин добавляет полю (наследнику Ext.form.field.Base) с признаком обязательности следующее поведение:
- * Добавляется звездочка цвета requiredFlagColor, обозначающая, что поле обязательное.
- * Если animateOnInvalid=true, то происходит анимация поля при валидации, если поле не валидно.
- * В поле добавляется метод setFlagColor для изменения цвета звёздочки.
- */
-Ext.define('Coon.common.plugin.form.RequiredFlagPlugin', {
-    extend: 'Ext.plugin.Abstract',
-    alias: 'plugin.RequiredFlagPlugin',
-    requiredFlagColor: '#bf1313',
-    lastFlagColor: null,
-    animateOnInvalid: false,
-
-    init: function(field) {
-        this.field = field;
-        this.field.validate = Ext.Function.createSequence(this.field.validate, this.animateInvalidField, this);
-        this.initHighlightRequiredField();
-    },
-
-    initHighlightRequiredField: function() {
-        // Если поле обязательно к заполнению, то его поведение меняется
-        if (this.field.allowBlank === false || this.field.validateBlankByPlugin) {
-            this.extendFieldBehavior();
-        }
-    },
-
-    /**
-     * Allows specify flag of required field and change its color by requiredFlagColor prop (before rendering) or in runtime by setFlagColor method.
-     */
-    extendFieldBehavior: function() {
-        const field = this.field;
-        field.requiredFlagColor = this.requiredFlagColor;
-        field.setFlagColor = function(color) {
-            if (!this.rendered) {
-                this.lastFlagColor = color;
-                return;
-            }
-            this.getEl().dom.querySelector('.required-flag').style.color = color;
-        }.bind(field);
-
-        field.on('afterrender', function(fld) {
-            if (fld.lastFlagColor) {
-                fld.setFlagColor(fld.lastFlagColor);
-            }
-        },
-        this, {single: true});
-
-        field.afterLabelTextTpl = `<span class='required-flag' style='color: ${this.requiredFlagColor};'>*</span>`;
-    },
-
-    /**
-     * Реализация анимации поля
-     */
-    animateField: function() {
-        this.field.animate({
-            duration: 700,
-            keyframes: {
-                25: {opacity: 0},
-                50: {opacity: 1},
-                75: {opacity: 0},
-                100: {opacity: 1},
-            },
-        });
-    },
-
-    /**
-     * Анимируем поле, если не валидно
-     */
-    animateInvalidField: function() {
-        const field = this.field;
-        if (this.animateOnInvalid === true && field.rendered && !field.isHidden() && !field.isValid()) {
-            // Устранение анимации в случае отсутствия фокуса у поля.
-            // Чтобы например при вводе посимвольно даты, поле не моргало.
-            if (!field.hasFocus) {
-                this.animateField();
-            }
-        }
-    },
-});
+/**
+ * Плагин добавляет полю (наследнику Ext.form.field.Base) с признаком обязательности следующее поведение:
+ * Добавляется звездочка цвета requiredFlagColor, обозначающая, что поле обязательное.
+ * Если animateOnInvalid=true, то происходит анимация поля при валидации, если поле не валидно.
+ * В поле добавляется метод setFlagColor для изменения цвета звёздочки.
+ */
+Ext.define('Coon.common.plugin.form.RequiredFlagPlugin', {
+    extend: 'Ext.plugin.Abstract',
+    alias: 'plugin.RequiredFlagPlugin',
+    requiredFlagColor: '#bf1313',
+    lastFlagColor: null,
+    animateOnInvalid: false,
+
+    init: function(field) {
+        this.field = field;
+        this.field.validate = Ext.Function.createSequence(this.field.validate, this.animateInvalidField, this);
+        this.initHighlightRequiredField();
+    },
+
+    initHighlightRequiredField: function() {
+        // Если поле обязательно к заполнению, то его поведение меняется
+        if (this.field.allowBlank === false || this.field.validateBlankByPlugin) {
+            this.extendFieldBehavior();
+        }
+    },
+
+    /**
+     * Allows specify flag of required field and change its color by requiredFlagColor prop (before rendering) or in runtime by setFlagColor method.
+     */
+    extendFieldBehavior: function() {
+        const field = this.field;
+        field.requiredFlagColor = this.requiredFlagColor;
+        field.setFlagColor = function(color) {
+            if (!this.rendered) {
+                this.lastFlagColor = color;
+                return;
+            }
+            this.getEl().dom.querySelector('.required-flag').style.color = color;
+        }.bind(field);
+
+        field.on('afterrender', function(fld) {
+            if (fld.lastFlagColor) {
+                fld.setFlagColor(fld.lastFlagColor);
+            }
+        },
+        this, {single: true});
+
+        field.afterLabelTextTpl = `<span class='required-flag' style='color: ${this.requiredFlagColor};'>*</span>`;
+    },
+
+    /**
+     * Реализация анимации поля
+     */
+    animateField: function() {
+        this.field.animate({
+            duration: 700,
+            keyframes: {
+                25: {opacity: 0},
+                50: {opacity: 1},
+                75: {opacity: 0},
+                100: {opacity: 1},
+            },
+        });
+    },
+
+    /**
+     * Анимируем поле, если не валидно
+     */
+    animateInvalidField: function() {
+        const field = this.field;
+        if (this.animateOnInvalid === true && field.rendered && !field.isHidden() && !field.isValid()) {
+            // Устранение анимации в случае отсутствия фокуса у поля.
+            // Чтобы например при вводе посимвольно даты, поле не моргало.
+            if (!field.hasFocus) {
+                this.animateField();
+            }
+        }
+    },
+});

package/src/common/plugin/mixin/defaults.js

@@ -1,17 +1,17 @@
-Ext.define('Coon.common.plugin.mixin.defaults', {
-    getConfigValue(prop) {
-        const defaults = this.getDefaults();
-        const result = {
-            default: defaults[prop],
-            value: this.getConfig(prop),
-        };
-        if (result.value === undefined) {
-            result.diff = true;
-            result.value = result.default;
-        }
-        if (result.default !== result.value) {
-            result.diff = true;
-        }
-        return result;
-    },
-});
+Ext.define('Coon.common.plugin.mixin.defaults', {
+    getConfigValue(prop) {
+        const defaults = this.getDefaults();
+        const result = {
+            default: defaults[prop],
+            value: this.getConfig(prop),
+        };
+        if (result.value === undefined) {
+            result.diff = true;
+            result.value = result.default;
+        }
+        if (result.default !== result.value) {
+            result.diff = true;
+        }
+        return result;
+    },
+});

package/src/common/tree/BaseContextMenu.js

@@ -1,50 +1,50 @@
-Ext.define('Coon.common.tree.BaseContextMenu', {
-    extend: 'Ext.menu.Menu',
-    alias: 'widget.BaseContextMenu',
-    uses: [],
-    requires: [],
-    alternateClassName: 'Sigma.common.components.BaseContextMenu',
-
-    enableScrolling: false,
-
-    validate: function() {
-        let count = 0;
-        if (this.items) {
-            this.items.each(Ext.bind(function(item) {
-                if (item.xtype == 'menuseparator') {
-                    item.setVisible(this.shouldDisplaySeparator);
-                    this.shouldDisplaySeparator = false;
-                }
-                if (item.isValid) {
-                    const valid = item.isValid();
-                    item.setVisible(valid);
-                    if (valid) {
-                        count++;
-                        this.shouldDisplaySeparator = true;
-                    }
-                }
-            }, this), {shouldDisplaySeparator: false});
-        }
-        return count;
-    },
-
-    show: function(xy) {
-        if (Ext.isArray(xy)) {
-            this.validate();
-            this.showAt(xy);
-        } else {
-            this.callParent(arguments);
-        }
-    },
-
-    hasItems: function() {
-        let hasItems = false;
-        this.items.each(function(item) {
-            if (item.isValid && item.isValid()) {
-                hasItems = true;
-                return false;
-            }
-        });
-        return hasItems;
-    },
-});
+Ext.define('Coon.common.tree.BaseContextMenu', {
+    extend: 'Ext.menu.Menu',
+    alias: 'widget.BaseContextMenu',
+    uses: [],
+    requires: [],
+    alternateClassName: 'Sigma.common.components.BaseContextMenu',
+
+    enableScrolling: false,
+
+    validate: function() {
+        let count = 0;
+        if (this.items) {
+            this.items.each(Ext.bind(function(item) {
+                if (item.xtype == 'menuseparator') {
+                    item.setVisible(this.shouldDisplaySeparator);
+                    this.shouldDisplaySeparator = false;
+                }
+                if (item.isValid) {
+                    const valid = item.isValid();
+                    item.setVisible(valid);
+                    if (valid) {
+                        count++;
+                        this.shouldDisplaySeparator = true;
+                    }
+                }
+            }, this), {shouldDisplaySeparator: false});
+        }
+        return count;
+    },
+
+    show: function(xy) {
+        if (Ext.isArray(xy)) {
+            this.validate();
+            this.showAt(xy);
+        } else {
+            this.callParent(arguments);
+        }
+    },
+
+    hasItems: function() {
+        let hasItems = false;
+        this.items.each(function(item) {
+            if (item.isValid && item.isValid()) {
+                hasItems = true;
+                return false;
+            }
+        });
+        return hasItems;
+    },
+});

package/src/common/tree/ContextMenuItem.js

@@ -1,18 +1,18 @@
-Ext.define('Coon.common.tree.ContextMenuItem', {
-    extend: 'Ext.menu.Item',
-    alias: 'widget.ContextMenuItem',
-    uses: [],
-    requires: [],
-    alternateClassName: 'Sigma.tree.ContextMenuItem',
-
-    text: '',
-    iconCls: '',
-    nodeTypes: null,
-    isPresentInCurrentContext: null,
-    action: Ext.emptyFn,
-
-    handler: function(item) {
-        const contextNode = this.parentMenu.getContextNode();
-        this.action(contextNode);
-    },
-});
+Ext.define('Coon.common.tree.ContextMenuItem', {
+    extend: 'Ext.menu.Item',
+    alias: 'widget.ContextMenuItem',
+    uses: [],
+    requires: [],
+    alternateClassName: 'Sigma.tree.ContextMenuItem',
+
+    text: '',
+    iconCls: '',
+    nodeTypes: null,
+    isPresentInCurrentContext: null,
+    action: Ext.emptyFn,
+
+    handler: function(item) {
+        const contextNode = this.parentMenu.getContextNode();
+        this.action(contextNode);
+    },
+});

package/src/common/tree/NodeTreeLoader.js

@@ -1,61 +1,61 @@
-// /**
-//  * Загрузчик базового дерева, обрабатывает вновь создаваемые узлы по шаблону типа узла и
-//  * присваивает свой индивидуальный сконфигурированый загрузчик
-//  */
-// Ext.define('Coon.common.tree.NodeTreeLoader', {
-//     extend: 'Ext.ComponentLoader',
-//     alias: 'widget.NodeTreeLoader',
-//     uses: [],
-//     requires: [],
-//     alternateClassName: 'Sigma.tree.NodeTreeLoader',
-
-//     nodeTypes: undefined,
-
-//     createNode: function(attr) {
-//         const nodeType = this.nodeTypes[attr.type];
-//         const bean = Ext.apply({}, attr);
-//         bean.entity = nodeType.entity;
-
-//         let nodeAttr = {
-//             loader: this.createChildTreeLoader(nodeType),
-//             iconCls: nodeType.iconCls,
-//             cls: nodeType.cls,
-//             children: attr.children,
-//             leaf: nodeType.leaf || attr.leaf || false,
-//             text: attr.info,
-//             type: attr.type,
-//             expanded: attr.expanded,
-//             allowDrag: nodeType.allowDrag,
-//             allowDrop: nodeType.allowDrop,
-//             bean: bean,
-//             id: this.generateID(attr),
-//         };
-
-//         this.nodeTypes.counter++;
-
-//         if (nodeType.customize) {
-//             nodeAttr = Ext.apply(nodeAttr, nodeType.customize(bean, Ext.apply({}, nodeType)));
-//         }
-
-//         return this.callParent([nodeAttr]);
-//     },
-
-//     generateID: function(attr) {
-//         return this.nodeTypes.counter + attr.type + attr.id; // Для уникальности ID
-//     },
-
-//     createChildTreeLoader: function(nodeType) {
-//         return Ext.create('Coon.common.tree.NodeTreeLoader', {
-//             nodeTypes: this.nodeTypes,
-//             baseParams: this.baseParams,
-//             dataUrl: nodeType.dataUrl,
-//         });
-//     },
-
-//     getParams: function(node) {
-//         const params = this.callParent([node]);
-//         delete params.id;
-//         params.parentNode = Ext.encode(node.attributes.bean);
-//         return params;
-//     },
-// });
+// /**
+//  * Загрузчик базового дерева, обрабатывает вновь создаваемые узлы по шаблону типа узла и
+//  * присваивает свой индивидуальный сконфигурированый загрузчик
+//  */
+// Ext.define('Coon.common.tree.NodeTreeLoader', {
+//     extend: 'Ext.ComponentLoader',
+//     alias: 'widget.NodeTreeLoader',
+//     uses: [],
+//     requires: [],
+//     alternateClassName: 'Sigma.tree.NodeTreeLoader',
+
+//     nodeTypes: undefined,
+
+//     createNode: function(attr) {
+//         const nodeType = this.nodeTypes[attr.type];
+//         const bean = Ext.apply({}, attr);
+//         bean.entity = nodeType.entity;
+
+//         let nodeAttr = {
+//             loader: this.createChildTreeLoader(nodeType),
+//             iconCls: nodeType.iconCls,
+//             cls: nodeType.cls,
+//             children: attr.children,
+//             leaf: nodeType.leaf || attr.leaf || false,
+//             text: attr.info,
+//             type: attr.type,
+//             expanded: attr.expanded,
+//             allowDrag: nodeType.allowDrag,
+//             allowDrop: nodeType.allowDrop,
+//             bean: bean,
+//             id: this.generateID(attr),
+//         };
+
+//         this.nodeTypes.counter++;
+
+//         if (nodeType.customize) {
+//             nodeAttr = Ext.apply(nodeAttr, nodeType.customize(bean, Ext.apply({}, nodeType)));
+//         }
+
+//         return this.callParent([nodeAttr]);
+//     },
+
+//     generateID: function(attr) {
+//         return this.nodeTypes.counter + attr.type + attr.id; // Для уникальности ID
+//     },
+
+//     createChildTreeLoader: function(nodeType) {
+//         return Ext.create('Coon.common.tree.NodeTreeLoader', {
+//             nodeTypes: this.nodeTypes,
+//             baseParams: this.baseParams,
+//             dataUrl: nodeType.dataUrl,
+//         });
+//     },
+
+//     getParams: function(node) {
+//         const params = this.callParent([node]);
+//         delete params.id;
+//         params.parentNode = Ext.encode(node.attributes.bean);
+//         return params;
+//     },
+// });

package/src/common/trigger/WikiTrigger.js

@@ -1,20 +1,20 @@
-Ext.define('Coon.common.trigger.WikiTrigger', {
-    extend: 'Ext.form.trigger.Trigger',
-    alias: 'trigger.wikiTrigger',
-    cls: 'svg-icon svg-icon-book',
-    ui: 'blue-text-button',
-    uses: [],
-    requires: [],
-
-    onClick: function() {
-        const me = this;
-        const args = arguments;
-        const e = me.clickRepeater ? args[1] : args[0];
-        const handler = me.handler;
-        const field = me.field;
-
-        if (handler) {
-            Ext.callback(me.handler, me.scope, [field, me, e], 0, field);
-        }
-    },
-});
+Ext.define('Coon.common.trigger.WikiTrigger', {
+    extend: 'Ext.form.trigger.Trigger',
+    alias: 'trigger.wikiTrigger',
+    cls: 'svg-icon svg-icon-book',
+    ui: 'blue-text-button',
+    uses: [],
+    requires: [],
+
+    onClick: function() {
+        const me = this;
+        const args = arguments;
+        const e = me.clickRepeater ? args[1] : args[0];
+        const handler = me.handler;
+        const field = me.field;
+
+        if (handler) {
+            Ext.callback(me.handler, me.scope, [field, me, e], 0, field);
+        }
+    },
+});

package/src/eventBus.js

@@ -1,73 +1,73 @@
-Ext.define('Coon.eventBus', {
-    requires: [
-        'Coon.log'
-    ],
-    singleton: true,
-    debug: false,
-
-    constructor() {
-        const listeners = new Map();
-        this.listeners = () => listeners;
-    },
-
-    on(event, handler, scope) {
-        if (typeof event !== 'string' || !event) {
-            Coon.log.error('[Coon.eventBus].on: event name must be a nonempty string');
-            return;
-        }
-        if (typeof handler === 'string' && Ext.isObject(scope)) {
-            handler = scope[handler];
-        }
-        if (typeof handler !== 'function') {
-            Coon.log.error('[Coon.eventBus].on: handler must be a function or realized as method in given scope');
-            Coon.log.debug('[Coon.eventBus].on: invalid handler: ', handler);
-            return;
-        }
-        const handlers = this.listeners().get(event) || new Set();
-        if (!handlers.has([scope, handler])) {
-            handlers.add([scope, handler]);
-            this.listeners().set(event, handlers);
-        }
-    },
-
-    un(event, handler, scope) {
-        const handlers = this.listeners().get(event);
-        if (!handler) {
-            this.listeners().set(event, []);
-            return;
-        }
-        if (handlers && handlers.has([scope, handler])) {
-            handlers.delete([scope, handler]);
-            this.listeners().set(event, handlers);
-        }
-    },
-
-    capture(handler, scope) {
-        if (typeof handler === 'function') {
-            this._captureHandler = [handler, scope];
-        } else {
-            this._captureHandler = false;
-        }
-    },
-
-    emit(event, ...args) {
-        if (Coon.setup.get('debug.eventBusTrace')) {
-            Coon.log.debug(event).trace();
-        }
-        if (this._captureHandler) {
-            try {
-                const [handler, scope] = this._captureHandler;
-                handler.call(scope, event, ...args);
-            } catch (ex) {
-                Coon.log.error('capture handler error, will be removed');
-                this.capture();
-            }
-        }
-        const handlers = this.listeners().get(event);
-        if (handlers) {
-            for (const el of handlers) {
-                el[1].apply(el[0] || window, args);
-            }
-        }
-    },
-});
+Ext.define('Coon.eventBus', {
+    requires: [
+        'Coon.log'
+    ],
+    singleton: true,
+    debug: false,
+
+    constructor() {
+        const listeners = new Map();
+        this.listeners = () => listeners;
+    },
+
+    on(event, handler, scope) {
+        if (typeof event !== 'string' || !event) {
+            Coon.log.error('[Coon.eventBus].on: event name must be a nonempty string');
+            return;
+        }
+        if (typeof handler === 'string' && Ext.isObject(scope)) {
+            handler = scope[handler];
+        }
+        if (typeof handler !== 'function') {
+            Coon.log.error('[Coon.eventBus].on: handler must be a function or realized as method in given scope');
+            Coon.log.debug('[Coon.eventBus].on: invalid handler: ', handler);
+            return;
+        }
+        const handlers = this.listeners().get(event) || new Set();
+        if (!handlers.has([scope, handler])) {
+            handlers.add([scope, handler]);
+            this.listeners().set(event, handlers);
+        }
+    },
+
+    un(event, handler, scope) {
+        const handlers = this.listeners().get(event);
+        if (!handler) {
+            this.listeners().set(event, []);
+            return;
+        }
+        if (handlers && handlers.has([scope, handler])) {
+            handlers.delete([scope, handler]);
+            this.listeners().set(event, handlers);
+        }
+    },
+
+    capture(handler, scope) {
+        if (typeof handler === 'function') {
+            this._captureHandler = [handler, scope];
+        } else {
+            this._captureHandler = false;
+        }
+    },
+
+    emit(event, ...args) {
+        if (Coon.setup.get('debug.eventBusTrace')) {
+            Coon.log.debug(event).trace();
+        }
+        if (this._captureHandler) {
+            try {
+                const [handler, scope] = this._captureHandler;
+                handler.call(scope, event, ...args);
+            } catch (ex) {
+                Coon.log.error('capture handler error, will be removed');
+                this.capture();
+            }
+        }
+        const handlers = this.listeners().get(event);
+        if (handlers) {
+            for (const el of handlers) {
+                el[1].apply(el[0] || window, args);
+            }
+        }
+    },
+});