ru.coon 3.0.2 → 3.0.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
-# Version 3.0.2, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/c32c302a68ca27da589552539e7e0695810e7e45)
-* add setCustomPanelTitle method to UiCustomController ([40a7bd], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/40a7bd4c83a29dac561c9cd18e528ff1da5d6005))
+# Version 3.0.4, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/2e89a5f1e7ef7e24ea4984b55dd164b542f7c8c1)
+* add tooltips for CenterView tabs
+remove first menuItem autoload for Menu ([29ead4], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/29ead462b5631357f3662ff3aeb2ca4449f2aa97))
+* refactor: change jsdoc on UiCPWrapper ([be109a], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/be109a9cc9bb97543f9a864d7b719396a93e9f81))
+* update: CHANGELOG.md ([2e3043], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/2e3043674a608c6216eb6ff492a17c0f90aa53b9))
+
+# Version 3.0.3, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/db7fcf17875ed26df5b2204f1a55ebdc7245f738)
+# Version 3.0.2, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/fd1cfdb7d1b73853fc8a21a5a67435b66402d6cd)
+* ## Features
+* <span style='color:green'>feat: Доработано описание UICPWrapper, исправлена ошибка закрытия окна в UnifiedButtonToolbarPlugin</span> ([c08ceb], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/c08cebfa1e2814d2b4d0b6157be773b8dcc7a525))
+
+* ## Fixes
+* <span style='color:red'> HT-12066 scroller display only for CenterViewTabBar</span> ([2d8a87], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/2d8a8782c9b28265b3f2c3f455de4a7ea8629ed9))
+* <span style='color:red'> HT-12083 NorthPanel search button handler bind</span> ([292cec], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/292cecb1463110c53151814f0565d56916945d99))
+
+* add title method to UiCustomPanel controller ([19a3a7], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/19a3a71ead9faef63e2dde5d4809170c1d1d9c3d))
 * update: CHANGELOG.md ([7f363d], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/7f363d646b1974c0ad434318269172a985972f4f))
 
 # Version 3.0.1, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/eae268432af51c758229ca68dd19980528a2cc98)

package/package.json

@@ -4,7 +4,7 @@
     "name": "ru.coon"
   },
   "description": "",
-  "version": "3.0.2",
+  "version": "3.0.4",
   "repository": {
     "type": "git",
     "url": "git+http://gitlab-dbr.sigma-it.local/dbr/ru.coon"

package/src/app/viewPort/CenterView.js

@@ -122,12 +122,6 @@ Ext.define('Coon.app.viewPort.CenterView', {
         }
         this.add(component);
 
-        component.on('titlechange', function(view, title) {
-            if (view.tab) {
-                view.tab.setText(title);
-            }
-        });
-
         component.on('destroy', function() {
             const activeTab = this.getActiveTab();
             if (!activeTab || !activeTab.menuItem) {

package/src/app/viewPort/CenterView.scss

@@ -109,6 +109,28 @@
     .x-tab-focus {
       background-color: #ECECEC;
     }
+    .x-box-scroller {
+      display: none !important;
+      font: 13px / 26px Material Icons, "Font Awesome 5 Free";
+      height: 28px;
+      &.x-box-scroller-left {
+        border-right: solid 1px #dedede;
+      }
+      &.x-box-scroller-right {
+        border-left: solid 1px #dedede;
+      }
+    }
+    .x-box-scroller-body-horizontal {
+      margin: 0;
+    }
+    &.display-sliders {
+      .x-box-scroller {
+        display: block !important;
+      }
+      .x-box-scroller-body-horizontal {
+        margin-left: 24px;
+      }
+    }
   }
   .title-block:hover{
     .add-to-favorite:not(.is-favorite-item):hover{
@@ -125,27 +147,5 @@
       color: #ff9800 !important;
     }
   }
-  .x-box-scroller {
-    display: none !important;
-    font: 13px / 26px Material Icons, "Font Awesome 5 Free";
-    height: 28px;
-    &.x-box-scroller-left {
-      border-right: solid 1px #dedede;
-    }
-    &.x-box-scroller-right {
-      border-left: solid 1px #dedede;
-    }
-  }
-  .x-box-scroller-body-horizontal {
-    margin: 0;
-  }
-  .display-sliders {
-    .x-box-scroller {
-      display: block !important;
-    }
-    .x-box-scroller-body-horizontal {
-      margin-left: 24px;
-    }
-  }
 }
 

package/src/app/viewPort/Routing.d2

@@ -1,6 +1,6 @@
 changeUrl->Router.routes./\#r/ReportId{label: загрузить репорт в dev-режиме}
-changeUrl->Router.routes./\#p/CustomPanelId{label: загрузить кастомную панель в dev-режиме}
-changeUrl->Router.routes./\#UiElementCd{label: начитать uiElementCd для загрузки компонента пункта меню}
+changeUrl->Router.routes./\#p/CustomPanelId :загрузить кастомную панель в dev-режиме
+changeUrl->Router.routes./\#UiElementCd :начитать uiElementCd для загрузки компонента пункта меню
 
 Router: {
 	routes: {

package/src/nav/AppNavigationPanelController.js

@@ -56,6 +56,7 @@ Ext.define('Coon.nav.AppNavigationPanelController', {
             beforeitemmouseleave: {fn: this.mouseOut, scope: this},
         });
     },
+
     onMenuItemToFavoriteClick(menuEntryCd, cmp) {
         const props = Coon.nav.menu.FavoriteCfg.get().favorite || [];
         const index = props.indexOf(menuEntryCd);
@@ -110,6 +111,7 @@ Ext.define('Coon.nav.AppNavigationPanelController', {
             this.goTo(this.getFirstAvailable());
         }
     },
+
     goTo(menuEntryCd, force = false) {
         if (menuEntryCd) {
             let prefix = '';
@@ -289,7 +291,7 @@ Ext.define('Coon.nav.AppNavigationPanelController', {
                 this.getViewModel().set('map', map);
                 this.menuReady = true;
                 Ext.fireEvent('nav:ready');
-                this.onMenuReady();
+                // this.onMenuReady();
             }
             // view.unmask();
         });

package/src/report/component/reportpanel/NorthPanel.js

@@ -137,14 +137,16 @@ Ext.define('Coon.report.component.report.NorthPanel', {
             }
         ];
 
-        this.reportPanel = this.up('ReportPanel,ReportFilterForm');
-        this.searchButton.handler = this.reportPanel ? Ext.bind(this.reportPanel.filterHandler, this.reportPanel) : Ext.emptyFn;
-        this.clearButton.handler = Ext.bind(function() {
-            this.clearFilter();
-            this.clearData();
-        }, this.reportPanel);
-
         this.callParent();
+
+        this.on('afterrender', function() {
+            this.reportPanel = this.up('ReportPanel,ReportFilterForm');
+            this.searchButton.handler = this.reportPanel ? Ext.bind(this.reportPanel.filterHandler, this.reportPanel) : Ext.emptyFn;
+            this.clearButton.handler = Ext.bind(function() {
+                this.clearFilter();
+                this.clearData();
+            }, this.reportPanel);
+        }, this);
     },
 
     getFields() {

package/src/report/plugin/grid/OpenCustomPanelButtonPlugin.js

@@ -150,28 +150,20 @@ Ext.define('Coon.report.plugin.grid.OpenCustomPanelButtonPlugin', {
     },
 
     buildContext(properties, params) {
-        const ctx = {
-            record: this.getCmp().selection && this.getCmp().selection.getData(),
-            records: typeof this.getCmp().getSelection === 'function' && this.getCmp().getSelection().map((el) => el.getData()),
-        };
         const parent = this.getCmp().up('[componentContextId]');
         if (parent && parent.componentContextId) {
-            const uniqueContext = Object.assign(
-                {},
-                params,
-                {
-                    uiElementCd: properties.uiElementCd,
-                    xtype: properties.xtype,
-                }
-            );
-
             properties.ctxMgr = Coon.util.ContextManager;
             properties.componentContextId = properties.ctxMgr.createContext(
                 parent.componentContextId,
-                Object.assign(ctx, uniqueContext),
-                uniqueContext
-            );
-        };
+                Object.assign(
+                    {},
+                    params,
+                    {
+                        uiElementCd: properties.uiElementCd,
+                        xtype: properties.xtype,
+                    }
+                ));
+        }
     },
 
     configureCustomPanel(params) {
@@ -248,6 +240,7 @@ Ext.define('Coon.report.plugin.grid.OpenCustomPanelButtonPlugin', {
 
         this.buildContext(properties, params);
         const panel = Ext.create(properties);
+        Coon.log.debug('OCPB.openPanel', xtype, properties.uiElementCd, {properties, params, panel});
         let parentWidget = panel;
 
         Coon.eventBus.emit(

package/src/uielement/command/GetUIElementCommand.js

@@ -24,6 +24,7 @@ Ext.define('Coon.uielement.command.GetUIElementCommand', {
                     }
                     props.uiElementCd = this.uiElementCd;
                     props.accessDecision = data.accessDecision;
+                    Coon.log.debug('GetUIElementCommand.props', props);
                     data.propertyData = JSON5.stringify(props);
                 } catch (ex) {
                     Coon.log.error('GetUIElementCommand.UiCustomPanel: invalid propertyData JSON5');

package/src/uielement/component/UiCPWrapper.js

@@ -18,6 +18,42 @@
  *  вызов doInit также возможен на компоненте. Обращается к doInit вызываемой кастомной панели:
  *  const panel = this.lookup('testPanel);
  *  panel.doInit('1123fss');
+ *
+ *  Режимы работы с viewModel.
+ *      Кастомная панель может иметь разные настройки viewModel в зависимости от конфигурации. Ее работа зависит от двух параметров:
+ *
+ *          parentViewModel: boolean / null / Ext.app.ViewModel
+ *              Родительская viewModel. Отвечает за наличие/определение родительской viewModel.
+ *              - false / null: Родительская viewModel отсутствует, viewModel панели не связанная с панелью, в которую встроена.
+ *              - Ext.app.ViewModel: Указанная viewModel будет использована в качестве родительской viewModel.
+ *              - отсутствие значения: В качестве родительской viewModel будет использована viewModel панели, в которую она встроена.
+ *
+ *          inheritViewModel: boolean
+ *              Наследование viewModel. Решает в качестве чего будет установлена parentViewModel: родительской или текущей viewModel.
+ *              - false: parentViewModel будет установлена в качестве родительской viewModel.
+ *              - true: parentViewModel будет установлена в качестве данной viewModel.
+ *
+ *      Сценарии работы с viewModel:
+ *          - по умолчанию (viewModel в качестве родителя имеет viewModel панели, в которую она встроена, востанавливается иерархия)
+ *          - parentViewModel = null || false (viewModel никак не связанна с родительской viewModel, в которую она встроена)
+ *          - parentViewModel = Ext.app.ViewModel (в качестве родительской viewModel будет указана заданная viewModel)
+ *          - inheritViewModel = true, parentViewModel = не указана (общая viewModel с панелью, в которую она встроена)
+ *          - inheritViewModel = true, parentViewModel = Ext.app.ViewModel (в качестве viewModel панели будет установлена
+ *            указанная parentViewModel)
+ *
+ *
+ *  События вызванные в панели могут отслеживаться UiCPWrapper, если задать их в конфигурации в customBubbleEvents:
+ *           customBubbleEvent: [
+ *             {
+ *                 sourceEventName - string (событие вызванное в панели)
+ *                 targetEventName - string (событие, которое будет вызвано при срабатывании события sourceEventName)
+ *                 targetComponent // 'reference' || '[itemId=item1]' || view - string || object (компонент куда будет передано событие)
+ *                 targetHandlerName - string (метод, который будет вызван при срабатывании события sourceEventName)
+ *             }
+ *         ]
+ *
+ *  Если UiCPWrapper является элементом tabpanel, он будет отслеживать события активации и деактивации табы и передавать их в панель.
+ *  Также UiCPWrapper отселживает событие dirtychange панели и вызывает его у себя, для отображения статуса несохраненных изменений в tabpanel.
  */
 
 
@@ -36,6 +72,10 @@ Ext.define('Coon.uielement.component.UiCPWrapper', {
         layout: 'fit',
     },
 
+    inheritViewModel: false,
+    parentViewModel: undefined,
+    customBubbleEvents: [],
+
     initComponent: function() {
         const parentCustomPanel = this.findParentByType('UiCustomPanel');
         if (parentCustomPanel) {
@@ -68,13 +108,12 @@ Ext.define('Coon.uielement.component.UiCPWrapper', {
     renderPanel: function(panelConfig) {
         const config = Object.assign({}, panelConfig, this.initConfig);
         config.inheritViewModel = this.inheritViewModel;
-        if (this.inheritViewModel) {
-            const parentViewModel = this.findParentByType('UiCustomPanel').getViewModel();
-            config.viewModel = parentViewModel;
-        }
         config.isChildCP = true;
+        this.setViewModelConfig(config);
+
         const panel = Ext.create('widget.UiCustomPanel', config);
         this.uiPanel = panel;
+
         panel.on('afterrender', function() {
             this.autoLoad && this.panelDoInit(this.doInitParams);
             const doInitPanel = panel.getController() && panel.getController().doInit;
@@ -83,6 +122,7 @@ Ext.define('Coon.uielement.component.UiCPWrapper', {
             }
         }, this);
         this.add(panel);
+
         if (Array.isArray(this.customBubbleEvents) && this.customBubbleEvents.length) {
             this.setCustomBubbleEvents(panel);
         }
@@ -97,6 +137,21 @@ Ext.define('Coon.uielement.component.UiCPWrapper', {
         });
     },
 
+    setViewModelConfig(config) {
+        config.viewModel = {};
+        if ([null, false].includes(this.parentViewModel)) {
+            return;
+        }
+        const parentViewModel = (this.parentViewModel && this.parentViewModel.isViewModel) ?
+            this.parentViewModel :
+            this.up('UiCustomPanel').getViewModel();
+        if (this.inheritViewModel) {
+            config.viewModel = parentViewModel;
+        } else {
+            config.viewModel.parent = parentViewModel;
+        }
+    },
+
     setCustomBubbleEvents(srcComponent) {
         const parent = this.up(this.parentComponent || 'UiCustomPanel');
         if (typeof parent.__processCustomBubbleEvents === 'function') {

package/src/uielement/component/UiCustomController.js

@@ -130,6 +130,9 @@ Ext.define('Coon.uielement.component.UiCustomController', {
             return;
         }
         this.getView().fireEvent('titlechange', this.getView(), title);
+        if (this.getView().tab && typeof this.getView().tab.setTooltip === 'function') {
+            this.getView().tab.setTooltip(title);
+        }
     },
 
 });

package/src/uielement/component/UiCustomPanel.js

@@ -9,6 +9,7 @@ Ext.define('Coon.uielement.component.UiCustomPanel', {
         'Coon.uielement.component.UiCustomPanelTraceWindow'
     ],
     controller: 'UiCustomController',
+    // viewModel: {type: 'UiCustomPanelViewModel'},
 
     keyMap: {
         'Ctrl+Shift+Alt+F8': {

package/src/uielement/plugin/UnifiedButtonToolbarPlugin.js

@@ -127,17 +127,21 @@ Ext.define('Coon.uielement.plugin.UnifiedButtonToolbarPlugin', {
     setBeforeCloseListener(view) {
         this.controller.callDialog = this.callDialog.bind(this);
         view.on('afterrender', () => {
-            const window = view.up('WindowWrap');
-            if (window && this.checkChangesOnSave !== false) {
+            const panelOwner = this.getPanelOwner();
+            if (panelOwner && this.checkChangesOnSave !== false) {
                 if (this.getCmp().isParentCP) {
-                    window.on('beforeclose', this.onBeforeCloseWindowByParent, this);
+                    panelOwner.on('beforeclose', this.onBeforeCloseWindowByParent, this);
                 } else {
-                    window.on('beforeclose', this.onBeforeCloseWindow, this);
+                    panelOwner.on('beforeclose', this.onBeforeCloseWindow, this);
                 }
             }
         }, this);
     },
 
+    getPanelOwner() {
+        return this.getCmp().up('WindowWrap') || this.getCmp();
+    },
+
     /**
      * Проверка наличия несохраненных изменений в дочерних панелях.
      * Если они есть, выводится диалоговое окно с их перечнем.
@@ -304,7 +308,7 @@ Ext.define('Coon.uielement.plugin.UnifiedButtonToolbarPlugin', {
     },
 
     closeWindow() {
-        this.controller.getView().up('WindowWrap').close();
+        this.getPanelOwner().close();
     },
 
     save(isWindowClose) {

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

@@ -1,7 +1,5 @@
 Ext.define('Coon.uielement.plugin.configPanel.ExecuteFunctionPluginConfigPanelFormEditor', {
-    extend: 'Coon.uielement.plugin.configPanel.UiCPPluginFormPanel',
-
-    requires: ['Coon.uielement.plugin.configPanel.UiCPPluginFormPanel'],
+    extend: 'Ext.panel.Panel',
 
     alias: 'widget.ExecuteFunctionPluginConfigPanelFormEditor',
     description: 'Плагин позволяет выполнить написанную вами функцию (fnBody) после срабатывания определенного события (handler)',
@@ -11,7 +9,36 @@ 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: 'Параметры функции',
@@ -32,7 +59,12 @@ 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,8 +1,5 @@
 Ext.define('Coon.uielement.plugin.configPanel.FireEventPluginConfigPanelFormEditor', {
-    extend: 'Coon.uielement.plugin.configPanel.UiCPPluginFormPanel',
-
-    requires: ['Coon.uielement.plugin.configPanel.UiCPPluginFormPanel'],
-
+    extend: 'Ext.panel.Panel',
     alias: 'widget.FireEventPluginConfigPanelFormEditor',
     description: 'Вызывает определенное событие панели',
     viewModel: {
@@ -12,7 +9,36 @@ 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',
@@ -31,7 +57,12 @@ 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,9 +1,7 @@
 Ext.define('Coon.uielement.plugin.configPanel.MethodChainPluginConfigPanelFormEditor', {
-    extend: 'Coon.uielement.plugin.configPanel.UiCPPluginFormPanel',
-
+    extend: 'Ext.panel.Panel',
     alias: 'widget.MethodChainPluginConfigPanelFormEditor',
     requires: [
-        'Coon.uielement.plugin.configPanel.UiCPPluginFormPanel',
         'Coon.report.plugin.SearchByPropButton'
     ],
     description: 'Запускает последовательно цепочку методов по срабатыванию handler',
@@ -30,7 +28,36 @@ 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',
@@ -144,7 +171,12 @@ 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,8 +1,7 @@
 Ext.define('Coon.uielement.plugin.configPanel.OpenPanelPluginConfigPanelFormEditor', {
-    extend: 'Coon.uielement.plugin.configPanel.UiCPPluginFormPanel',
+    extend: 'Ext.panel.Panel',
     alias: 'widget.OpenPanelPluginConfigPanelFormEditor',
     requires: [
-        'Coon.uielement.plugin.configPanel.UiCPPluginFormPanel',
         'Coon.report.plugin.SearchByPropButton'
     ],
 
@@ -19,13 +18,42 @@ 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',
@@ -126,6 +154,14 @@ 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,6 +1,5 @@
 Ext.define('Coon.uielement.plugin.configPanel.PrintPdfPluginConfigPanelFormEditor', {
-    extend: 'Coon.uielement.plugin.configPanel.UiCPPluginFormPanel',
-    requires: ['Coon.uielement.plugin.configPanel.UiCPPluginFormPanel'],
+    extend: 'Ext.panel.Panel',
     alias: 'widget.PrintPdfPluginConfigPanelFormEditor',
     description: 'Выполняет команду, позволяет отслеживать её выполнение и менять сообщения об различных событиях в ходе выполнения',
     viewModel: {
@@ -48,8 +47,42 @@ 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/UnifiedButtonToolbarPluginConfigPanelFormEditor.js

@@ -1,6 +1,5 @@
 Ext.define('Coon.uielement.plugin.configPanel.UnifiedButtonToolbarPluginConfigPanelFormEditor', {
-    extend: 'Coon.uielement.plugin.configPanel.UiCPPluginFormPanel',
-    requires: ['Coon.uielement.plugin.configPanel.UiCPPluginFormPanel'],
+    extend: 'Ext.panel.Panel',
     alias: 'widget.UnifiedButtonToolbarPluginConfigPanelFormEditor',
     description: 'Добавляет стандартный тулбар',
     viewModel: {
@@ -14,7 +13,17 @@ Ext.define('Coon.uielement.plugin.configPanel.UnifiedButtonToolbarPluginConfigPa
             needReloadEventOnSave: false,
         },
     },
+    layout: {
+        type: 'vbox',
+        align: 'stretch',
+    },
     items: [
+        {
+            xtype: 'pluginDescriptionLabel',
+            bind: {
+                value: '{description}',
+            },
+        },
         {
             xtype: 'SearchByPropCombo',
             fieldLabel: 'Обработчик подготовки данных для сохранения (необходим синхронный метод)',
@@ -84,7 +93,12 @@ Ext.define('Coon.uielement.plugin.configPanel.UnifiedButtonToolbarPluginConfigPa
             },
         }
     ],
-
+    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/version.js

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

package/src/app/viewPort/TabHistory.js

@@ -1,81 +0,0 @@
-Ext.define('Coon.app.viewPort.TabHistory', {
-    singleton: true,
-
-
-    getCenterView() {
-        if (!this.centerview) {
-            this.centerview = Ext.ComponentQuery.query('centerview')[0];
-        }
-        return this.centerview;
-    },
-
-    registerTab(component) {
-        const routeId = component.menuItem && component.menuItem.MENU_ENTRY_CD ||
-            component.reportId || component.uiElementCd;
-        const config = {
-            ui: component.uiElementCd,
-            reportId: component.reportId,
-            routeId,
-            ctxId: component.componentContextId,
-            text: component.getTitle && component.getTitle(),
-            ctx: Coon.util.ContextManager.getContext(component.componentContextId),
-        };
-        if (!this.inited && this.getHeaderCt()) {
-            this.inited = true;
-            this.ct.add(this.getHistoryComponent());
-            const menu = this.ct.down('#TabHistoryMenu');
-            menu.on('click', function(_, item) {
-                console.log('item.inHistory', item, item.inHistory);
-                if (item.inHistory) {
-                    return;
-                }
-                this.getCenterView().setActiveComponent({componentContextId: item.ctxId});
-            }, this);
-        }
-        if (this.inited) {
-            const menu = this.ct.down('#TabHistoryMenu');
-            console.log('config', config, component);
-            component.on('titlechange', function(_, title) {
-                menu.down(`[menuItemId=${config.ctxId}]`).setText(title);
-            });
-            component.on('beforedestroy', function() {
-                const menuItem = menu.down(`[menuItemId=${config.ctxId}]`);
-                menuItem.inHistory = true;
-                menuItem.setIconCls('');
-                return true;
-            });
-            const menuItem = menu.down(`[menuItemId=${config.ctxId}]`);
-            if (menuItem) {
-                menuItem.inHistory = false;
-                menuItem.setIconCls('x-fa fa-home');
-            } else {
-                menu.add({
-                    iconCls: 'x-fa fa-home',
-                    text: config.text || config.routeId,
-                    menuItemId: config.ctxId,
-                });
-            }
-        }
-    },
-
-    getHistoryComponent() {
-        return {
-            xtype: 'button',
-            text: '...',
-            menu: {
-                itemId: 'TabHistoryMenu',
-                maxWidth: 560,
-                margin: 4,
-                items: [],
-            },
-        };
-    },
-
-    getHeaderCt() {
-        if (this.ct) {
-            return this.ct;
-        }
-        this.ct = Ext.ComponentQuery.query('#headerFlexCt')[0];
-        return this.ct;
-    },
-});

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

@@ -1,54 +0,0 @@
-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);
-        }
-    },
-
-});