ru.coon 2.8.65 → 3.0.2

package/src/report/plugin/configPanel/openCustomPanelButtonPlugin/OpenCustomPanelButtonPluginConfigPanel.js

@@ -1,6 +1,7 @@
 Ext.define('Coon.report.plugin.configPanel.OpenCustomPanelButtonPluginConfigPanel', {
     extend: 'Coon.report.plugin.configPanel.GridToolbarButtonPluginConfigPanel',
     alias: 'widget.OpenCustomPanelButtonPluginConfigPanel',
+    cls: 'OpenCustomPanelButtonPluginConfigPanel',
     uses: [],
     requires: [
         'Coon.report.component.settings.common.ReportFormContextParametersGrid',
@@ -27,267 +28,283 @@ Ext.define('Coon.report.plugin.configPanel.OpenCustomPanelButtonPluginConfigPane
             autoSize: null,
         },
     },
-    createItems: function() {
-        return [
-            {
-                xtype: 'panel',
-                layout: 'border',
-                flex: 1,
-                items: [
-                    {
-                        region: 'center',
-                        autoScroll: true,
-                        xtype: 'form',
-                        labelWidth: 130,
-                        items: [
-                            {
-                                layout: {
-                                    type: 'vbox',
-                                    align: 'stretch',
-                                },
-                                defaults: {
-                                    labelWidth: 130,
-                                    flex: 1,
-                                },
-                                items: [
-                                    this.createDependsOnGridRow(),
-                                    this.createDependsOnGridParameter(),
-                                    this.isCreatedButtonHidden(),
-                                    this.createAddButtonPanel(),
-                                    {
-                                        xtype: 'fieldset',
-                                        items: [
-                                            Object.assign(this.createActOnDoubleClickCheckBox(), {
-                                                reference: 'actOnDoubleClick',
-                                                bind: {
-                                                    disabled: '{actOnSingleClick.checked}',
-                                                },
-                                            }),
-                                            this.createActOnOnSingleClickControl()
-                                        ],
-                                    },
-                                    this.createHotKeyPanel(),
-                                    this.createVisibilityKeyPanel(),
-                                    this.createNewObjectCreated(),
-                                    {
-                                        boxLabel: 'Открыть экземпляр старой версии биллинга',
+    layout: 'fit',
 
-                                        xtype: 'checkbox',
-                                        name: 'oldFrame',
-                                    },
-                                    {
-                                        label: 'Источник определения панели',
-                                        name: 'xtypeSelector',
-                                        xtype: 'ConstantList',
-                                        reference: 'OpenCustomPanelButtonPluginSourceSelectorField',
-                                        data: [
-                                            ['LIST', 'Список панелей', '[reference=OpenCustomPanelButtonPluginComboFld]'],
-                                            ['UI_LIST', 'Список UI элементов', '[reference=OpenCustomPanelButtonPluginUIComboFld]'],
-                                            ['FUNCTION_NAME', 'Имя функции', '[reference=OpenCustomPanelButtonPluginFunctionNameFld]'],
-                                            ['FUNCTION_BODY', 'Определение функции', '[reference=OpenCustomPanelButtonPluginFunctionDefinitionFld]'],
-                                            ['MAPPING', 'Сопоставление', '[reference=OpenCustomPanelButtonPluginFMappingFld]']
-                                        ],
-                                    },
-                                    {
-                                        fieldLabel: 'xtype панели',
-                                        name: 'xtype',
-                                        xtype: 'PanelComboBox',
-                                        reference: 'OpenCustomPanelButtonPluginComboFld',
-                                        hidden: true,
-                                    },
-                                    {
-                                        fieldLabel: 'UIElementCd',
-                                        name: 'UIElement',
-                                        xtype: 'ReportLookupCombo',
-                                        reportId: 'UI_ELEMENTS_LIST',
-                                        valueField: 'UI_ELEMENT_CD',
-                                        displayField: 'UI_ELEMENT_CD',
-                                        reference: 'OpenCustomPanelButtonPluginUIComboFld',
-                                        hidden: true,
-                                        listeners: {
-                                            render: function(field) {
-                                                Ext.create('Ext.tip.ToolTip', {
-                                                    target: field.el,
-                                                    html: 'Press this button to clear the form',
-                                                    listeners: {
-                                                        beforeshow: function(tip) {
-                                                            const rec = field.valueCollection.items.length ? field.valueCollection.items[0] : null;
-                                                            if (rec) {
-                                                                tip.setHtml(
-                                                                    'UIElementCd: ' + rec.get('UI_ELEMENT_CD') + '<br />' +
-                                                                    'xtype: ' + rec.get('XTYPE') + '<br />' +
-                                                                    'description: ' + rec.get('DESCR') + '<br />'
-                                                                );
-                                                            } else {
-                                                                return false;
-                                                            }
-                                                        },
-                                                    },
-                                                });
-                                            },
-                                        },
-                                    },
-                                    {
-                                        xtype: 'hidden',
-                                        name: 'OpenCustomPanelButtonPluginUIComboFldXtype',
-                                        reference: 'OpenCustomPanelButtonPluginUIComboFldXtype',
-                                    },
-                                    {
-                                        fieldLabel: 'имя функции возвращающей xtype панели',
-                                        name: 'xtypeFunctionName',
-                                        xtype: 'textfield',
-                                        reference: 'OpenCustomPanelButtonPluginFunctionNameFld',
-                                        hidden: true,
-                                    },
-                                    {
-                                        fieldLabel: 'функция возвращающая xtype панели',
-                                        name: 'xtypeFunctionDefinition',
-                                        xtype: 'textarea',
-                                        reference: 'OpenCustomPanelButtonPluginFunctionDefinitionFld',
-                                        height: 300,
-                                        hidden: true,
-                                        triggers: {
-                                            template: {
-                                                tooltip: 'Шаблон функции',
-                                                cls: 'svg-icon svg-icon-settings',
-                                                handler: function(field) {
-                                                    field.setValue('function(reportPanel,selectedRecord) { return \'classPanelName\'; }');
-                                                },
-                                            },
-                                        },
-                                    },
-                                    {
-                                        xtype: 'ReportFormContextXTypeMappingGrid',
-                                        fieldLabel: 'список посоставления',
-                                        reference: 'OpenCustomPanelButtonPluginFMappingFld',
-                                        name: 'xtypeMapping',
-                                        height: 200,
-                                        hidden: true,
-                                        flex: 1,
-                                    },
-                                    {
-                                        xtype: 'numberfield',
-                                        hideTrigger: true,
-                                        fieldLabel: 'Ширина окна',
-                                        width: 200,
-                                        emptyText: 'По умолчанию 780',
-                                        allowNegative: false,
-                                        minValue: 100,
-                                        name: 'panelWidth',
-                                        bind: {
-                                            disabled: '{autoSize}',
-                                        },
-                                    },
-                                    {
-                                        xtype: 'numberfield',
-                                        hideTrigger: true,
-                                        fieldLabel: 'Высота окна',
-                                        width: 200,
-                                        emptyText: 'По умолчанию 450',
-                                        allowNegative: false,
-                                        minValue: 100,
-                                        name: 'panelHeight',
-                                        bind: {
-                                            disabled: '{autoSize}',
-                                        },
-                                    },
-                                    {
-                                        boxLabel: 'Автоматические размеры окна (по размерам открываемой панели)',
-                                        xtype: 'checkbox',
-                                        name: 'autoSize',
-                                        bind: {
-                                            value: '{autoSize}',
-                                        },
-                                    },
-                                    {
-                                        boxLabel: 'Встроить справа от меню',
-
-                                        xtype: 'checkbox',
-                                        name: 'displacedMode',
-                                    },
-                                    {
-                                        boxLabel: 'Открыть в окне репорта (возврат к репорту - по кнопке)',
-
-                                        xtype: 'checkbox',
-                                        name: 'openInReport',
-                                    },
-                                    this.createReloadAfterActionField({
-                                        name: 'reloadAfterClose',
-                                        fieldLabel: 'Обновлять отчет после закрытия',
-                                    }),
-                                    {
-                                        boxLabel: 'Закрыть отчёт после закрытия',
-
-                                        xtype: 'checkbox',
-                                        name: 'closeAfterClose',
-                                    },
-                                    {
-                                        xtype: 'checkbox',
-                                        boxLabel: 'Возвращать данные из выделенной строки',
-
-                                        name: 'sendDataOnSelect',
-                                    },
-                                    {
-                                        xtype: 'checkbox',
-                                        boxLabel: 'Отобразить кнопки перехода по записям',
+    createItems: function() {
+        this.topPanel = {
+            title: 'Настройка плагина',
+            cls: 'northRegion',
+            flex: 0.5,
+            autoScroll: true,
+            layout: {
+                type: 'vbox',
+                align: 'stretch',
+            },
+            items: [
+                this.createDependsOnGridRow(),
+                this.createDependsOnGridParameter(),
+                this.isCreatedButtonHidden(),
+                this.createAddButtonPanel(),
+                {
+                    xtype: 'fieldset',
+                    items: [
+                        Object.assign(this.createActOnDoubleClickCheckBox(), {
+                            reference: 'actOnDoubleClick',
+                            bind: {
+                                disabled: '{actOnSingleClick.checked}',
+                            },
+                        }),
+                        this.createActOnOnSingleClickControl()
+                    ],
+                },
+                this.createHotKeyPanel(),
+                this.createVisibilityKeyPanel(),
+                this.createNewObjectCreated(),
+                {
+                    boxLabel: 'Открыть экземпляр старой версии биллинга',
 
-                                        name: 'createChangeSelectionButton',
-                                    },
-                                    this.createSendKeyValueField(),
-                                    {
-                                        xtype: 'checkbox',
-                                        boxLabel: 'Редактировать после создания?',
-                                        name: 'handleNewObjectEvent',
+                    xtype: 'checkbox',
+                    name: 'oldFrame',
+                },
+                {
+                    label: 'Источник определения панели',
+                    name: 'xtypeSelector',
+                    xtype: 'ConstantList',
+                    reference: 'OpenCustomPanelButtonPluginSourceSelectorField',
+                    data: [
+                        ['LIST', 'Список панелей', '[reference=OpenCustomPanelButtonPluginComboFld]'],
+                        ['UI_LIST', 'Список UI элементов', '[reference=OpenCustomPanelButtonPluginUIComboFld]'],
+                        ['FUNCTION_NAME', 'Имя функции', '[reference=OpenCustomPanelButtonPluginFunctionNameFld]'],
+                        ['FUNCTION_BODY', 'Определение функции', '[reference=OpenCustomPanelButtonPluginFunctionDefinitionFld]'],
+                        ['MAPPING', 'Сопоставление', '[reference=OpenCustomPanelButtonPluginFMappingFld]']
+                    ],
+                },
+                {
+                    fieldLabel: 'xtype панели',
+                    name: 'xtype',
+                    xtype: 'PanelComboBox',
+                    reference: 'OpenCustomPanelButtonPluginComboFld',
+                    hidden: true,
+                },
+                {
+                    fieldLabel: 'UIElementCd',
+                    name: 'UIElement',
+                    xtype: 'ReportLookupCombo',
+                    reportId: 'UI_ELEMENTS_LIST',
+                    valueField: 'UI_ELEMENT_CD',
+                    displayField: 'UI_ELEMENT_CD',
+                    reference: 'OpenCustomPanelButtonPluginUIComboFld',
+                    hidden: true,
+                    listeners: {
+                        render: function(field) {
+                            Ext.create('Ext.tip.ToolTip', {
+                                target: field.el,
+                                html: 'Press this button to clear the form',
+                                listeners: {
+                                    beforeshow: function(tip) {
+                                        const rec = field.valueCollection.items.length ? field.valueCollection.items[0] : null;
+                                        if (rec) {
+                                            tip.setHtml(
+                                                'UIElementCd: ' + rec.get('UI_ELEMENT_CD') + '<br />' +
+                                                'xtype: ' + rec.get('XTYPE') + '<br />' +
+                                                'description: ' + rec.get('DESCR') + '<br />'
+                                            );
+                                        } else {
+                                            return false;
+                                        }
                                     },
-                                    {
-                                        xtype: 'combobox',
-                                        name: 'newObjectChangeButtonPlugin',
-                                        reference: 'newObjectChangeButtonPluginCombo',
-                                        fieldLabel: 'UIElement кнопки редактирования',
-                                        store: {
-                                            field: ['value'],
-                                        },
-                                        valueField: 'value',
-                                        displayField: 'value',
-                                    }
-                                ],
-                            }
-                        ],
+                                },
+                            });
+                        },
+                    },
+                },
+                {
+                    xtype: 'hidden',
+                    name: 'OpenCustomPanelButtonPluginUIComboFldXtype',
+                    reference: 'OpenCustomPanelButtonPluginUIComboFldXtype',
+                },
+                {
+                    fieldLabel: 'имя функции возвращающей xtype панели',
+                    name: 'xtypeFunctionName',
+                    xtype: 'textfield',
+                    reference: 'OpenCustomPanelButtonPluginFunctionNameFld',
+                    hidden: true,
+                },
+                {
+                    fieldLabel: 'функция возвращающая xtype панели',
+                    name: 'xtypeFunctionDefinition',
+                    xtype: 'textarea',
+                    reference: 'OpenCustomPanelButtonPluginFunctionDefinitionFld',
+                    height: 300,
+                    hidden: true,
+                    triggers: {
+                        template: {
+                            tooltip: 'Шаблон функции',
+                            cls: 'svg-icon svg-icon-settings',
+                            handler: function(field) {
+                                field.setValue('function(reportPanel,selectedRecord) { return \'classPanelName\'; }');
+                            },
+                        },
+                    },
+                },
+                {
+                    xtype: 'ReportFormContextXTypeMappingGrid',
+                    fieldLabel: 'список посоставления',
+                    reference: 'OpenCustomPanelButtonPluginFMappingFld',
+                    name: 'xtypeMapping',
+                    height: 200,
+                    hidden: true,
+                    flex: 1,
+                },
+                {
+                    xtype: 'numberfield',
+                    hideTrigger: true,
+                    fieldLabel: 'Ширина окна',
+                    width: 200,
+                    emptyText: 'По умолчанию 780',
+                    allowNegative: false,
+                    minValue: 100,
+                    name: 'panelWidth',
+                    bind: {
+                        disabled: '{autoSize}',
+                    },
+                },
+                {
+                    xtype: 'numberfield',
+                    hideTrigger: true,
+                    fieldLabel: 'Высота окна',
+                    width: 200,
+                    emptyText: 'По умолчанию 450',
+                    allowNegative: false,
+                    minValue: 100,
+                    name: 'panelHeight',
+                    bind: {
+                        disabled: '{autoSize}',
+                    },
+                },
+                {
+                    boxLabel: 'Автоматические размеры окна (по размерам открываемой панели)',
+                    xtype: 'checkbox',
+                    name: 'autoSize',
+                    bind: {
+                        value: '{autoSize}',
                     },
-                    {
-                        region: 'south',
-                        height: 250,
-                        split: true,
-                        layout: 'fit',
-                        items: [
-                            {
-                                layout: {
-                                    type: 'hbox',
-                                    pack: 'start',
-                                    align: 'stretch',
+                },
+                // {
+                //     boxLabel: 'Встроить справа от меню',
+                //     xtype: 'checkbox',
+                //     name: 'displacedMode',
+                // },
+                {
+                    xtype: 'fieldcontainer',
+                    fieldLabel: 'режим открытия',
+                    style: {
+                        border: '1px solid lightgray',
+                        borderRadius: '4px',
+                        padding: '4px',
+                    },
+                    items: [
+                        {
+                            boxLabel: 'Открыть в модальном окне(WindowWrap)[по умолчанию откроется в вкладке]',
+                            xtype: 'checkbox',
+                            name: 'openInWindow',
+                            listeners: {
+                                change(checkbox) {
+                                    checkbox.up().down('[name=openInReport]').setDisabled(checkbox.checked);
                                 },
-                                items: [
-                                    {
-                                        xtype: 'ReportFormContextParametersGrid',
-                                        reference: 'OpenCustomPanelButtonPluginParametersGrid',
-                                        flex: 3,
-                                        height: 250,
-                                        loadParametersSource: undefined,
-                                    },
-                                    {
-                                        xtype: 'ReportPropertiesGrid',
-                                        height: 250,
-                                        flex: 1,
-                                        split: true,
-                                    }
-                                ],
-                            }
-                        ],
-                    }
-                ],
-            }
-        ];
+                            },
+                        },
+                        {
+                            boxLabel: 'Открыть в окне репорта (возврат к репорту - по кнопке)',
+                            xtype: 'checkbox',
+                            name: 'openInReport',
+                            listeners: {
+                                change(checkbox) {
+                                    checkbox.up().down('[name=openInWindow]').setDisabled(checkbox.checked);
+                                },
+                            },
+                        }
+                    ],
+                },
+                this.createReloadAfterActionField({
+                    name: 'reloadAfterClose',
+                    fieldLabel: 'Обновлять отчет после закрытия',
+                }),
+                {
+                    boxLabel: 'Закрыть отчёт после закрытия',
+                    xtype: 'checkbox',
+                    name: 'closeAfterClose',
+                },
+                {
+                    xtype: 'checkbox',
+                    boxLabel: 'Возвращать данные из выделенной строки',
+                    name: 'sendDataOnSelect',
+                },
+                {
+                    xtype: 'checkbox',
+                    boxLabel: 'Отобразить кнопки перехода по записям',
+                    name: 'createChangeSelectionButton',
+                },
+                this.createSendKeyValueField(),
+                {
+                    xtype: 'checkbox',
+                    boxLabel: 'Редактировать после создания?',
+                    name: 'handleNewObjectEvent',
+                },
+                {
+                    xtype: 'combobox',
+                    name: 'newObjectChangeButtonPlugin',
+                    reference: 'newObjectChangeButtonPluginCombo',
+                    fieldLabel: 'UIElement кнопки редактирования',
+                    store: {
+                        field: ['value'],
+                    },
+                    valueField: 'value',
+                    displayField: 'value',
+                }
+            ],
+        };
+        this.bottomPanel = {
+            title: 'Входные параметры и свойства',
+            cls: 'southRegion',
+            flex: 0.5,
+            layout: {
+                type: 'vbox',
+                align: 'stretch',
+            },
+            items: [
+                {
+                    xtype: 'ReportFormContextParametersGrid',
+                    reference: 'OpenCustomPanelButtonPluginParametersGrid',
+                    flex: 1,
+                    height: 250,
+                    loadParametersSource: undefined,
+                },
+                {
+                    xtype: 'ReportPropertiesGrid',
+                    height: 250,
+                    flex: 1,
+                    split: true,
+                }
+            ],
+        };
+        return {
+            xtype: 'panel',
+            layout: {
+                type: 'vbox',
+                align: 'stretch',
+            },
+            flex: 1,
+            defaults: {
+                collapsible: true,
+            },
+            items: [
+                this.topPanel,
+                this.bottomPanel
+            ],
+        };
     },
+
     setContext: function(context) {
         this.callParent(arguments);
         const grid = this.down('[reference=OpenCustomPanelButtonPluginParametersGrid]');
@@ -334,6 +351,7 @@ Ext.define('Coon.report.plugin.configPanel.OpenCustomPanelButtonPluginConfigPane
         newObjectChangeCombo.setStore(buttonPlugins);
         this.getViewModel().set('autoSize', config.autoSize);
     },
+
     onChangeUiElementSelector: function(cmp, val) {
         if (!val) {
             this.lookup('OpenCustomPanelButtonPluginUIComboFldXtype').setValue('');
@@ -346,6 +364,7 @@ Ext.define('Coon.report.plugin.configPanel.OpenCustomPanelButtonPluginConfigPane
             });
         }
     },
+
     getConfiguration: function() {
         const config = this.callParent(arguments);
         const grid = this.down('ReportFormContextParametersGrid');

package/src/report/plugin/configPanel/openCustomPanelButtonPlugin/OpenCustomPanelButtonPluginConfigPanel.scss

@@ -1,3 +1,20 @@
+.OpenCustomPanelButtonPluginConfigPanel {
+  .southRegion, .northRegion {
+    border: 3px solid rgb(235, 236, 238);
+  }
+  .northRegion {
+    .x-panel-body {
+      margin-top: 5px;
+    }
+  }
+
+  .ReportPropertiesGrid {
+    .x-panel-header {
+      background-color: #f6f6f6;
+      padding: 5px;
+    }
+  }
+}
 .x-grid-cell.OCPBP-clickable-cell {
   text-decoration: underline;
   cursor: pointer;