ru.coon 2.7.4 → 2.7.6

package/src/app/component/CenterViewController.js

@@ -0,0 +1,152 @@
+Ext.define('Coon.app.component.CenterViewController', {
+    extend: 'Ext.app.ViewController',
+    alias: 'controller.CenterViewController',
+    requires: ['Coon.util', 'Coon.Function'],
+    cache: new Map(),
+    privates: {
+        paramsToObject(params) {
+            const entries = [];
+            if (Array.isArray(params) && params.length > 1) {
+                for (let i = 0; i < Math.floor(params.length / 2); i++) {
+                    entries.push([params[i * 2], params[i * 2 + 1]]);
+                }
+            }
+            return entries.length ? Object.fromEntries(entries) : null;
+        },
+        triggerPlugin(pluginId, target) {
+            if (target && Array.isArray(target.plugins)) {
+                const triggerPlugin = target.plugins.find((p) => p.pluginId === pluginId);
+                if (triggerPlugin && typeof triggerPlugin.handler === 'function') {
+                    triggerPlugin.handler.call(triggerPlugin);
+                }
+            }
+        },
+        onActivateComponent(params, cmp) {
+            if (cmp.xtype === 'ReportPanel') {
+                if (params) {
+                    cmp.updateFilterDefaults(params);
+                    if (params.plugin) {
+                        if (!cmp.grid) {
+                            cmp.on('gridReady', (reportPanel) => {
+                                this.triggerPlugin(params.plugin, reportPanel.grid);
+                            });
+                        } else {
+                            this.triggerPlugin(params.plugin, cmp.grid);
+                        }
+                    }
+                }
+            }
+        },
+        onRenderEditor(editor, id) {
+            const c = editor.getController();
+            typeof c.doInit === 'function' && c.doInit.call(c, id);
+        },
+    },
+    async create(id, type = 'panel', params = [], useCache = true) {
+        const cacheKey = useCache && JSON.stringify({id, type, params});
+        let config;
+        if (!id) {
+            return config;
+        }
+        if (cacheKey) {
+            const cached = this.cache.get(cacheKey);
+            if (cached) {
+                return cached;
+            }
+        }
+
+        const paramsObject = this.paramsToObject(params);
+        const filterDefaults =
+            (paramsObject && Object.assign(paramsObject, {doFilter: true})) || {};
+        switch (String(type).toUpperCase()) {
+        case 'REPORT':
+            config = {
+                xtype: 'ReportPanel',
+                reportID: id,
+                filterDefaults,
+                listeners: {
+                    'router:activate': this.onActivateComponent.bind(
+                        this,
+                        paramsObject
+                    ),
+                },
+            };
+            break;
+        case 'PANEL':
+            try {
+                config = await Coon.util.promisifyCmd(
+                    'Coon.uielement.command.GetUIElementCommand',
+                    id
+                );
+                if (typeof config === 'object') {
+                    if (typeof config.propertyData === 'string') {
+                        config.propertyData = JSON5.parse(
+                            config.propertyData,
+                            (key, value) => {
+                                if (value === 'true') {
+                                    return true;
+                                }
+                                if (value === 'false') {
+                                    return false;
+                                }
+                                return value;
+                            }
+                        );
+                    }
+                    config = Object.assign(
+                        {xtype: config.xtype},
+                        config.propertyData
+                    );
+                    if (config.xtype === 'ReportPanel') {
+                        Object.assign(config, {
+                            filterDefaults,
+                            listeners: {
+                                'router:activate': this.onActivateComponent.bind(
+                                    this,
+                                    paramsObject
+                                ),
+                            },
+                        });
+                    }
+                    if (config.xtype === 'UiCustomPanel') {
+                        Object.assign(config, {
+                            listeners: {
+                                'router:activate': this.onActivateComponent.bind(
+                                    this,
+                                    paramsObject
+                                ),
+                                'afterrender': (panel) =>
+                                    Coon.Function.executeComponentDoInit(panel, paramsObject),
+                            },
+                        });
+                    }
+                }
+            } catch (e) {
+                Coon.log.error(e.message);
+            }
+            break;
+        case 'EDIT-REPORT':
+            config = {
+                _preferFullScreen: true,
+                _allowRedirect: false,
+                xtype: 'ReportFormEditPanel',
+                listeners: {
+                    'afterrender': (panel) => this.onRenderEditor.call(this, panel, id),
+                },
+            };
+            break;
+        case 'EDIT-PANEL':
+            config = {
+                _preferFullScreen: true,
+                _allowRedirect: false,
+                xtype: 'UiCustomPanelEditor',
+                listeners: {
+                    'afterrender': (panel) => this.onRenderEditor.call(this, panel, id),
+                },
+            };
+            break;
+        }
+        cacheKey && this.cache.set(cacheKey, config);
+        return config;
+    },
+});

package/src/app/viewPort/Main.js

@@ -0,0 +1,76 @@
+Ext.define('Coon.app.viewPort.Main', {
+    extend: 'Ext.Container',
+    xtype: 'CoonAppMainViewPort',
+    layout: 'border',
+    viewModel: {
+        data: {
+            navCollapsed: false,
+        },
+    },
+    items: [
+        {
+            xtype: 'container',
+            region: 'west',
+            weight: -1,
+            layout: {
+                type: 'vbox',
+                align: 'stretch',
+            },
+            items: [
+                {
+                    xtype: 'CoonAppTopView',
+                    height: 48,
+                },
+                {
+                    xtype: 'AppNavigationMenu',
+                    reference: 'NavView',
+                    flex: 1,
+                    dockedItems: [
+                        {
+                            dock: 'bottom',
+                            xtype: 'CoonAppBottomView',
+                        }
+                    ],
+                }
+            ],
+        },
+        {
+            xtype: 'panel',
+            reference: 'headerview',
+            cls: 'coon-app-header-view',
+            region: 'north',
+            docked: 'top',
+            weight: -2,
+            layout: {
+                type: 'hbox',
+                align: 'stretch',
+            },
+            items: [
+                {
+                    xtype: 'AppNavigationToggleButton',
+                },
+                {
+                    xtype: 'AppNavigationBar',
+                    flex: 1,
+                },
+                {
+                    xtype: 'CoonAppHeaderUserBlock',
+                }
+            ],
+        },
+        {xtype: 'CoonAppFooterView', reference: 'footerview', region: 'south', docked: 'bottom', weight: -2},
+        {xtype: 'centerview', reference: 'centerview', region: 'center', weight: -1},
+        {
+            xtype: 'panel',
+            reference: 'detailview',
+            region: 'east',
+            docked: 'right', /* , bind: {width: '{detailview_width}'}*/
+        }
+    ],
+
+    onRender() {
+        this.callParent(arguments);
+        const {initialRoute} = Ext.getApplication();
+        initialRoute && Ext.fireEvent('route:initial', initialRoute);
+    },
+});

package/src/app/viewPort/Main.scss

@@ -0,0 +1,133 @@
+.coon-app-header-view {
+  //font-size: 14px;
+  border: none;
+  color: $base-color-dark;
+  background-color: white;
+
+  .user-button {
+    $user-icon-color: #BCCAD2;
+    &.x-btn-pressed, &.x-btn-focus{
+      background-color: darken($user-icon-color, 5%)!important;
+    }
+    &.x-btn-over:not(&.x-btn-focus) {
+      background-color: lighten($user-icon-color, 0%)!important;
+    }
+  }
+
+  &.x-toolbar-default {
+    padding: 0;
+  }
+
+  .header-user-block {
+    .x-panel-body-default {
+      .x-btn-toolbutton-toolbar-small {
+        padding: 2px 18px 2px 18px;
+      }
+    }
+
+    .blue-text-button {
+      .x-btn-icon-el-toolbutton-toolbar-small {
+        color: $base-color;
+      }
+    }
+  }
+
+  .imgAll {
+    display: inline-block;
+    background-repeat: no-repeat;
+    background-size: 104%;
+    background-position: 50%;
+    border-radius: 50%;
+  }
+
+  .fio {
+    float: right;
+    line-height: 25px;
+    padding-left: 5px;
+    cursor: pointer;
+  }
+
+  .imgSmall {
+    width: 25px;
+    height: 25px;
+  }
+
+  .header-flex {
+    img {
+      width: 100%;
+      position: relative;
+      top: 30px;
+      height: 25px;
+    }
+  }
+
+  .header-bottom {
+    .x-panel-body-default {
+      background-color: $base-color;
+      color: white;
+
+      .x-btn-toolbutton-toolbar-small {
+        margin: 0 12px 0 12px;
+      }
+    }
+  }
+
+  .header-bottom-line {
+    background-color: $base-color;
+  }
+
+  .x-panel-body-default {
+    color: $base-color-dark;
+  }
+
+  .x-btn-default-small {
+    //width: 120px;
+
+    .x-box-target {
+      .x-btn-default-small {
+        background-color: $base-color-dark;
+        color: $base-color-dark;
+      }
+    }
+  }
+
+  .x-btn-icon-el {
+    &.svg-icon {
+      background-color: $base-color;
+      width: 33px;
+      height: 24px;
+    }
+
+    &.svg-icon:hover {
+      background-color: $base-color-dark;
+
+    }
+  }
+
+  .header-bottom .x-panel-body-default .x-btn-toolbutton-toolbar-small {
+    .x-btn-icon-el {
+      &.svg-icon {
+        background-color: lighten(lightgray, 5%);
+      }
+
+      &.svg-icon:hover {
+        background-color: white;
+
+      }
+    }
+  }
+}
+
+.x-edge {
+  .coon-app-header-view {
+    .svg-icon {
+      height: 24px;
+      width: 24px;
+      background-size: 70%;
+
+      .svg-icon-chat {
+        background-size: 80%;
+      }
+    }
+  }
+}

package/src/chart/BaseChart.js

@@ -1,81 +1,81 @@
-/**
- * Форма динамического отчета
- **/
-Ext.define('Coon.chart.BaseChart', {
-    extend: 'Ext.Panel',
-    xtype: 'BaseChart',
-    requires: [
-        'Coon.chart.ChartComponent'
-    ],
-
-    layout: 'fit',
-    url: '/ReportFormData/get',
-    title: 'Диаграмма',
-    chart: undefined, // экземпляр диаграммы
-    config: {
-        chartType: undefined,
-        legend: undefined,
-        // Конфигурация полей
-        cfgFields: [],
-        // Сконфигурированные поля для стора
-        fields: [],
-    },
-
-    items: [
-        {xtype: 'ChartComponent', flex: 1}
-    ],
-
-    store: new Ext.data.Store(),
-
-    initComponent: function() {
-        this.callParent();
-        const chartComp = this.down('ChartComponent');
-        chartComp.on('ready', this.initChart, this);
-        chartComp.on('resize', this.resizeChart, this);
-        this.store.on('load', this.loadChart, this);
-    },
-
-    initChart: function() {
-        this.chartDom = this.down('ChartComponent').getEl().dom;
-        this.chart = Ext.xEchartsJs && Ext.xEchartsJs.init(this.chartDom);
-    },
-
-    clear: function() {
-        if (this.rendered) {
-            this.ownerCt.clearSelections();
-            this.ownerCt.setFilterDefaults({});
-        }
-        if (this.getStore() != null) {
-            this.getStore().removeAll(!this.rendered);
-        }
-    },
-
-    setOption(...args) {
-        this.chart && this.chart.setOption(...args);
-    },
-
-    resizeChart() {
-        this.chart && this.chart.resize();
-    },
-
-    getStore: function() {
-        return this.store;
-    },
-
-    clearChart() {
-        this.chart.clear();
-        this.ownerCt.setFilterDefaults({});
-    },
-
-    loadChart: function(cfg, rows) {
-        rows = rows || cfg.rows;
-        cfg.series = cfg.serieFields.map((field) => {
-            return Object.assign({}, cfg.serieConfig, {data: rows.map((row) => {
-                return cfg.serieConfig.type === 'bar' ? row[field] : {name: row[cfg.axisField], value: row[field]};
-            })});
-        });
-        Coon.log.debug('loadChart', {cfg, rows});
-        this.configureChart(cfg);
-    },
-
-});
+/**
+ * Форма динамического отчета
+ **/
+Ext.define('Coon.chart.BaseChart', {
+    extend: 'Ext.Panel',
+    xtype: 'BaseChart',
+    requires: [
+        'Coon.chart.ChartComponent'
+    ],
+
+    layout: 'fit',
+    url: '/ReportFormData/get',
+    title: 'Диаграмма',
+    chart: undefined, // экземпляр диаграммы
+    config: {
+        chartType: undefined,
+        legend: undefined,
+        // Конфигурация полей
+        cfgFields: [],
+        // Сконфигурированные поля для стора
+        fields: [],
+    },
+
+    items: [
+        {xtype: 'ChartComponent', flex: 1}
+    ],
+
+    store: new Ext.data.Store(),
+
+    initComponent: function() {
+        this.callParent();
+        const chartComp = this.down('ChartComponent');
+        chartComp.on('ready', this.initChart, this);
+        chartComp.on('resize', this.resizeChart, this);
+        this.store.on('load', this.loadChart, this);
+    },
+
+    initChart: function() {
+        this.chartDom = this.down('ChartComponent').getEl().dom;
+        this.chart = Ext.xEchartsJs && Ext.xEchartsJs.init(this.chartDom);
+    },
+
+    clear: function() {
+        if (this.rendered) {
+            this.ownerCt.clearSelections();
+            this.ownerCt.setFilterDefaults({});
+        }
+        if (this.getStore() != null) {
+            this.getStore().removeAll(!this.rendered);
+        }
+    },
+
+    setOption(...args) {
+        this.chart && this.chart.setOption(...args);
+    },
+
+    resizeChart() {
+        this.chart && this.chart.resize();
+    },
+
+    getStore: function() {
+        return this.store;
+    },
+
+    clearChart() {
+        this.chart.clear();
+        this.ownerCt.setFilterDefaults({});
+    },
+
+    loadChart: function(cfg, rows) {
+        rows = rows || cfg.rows;
+        cfg.series = cfg.serieFields.map((field) => {
+            return Object.assign({}, cfg.serieConfig, {data: rows.map((row) => {
+                return cfg.serieConfig.type === 'bar' ? row[field] : {name: row[cfg.axisField], value: row[field]};
+            })});
+        });
+        Coon.log.debug('loadChart', {cfg, rows});
+        this.configureChart(cfg);
+    },
+
+});

package/src/chart/ChartComponent.js

@@ -1,14 +1,14 @@
-Ext.define('Coon.chart.ChartComponent', {
-    extend: 'Ext.Component',
-    xtype: 'ChartComponent',
-
-    minHeight: 200,
-
-    initComponent() {
-        this.setHtml('<div>Здесь будет диаграмма</div>');
-        this.callParent(arguments);
-        this.on('boxready', function() {
-            this.fireEvent('ready');
-        }, this);
-    },
-});
+Ext.define('Coon.chart.ChartComponent', {
+    extend: 'Ext.Component',
+    xtype: 'ChartComponent',
+
+    minHeight: 200,
+
+    initComponent() {
+        this.setHtml('<div>Здесь будет диаграмма</div>');
+        this.callParent(arguments);
+        this.on('boxready', function() {
+            this.fireEvent('ready');
+        }, this);
+    },
+});