ru.coon 3.0.27 → 3.0.29

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+# Version 3.0.29, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/b6a41718051c6d94703539202ec2f58d6c5382da)
+* upd ([adee34], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/adee34983691322c146d3a60d2f1a64f674ae72a))
+* update: CHANGELOG.md ([b35442], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/b35442505415f72a6602ff3d8939d7ece509252a))
+
+# Version 3.0.28, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/768d77a310f5e22d445d6b61c8847a5cbb6223f0)
+* ## Fixes
+* <span style='color:red'>fix promisifyCmd</span> ([c98165], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/c98165c423a5236f7c8806118729aee836acf2d5))
+* <span style='color:red'> change third state checkbox column state icon</span> ([9ef718], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/9ef718914ab1805fd438a3eb1a8af44429e36ba2))
+
+* HT-13285 доработка файла excel на вкладке "Расчет объема" ([a15f0b], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/a15f0b6ec6c88cb4b002965f2e8101f28e6c3445))
+* sync ([e92865], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/e9286538cc8c9138ecf723126e0cf93d5688730d))
+* update: CHANGELOG.md ([cbdfb1], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/cbdfb1c2a19add33132466102fb4d91989a5f07c))
+
 # Version 3.0.27, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/a403b7cf0d4817c3635a0ddbb66e8b76dbcf5e90)
 * ## Features
 * <span style='color:green'>feat: add new Checkbox extanded class</span> ([e5f596], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/e5f59621281256e829d43255c67c972d88b62564))
@@ -7,9 +20,11 @@
 * <span style='color:red'>fix ExportReportDataToFilePlugin</span> ([6a57ae], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/6a57aed40578f772fb0ccee045f0ef7faad732e3))
 * <span style='color:red'> refactoring</span> ([0994e5], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/0994e5c35ddff9da568194ab8662d45d8b9d0b07))
 
+* upd ([203202], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/203202334ca544d119ccac5e1ea97e5946aad53a))
 * refactoring ([5d5fec], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/5d5fec88ed2803b3dabab726d1821c128c28ad92))
 * refactoring ([c8320a], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/c8320a03c3f4c26d5a8fab4d22390e347e8c9ba4))
 * HT-13143 feat: Исправление вычисления ширины и отступов системной части тулбара ([8ce65e], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/8ce65e1a1f5c898b88b3110a649b41a76da41004))
+* sync ([e32f95], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/e32f951490389d02e7b7e9cde69c78c5ad92a005))
 * update: CHANGELOG.md ([242158], [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/24215801553180b4721c1605f482da9d2821c365))
 
 # Version 3.0.26, [link](http://gitlab-dbr.sigma-it.local/dbr/ru.coon/-/commit/a0df7c2d955b5d5d24ba68a0fe0a97375acc5ee3)

package/package.json

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

package/src/app/viewPort/CVWrapperPanel.js

@@ -27,34 +27,39 @@ Ext.define('Coon.app.viewPort.CVWrapperPanel', {
         return header && header.getTitle();
     },
 
+    processFavoriteControl(component) {
+        component.on('afterrender', function() {
+            const title = this.getComponentTitle();
+            if (title && title.iconEl) {
+                if (typeof title.title === 'string') {
+                    component.setTitle(title.title);
+                }
+                const props = Coon.nav.menu.FavoriteCfg.get().favorite || [];
+                const index = props.indexOf(this.menuItem.MENU_ENTRY_CD);
+                if (index >= 0) {
+                    title.iconEl.dom.classList.add('is-favorite-item');
+                }
+                Ext.on('nav:favoriteitemschange', this.changeFavorite, this);
+            }
+        }, this, {single: true});
+
+        component.on('beforedestroy', function() {
+            Ext.un('nav:favoriteitemschange', this.changeFavorite, this);
+        }, this);
+        this.on('activate', function(...args) {
+            Ext.fireEvent('nav:menuitemchange', this.menuItem);
+            component.fireEvent('activatecomponent', ...args);
+        });
+    },
+
     initComponent(...args) {
         this.callParent(...args);
         const component = this.getComponent(0);
-        if (this.menuItem) {
-            component.on('afterrender', function() {
-                const title = this.getComponentTitle();
-                if (title && title.iconEl) {
-                    if (typeof title.title === 'string') {
-                        component.setTitle(title.title);
-                    }
-                    const props = Coon.nav.menu.FavoriteCfg.get().favorite || [];
-                    const index = props.indexOf(this.menuItem.MENU_ENTRY_CD);
-                    if (index >= 0) {
-                        title.iconEl.dom.classList.add('is-favorite-item');
-                    }
-                    Ext.on('nav:favoriteitemschange', this.changeFavorite, this);
-                }
-            }, this, {single: true});
-
-            component.on('beforedestroy', function() {
-                Ext.un('nav:favoriteitemschange', this.changeFavorite, this);
-            }, this);
+        if (!component) {
+            return;
         }
-        if (component) {
-            this.on('activate', function(...args) {
-                this.menuItem && Ext.fireEvent('nav:menuitemchange', this.menuItem);
-                component.fireEvent('activatecomponent', ...args);
-            });
+        if (this.menuItem) {
+            this.processFavoriteControl(component);
         }
     },
 });

package/src/app/viewPort/CenterView.js

@@ -13,7 +13,6 @@ Ext.define('Coon.app.viewPort.CenterView', {
     },
 
     plugins: [
-        // 'tabscrollermenu',
         {
             ptype: 'tabreorderer',
             animate: false,
@@ -126,8 +125,20 @@ Ext.define('Coon.app.viewPort.CenterView', {
         if (previousView) {
             component.prevComponentContextId = previousView.componentContextId;
         }
+
         this.add(component);
 
+        component.on('titlechange', function(title) {
+            if (typeof title !== 'string') {
+                if (typeof title.getTitle !== 'function') {
+                    return;
+                }
+                title = title.getTitle();
+            }
+            const tab = component.tab;
+            tab.setText(title);
+            tab.setTooltip(title);
+        });
         component.on('destroy', function() {
             const activeTab = this.getActiveTab();
             if (!activeTab || !activeTab.menuItem) {

package/src/common/ComponentFactory.js

@@ -160,7 +160,6 @@ Ext.define('Coon.common.ComponentFactory', {
                 iconCls: menuItem.MENU_ENTRY_ICON,
             },
             items: [config],
-            // title: menuItem.MENU_ENTRY_DESCR,
         };
         const instance = Ext.create(instanceConfig);
         return instance;

package/src/common/panel/WindowWrap.js

@@ -221,5 +221,4 @@ Ext.define('Coon.common.panel.WindowWrap', {
         const url = this.items.get(0).viewModel.data.href;
         window.open(url);
     },
-
 });

package/src/report/column/BigNumColumn.js

@@ -24,7 +24,7 @@ Ext.define('Coon.report.column.BigNumColumn', {
      * @returns {string|null}
      */
     renderer: function(v, cellValues) {
-        const column = cellValues.column;
+        const column = cellValues && cellValues.column;
 
         let me;
 

package/src/report/column/ThreeStateCheckColumn.js

@@ -41,7 +41,10 @@ Ext.define('Coon.report.column.ThreeStateCheckColumn', {
         this.addCls('ThreeStateCheckColumn');
 
         this.on('afterrender', function() {
-            this.getView().getStore().on('load', (store, items) => {
+            this.getView().getStore().on('load', (store, items, success) => {
+                if (!success) {
+                    return;
+                }
                 this.totalItemCount = items.length;
                 this.checkedItemCount = store.getRange().filter((el) => el.get('checked')).length;
                 this.updateHeaderStatus();

package/src/report/column/ThreeStateCheckColumn.scss

@@ -3,15 +3,15 @@
     .x-column-header-checkbox {
       &:after {
         content: 'indeterminate_check_box';
-        mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgcng9IjEuNSIgc3Ryb2tlPSIjMTExMTExIi8+CjxwYXRoIGQ9Ik01IDdIOSIgc3Ryb2tlPSIjMTExMTExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");
-        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgcng9IjEuNSIgc3Ryb2tlPSIjMTExMTExIi8+CjxwYXRoIGQ9Ik01IDdIOSIgc3Ryb2tlPSIjMTExMTExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");
+        mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMV8yMzM4XzExNDQwMSIgZmlsbD0id2hpdGUiPgo8cGF0aCBkPSJNMCAyQzAgMC44OTU0MyAwLjg5NTQzMSAwIDIgMEgxMkMxMy4xMDQ2IDAgMTQgMC44OTU0MzEgMTQgMlYxMkMxNCAxMy4xMDQ2IDEzLjEwNDYgMTQgMTIgMTRIMkMwLjg5NTQzIDE0IDAgMTMuMTA0NiAwIDEyVjJaIi8+CjwvbWFzaz4KPHBhdGggZD0iTS0xLjUgMS43Qy0xLjUgLTAuMjMyOTk3IDAuMDY3MDAzNCAtMS44IDIgLTEuOEgxMkMxMy45MzMgLTEuOCAxNS41IC0wLjIzMjk5NyAxNS41IDEuN0wxMi41IDJDMTIuNSAxLjg4OTU0IDEyLjI3NjEgMS44IDEyIDEuOEgyQzEuNzIzODYgMS44IDEuNSAxLjg4OTU0IDEuNSAyTC0xLjUgMS43Wk0xNS41IDEyLjNDMTUuNSAxNC4yMzMgMTMuOTMzIDE1LjggMTIgMTUuOEgyQzAuMDY3MDAzNCAxNS44IC0xLjUgMTQuMjMzIC0xLjUgMTIuM0wxLjUgMTJDMS41IDEyLjExMDUgMS43MjM4NiAxMi4yIDIgMTIuMkgxMkMxMi4yNzYxIDEyLjIgMTIuNSAxMi4xMTA1IDEyLjUgMTJMMTUuNSAxMi4zWk0yIDE1LjhDMC4wNjcwMDM0IDE1LjggLTEuNSAxNC4yMzMgLTEuNSAxMi4zVjEuN0MtMS41IC0wLjIzMjk5NyAwLjA2NzAwMzQgLTEuOCAyIC0xLjhWMS44QzEuNzIzODYgMS44IDEuNSAxLjg4OTU0IDEuNSAyVjEyQzEuNSAxMi4xMTA1IDEuNzIzODYgMTIuMiAyIDEyLjJWMTUuOFpNMTIgLTEuOEMxMy45MzMgLTEuOCAxNS41IC0wLjIzMjk5NyAxNS41IDEuN1YxMi4zQzE1LjUgMTQuMjMzIDEzLjkzMyAxNS44IDEyIDE1LjhWMTIuMkMxMi4yNzYxIDEyLjIgMTIuNSAxMi4xMTA1IDEyLjUgMTJWMkMxMi41IDEuODg5NTQgMTIuMjc2MSAxLjggMTIgMS44Vi0xLjhaIiBmaWxsPSIjMTExMTExIiBtYXNrPSJ1cmwoI3BhdGgtMS1pbnNpZGUtMV8yMzM4XzExNDQwMSkiLz4KPHBhdGggZD0iTTQuNSA3SDkuNSIgc3Ryb2tlPSIjMTExMTExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");
+        -webkit-mask-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9InBhdGgtMS1pbnNpZGUtMV8yMzM4XzExNDQwMSIgZmlsbD0id2hpdGUiPgo8cGF0aCBkPSJNMCAyQzAgMC44OTU0MyAwLjg5NTQzMSAwIDIgMEgxMkMxMy4xMDQ2IDAgMTQgMC44OTU0MzEgMTQgMlYxMkMxNCAxMy4xMDQ2IDEzLjEwNDYgMTQgMTIgMTRIMkMwLjg5NTQzIDE0IDAgMTMuMTA0NiAwIDEyVjJaIi8+CjwvbWFzaz4KPHBhdGggZD0iTS0xLjUgMS43Qy0xLjUgLTAuMjMyOTk3IDAuMDY3MDAzNCAtMS44IDIgLTEuOEgxMkMxMy45MzMgLTEuOCAxNS41IC0wLjIzMjk5NyAxNS41IDEuN0wxMi41IDJDMTIuNSAxLjg4OTU0IDEyLjI3NjEgMS44IDEyIDEuOEgyQzEuNzIzODYgMS44IDEuNSAxLjg4OTU0IDEuNSAyTC0xLjUgMS43Wk0xNS41IDEyLjNDMTUuNSAxNC4yMzMgMTMuOTMzIDE1LjggMTIgMTUuOEgyQzAuMDY3MDAzNCAxNS44IC0xLjUgMTQuMjMzIC0xLjUgMTIuM0wxLjUgMTJDMS41IDEyLjExMDUgMS43MjM4NiAxMi4yIDIgMTIuMkgxMkMxMi4yNzYxIDEyLjIgMTIuNSAxMi4xMTA1IDEyLjUgMTJMMTUuNSAxMi4zWk0yIDE1LjhDMC4wNjcwMDM0IDE1LjggLTEuNSAxNC4yMzMgLTEuNSAxMi4zVjEuN0MtMS41IC0wLjIzMjk5NyAwLjA2NzAwMzQgLTEuOCAyIC0xLjhWMS44QzEuNzIzODYgMS44IDEuNSAxLjg4OTU0IDEuNSAyVjEyQzEuNSAxMi4xMTA1IDEuNzIzODYgMTIuMiAyIDEyLjJWMTUuOFpNMTIgLTEuOEMxMy45MzMgLTEuOCAxNS41IC0wLjIzMjk5NyAxNS41IDEuN1YxMi4zQzE1LjUgMTQuMjMzIDEzLjkzMyAxNS44IDEyIDE1LjhWMTIuMkMxMi4yNzYxIDEyLjIgMTIuNSAxMi4xMTA1IDEyLjUgMTJWMkMxMi41IDEuODg5NTQgMTIuMjc2MSAxLjggMTIgMS44Vi0xLjhaIiBmaWxsPSIjMTExMTExIiBtYXNrPSJ1cmwoI3BhdGgtMS1pbnNpZGUtMV8yMzM4XzExNDQwMSkiLz4KPHBhdGggZD0iTTQuNSA3SDkuNSIgc3Ryb2tlPSIjMTExMTExIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgo8L3N2Zz4K");
         mask-size: 80%;
         -webkit-mask-size: 80%;
         mask-repeat: no-repeat;
         -webkit-mask-repeat: no-repeat;
         mask-position: center;
         -webkit-mask-position: center;
-        background-color: var(--highlight-color);
+        background-color: #111;
       }
     }
   }

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

@@ -57,6 +57,12 @@ Ext.define('Coon.report.plugin.grid.OpenCustomPanelButtonPlugin', {
         actOnSingleClick: false,
     },
 
+    init() {
+        this.ownerComponent = this.getCmp().up('ReportPanel') ||
+            this.getCmp();
+        this.callParent(arguments);
+    },
+
     handler: function() {
         this.effectiveXTypeObject = this.getEffectiveXType();
         if (this.oldFrame) {
@@ -103,31 +109,81 @@ Ext.define('Coon.report.plugin.grid.OpenCustomPanelButtonPlugin', {
         }
     },
 
-    getOwnerComponent() {
-        const reportPanel = this.component.query('^ panel').find((p) => p instanceof Coon.report.component.ReportPanel);
-        return reportPanel || this.component;
+    getReportId() {
+        return this.properties.reportId;
     },
 
-    prepareProperties(ownerComponent) {
-        let properties = Coon.Function.convertAdvancedProperties.call(
-            ownerComponent,
-            this.properties
-        );
-        const defaultProperties = Ext.apply(
-            {defaultFocus: 'textfield[hidden=false][readOnly=false]'},
-            this.effectiveXTypeObject.properties || {}
+    getComponentId() {
+        return this.uiElementCd ? this.getUIElement() : this.getReportId();
+    },
+
+    makeComponentConfig(config, params) {
+        if (config.isReport) {
+            config.params.params = Ext.apply({}, params);
+        }
+        config.properties = Ext.apply(
+            {
+                xtype: config.xtype,
+                defaultFocus: 'textfield[hidden=false][readOnly=false]',
+                launchConfig: {
+                    source: 'OpenCustomPanelButtonPlugin',
+                    params: config.params,
+                },
+                componentContextId: Coon.util.ContextManager.generateKey({
+                    params: config.params,
+                    id: this.getComponentId(),
+                    xtype: config.xtype,
+                    source: this.$className.split('.').pop(),
+                }),
+                componentConfig: {
+                    parentComponent: this.getCmp(),
+                    context: Object.assign(
+                        {id: this.getComponentId()},
+                        config.params
+                    ),
+                },
+                parentViewModel: this.component.getViewModel() || this.component.lookupViewModel(),
+                ctxMgr: Coon.util.ContextManager,
+            },
+            this.effectiveXTypeObject.properties || {},
+            Coon.Function.convertAdvancedProperties.call(
+                this.ownerComponent,
+                this.properties
+            )
         );
-        properties = Ext.apply(defaultProperties, properties);
+        this.buildContext(config);
+    },
 
-        return properties;
+    getWindowSizeConfig() {
+        if (this.getAutoSize()) {
+            return {};
+        } else {
+            return {
+                height: this.panelHeight || 450,
+                width: this.panelWidth || 780,
+            };
+        }
     },
 
-    prepareWindowProperties(properties, xtype, ownerComponent) {
+    getWindowConfig(panel, properties, isCustomPanel) {
+        let windowProperties;
         if (this.properties && this.properties.windowProperties) {
-            return Coon.Function.convertAdvancedProperties.call(ownerComponent, this.properties.windowProperties);
+            windowProperties = Coon.Function.convertAdvancedProperties.call(
+                this.ownerComponent,
+                this.properties.windowProperties
+            );
         } else {
-            return xtype === 'UiCustomPanel' ? this.properties : properties;
+            windowProperties = isCustomPanel ? this.properties : properties;
         }
+        return Ext.apply(
+            {
+                xtype: 'WindowWrap',
+                layout: 'fit',
+                items: [panel],
+            },
+            windowProperties,
+            this.getWindowSizeConfig()
+        );
     },
 
     getCenterView() {
@@ -141,7 +197,7 @@ Ext.define('Coon.report.plugin.grid.OpenCustomPanelButtonPlugin', {
         return !!this.centerView.findComponent(componentContextId);
     },
 
-    isCenterViewMode() {
+    isCVMode() {
         this.displacedMode = !this.openInWindow;
         return this.displacedMode &&
             !this.isInWindow() &&
@@ -149,160 +205,158 @@ Ext.define('Coon.report.plugin.grid.OpenCustomPanelButtonPlugin', {
             !this.openInReport;
     },
 
-    buildContext(properties, params) {
-        const parent = this.getCmp().up('[componentContextId]');
-        if (parent && parent.componentContextId) {
-            properties.ctxMgr = Coon.util.ContextManager;
-            properties.componentContextId = properties.ctxMgr.createContext(
-                parent.componentContextId,
-                Object.assign(
-                    {},
-                    params,
-                    {
-                        uiElementCd: properties.uiElementCd,
-                        xtype: properties.xtype,
-                    }
-                ));
+    buildContext(config) {
+        return;// TODO - need refactoring
+    },
+
+    setComponentType(config) {
+        config.xtype = this.oldFrame ? 'uxiframe' : this.effectiveXTypeObject.effectiveXType;
+        if (!config.xtype) {
+            config.errors.push('invalid xtype');
+            return config;
+        }
+        if (config.xtype === 'ReportPanel' || config.xtype === 'DynamicReportForm') {
+            config.isReport = true;
+            return config;
+        }
+        if (config.xtype === 'UiCustomPanel') {
+            config.isCustomPanel = true;
+            return config;
         }
     },
 
-    configureCustomPanel(params) {
-        const properties = this.prepareProperties(
-            this.getCmp().up('ReportPanel') ||
-            this.getCmp()
-        );
-        properties.xtype = 'UiCustomPanel';
-        return properties;
+    setMode(config) {
+        if (this.openInReport) {
+            config.openInReport = true;
+            return config;
+        }
+        if (this.isCVMode()) {
+            if (!this.getCenterView()) {
+                config.errors.push('centerViewNotFound');
+                return config;
+            }
+            config.openInCVTab = true;
+            return config;
+        }
+        config.openInWindow = true;
+        return config;
     },
 
-    openPanel: function(params) {
-        const xtype = this.oldFrame ? 'uxiframe' : this.effectiveXTypeObject.effectiveXType;
-        if (!xtype) {
+    hasErrors(errors) {
+        if (errors.length === 0) {
             return;
         }
+        Coon.log.error([
+            '\nOCPB errors: ',
+            '*'.repeat(16),
+            ...errors,
+            '*'.repeat(16)
+        ].join('\n'));
+        return true;
+    },
 
-        if (xtype === 'UiCustomPanel') {
-            this.configureCustomPanel(params);
+    ifComponentExists(config) {
+        if (
+            config.openInCVTab &&
+            this.hasInCenterView(config.componentContextId)
+        ) {
+            this.centerView.setActiveComponent(config);
+            return true;
         }
+    },
 
-        const ownerComponent = this.getOwnerComponent();
-        const properties = this.prepareProperties(ownerComponent);
-        properties.xtype = xtype;
-
-        const componentContextId = Coon.util.ContextManager.generateKey(
-            Object.assign(
-                {},
-                params,
-                {
-                    uiElementCd: properties.uiElementCd,
-                    xtype,
-                    source: this.$className.split('.').pop(),
-                }
-            )
+    createComponent(config) {
+        config.targetComponent = Ext.create(config.properties);
+        Coon.eventBus.emit(
+            'nav.state.loadComponent',
+            config.targetComponent,
+            config.params
         );
+        Coon.log.debug('OCPB.openPanel', {config, panel: config.targetComponent});
+    },
 
-        if (this.isCenterViewMode() && !this.getCenterView()) {
-            Coon.log.error('couldn\'t find parent  component "centerview"');
-            return;
-        }
+    addComponentToCV(config) {
+        this.centerView.setActiveComponent(config.targetComponent);
+        Coon.Function.executeComponentDoInit(config.targetComponent, config.params);
+        config.targetComponent.setClosable(true);
+        config.targetComponent.on('afterlayout', function(panel) {
+            panel.focus();
+        }, this, {single: true});
 
-        if (this.isCenterViewMode() && this.hasInCenterView(componentContextId)) {
-            this.centerView.setActiveComponent({componentContextId});
-            return;
+        Coon.eventBus.emit(
+            'nav.loadComponent',
+            {
+                isNew: true,
+                id: config.targetComponent.id,
+                component: config.targetComponent,
+                viewport: this.component.up('centerview'),
+                params: config.params,
+            }
+        );
+    },
+
+    addComponentToReport(config) {
+        if (typeof this.component.up('ReportPanel').openInReport === 'function') {
+            this.component.up('ReportPanel').openInReport(config.targetComponent, config.params);
+        } else {
+            Coon.log.debug('this.component', this.component);
         }
+    },
 
-        const windowProperties = this.prepareWindowProperties(properties, xtype, ownerComponent);
+    addComponentToWindowWrap(config) {
+        config.targetWindow = Ext.widget(
+            this.getWindowConfig(
+                config.targetComponent,
+                config.properties,
+                config.xtype
+            )
+        );
 
-        if (xtype === 'ReportPanel' || xtype === 'DynamicReportForm' || /.*FormPanel.*/.test(xtype)) {
-            params.params = Ext.apply({}, params);
+        if (typeof this.addNavigationThroughRecords === 'function') {
+            this.addNavigationThroughRecords(config.targetComponent);
         }
-
-        properties.parentViewModel = this.component.getViewModel() || this.component.lookupViewModel();
-        if (!properties.uiElementCd && params.uiElementCd) {
-            properties.uiElementCd = params.uiElementCd;
+        config.targetComponent.on('afterrender', function() {
+            Coon.Function.executeComponentDoInit(config.targetComponent.getWrappedComponent(), config.params);
+        });
+        if (this.oldFrame) {
+            window.oldFrameWindow = config.targetComponent;
+            window.addEventListener('message', this.receiveMessage, false);
         }
-        properties.launchConfig = {
-            source: 'OpenCustomPanelButtonPlugin',
-            params: params,
-        };
-
-
-        properties.componentContextId = componentContextId;
-        properties.componentConfig = {
-            parentComponent: this.getCmp(),
-            context: Object.assign(
-                {},
-                params,
-                {
-                    uiElementCd: properties.uiElementCd,
-                }
-            ),
-        };
-
-        this.buildContext(properties, params);
-        const panel = Ext.create(properties);
-        Coon.log.debug('OCPB.openPanel', xtype, properties.uiElementCd, {properties, params, panel});
-        let parentWidget = panel;
+        config.targetComponent.show();
+    },
 
-        Coon.eventBus.emit(
-            'nav.state.loadComponent',
-            panel,
-            params
-        );
+    openPanel(params) {
+        const config = {errors: [], params};
+        this.setComponentType(config);
+        this.setMode(config);
+        if (this.hasErrors(config.errors)) {
+            return;
+        }
+        this.makeComponentConfig(config, params);
+        if (this.ifComponentExists(config)) {
+            return;
+        }
+        this.createComponent(config);
 
-        if (this.isCenterViewMode()) {
-            this.centerView.setActiveComponent(panel);
-            Coon.Function.executeComponentDoInit(panel, params);
-            panel.setClosable(true);
-            panel.on('afterlayout', function(panel) {
-                panel.focus();
-            }, this, {single: true});
-
-            Coon.eventBus.emit(
-                'nav.loadComponent',
-                {
-                    isNew: true,
-                    id: panel.id,
-                    component: panel,
-                    viewport: this.component.up('centerview'),
-                    params,
-                }
-            );
-        } else if (this.openInReport) {
-            if (typeof this.component.up('ReportPanel').openInReport === 'function') {
-                this.component.up('ReportPanel').openInReport(panel, params);
-            } else {
-                Coon.log.debug('this.component', this.component);
-            }
+        if (config.openInCVTab) {
+            this.addComponentToCV(config);
+        } else if (config.openInReport) {
+            this.addComponentToReport(config);
         } else {
-            const defaultWindowConfig = this.getConfig('autoSize') === true ?
-                {} :
-                {
-                    height: this.panelHeight || 450,
-                    width: this.panelWidth || 780,
-                };
-            Ext.apply(defaultWindowConfig, windowProperties);
-
-            const openWindow = Ext.widget('WindowWrap', Ext.applyIf({
-                items: panel,
-            }, Ext.apply({}, windowProperties || {}, defaultWindowConfig || {})));
-
-            if (typeof this.addNavigationThroughRecords === 'function') {
-                this.addNavigationThroughRecords(openWindow);
-            }
-            parentWidget = openWindow;
-            openWindow.on('afterrender', function() {
-                Coon.Function.executeComponentDoInit(panel, params);
-            });
-            if (this.oldFrame) {
-                window.oldFrameWindow = openWindow;
-                window.addEventListener('message', this.receiveMessage, false);
-            }
-            openWindow.show();
+            this.addComponentToWindowWrap(config);
         }
 
-        if (this.getSendDataForNewRecord() === true && (!Ext.isEmpty(this.getNewRecordPrimaryKey()) || this.getTransmitKeyValue())) {
-            parentWidget.content.on(this.getEventOnAddNewEntity(), function(data) {
+        const targetComponent = config.targetWindow || config.targetComponent;
+
+        if (
+            this.getSendDataForNewRecord() === true &&
+            (
+                !Ext.isEmpty(this.getNewRecordPrimaryKey()) ||
+                this.getTransmitKeyValue()
+            ) &&
+            targetComponent.content
+        ) {
+            targetComponent.content.on(this.getEventOnAddNewEntity(), function(data) {
                 try {
                     const entityId = this.getTransmitKeyValue() ?
                         data :
@@ -315,32 +369,32 @@ Ext.define('Coon.report.plugin.grid.OpenCustomPanelButtonPlugin', {
         }
 
         if (this.reloadAfterClose) {
-            this.reloadAfterActionBindEvent(parentWidget);
+            this.reloadAfterActionBindEvent(targetComponent);
         }
-        if (this.handleNewObjectEvent && !Ext.isEmpty(parentWidget.down('UniversalUploadPanel'))) {
-            parentWidget.down('UniversalUploadPanel').closeAfterLoad = true;
-            parentWidget.down('UniversalUploadPanel').lookup('submitButton').on('click', function() {
-                parentWidget.down('UniversalUploadPanel').on('complete', function() {
-                    parentWidget.down('UniversalUploadPanel').on('initReportAfterClose', function(id) {
+        if (this.handleNewObjectEvent && !Ext.isEmpty(targetComponent.down('UniversalUploadPanel'))) {
+            targetComponent.down('UniversalUploadPanel').closeAfterLoad = true;
+            targetComponent.down('UniversalUploadPanel').lookup('submitButton').on('click', function() {
+                targetComponent.down('UniversalUploadPanel').on('complete', function() {
+                    targetComponent.down('UniversalUploadPanel').on('initReportAfterClose', function(id) {
                     }, this, {single: true});
                 }, this);
             }, this);
         }
         if (this.closeAfterClose) {
-            parentWidget.on('close', function() {
+            targetComponent.on('close', function() {
                 if (this.component) {
                     this.component.fireEvent('close');
                 }
             }, this);
         }
-        if ((xtype === 'ReportPanel' || xtype === 'DynamicReportForm') && this.sendDataOnSelect) {
-            parentWidget.content && parentWidget.content.on('select', function(content, data) {
+        if (config.isReport && this.sendDataOnSelect) {
+            targetComponent.content && targetComponent.content.on('select', function(content, data) {
                 if (this.component) {
                     this.component.fireEvent('needReload', 'SELECTED', data);
                 }
             }, this);
         } else if (this.sendDataOnSelect) {
-            parentWidget.content && parentWidget.content.on('save', function(data) {
+            targetComponent.content && targetComponent.content.on('save', function(data) {
                 if (this.component) {
                     this.component.fireEvent('needReload', 'SELECTED', data);
                 }
@@ -386,7 +440,8 @@ Ext.define('Coon.report.plugin.grid.OpenCustomPanelButtonPlugin', {
         return Ext.isDefined(this.component.up('window'));
     },
 
-    getEffectiveXType: function(reportPanel) {
+    getEffectiveXType: function() {
+        const reportPanel = this.getCmp();
         let effectiveXType = this.xtype || this.panelXType;
         let deferred = false;
         if (this.xtypeSelector) {

package/src/uielement/plugin/OpenPanelPlugin.js

@@ -90,7 +90,7 @@ Ext.define('Coon.uielement.plugin.OpenPanelPlugin', {
             this.centerView.setActiveComponent({componentContextId});
             return;
         }
-
+        console.log('OPP.panel', panel);
         this.centerView.setActiveComponent(panel);
         Coon.Function.executeComponentDoInit(panel, this.initArguments);
         panel.setClosable(true);

package/src/util/SimLoadReportCommand.js

@@ -0,0 +1,71 @@
+Ext.define('Coon.util.SimLoadReportCommand', {
+    mixins: ['Ext.mixin.Observable'],
+    alias: 'command.SimLoadReportCommand',
+
+    constructor: function(config) {
+        this.mixins.observable.constructor.call(this, config);
+        Ext.apply(this, config);
+    },
+
+    loadReportConfig(id) {
+        return Coon.util.promisifyCmd(
+            'command.GetReportCommand',
+            id,
+            true
+        );
+    },
+
+    async execute(reportId, generateFakeData) {
+        const config = await this.loadReportConfig(reportId);
+        console.log({config});
+        if (!config) {
+            this.fireEvent('failure', 'report not found');
+        }
+        if (generateFakeData) {
+            const fakeData = this.loadFakeData(config.fields, generateFakeData);
+            this.setList(reportId, fakeData);
+        }
+        const list = this.getList(reportId);
+        this.fireEvent('complete', {list, totalCount: list.length});
+    },
+
+    loadFakeData(fields, len) {
+        len = Math.min(len, 100);
+        const getValue = (type) => {
+            const strGen = Ext.create('Ext.data.identifier.Uuid');
+            if (type === 'number') {
+                return Math.random() * 99999;
+            }
+            if (type === 'boolean') {
+                return Math.random() > 0.5;
+            }
+            if (type === 'date') {
+                return new Date(Math.ceil(Math.random() * 2e12));
+            }
+            return strGen.generate();
+        };
+        const columns = fields.filter((column) => column.visibleSwitch);
+        const getRow = () => columns.reduce((acc, {reportFieldCd, reportFieldTypeLookup}) => {
+            acc[reportFieldCd] = getValue(
+                (reportFieldTypeLookup || '').toLowerCase()
+            );
+            return acc;
+        }, {id: Ext.id(false, 'fakeid-')});
+        return [...Array(len)].map(getRow);
+    },
+
+    getList(id) {
+        return Ext.decode(localStorage.getItem('simlet.' + id), true) || [];
+    },
+
+    setList(id, list) {
+        return localStorage.setItem('simlet.' + id, Ext.encode(list, true));
+    },
+
+    inputParameters: function() {
+        return [
+            {name: 'reportId', description: 'reportId'},
+            {name: 'fake', description: 'generate fake data'}
+        ];
+    },
+});

package/src/util/SimUpsertReportCommand.js

@@ -0,0 +1,4 @@
+Ext.define('Coon.util.SimUpsertReportCommand', {
+    mixins: ['Ext.mixin.Observable'],
+    alias: 'command.SimLoadReportCommand',
+});

package/src/util.js

@@ -48,13 +48,13 @@ Ext.define('Coon.util', {
         };
         const command = getCommand(cls);
         return new Promise((resolve, reject) => {
+            command.on('complete', resolve);
+            command.on('failure', reject);
             if (cls.getParamsFromObject) {
                 command.executeWith(cls.params);
             } else {
                 command.execute(...args);
             }
-            command.on('complete', resolve);
-            command.on('failure', reject);
         });
     },
 

package/src/version.js

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