ru.coon 2.7.3 → 2.7.4

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

@@ -1,6 +1,3 @@
-/**
- * Для правильного инстанцирования компонента в кастомной панели нужно чтобы панель, содержащая поля формы поиска, имела itemId searchFormItemId.
- */
 Ext.define('Coon.uielement.component.formchips.FilterConditionToolbarController', {
     extend: 'Ext.app.ViewController',
     alias: 'controller.filterconditiontoolbarcontroller',
@@ -9,18 +6,12 @@ Ext.define('Coon.uielement.component.formchips.FilterConditionToolbarController'
      * Поля формы, используемые для поиска
      */
     lastSearchFields: [],
-    /**
-     * По этому itemId тулбар будет управлять сворачиванием формы Поиска
-     */
-    searchFormItemId: 'searchFormItemId',
-
     initToolbar: function() {
-        const reportPanel = this.getView().findParentByType('ReportPanel');
-
+        const reportPanel = this.getView().up('ReportPanel');
         if (reportPanel) { // В репорте
             this.searchForm = reportPanel.northPanel;
             this.getView().on('rememberconditions', function() {
-                this.setLastSearchFields(this.getCompletedFields(this.getFilterPanel()));
+                this.setLastSearchFields(this.getCompletedFields(reportPanel.down('FilterPanel')));
                 this.onReloadChipsHandler();
             }, this);
 
@@ -39,41 +30,28 @@ Ext.define('Coon.uielement.component.formchips.FilterConditionToolbarController'
 
             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();
+            Coon.log.warn('Вне репорта компонент пока не используется');
         }
 
-        this.searchForm.on('hide', function() {
-            this.toggleButtons(false);
-        }, this);
+        if (this.searchForm) {
+            this.searchForm.on('hide', function() {
+                this.toggleButtons(false);
+            }, this);
 
-        this.searchForm.on('show', function() {
-            this.toggleButtons(true);
-        }, this);
+            this.searchForm.on('show', function() {
+                this.toggleButtons(true);
+            }, this);
+        }
     },
 
     addChangeReaction: function() {
+        if (!this.searchForm) {
+            return;
+        }
         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);
+            field.on('change', this.onReloadChipsHandler, this, {buffer: 1000});
         }, this);
     },
 
@@ -85,13 +63,6 @@ Ext.define('Coon.uielement.component.formchips.FilterConditionToolbarController'
         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;
-    },
-
     /**
      * Добавляем иконку-кнопку в хедер для коллапсирования панели поиска
      */
@@ -120,28 +91,24 @@ Ext.define('Coon.uielement.component.formchips.FilterConditionToolbarController'
         return eyeTool;
     },
 
-    getFilterPanel() {
-        if (!this.filterPanel) {
-            const reportPanel = this.getView().findParentByType('ReportPanel');
-            this.filterPanel = reportPanel && reportPanel.down('FilterPanel');
-        }
-
-        return this.filterPanel;
-    },
-
     /**
      * Работает только когда компонент встроен в UI панель.
      * @param tool
      */
     toggleFilterPanel: function(tool) {
-        const newState = !this.searchForm.isHidden();
-        if (this.searchForm.isHidden()) {
+        if (!this.searchForm) {
+            return;
+        }
+        const isHiddenState = this.searchForm.isHidden();
+        const newState = !isHiddenState;
+        if (isHiddenState) {
             tool.setIconCls('x-fa fa-eye-slash');
             tool.setTooltip(tool.tooltipTexts.show);
         } else {
             tool.setIconCls('x-fa fa-eye');
             tool.setTooltip(tool.tooltipTexts.hide);
         }
+
         this.searchForm.setHidden(newState);
     },
 
@@ -185,7 +152,7 @@ Ext.define('Coon.uielement.component.formchips.FilterConditionToolbarController'
             const cmp = new Coon.uielement.component.formchips.Chip({
                 service: true,
                 data: {
-                    value: 'Нет критериев поиска',
+                    rawValue: 'Нет критериев поиска',
                 },
             });
 
@@ -211,8 +178,14 @@ Ext.define('Coon.uielement.component.formchips.FilterConditionToolbarController'
                 // очистили поле
                 item.unusable = true;
             } else {
-                if (item.value !== found.value) {
-                    item.unusable = true;
+                if (Array.isArray(found.fieldLink.value)) {
+                    if (JSON.stringify(item.value.sort()) !== JSON.stringify(found.fieldLink.value.sort())) {
+                        item.unusable = true;
+                    }
+                } else {
+                    if (item.rawValue !== found.rawValue) {
+                        item.unusable = true;
+                    }
                 }
             }
             ret.push(item);
@@ -252,14 +225,18 @@ Ext.define('Coon.uielement.component.formchips.FilterConditionToolbarController'
             return {
                 fieldLink: f,
                 label: f.fieldLabel,
-                value: value,
+                rawValue: value,
+                value: f.getValue(),
             };
         });
 
-        return retFields.filter((f) => !!f.value);
+        return retFields.filter((f) => !!f.rawValue);
     },
 
     onReloadChipsHandler() {
+        if (!this.searchForm) {
+            return;
+        }
         this.removeAllChips();
         this.fillChipsHandler();
     },

package/src/version.js

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