ru.coon 2.5.34 → 2.5.35

package/src/uielement/component/UiElementPropertyPanel.js

@@ -1,80 +1,80 @@
-Ext.define('Coon.uielement.component.UiElementPropertyPanel', {
-    extend: 'Ext.panel.Panel',
-    alias: 'widget.UiElementPropertyPanel',
-    xtype: 'uielementpropertypanel',
-    uses: [],
-    requires: [
-        'Coon.common.field.combo.BaseComboBox',
-        'Coon.uielement.component.UiElementModel'
-    ],
-    controller: 'uielementpropertycontroller',
-    viewModel: 'uielementpropertymodel',
-
-    title: 'Добавить UI element свойство',
-    layout: 'form',
-    labelWidth: 150,
-    default: {
-        anchor: '100%',
-    },
-    defaultFocus: 'BaseComboBox[reference=uiElementPropertyPanelPropertyName]',
-    items: [
-        {
-            fieldLabel: 'xtype',
-            name: 'xtype',
-            xtype: 'combobox',
-            reference: 'uiElementPropertyPanelPropertyXType',
-            readOnly: true,
-            bind: {
-                value: '{uiElement.xtype}',
-            },
-        },
-        {
-            xtype: 'container',
-            layout: {
-                type: 'hbox',
-                align: 'stretch',
-            },
-            items: [
-                {
-                    xtype: 'BaseComboBox',
-                    reference: 'uiElementPropertyPanelPropertyName',
-                    fieldLabel: 'Свойство',
-                    valueField: 'propertyName',
-                    displayField: 'propertyName',
-                    allowedBlank: false,
-                    flex: 1,
-                    bind: {
-                        store: '{uiElementPropertiesStore}',
-                        value: '{uiElement.propertyName}',
-                    },
-                },
-                {
-                    xtype: 'button',
-                    bind: {
-                        href: '{infoHref}',
-                        disabled: '{propertyInfoLinkDisabled}',
-                    },
-                    iconCls: 'x-fa fa-info-circle',
-                }
-            ],
-        },
-        {
-            xtype: 'textarea',
-            grow: true,
-            anchor: '90%',
-            minHeight: 100,
-            reference: 'uiElementPropertyPanelPropertyValue',
-            fieldLabel: 'Значение',
-        }
-    ],
-    buttons: [
-        {
-            text: 'Сохранить',
-            handler: 'saveHandler',
-        },
-        {
-            text: 'Закрыть',
-            handler: 'closeHandler',
-        }
-    ],
-});
+Ext.define('Coon.uielement.component.UiElementPropertyPanel', {
+    extend: 'Ext.panel.Panel',
+    alias: 'widget.UiElementPropertyPanel',
+    xtype: 'uielementpropertypanel',
+    uses: [],
+    requires: [
+        'Coon.common.field.combo.BaseComboBox',
+        'Coon.uielement.component.UiElementModel'
+    ],
+    controller: 'uielementpropertycontroller',
+    viewModel: 'uielementpropertymodel',
+
+    title: 'Добавить UI element свойство',
+    layout: 'form',
+    labelWidth: 150,
+    default: {
+        anchor: '100%',
+    },
+    defaultFocus: 'BaseComboBox[reference=uiElementPropertyPanelPropertyName]',
+    items: [
+        {
+            fieldLabel: 'xtype',
+            name: 'xtype',
+            xtype: 'combobox',
+            reference: 'uiElementPropertyPanelPropertyXType',
+            readOnly: true,
+            bind: {
+                value: '{uiElement.xtype}',
+            },
+        },
+        {
+            xtype: 'container',
+            layout: {
+                type: 'hbox',
+                align: 'stretch',
+            },
+            items: [
+                {
+                    xtype: 'BaseComboBox',
+                    reference: 'uiElementPropertyPanelPropertyName',
+                    fieldLabel: 'Свойство',
+                    valueField: 'propertyName',
+                    displayField: 'propertyName',
+                    allowedBlank: false,
+                    flex: 1,
+                    bind: {
+                        store: '{uiElementPropertiesStore}',
+                        value: '{uiElement.propertyName}',
+                    },
+                },
+                {
+                    xtype: 'button',
+                    bind: {
+                        href: '{infoHref}',
+                        disabled: '{propertyInfoLinkDisabled}',
+                    },
+                    iconCls: 'x-fa fa-info-circle',
+                }
+            ],
+        },
+        {
+            xtype: 'textarea',
+            grow: true,
+            anchor: '90%',
+            minHeight: 100,
+            reference: 'uiElementPropertyPanelPropertyValue',
+            fieldLabel: 'Значение',
+        }
+    ],
+    buttons: [
+        {
+            text: 'Сохранить',
+            handler: 'saveHandler',
+        },
+        {
+            text: 'Закрыть',
+            handler: 'closeHandler',
+        }
+    ],
+});

package/src/uielement/component/formchips/Chip.js

@@ -1,87 +1,87 @@
-Ext.define('Coon.uielement.component.formchips.Chip', {
-    extend: 'Ext.Component',
-    xtype: 'Chip',
-    alias: 'widget.Chip',
-    defaultListenerScope: true,
-    config: {
-        // Служебный
-        service: false,
-        // Чип для критерия поиска, который не был использован при последнем выполнении поиска
-        unusable: undefined,
-        // С кнопкой закрытия
-        closable: undefined,
-    },
-    tpl: new Ext.XTemplate(
-        '<span class="chip-value">{value}</span>',
-        '<span class="closebtn">&times;</span>'
-    ),
-
-    listeners: {
-        afterrender: 'onAfterRenderChipHandler',
-        beforedestroy: 'onBeforeDestroy',
-    },
-
-    initComponent: function() {
-        if (this.getService()) {
-            this.cls = 'service-chip';
-        } else {
-            this.cls = this.getUnusable() ?
-                'unusable-chip':
-                this.getClosable() ? 'closable-chip' : 'chip';
-        }
-
-        this.callParent();
-    },
-
-    closeChip: function() {
-        const chip = this.component;
-        const field = chip.data.fieldLink;
-        if (field) {
-            Coon.uielement.component.formchips.FilterConditionToolbar.clearField(field);
-            if (!chip.getUnusable() && chip.getClosable() === true) {
-                chip.fireEvent('delete', field);
-            }
-            chip.fireEvent('needReloadChips');
-        }
-    },
-
-    /**
-     * Добавление тултипа к чипу (добавляем label поля)
-     * @param chip
-     */
-    onAfterRenderChipHandler: function(chip) {
-        if (!this.getService()) {
-            chip.el.on('click', this.closeChip, null, {delegate: '.closebtn'});
-
-            chip.tip = Ext.create('Ext.tip.ToolTip', {
-                target: chip.el,
-                listeners: {
-                    beforeshow: function updateTipBody(tip) {
-                        if (chip.data) {
-                            let toolTipText = chip.data.label;
-                            if (chip.data.unusable) {
-                                toolTipText+=`<br>Не использовано при последнем поиске!`;
-                            }
-                            tip.update(toolTipText);
-                        }
-                    },
-                },
-            });
-
-            // Тултип для крестика закрытия чипа
-            chip.tipClose = Ext.create('Ext.tip.ToolTip', {
-                target: chip.el.query('[class=closebtn]')[0],
-                html: 'Очистить поле формы',
-            });
-        }
-    },
-
-    /**
-     * Перед удалением чипа удаляем всплывающие подсказки.
-     * @param cmp Чип
-     */
-    onBeforeDestroy: function(cmp) {
-        cmp.tip && cmp.tip.destroy();
-        cmp.tipClose && cmp.tipClose.destroy();
-    },
-});
+Ext.define('Coon.uielement.component.formchips.Chip', {
+    extend: 'Ext.Component',
+    xtype: 'Chip',
+    alias: 'widget.Chip',
+    defaultListenerScope: true,
+    config: {
+        // Служебный
+        service: false,
+        // Чип для критерия поиска, который не был использован при последнем выполнении поиска
+        unusable: undefined,
+        // С кнопкой закрытия
+        closable: undefined,
+    },
+    tpl: new Ext.XTemplate(
+        '<span class="chip-value">{value}</span>',
+        '<span class="closebtn">&times;</span>'
+    ),
+
+    listeners: {
+        afterrender: 'onAfterRenderChipHandler',
+        beforedestroy: 'onBeforeDestroy',
+    },
+
+    initComponent: function() {
+        if (this.getService()) {
+            this.cls = 'service-chip';
+        } else {
+            this.cls = this.getUnusable() ?
+                'unusable-chip':
+                this.getClosable() ? 'closable-chip' : 'chip';
+        }
+
+        this.callParent();
+    },
+
+    closeChip: function() {
+        const chip = this.component;
+        const field = chip.data.fieldLink;
+        if (field) {
+            Coon.uielement.component.formchips.FilterConditionToolbar.clearField(field);
+            if (!chip.getUnusable() && chip.getClosable() === true) {
+                chip.fireEvent('delete', field);
+            }
+            chip.fireEvent('needReloadChips');
+        }
+    },
+
+    /**
+     * Добавление тултипа к чипу (добавляем label поля)
+     * @param chip
+     */
+    onAfterRenderChipHandler: function(chip) {
+        if (!this.getService()) {
+            chip.el.on('click', this.closeChip, null, {delegate: '.closebtn'});
+
+            chip.tip = Ext.create('Ext.tip.ToolTip', {
+                target: chip.el,
+                listeners: {
+                    beforeshow: function updateTipBody(tip) {
+                        if (chip.data) {
+                            let toolTipText = chip.data.label;
+                            if (chip.data.unusable) {
+                                toolTipText+=`<br>Не использовано при последнем поиске!`;
+                            }
+                            tip.update(toolTipText);
+                        }
+                    },
+                },
+            });
+
+            // Тултип для крестика закрытия чипа
+            chip.tipClose = Ext.create('Ext.tip.ToolTip', {
+                target: chip.el.query('[class=closebtn]')[0],
+                html: 'Очистить поле формы',
+            });
+        }
+    },
+
+    /**
+     * Перед удалением чипа удаляем всплывающие подсказки.
+     * @param cmp Чип
+     */
+    onBeforeDestroy: function(cmp) {
+        cmp.tip && cmp.tip.destroy();
+        cmp.tipClose && cmp.tipClose.destroy();
+    },
+});

package/src/uielement/component/formchips/FilterConditionToolbar.js

@@ -1,115 +1,115 @@
-/**
- * Компонет формы поиска для отображения чипов (типа https://materializecss.com/chips.html) с критериями поиска.
- * Копмонент - это тулбар.
- * Д.быть добавлен в основной контейней кастомной панели, где есть title.
- * В заголовок будет добавлен tool, управляющий формой критериев поиска (Свернуть/Развернуть) через searchFormItemId.
- * Тулбар виден, если свернута форма поиска, и свернут, когда форма поиска видна.
- * При сворачивании формы поиска тулбар показывает критерии поиска в виде чипов двух типов:
- * 1. Критерии, использованные для последнего поиска. Отображение более яркое.
- * 2. Критерии, заполненные на форме поиска, но не использованные при последнем поиске. Отображения бледное.
- * Всегда есть иконка крестика для закрытия чипа.
- * При нажатии "Закрыть" чип будет удален с тулбара, а соответствующий критерий поиска формы будет очищен.
- * Конфигурационный параметр компонента closableFilterCondition в значении true дает чипам типа 1 возможность быть тоже закрываемыми.
- * При закрытии таких чипов компонент формирует событие chipdelete.
- * По этому событию кастомная панель сможет к примеру выполнить новый поиск.
- * Каждый чип отображает введенное значение критерия (наприпер дату), а при наведении показывает тултип с названием
- * критерия поиска (например "Период").
- * Пример использования:
- * @example
- * items: [
- *{
- *                   title: 'Заголовок',
- *                   xtype: 'panel',
- *                   dockedItems: [
- *                       {
- *                           xtype: 'FilterConditionToolbar',
- *                           reference: 'filterConditionToolbarRef',
- *                           closableFilterCondition: true,
-                             listeners: {
-                                 chipdelete: 'onChipDeleteHandler', // Реакция на закрытие чипа. Например, выполнение нового поиска.
-                             },
- *                       },
- *                   ],
- *                   ...
- *                   items: [
- *                       {
- *                           xtype: 'panel', // Форма поиска
- *                           itemId: 'searchFormItemId',
- *                       }
- *                   ],
- *}]
- *
- * Обязательно в хендлере выполнения поиска формы нужно добавить формирование события rememberconditions,
- * чтобы тулбар ЗАПОМНИЛ критерии поиска, использованные для поиска в текущий момент:
- *
- * @example
- * this.lookup('filterConditionToolbarRef').fireEvent('rememberconditions');
- *
- * Для правильного инстанцирования компонента нужно
- * 1. Панель, содержащая поля формы поиска, должна иметь itemId searchFormItemId
- */
-Ext.define('Coon.uielement.component.formchips.FilterConditionToolbar', {
-    extend: 'Ext.toolbar.Toolbar',
-    xtype: 'FilterConditionToolbar',
-    alias: 'widget.FilterConditionToolbar',
-    cls: 'FilterConditionToolbar',
-    requires: [
-        'Coon.uielement.component.formchips.Chip',
-        'Coon.uielement.component.formchips.FilterConditionToolbarController'
-    ],
-    controller: 'filterconditiontoolbarcontroller',
-    bodyPadding: 10,
-    hidden: true,
-    overflowHandler: 'scroller',
-
-    listeners: {
-        beforerender: 'setPanelTools',
-        boxready: 'fillChipsHandler',
-        show: 'fadeInHandler',
-    },
-
-    /**
-     * @event chipdelete
-     * Возникает, когда удаляется чип.
-     * @param {field} field ссылка на поле формы.
-     */
-    /**
-     * @event rememberconditions
-     * Событие предназначено для фиксации (запоминания) критериев поиска.
-     * Предназначено для вызова из кастомной панели из хендлера
-     */
-
-    config: {
-        /**
-         * @param {boolean} Если true, то ЧИП, по которому был произведен поиск, можно закрывать. Что приведет к очистке поля, связанного с чипом.
-         */
-        closableFilterCondition: false,
-    },
-
-    statics: {
-        /**
-         * Очистка поля field
-         * Может быть перенести в Coon.Function
-         * @param field
-         */
-        clearField: function(field) {
-            if (field.uncleanable) {
-                Coon.log.log('This field will not be cleared. uncleanable option is set');
-            } else {
-                if (field.setEnableAutoSelect) {
-                    field.setEnableAutoSelect(false);
-                }
-                if (field.reset) {
-                    field.reset();
-                }
-                if (field.setEmptyText) {
-                    field.setEmptyText();
-                }
-                if (field.setEnableAutoSelect) {
-                    field.setEnableAutoSelect(true);
-                }
-            }
-        },
-    },
-
-});
+/**
+ * Компонет формы поиска для отображения чипов (типа https://materializecss.com/chips.html) с критериями поиска.
+ * Копмонент - это тулбар.
+ * Д.быть добавлен в основной контейней кастомной панели, где есть title.
+ * В заголовок будет добавлен tool, управляющий формой критериев поиска (Свернуть/Развернуть) через searchFormItemId.
+ * Тулбар виден, если свернута форма поиска, и свернут, когда форма поиска видна.
+ * При сворачивании формы поиска тулбар показывает критерии поиска в виде чипов двух типов:
+ * 1. Критерии, использованные для последнего поиска. Отображение более яркое.
+ * 2. Критерии, заполненные на форме поиска, но не использованные при последнем поиске. Отображения бледное.
+ * Всегда есть иконка крестика для закрытия чипа.
+ * При нажатии "Закрыть" чип будет удален с тулбара, а соответствующий критерий поиска формы будет очищен.
+ * Конфигурационный параметр компонента closableFilterCondition в значении true дает чипам типа 1 возможность быть тоже закрываемыми.
+ * При закрытии таких чипов компонент формирует событие chipdelete.
+ * По этому событию кастомная панель сможет к примеру выполнить новый поиск.
+ * Каждый чип отображает введенное значение критерия (наприпер дату), а при наведении показывает тултип с названием
+ * критерия поиска (например "Период").
+ * Пример использования:
+ * @example
+ * items: [
+ *{
+ *                   title: 'Заголовок',
+ *                   xtype: 'panel',
+ *                   dockedItems: [
+ *                       {
+ *                           xtype: 'FilterConditionToolbar',
+ *                           reference: 'filterConditionToolbarRef',
+ *                           closableFilterCondition: true,
+                             listeners: {
+                                 chipdelete: 'onChipDeleteHandler', // Реакция на закрытие чипа. Например, выполнение нового поиска.
+                             },
+ *                       },
+ *                   ],
+ *                   ...
+ *                   items: [
+ *                       {
+ *                           xtype: 'panel', // Форма поиска
+ *                           itemId: 'searchFormItemId',
+ *                       }
+ *                   ],
+ *}]
+ *
+ * Обязательно в хендлере выполнения поиска формы нужно добавить формирование события rememberconditions,
+ * чтобы тулбар ЗАПОМНИЛ критерии поиска, использованные для поиска в текущий момент:
+ *
+ * @example
+ * this.lookup('filterConditionToolbarRef').fireEvent('rememberconditions');
+ *
+ * Для правильного инстанцирования компонента нужно
+ * 1. Панель, содержащая поля формы поиска, должна иметь itemId searchFormItemId
+ */
+Ext.define('Coon.uielement.component.formchips.FilterConditionToolbar', {
+    extend: 'Ext.toolbar.Toolbar',
+    xtype: 'FilterConditionToolbar',
+    alias: 'widget.FilterConditionToolbar',
+    cls: 'FilterConditionToolbar',
+    requires: [
+        'Coon.uielement.component.formchips.Chip',
+        'Coon.uielement.component.formchips.FilterConditionToolbarController'
+    ],
+    controller: 'filterconditiontoolbarcontroller',
+    bodyPadding: 10,
+    hidden: true,
+    overflowHandler: 'scroller',
+
+    listeners: {
+        beforerender: 'setPanelTools',
+        boxready: 'fillChipsHandler',
+        show: 'fadeInHandler',
+    },
+
+    /**
+     * @event chipdelete
+     * Возникает, когда удаляется чип.
+     * @param {field} field ссылка на поле формы.
+     */
+    /**
+     * @event rememberconditions
+     * Событие предназначено для фиксации (запоминания) критериев поиска.
+     * Предназначено для вызова из кастомной панели из хендлера
+     */
+
+    config: {
+        /**
+         * @param {boolean} Если true, то ЧИП, по которому был произведен поиск, можно закрывать. Что приведет к очистке поля, связанного с чипом.
+         */
+        closableFilterCondition: false,
+    },
+
+    statics: {
+        /**
+         * Очистка поля field
+         * Может быть перенести в Coon.Function
+         * @param field
+         */
+        clearField: function(field) {
+            if (field.uncleanable) {
+                Coon.log.log('This field will not be cleared. uncleanable option is set');
+            } else {
+                if (field.setEnableAutoSelect) {
+                    field.setEnableAutoSelect(false);
+                }
+                if (field.reset) {
+                    field.reset();
+                }
+                if (field.setEmptyText) {
+                    field.setEmptyText();
+                }
+                if (field.setEnableAutoSelect) {
+                    field.setEnableAutoSelect(true);
+                }
+            }
+        },
+    },
+
+});

package/src/uielement/component/formchips/FilterConditionToolbar.scss

@@ -1,46 +1,46 @@
-.FilterConditionToolbar {
-
-    .closable-chip, .unusable-chip, .chip, .service-chip {
-        display: inline-block;
-        cursor: default;
-        padding: 0 15px;
-        height: 30px;
-        line-height: 30px;
-        border-radius: 15px;
-        background-color: #f1f1f1;
-        .chip-value {
-            font-size: 13px;
-            font-weight: bold;
-        }
-        .closebtn {
-            padding-left: 10px;
-            color: #888;
-            font-weight: bold;
-            float: right;
-            font-size: 15px;
-            cursor: pointer;
-        }
-        .closebtn:hover {
-            color: #000;
-        }
-    }
-    /* Неиспользованное для поиска поле и сервисное поле */
-    .unusable-chip, .service-chip {
-        .chip-value {
-            font-size: 13px;
-            color: gray;
-            font-weight: normal;
-        }
-    }
-    .chip, .service-chip {
-        .closebtn {
-            display: none;
-        }
-    }
-    .closable-chip {
-        .closebtn {
-            display: block;
-        }
-    }
-
-}
+.FilterConditionToolbar {
+
+    .closable-chip, .unusable-chip, .chip, .service-chip {
+        display: inline-block;
+        cursor: default;
+        padding: 0 15px;
+        height: 30px;
+        line-height: 30px;
+        border-radius: 15px;
+        background-color: #f1f1f1;
+        .chip-value {
+            font-size: 13px;
+            font-weight: bold;
+        }
+        .closebtn {
+            padding-left: 10px;
+            color: #888;
+            font-weight: bold;
+            float: right;
+            font-size: 15px;
+            cursor: pointer;
+        }
+        .closebtn:hover {
+            color: #000;
+        }
+    }
+    /* Неиспользованное для поиска поле и сервисное поле */
+    .unusable-chip, .service-chip {
+        .chip-value {
+            font-size: 13px;
+            color: gray;
+            font-weight: normal;
+        }
+    }
+    .chip, .service-chip {
+        .closebtn {
+            display: none;
+        }
+    }
+    .closable-chip {
+        .closebtn {
+            display: block;
+        }
+    }
+
+}