ru.coon 2.8.65 → 3.0.2

package/src/uielement/plugin/UnifiedButtonToolbarPlugin.js

@@ -7,6 +7,7 @@ Ext.define('Coon.uielement.plugin.UnifiedButtonToolbarPlugin', {
     compareCash: false,
     configurePanelWizardForFormEditor: 'UnifiedButtonToolbarPluginConfigPanelFormEditor',
     suspendBeforeCloseEvent: false,
+    unsavedComponents: new Set,
 
     callMethod(method, defValue) {
         if (typeof method === 'string') {
@@ -37,14 +38,200 @@ Ext.define('Coon.uielement.plugin.UnifiedButtonToolbarPlugin', {
     init: function(view) {
         this.controller = view && view.getController();
         this.controller.on('generateHash', this.generateHash, this);
+
+        if (view.isChildCP) {
+            this.createToolbarButtons(view);
+            view.on('activate', this.checkDirtyStatus, this);
+            view.on('deactivate', this.checkDirtyStatus, this);
+        } else if (view.isParentCP) {
+            this.setBeforeCloseListener(view);
+            this.setDirtychangeListeners(view);
+        } else {
+            this.setBeforeCloseListener(view);
+            this.createToolbarButtons(view);
+        }
+    },
+
+    /**
+     * Установка слушателей несохраненных изменений на дочернии панели.
+     * @param view
+     */
+    setDirtychangeListeners(view) {
+        this.unsavedComponents = new Set();
+        const childComponents = view.query('UICPWrapper');
+        if (childComponents) {
+            this.childComponents = childComponents;
+            childComponents.forEach((component) => {
+                component.on('dirtychange', (component, isUnsaved) => {
+                    if (isUnsaved) {
+                        this.unsavedComponents.add(component);
+                    } else {
+                        this.unsavedComponents.delete(component);
+                    }
+                });
+            });
+        }
+    },
+
+    /**
+     * Проверка наличия несохраненных изменений дочерней панели.
+     * @returns {Boolean}
+     */
+    checkDirtyStatus() {
+        this.compareCash = true;
+        const hashDiff = this.checkHashDiff();
+        if (hashDiff !== undefined) {
+            this.getCmp().fireEvent('dirtychange', this.getCmp(), !hashDiff);
+            return hashDiff;
+        }
+    },
+
+    /**
+     * Сравнение хеша текущего и сохраненного.
+     * Хеш сохраняется если compareCash не равно true.
+     * Возвращает true если хеши равны, false если нет.
+     * @returns {Boolean}
+     */
+    checkHashDiff(params) {
+        if (!params && this.getHashDataHandlerName) {
+            const getHashDataHandler = this.getMethod(this.getHashDataHandlerName);
+            try {
+                params = getHashDataHandler.call(this.controller);
+            } catch (error) {
+                Coon.log.error('Ошибка выполнения getHashDataHandler.', error);
+            }
+        }
+        if (!Ext.isObject(params)) {
+            if (this.isWindowClose && !this.getCmp().isChildCP) {
+                this.suspendBeforeCloseEvent = true;
+                this.closeWindow();
+            }
+            return;
+        }
+        if (this.compareCash !== true) {
+            this.controller.savedDataHash = Coon.util.generateHashFromObj(params);
+            return;
+        }
+
+        this.compareCash = false;
+        if (!this.isWindowClose) {
+            const valid = this.callValidate();
+            if (!valid) {
+                return;
+            }
+        }
+        const currentHash = Coon.util.generateHashFromObj(params);
+        return (this.controller.savedDataHash === currentHash);
+    },
+
+    setBeforeCloseListener(view) {
         this.controller.callDialog = this.callDialog.bind(this);
         view.on('afterrender', () => {
             const window = view.up('WindowWrap');
             if (window && this.checkChangesOnSave !== false) {
-                window.on('beforeclose', this.onBeforeCloseWindow, this);
+                if (this.getCmp().isParentCP) {
+                    window.on('beforeclose', this.onBeforeCloseWindowByParent, this);
+                } else {
+                    window.on('beforeclose', this.onBeforeCloseWindow, this);
+                }
             }
-            this.controller.lookup('standardCancelButton').setHidden(!window);
         }, this);
+    },
+
+    /**
+     * Проверка наличия несохраненных изменений в дочерних панелях.
+     * Если они есть, выводится диалоговое окно с их перечнем.
+     * @param win
+     * @returns {boolean}
+     */
+    onBeforeCloseWindowByParent(win) {
+        const cp = win.down('UiCustomPanel');
+        if (cp) {
+            cp.focus();
+        }
+        if (this.suspendBeforeCloseEvent) {
+            this.suspendBeforeCloseEvent = false;
+            return true;
+        }
+        this.childComponents.forEach((component) => {
+            const cp = component.down('UiCustomPanel');
+            const plugin = cp.findPlugin('UnifiedButtonToolbarPlugin');
+            if (plugin) {
+                plugin.isWindowClose = true;
+                plugin.checkDirtyStatus();
+                plugin.isWindowClose = false;
+            }
+        });
+        if (this.unsavedComponents.size > 0) {
+            this.callParentDialog();
+            return false;
+        }
+        return true;
+    },
+
+    callParentDialog() {
+        let tabTitles = '';
+        this.unsavedComponents.forEach((tab) => {
+            tabTitles += `<li>${tab.title}</li>`;
+        });
+        const me = this;
+        Ext.create('Ext.window.Window', {
+            title: 'Внимение',
+            width: 400,
+            layout: {
+                type: 'hbox',
+            },
+            modal: true,
+            closable: false,
+            padding: '20 10 5 20',
+            items: [
+                {
+                    xtype: 'container',
+                    height: 20,
+                    width: 23,
+                    layout: 'fit',
+                    style: {
+                        display: 'flex',
+                        justifyContent: 'center',
+                    },
+                    margin: '0 10 10 0',
+                    html: `<div class="svg-icon svg-icon-attention-critical svg-icon-color-red" 
+                                style="height: 100%; 
+                                width: 100%; 
+                                background-color: #DCA644">
+                           </div>`,
+                },
+                {
+                    flex: 1,
+                    margin: '0 0 15 0',
+                    html: `Несохраненные изменения в:<br />
+                    <ul style="margin: 0">${tabTitles}</ul>`,
+                }
+            ],
+            buttons: [
+                {
+                    xtype: 'button',
+                    text: 'вернуться',
+                    itemId: 'cancel',
+                    ui: 'orange-button',
+                    handler: (el) => {
+                        el.up('window').close();
+                    },
+                },
+                {
+                    text: 'закрыть без сохранения',
+                    itemId: 'no',
+                    ui: 'green-button',
+                    handler: (el) => {
+                        me.confirmHandler('no');
+                        el.up('window').close();
+                    },
+                }
+            ],
+        }).show();
+    },
+
+    createToolbarButtons(view) {
         this.controller.unifiedButtonToolbar = Ext.create('Ext.toolbar.Toolbar', {
             dock: this.dock,
             items: [
@@ -70,6 +257,10 @@ Ext.define('Coon.uielement.plugin.UnifiedButtonToolbarPlugin', {
                 }
             ],
         });
+        view.on('afterrender', () => {
+            const window = view.up('WindowWrap');
+            this.controller.lookup('standardCancelButton').setHidden(!window);
+        }, this);
         view.addDocked(this.controller.unifiedButtonToolbar, this.dock === 'bottom' ? null : 0);
     },
 
@@ -140,30 +331,14 @@ Ext.define('Coon.uielement.plugin.UnifiedButtonToolbarPlugin', {
     },
 
     async generateHash(params) {
-        if (!Ext.isObject(params)) {
-            if (this.isWindowClose) {
-                this.suspendBeforeCloseEvent = true;
-                this.closeWindow();
-            }
+        const hashDiff = this.checkHashDiff(params);
+        if (hashDiff === undefined) {
             return;
         }
-        if (this.compareCash !== true) {
-            this.controller.savedDataHash = Coon.util.generateHashFromObj(params);
-            return;
-        }
-
-        this.compareCash = false;
-        if (!this.isWindowClose) {
-            const valid = await this.callValidate();
-            if (!valid) {
-                return;
-            }
-        }
-        const currentHash = Coon.util.generateHashFromObj(params);
-        if (this.controller.savedDataHash === currentHash) {
+        if (hashDiff) {
             Coon.log.debug(`Данные не были измененны`);
         }
-        if (this.controller.savedDataHash !== currentHash) {
+        if (!hashDiff) {
             if (this.isWindowClose) {
                 this.callDialog();
             } else {
@@ -178,10 +353,16 @@ Ext.define('Coon.uielement.plugin.UnifiedButtonToolbarPlugin', {
     callSaveHandler(closeAfterSave) {
         return this.callMethod(this.saveHandlerName).then((res) => {
             Coon.log.debug(`Результат выполнения функции сохранения данных ${this.saveHandlerName}: ${res}`);
+            if (this.needReloadEventOnSave) {
+                this.getCmp().fireEvent('needReload');
+            }
             if (closeAfterSave) {
                 this.suspendBeforeCloseEvent = true;
                 this.closeWindow();
             } else {
+                if (this.getCmp().isChildCP) {
+                    this.getCmp().fireEvent('dirtychange', this.getCmp(), false);
+                }
                 this.callMethod(this.prepareBeanHandlerName);
             }
         });

package/src/uielement/plugin/configPanel/ExecuteFunctionPluginConfigPanelFormEditor.js

@@ -1,5 +1,7 @@
 Ext.define('Coon.uielement.plugin.configPanel.ExecuteFunctionPluginConfigPanelFormEditor', {
-    extend: 'Ext.panel.Panel',
+    extend: 'Coon.uielement.plugin.configPanel.UiCPPluginFormPanel',
+
+    requires: ['Coon.uielement.plugin.configPanel.UiCPPluginFormPanel'],
 
     alias: 'widget.ExecuteFunctionPluginConfigPanelFormEditor',
     description: 'Плагин позволяет выполнить написанную вами функцию (fnBody) после срабатывания определенного события (handler)',
@@ -9,36 +11,7 @@ Ext.define('Coon.uielement.plugin.configPanel.ExecuteFunctionPluginConfigPanelFo
             handlerName: '',
         },
     },
-    layout: {
-        type: 'vbox',
-        align: 'stretch',
-    },
     items: [
-        {
-            xtype: 'pluginDescriptionLabel',
-            bind: {
-                value: '{description}',
-            },
-        },
-        {
-            xtype: 'comboBtnWrapper',
-            combobox: {
-                reference: 'handlerCombo',
-                xtype: 'BaseComboBox',
-                fieldLabel: 'handlerName',
-                labelWidth: 60,
-                flex: 1,
-                loadOnRender: false,
-                hideMode: 'offsets',
-                allowBlank: false,
-                store: 'codeHandlers',
-                bind: {
-                    value: '{handlerName}',
-                },
-                valueField: 'id',
-                displayField: 'id',
-            },
-        },
         {
             xtype: 'textfield',
             fieldLabel: 'Параметры функции',
@@ -59,12 +32,7 @@ Ext.define('Coon.uielement.plugin.configPanel.ExecuteFunctionPluginConfigPanelFo
             },
         }
     ],
-    getData: function() {
-        return this.getConfiguration();
-    },
-    setData: function(data) {
-        data && this.doInit(data);
-    },
+
     doInit: function(config) {
         this.getViewModel().set('description', this.description);
         for (const parameterName in config) {

package/src/uielement/plugin/configPanel/FireEventPluginConfigPanelFormEditor.js

@@ -1,5 +1,8 @@
 Ext.define('Coon.uielement.plugin.configPanel.FireEventPluginConfigPanelFormEditor', {
-    extend: 'Ext.panel.Panel',
+    extend: 'Coon.uielement.plugin.configPanel.UiCPPluginFormPanel',
+
+    requires: ['Coon.uielement.plugin.configPanel.UiCPPluginFormPanel'],
+
     alias: 'widget.FireEventPluginConfigPanelFormEditor',
     description: 'Вызывает определенное событие панели',
     viewModel: {
@@ -9,36 +12,7 @@ Ext.define('Coon.uielement.plugin.configPanel.FireEventPluginConfigPanelFormEdit
             parameters: '[]',
         },
     },
-    layout: {
-        type: 'vbox',
-        align: 'stretch',
-    },
     items: [
-        {
-            xtype: 'pluginDescriptionLabel',
-            bind: {
-                value: '{description}',
-            },
-        },
-        {
-            xtype: 'comboBtnWrapper',
-            combobox: {
-                reference: 'handlerCombo',
-                xtype: 'BaseComboBox',
-                fieldLabel: 'handlerName',
-                labelWidth: 60,
-                flex: 1,
-                loadOnRender: false,
-                hideMode: 'offsets',
-                allowBlank: false,
-                store: 'codeHandlers',
-                bind: {
-                    value: '{handlerName}',
-                },
-                valueField: 'id',
-                displayField: 'id',
-            },
-        },
         {
             xtype: 'textfield',
             fieldLabel: 'eventName',
@@ -57,12 +31,7 @@ Ext.define('Coon.uielement.plugin.configPanel.FireEventPluginConfigPanelFormEdit
             },
         }
     ],
-    getData: function() {
-        return this.getConfiguration();
-    },
-    setData: function(data) {
-        data && this.doInit(data);
-    },
+
     doInit: function(config) {
         this.getViewModel().set('description', this.description);
         for (const parameterName in config) {

package/src/uielement/plugin/configPanel/MethodChainPluginConfigPanelFormEditor.js

@@ -1,7 +1,9 @@
 Ext.define('Coon.uielement.plugin.configPanel.MethodChainPluginConfigPanelFormEditor', {
-    extend: 'Ext.panel.Panel',
+    extend: 'Coon.uielement.plugin.configPanel.UiCPPluginFormPanel',
+
     alias: 'widget.MethodChainPluginConfigPanelFormEditor',
     requires: [
+        'Coon.uielement.plugin.configPanel.UiCPPluginFormPanel',
         'Coon.report.plugin.SearchByPropButton'
     ],
     description: 'Запускает последовательно цепочку методов по срабатыванию handler',
@@ -28,36 +30,7 @@ Ext.define('Coon.uielement.plugin.configPanel.MethodChainPluginConfigPanelFormEd
             },
         },
     },
-    layout: {
-        type: 'vbox',
-        align: 'stretch',
-    },
     items: [
-        {
-            xtype: 'pluginDescriptionLabel',
-            bind: {
-                value: '{description}',
-            },
-        },
-        {
-            xtype: 'comboBtnWrapper',
-            combobox: {
-                reference: 'handlerCombo',
-                xtype: 'BaseComboBox',
-                fieldLabel: 'handlerName',
-                labelWidth: 60,
-                flex: 1,
-                loadOnRender: false,
-                hideMode: 'offsets',
-                allowBlank: false,
-                store: 'codeHandlers',
-                bind: {
-                    value: '{handlerName}',
-                },
-                valueField: 'id',
-                displayField: 'id',
-            },
-        },
         {
             xtype: 'checkbox',
             boxLabel: 'Прерывать выполнение последовательности если Обработчик возвращает false',
@@ -171,12 +144,7 @@ Ext.define('Coon.uielement.plugin.configPanel.MethodChainPluginConfigPanelFormEd
             },
         }
     ],
-    getData: function() {
-        return this.getConfiguration();
-    },
-    setData: function(data) {
-        data && this.doInit(data);
-    },
+
     doInit: function(config) {
         this.getViewModel().set('description', this.description);
         if (config['handlerName']) {

package/src/uielement/plugin/configPanel/OpenPanelPluginConfigPanelFormEditor.js

@@ -1,7 +1,8 @@
 Ext.define('Coon.uielement.plugin.configPanel.OpenPanelPluginConfigPanelFormEditor', {
-    extend: 'Ext.panel.Panel',
+    extend: 'Coon.uielement.plugin.configPanel.UiCPPluginFormPanel',
     alias: 'widget.OpenPanelPluginConfigPanelFormEditor',
     requires: [
+        'Coon.uielement.plugin.configPanel.UiCPPluginFormPanel',
         'Coon.report.plugin.SearchByPropButton'
     ],
 
@@ -18,42 +19,13 @@ Ext.define('Coon.uielement.plugin.configPanel.OpenPanelPluginConfigPanelFormEdit
             activeAceTab: 'parameters',
         },
     },
-    layout: {
-        type: 'vbox',
-        align: 'stretch',
-    },
     scrollable: 'y',
     items: [
-        {
-            xtype: 'pluginDescriptionLabel',
-            bind: {
-                value: '{description}',
-            },
-        },
         {
             xtype: 'textfield',
             fieldLabel: 'uiElementCd',
             bind: '{uiElementCd}',
         },
-        {
-            xtype: 'comboBtnWrapper',
-            combobox: {
-                reference: 'handlerCombo',
-                xtype: 'BaseComboBox',
-                fieldLabel: 'handlerName',
-                labelWidth: 60,
-                flex: 1,
-                loadOnRender: false,
-                hideMode: 'offsets',
-                allowBlank: false,
-                store: 'codeHandlers',
-                bind: {
-                    value: '{handlerName}',
-                },
-                valueField: 'id',
-                displayField: 'id',
-            },
-        },
         {
             xtype: 'textfield',
             fieldLabel: 'panelXType',
@@ -154,14 +126,6 @@ Ext.define('Coon.uielement.plugin.configPanel.OpenPanelPluginConfigPanelFormEdit
         aceEditor.setValue(vm.get(curPanel.vmName));
     },
 
-    getData: function() {
-        return this.getConfiguration();
-    },
-
-    setData: function(data) {
-        data && this.doInit(data);
-    },
-
     doInit: function(config) {
         const vm = this.getViewModel();
         vm.set('description', this.description);

package/src/uielement/plugin/configPanel/PrintPdfPluginConfigPanelFormEditor.js

@@ -1,5 +1,6 @@
 Ext.define('Coon.uielement.plugin.configPanel.PrintPdfPluginConfigPanelFormEditor', {
-    extend: 'Ext.panel.Panel',
+    extend: 'Coon.uielement.plugin.configPanel.UiCPPluginFormPanel',
+    requires: ['Coon.uielement.plugin.configPanel.UiCPPluginFormPanel'],
     alias: 'widget.PrintPdfPluginConfigPanelFormEditor',
     description: 'Выполняет команду, позволяет отслеживать её выполнение и менять сообщения об различных событиях в ходе выполнения',
     viewModel: {
@@ -47,42 +48,8 @@ Ext.define('Coon.uielement.plugin.configPanel.PrintPdfPluginConfigPanelFormEdito
             },
         },
     },
-    layout: {
-        type: 'vbox',
-        align: 'stretch',
-    },
     scrollable: 'y',
     items: [
-        {
-            xtype: 'pluginDescriptionLabel',
-            bind: {
-                value: '{description}',
-            },
-        },
-        /* {
-            xtype: 'textfield',
-            fieldLabel: 'Имя комманды',
-            bind: '{ctype}',
-        }, */
-        {
-            xtype: 'comboBtnWrapper',
-            combobox: {
-                reference: 'handlerCombo',
-                xtype: 'BaseComboBox',
-                fieldLabel: 'handlerName',
-                labelWidth: 60,
-                flex: 1,
-                loadOnRender: false,
-                hideMode: 'offsets',
-                allowBlank: false,
-                store: 'codeHandlers',
-                bind: {
-                    value: '{handlerName}',
-                },
-                valueField: 'id',
-                displayField: 'id',
-            },
-        },
         {
             xtype: 'ConstantList',
             data: [

package/src/uielement/plugin/configPanel/UiCPPluginFormPanel.js

@@ -0,0 +1,54 @@
+Ext.define('Coon.uielement.plugin.configPanel.UiCPPluginFormPanel', {
+    extend: 'Ext.panel.Panel',
+    xtype: 'UiCPPluginFormPanel',
+
+    layout: {
+        type: 'vbox',
+        align: 'stretch',
+    },
+
+    commonItems: [
+        {
+            xtype: 'pluginDescriptionLabel',
+            bind: {
+                value: '{description}',
+            },
+        },
+        {
+            xtype: 'comboBtnWrapper',
+            combobox: {
+                reference: 'handlerCombo',
+                xtype: 'BaseComboBox',
+                fieldLabel: 'handlerName',
+                labelWidth: 60,
+                flex: 1,
+                loadOnRender: false,
+                hideMode: 'offsets',
+                allowBlank: false,
+                store: 'codeHandlers',
+                bind: {
+                    value: '{handlerName}',
+                },
+                valueField: 'id',
+                displayField: 'id',
+            },
+        }
+    ],
+
+
+    initComponent() {
+        this.items = this.items || [];
+        this.items = this.commonItems.concat(this.items);
+        this.callParent(arguments);
+    },
+
+    getData: function() {
+        return typeof this.getConfiguration === 'function' && this.getConfiguration();
+    },
+    setData: function(data) {
+        if (data && typeof this.doInit === 'function') {
+            this.doInit(data);
+        }
+    },
+
+});