ru.coon 2.6.23 → 2.7.0

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

@@ -1,6 +1,5 @@
 /**
- * Для правильного инстанцирования компонента нужно:
- *  Панель, содержащая поля формы поиска, должна иметь itemId searchFormItemId
+ * Для правильного инстанцирования компонента в кастомной панели нужно чтобы панель, содержащая поля формы поиска, имела itemId searchFormItemId.
  */
 Ext.define('Coon.uielement.component.formchips.FilterConditionToolbarController', {
     extend: 'Ext.app.ViewController',
@@ -15,86 +14,196 @@ Ext.define('Coon.uielement.component.formchips.FilterConditionToolbarController'
      */
     searchFormItemId: 'searchFormItemId',
 
-    setPanelTools: function() {
+    initToolbar: function() {
+        const reportPanel = this.getView().findParentByType('ReportPanel');
+
+        if (reportPanel) { // В репорте
+            this.searchForm = reportPanel.northPanel;
+            this.getView().on('rememberconditions', function() {
+                this.setLastSearchFields(this.getCompletedFields(this.getFilterPanel()));
+                this.onReloadChipsHandler();
+            }, this);
+
+            this.searchForm.on('boxready', function() {
+                if (!reportPanel.getEnableChipToolbar()) {
+                    return;
+                }
+
+                this.addChangeReaction();
+
+                const owner = reportPanel.ownerCt;
+                if (owner.xtype === 'WindowWrap') {
+                    owner.addToolBefore(this.getTool());
+                }
+            }, this);
+
+            reportPanel.on('filterchange', this.setReportGridFilters, this);
+            reportPanel.on('clearFilter', this.onReportFilterClear, this);
+        } else { // Реализация в кастомной панели
+            const mainPanel = this.getView().up();
+            this.searchForm = mainPanel ? mainPanel.query(`#${this.searchFormItemId}`)[0]: undefined;
+            this.getView().show();
+            if (mainPanel) {
+                mainPanel.addTool(this.getTool());
+            } else {
+                Coon.log.error('Для инициализации чип панели не найден контейнер формы или родительский контейнер');
+            }
+            // Слушаем событие, чтобы запомнить критерии поиска.
+            this.getView().on('rememberconditions', function() {
+                this.setLastSearchFields(this.getCompletedFields(this.searchForm));
+                this.onReloadChipsHandler();
+            }, this);
+
+            this.addChangeReaction();
+        }
+
+        this.searchForm.on('hide', function() {
+            this.toggleButtons(false);
+        }, this);
+
+        this.searchForm.on('show', function() {
+            this.toggleButtons(true);
+        }, this);
+    },
+
+    addChangeReaction: function() {
+        let fields = this.searchForm.query('field');
+        fields = (fields || []).concat(this.searchForm.query('fieldcontainer'));
+        fields.forEach(function(field) {
+            field.on('change', function(field) {
+                if (!this.usedForLastSearch(field)) {
+                    this.onReloadChipsHandler();
+                }
+            }, this);
+        }, this);
+    },
+
+    /**
+     * Запоминаем поля, использованные для поиска последний раз.
+     * @param fields
+     */
+    setLastSearchFields: function(fields) {
+        this.lastSearchFields = fields;
+    },
+
+    usedForLastSearch: function(field) {
+        const id = field.id;
+        const value = field.value;
+        const found = (this.lastSearchFields || []).find((f) => f.fieldLink.id === id && f.value === value);
+        return !!found;
+    },
+
+    /**
+     * Добавляем иконку-кнопку в хедер для коллапсирования панели поиска
+     */
+    getTool: function() {
         const me = this;
-        const mainPanel = this.getView().up();
-
-        this.northPanel = mainPanel ? mainPanel.query(`#${this.searchFormItemId}`)[0]: undefined;
-        if (mainPanel && this.northPanel) {
-            mainPanel.addTool({
-                iconCls: 'x-fa fa-eye-slash',
-                width: 20,
-                height: 16,
-                margin: '0 11 0 0',
-                tooltipTexts: {
-                    show: 'скрыть панель фильтров',
-                    hide: 'показать панель фильтров',
-                },
-                handler: function(event, toolEl, panelHeader, tool) {
-                    me.toggleNorthPanel.call(me, tool);
-                },
-                listeners: {
-                    afterrender: function(tool) {
-                        tool.setTooltip(tool.tooltipTexts.show);
-                    },
+        const eyeTool = {
+            iconCls: 'x-fa fa-eye-slash tool-eye-horus',
+            cls: 'FilterConditionToolbar',
+            width: 20,
+            height: 16,
+            margin: '0 11 0 0',
+            tooltipTexts: {
+                show: 'скрыть панель фильтров',
+                hide: 'показать панель фильтров',
+            },
+            handler: function(event, toolEl, panelHeader, tool) {
+                me.toggleFilterPanel.call(me, tool);
+            },
+            listeners: {
+                afterrender: function(tool) {
+                    tool.setTooltip(tool.tooltipTexts.show);
                 },
-            });
-        } else {
-            Coon.log.error('Для инициализации чип панели не найден контейнер формы или родительский контейнер');
-        }
-        // Слушаем событие, чтобы запомнить критерии поиска.
-        this.getView().on('rememberconditions', this.setLastSearchFields, this);
+            },
+        };
+
+        return eyeTool;
     },
 
-    setLastSearchFields: function() {
-        this.lastSearchFields = this.getCompletedFields();
+    getFilterPanel() {
+        if (!this.filterPanel) {
+            const reportPanel = this.getView().findParentByType('ReportPanel');
+            this.filterPanel = reportPanel && reportPanel.down('FilterPanel');
+        }
+
+        return this.filterPanel;
     },
 
-    toggleNorthPanel: function(tool) {
-        if (this.northPanel.isHidden()) {
-            this.getView().hide();
-            this.removeAllChips();
-            this.northPanel.show();
+    /**
+     * Работает только когда компонент встроен в UI панель.
+     * @param tool
+     */
+    toggleFilterPanel: function(tool) {
+        const newState = !this.searchForm.isHidden();
+        if (this.searchForm.isHidden()) {
             tool.setIconCls('x-fa fa-eye-slash');
             tool.setTooltip(tool.tooltipTexts.show);
         } else {
-            this.getView().show();
-            this.northPanel.hide();
             tool.setIconCls('x-fa fa-eye');
             tool.setTooltip(tool.tooltipTexts.hide);
-            this.onReloadChipsHandler();
         }
+        this.searchForm.setHidden(newState);
     },
 
     /**
-     * Создание "чипов"
+     * Заполнение тулбара чипами
      */
-    fillChipsHandler: function(toolbar) {
+    fillChipsHandler: function() {
+        this.fillRemoteChips();
+        this.fillLocalChips();
+        this.fillIfNoChips();
+        this.addButtons();
+    },
+
+    fillRemoteChips: function() {
         const closableFilterCondition = this.getView().getClosableFilterCondition();
         const fields = this.getAllFields();
-        const cont = this.getView();
+        const cont = this.lookup('chipsContainer');
         if (cont && fields.length) {
-            fields.forEach((field) => {
-                const cmp = new Coon.uielement.component.formchips.Chip({
-                    unusable: field.unusable,
-                    closable: closableFilterCondition,
-                    data: field,
+            fields
+                .sort((a, b) => {
+                    return (a.unusable === b.unusable)? 0 : a.unusable ? -1 : 1;
+                })
+                .forEach((field) => {
+                    const cmp = new Coon.uielement.component.formchips.Chip({
+                        unusable: field.unusable,
+                        closable: closableFilterCondition,
+                        data: field,
+                    });
+
+                    cmp.on('needReloadChips', this.onReloadChipsHandler, this);
+                    cmp.on('delete', function(field) {
+                        this.getView().fireEvent('chipdelete', field);
+                    }, this);
+                    cont.add(cmp);
+                    this.countRemoteChips++;
                 });
+        }
+    },
 
-                cmp.on('needReloadChips', this.onReloadChipsHandler, this);
-                cmp.on('delete', function(field) {
-                    this.getView().fireEvent('chipdelete', field);
-                }, this);
-                cont.add(cmp);
-            });
-        } else if (!fields.length) {
+    fillLocalChips: function() {
+        const cont = this.lookup('chipsContainer');
+        const filters = this.filters || [];
+        this.countLocalChips = 0;
+        filters.forEach(function(chipConfig) {
+            const cmp = new Coon.uielement.component.formchips.Chip(chipConfig);
+            cmp.on('needReloadChips', this.onReloadChipsHandler, this);
+            cont.add(cmp);
+            this.countLocalChips++;
+        }, this);
+    },
+
+    fillIfNoChips: function() {
+        if (!this.countRemoteChips && !this.countLocalChips) {
             const cmp = new Coon.uielement.component.formchips.Chip({
                 service: true,
                 data: {
                     value: 'Нет критериев поиска',
                 },
             });
-            cont.add(cmp);
+
+            this.lookup('chipsContainer').add(cmp);
         }
     },
 
@@ -105,33 +214,59 @@ Ext.define('Coon.uielement.component.formchips.FilterConditionToolbarController'
      * @returns {[]}
      */
     getAllFields: function() {
-        const ret = [...this.lastSearchFields];
-        if (this.lastSearchFields) {
-            const completedFields = this.getCompletedFields() || [];
-            // перебираем заполненные поля, чтобы добавить чип для этого поля (но помеченный, как неиспользованный при последнем поиске)
-            completedFields.forEach((field) => {
-                field.unusable = false;
-                const found = this.lastSearchFields.find((ff) => ff.fieldLink === field.fieldLink);
-                if (!found) {
-                    field.unusable = true;
-                    ret.push(field);
+        const ret = [];
+        const formPanel = this.getView().ownerCt;
+        const completedFields = this.getCompletedFields(formPanel) || [];
+
+        this.lastSearchFields.forEach((item) => {
+            item.unusable = false;
+            const found = completedFields.find((field) => item.fieldLink.id === field.fieldLink.id);
+            if (!found) {
+                // очистили поле
+                item.unusable = true;
+            } else {
+                if (item.value !== found.value) {
+                    item.unusable = true;
                 }
-            });
-        }
+            }
+            ret.push(item);
+        });
+
+        // Для получения новых заполненных полей
+        completedFields.forEach((field) => {
+            const found = this.lastSearchFields.find((ff) => ff.fieldLink === field.fieldLink);
+            if (!found) {
+                field.unusable = true;
+                ret.push(field);
+            }
+        });
+
         return ret;
     },
 
     /**
-     * Получение заполненных в текущий момент полей.
+     * Установить данные для чипов из фильтров
+     * @param {Array<Object>} filters
+     */
+    setReportGridFilters(filters) {
+        this.filters = filters || [];
+    },
+
+    onReportFilterClear() {
+        this.setLastSearchFields([]);
+        this.onReloadChipsHandler();
+    },
+
+    /**
+     * Получение заполненных в текущий момент полей формы.
      * @returns {{fieldLink: *, label: *, value: *}[]}
      */
-    getCompletedFields: function() {
-        const formPanel = this.getView().ownerCt;
+    getCompletedFields: function(formPanel) {
         let fields = formPanel.query('field');
         fields = (fields || []).concat(formPanel.query('fieldcontainer'));
         const retFields = fields.map((f) => {
             let value;
-            if (f.getRawValue) {
+            if (Ext.isFunction(f.getRawValue)) {
                 value = f.getRawValue();
             } else {
                 value = f.getValue();
@@ -151,8 +286,13 @@ Ext.define('Coon.uielement.component.formchips.FilterConditionToolbarController'
         this.fillChipsHandler();
     },
 
+    /**
+     * Удаление всех чипов
+     */
     removeAllChips() {
-        this.getView().removeAll();
+        this.countRemoteChips = 0;
+        this.countLocalChips = 0;
+        this.lookup('chipsContainer').removeAll();
     },
 
     /**
@@ -166,4 +306,27 @@ Ext.define('Coon.uielement.component.formchips.FilterConditionToolbarController'
             duration: 500,
         });
     },
+
+    /**
+     * Добавляем дублирующие кнопки
+     */
+    addButtons: function() {
+        this.toggleButtons(!this.searchForm.isHidden());
+    },
+
+    /**
+     * Показать/спрятать кнопки
+     * @param {boolean} state
+     */
+    toggleButtons: function(state) {
+        this.lookup('buttonsContainer').setHidden(state);
+    },
+
+    onClearButton: function() {
+        this.getView().fireEvent('clear');
+    },
+
+    onSearchButton: function() {
+        this.getView().fireEvent('needreload');
+    },
 });

package/src/version.js

@@ -1,4 +1,4 @@
 Ext.define('Coon.version', {
     singleton: true,
-    number: '2.6.23',
+    number: '2.7.0',
 });