ru.coon 2.5.67 → 2.6.0

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/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;
+        }
+    }
+
+}

package/src/uielement/component/settings/AddVersioningTab.js

@@ -1,26 +1,26 @@
-Ext.define('Coon.uielement.component.settings.AddVersioningTab', {
-    extend: 'Ext.Mixin',
-
-    mixinConfig: {
-        before: {
-            init: 'initAction',
-        },
-    },
-
-    initAction: function() {
-        if (this.isEnabled()) {
-            this.getView().down('tabpanel').add({
-                xtype: 'UiCPVersionPanel',
-                title: 'версии',
-                bind: {
-                    uiElement: '{uiElement}',
-                },
-            });
-        }
-    },
-
-    isEnabled: function() {
-        return Coon.setup.getOption('customPanelVersioning');
-    },
-
-});
+Ext.define('Coon.uielement.component.settings.AddVersioningTab', {
+    extend: 'Ext.Mixin',
+
+    mixinConfig: {
+        before: {
+            init: 'initAction',
+        },
+    },
+
+    initAction: function() {
+        if (this.isEnabled()) {
+            this.getView().down('tabpanel').add({
+                xtype: 'UiCPVersionPanel',
+                title: 'версии',
+                bind: {
+                    uiElement: '{uiElement}',
+                },
+            });
+        }
+    },
+
+    isEnabled: function() {
+        return Coon.setup.getOption('customPanelVersioning');
+    },
+
+});

package/src/uielement/component/settings/EXTJSUiPanelImportJsonForm.js

@@ -1,42 +1,42 @@
-Ext.define('Coon.report.component.EXTJSUiPanelImportJsonForm', {
-    extend: 'Coon.common.panel.MainUploadPanel',
-    alias: 'widget.EXTJSUiPanelImportJsonForm',
-    uses: [],
-    title: 'Импорт настраиваемой панели',
-    uploadFieldLabel: 'Файл с панелью',
-    uploadURL: 'UIElement/editor/import',
-    allowMultipleUpload: false,
-
-    doInit: function(openEditFromAfterSave) {
-        this.openEditFromAfterSave = openEditFromAfterSave;
-    },
-
-    inputParameters: function() {
-        return [
-            {name: 'openEditFromAfterSave', description: 'Открывать ли форму редактирования после сохранения'}
-        ];
-    },
-
-    onSubmitSuccess: function(response) {
-        if (response.result) {
-            const res = Object.assign({}, response.result);
-            delete res.id;
-            delete res.description;
-            if (res.xtype && res.propertyData) {
-                this.fireEvent('importComplete', res);
-                Ext.Msg.alert('Сообщение системы', `Загрузка настраиваемой панели прошла успешно`);
-            } else {
-                Ext.Msg.alert('Сообщение системы', `Не все обязательные поля присутствуют в файле. Данный файл загрузить невозможно`);
-            }
-            this.fireEvent('close');
-        }
-    },
-
-    onSubmitFailure: function(form, response) {
-        if (response && !response.result) {
-            this.callParent([form, response]);
-        } else {
-            this.onSubmitSuccess(response);
-        }
-    },
-});
+Ext.define('Coon.report.component.EXTJSUiPanelImportJsonForm', {
+    extend: 'Coon.common.panel.MainUploadPanel',
+    alias: 'widget.EXTJSUiPanelImportJsonForm',
+    uses: [],
+    title: 'Импорт настраиваемой панели',
+    uploadFieldLabel: 'Файл с панелью',
+    uploadURL: 'UIElement/editor/import',
+    allowMultipleUpload: false,
+
+    doInit: function(openEditFromAfterSave) {
+        this.openEditFromAfterSave = openEditFromAfterSave;
+    },
+
+    inputParameters: function() {
+        return [
+            {name: 'openEditFromAfterSave', description: 'Открывать ли форму редактирования после сохранения'}
+        ];
+    },
+
+    onSubmitSuccess: function(response) {
+        if (response.result) {
+            const res = Object.assign({}, response.result);
+            delete res.id;
+            delete res.description;
+            if (res.xtype && res.propertyData) {
+                this.fireEvent('importComplete', res);
+                Ext.Msg.alert('Сообщение системы', `Загрузка настраиваемой панели прошла успешно`);
+            } else {
+                Ext.Msg.alert('Сообщение системы', `Не все обязательные поля присутствуют в файле. Данный файл загрузить невозможно`);
+            }
+            this.fireEvent('close');
+        }
+    },
+
+    onSubmitFailure: function(form, response) {
+        if (response && !response.result) {
+            this.callParent([form, response]);
+        } else {
+            this.onSubmitSuccess(response);
+        }
+    },
+});

package/src/uielement/component/settings/PropertyModel.js

@@ -1,8 +1,8 @@
-Ext.define('Coon.uielement.component.settings.PropertyModel', {
-    extend: 'Ext.data.TreeModel',
-
-    fields: [
-        {name: 'name'},
-        {name: 'value'}
-    ],
-});
+Ext.define('Coon.uielement.component.settings.PropertyModel', {
+    extend: 'Ext.data.TreeModel',
+
+    fields: [
+        {name: 'name'},
+        {name: 'value'}
+    ],
+});