ru.coon 2.7.47 → 2.7.49

package/src/report/plugin/configPanel/AddFilterConditionPluginConfigPanel.scss

@@ -1,53 +1,53 @@
-.AddFilterConditionPluginConfigPanel {
-        .svg-icon{
-                height: 24px;
-                width: 24px;
-        }
-        .fa{
-                height: 24px;
-                width: 24px;
-                padding-top: 6px;
-                color: black;
-        }
-
-        .x-segmented-button-item{
-                background-color: transparent;
-        }
-        .x-segmented-button-item:hover{
-                background-color: rgba(61, 103, 128, 0.04);
-        }
-        .x-segmented-button-item:active{
-                background-color: rgba(61, 103, 128, 0.12);
-        }
-        .x-btn-pressed .x-btn-icon-el {
-                color: #ffffff !important;
-        }
-        .x-segmented-button .x-segmented-button-item .x-btn-inner{
-                color: #3D6780;
-        }
-        .x-segmented-button .x-segmented-button-item .x-btn-icon-el{
-                color: #3D6780;
-        }
-        .x-btn-icon-el{
-                color: #3D6780;
-        }
-}
-
-@include extjs-button-small-ui(
-        $ui: 'FilterSegmentedButton',
-        $padding: 8px 12px,
-        $color: #3D6780,
-        $icon-size: 16px,
-
-        $background-color-over: rgba(61, 103, 128, 0.04),
-        $background-color-focus-over: rgba(61, 103, 128, 0.04),
-
-        $background-color-pressed: rgba(61, 103, 128, 0.12),
-        $background-color-focus-pressed: rgba(61, 103, 128, 0.12),
-
-
-        $border-color: 'none',
-        $background-color: transparent,
-        $border-color-focus: #3D6780,
-        $background-color-focus: rgba(61, 103, 128, 0.12)
-);
+.AddFilterConditionPluginConfigPanel {
+        .svg-icon{
+                height: 24px;
+                width: 24px;
+        }
+        .fa{
+                height: 24px;
+                width: 24px;
+                padding-top: 6px;
+                color: black;
+        }
+
+        .x-segmented-button-item{
+                background-color: transparent;
+        }
+        .x-segmented-button-item:hover{
+                background-color: rgba(61, 103, 128, 0.04);
+        }
+        .x-segmented-button-item:active{
+                background-color: rgba(61, 103, 128, 0.12);
+        }
+        .x-btn-pressed .x-btn-icon-el {
+                color: #ffffff !important;
+        }
+        .x-segmented-button .x-segmented-button-item .x-btn-inner{
+                color: #3D6780;
+        }
+        .x-segmented-button .x-segmented-button-item .x-btn-icon-el{
+                color: #3D6780;
+        }
+        .x-btn-icon-el{
+                color: #3D6780;
+        }
+}
+
+@include extjs-button-small-ui(
+        $ui: 'FilterSegmentedButton',
+        $padding: 8px 12px,
+        $color: #3D6780,
+        $icon-size: 16px,
+
+        $background-color-over: rgba(61, 103, 128, 0.04),
+        $background-color-focus-over: rgba(61, 103, 128, 0.04),
+
+        $background-color-pressed: rgba(61, 103, 128, 0.12),
+        $background-color-focus-pressed: rgba(61, 103, 128, 0.12),
+
+
+        $border-color: 'none',
+        $background-color: transparent,
+        $border-color-focus: #3D6780,
+        $background-color-focus: rgba(61, 103, 128, 0.12)
+);

package/src/report/plugin/configPanel/ExecuteCommandButtonPluginConfigPanel.scss

@@ -1,5 +1,5 @@
-.addActionColumnMsg {
-	font-size: 15px;
-	margin: 0 0 0 12px;
-	color: red;
-}
+.addActionColumnMsg {
+	font-size: 15px;
+	margin: 0 0 0 12px;
+	color: red;
+}

package/src/report/plugin/configPanel/GroupRowsPluginConfigPanel.scss

@@ -1,3 +1,3 @@
-.tpl-key {
-    font-weight: bold;
-}
+.tpl-key {
+    font-weight: bold;
+}

package/src/report/plugin/configPanel/UiAceEditorField.scss

@@ -1,20 +1,20 @@
-.UiAceEditorField {
-  .ace-editor-editor{
-    width: 100%;
-    height: 100px;
-    display: block;
-    background-color: red !important;
-    min-height: 30px !important;
-  }
-  .ace-editor-content .x-grid-cell-editor{
-      width: 100%;
-      height: 100%;
-      display: block;
-      position: relative !important;
-      min-height: 100px;
-  }
-  .ace-editor-content .ace_editor{
-    height: 100%;
-    min-height: 100px;
-  }
-}
+.UiAceEditorField {
+  .ace-editor-editor{
+    width: 100%;
+    height: 100px;
+    display: block;
+    background-color: red !important;
+    min-height: 30px !important;
+  }
+  .ace-editor-content .x-grid-cell-editor{
+      width: 100%;
+      height: 100%;
+      display: block;
+      position: relative !important;
+      min-height: 100px;
+  }
+  .ace-editor-content .ace_editor{
+    height: 100%;
+    min-height: 100px;
+  }
+}

package/src/report/plugin/configPanel/common/pluginDescriptionLabel.scss

@@ -1,9 +1,9 @@
-.pluginDescriptionLabel {
-    height: 2.5em;
-    margin: 5px 10px;
-    text-overflow: clip;
-    overflow: hidden;
-    .x-form-display-field {
-        color: #555!important;
-    }
+.pluginDescriptionLabel {
+    height: 2.5em;
+    margin: 5px 10px;
+    text-overflow: clip;
+    overflow: hidden;
+    .x-form-display-field {
+        color: #555!important;
+    }
 }

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

@@ -434,7 +434,7 @@ Ext.define('Coon.report.plugin.grid.CopyRowsFromGrid', {
         }
         try {
             fileName = new Ext.XTemplate(fileName, {strict: true}).apply({
-                parameters: this.component.up('ReportPanel').currentParamList,
+                parameters: this.component.up('ReportPanel').currentParamList || {},
             });
         } catch (err) {
             Coon.log.warn(err);

package/src/report/plugin/grid/GridRowStylePlugin.scss

@@ -1,56 +1,56 @@
-
-.boldOnRow.x-grid-row {
-  font-weight: bold;
-}
-
-.italicOnRow.x-grid-row {
-  font-style: italic;
-}
-
-.underlineOnRow.x-grid-row {
-  text-decoration: underline;
-}
-
-.linkColor.x-grid-row {
-  a {
-    color: inherit;
-  }
-}
-
-.boldOnRow .x-grid-row {
-  font-weight: bold;
-}
-
-.italicOnRow .x-grid-row {
-  font-style: italic;
-}
-
-.underlineOnRow .x-grid-row {
-  text-decoration: underline;
-}
-
-.linkColor .x-grid-row {
-  a {
-    color: inherit;
-  }
-}
-
-.x-grid-checkcolumn::after {
-  color: inherit !important;
-  font-weight: inherit;
-  font-style: inherit;
-}
-
-.x-grid-cell-inner .link-button {
-  color: inherit !important;
-  font-weight: inherit;
-  font-style: inherit;
-}
-
-.x-grid-cell-inner {
-  a {
-    font-weight: inherit;
-    font-style: inherit;
-    color: inherit;
-  }
-}
+
+.boldOnRow.x-grid-row {
+  font-weight: bold;
+}
+
+.italicOnRow.x-grid-row {
+  font-style: italic;
+}
+
+.underlineOnRow.x-grid-row {
+  text-decoration: underline;
+}
+
+.linkColor.x-grid-row {
+  a {
+    color: inherit;
+  }
+}
+
+.boldOnRow .x-grid-row {
+  font-weight: bold;
+}
+
+.italicOnRow .x-grid-row {
+  font-style: italic;
+}
+
+.underlineOnRow .x-grid-row {
+  text-decoration: underline;
+}
+
+.linkColor .x-grid-row {
+  a {
+    color: inherit;
+  }
+}
+
+.x-grid-checkcolumn::after {
+  color: inherit !important;
+  font-weight: inherit;
+  font-style: inherit;
+}
+
+.x-grid-cell-inner .link-button {
+  color: inherit !important;
+  font-weight: inherit;
+  font-style: inherit;
+}
+
+.x-grid-cell-inner {
+  a {
+    font-weight: inherit;
+    font-style: inherit;
+    color: inherit;
+  }
+}

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

@@ -51,7 +51,7 @@ Ext.define('Coon.report.plugin.grid.ReportColumnStatePlugin', {
             const currentColumnState = {
                 columnId: e.dataIndex,
                 position: e.fullColumnIndex,
-                width: e.getWidth(),
+                width: e.width,
                 hidden: e.getHidden(),
             };
             currentState.push(currentColumnState);

package/src/report/plugin/grid/ReportTabContainerPlugin.scss

@@ -1,3 +1,3 @@
-.x-tab-bar-default-top .x-tab-bar-body-default {
-  padding-top: 0;
-}
+.x-tab-bar-default-top .x-tab-bar-body-default {
+  padding-top: 0;
+}

package/src/report/plugin/grid/ToggleColumnsPlugin.scss

@@ -1,7 +1,7 @@
-.ToggleColumnsPlugin {
-  .toggle-pressed {
-    .x-btn-icon-el-blue-text-button-small.svg-icon {
-      background-color: #1E3B4B;
-    }
-  }
-}
+.ToggleColumnsPlugin {
+  .toggle-pressed {
+    .x-btn-icon-el-blue-text-button-small.svg-icon {
+      background-color: #1E3B4B;
+    }
+  }
+}

package/src/report/plugin/grid/ToolbarButtonPlugin.scss

@@ -1,3 +1,3 @@
-.x-grid-cell-inner-action-col {
-	text-align: center !important;
-}
+.x-grid-cell-inner-action-col {
+	text-align: center !important;
+}

package/src/research/ResearchTreeView.scss

@@ -1,19 +1,19 @@
-.ResearchTreeView {
-  span.field-rep-name {
-    font-weight: bold;
-  }
-
-  span.field-ui-name {
-    font-weight: bold;
-  }
-
-  span.component-type-name {
-    font-weight: bold;
-  }
-
-  .x-tab-default .x-tab-close-btn:before {
-    content: '\f00d';
-    color: gray;
-  }
-
-}
+.ResearchTreeView {
+  span.field-rep-name {
+    font-weight: bold;
+  }
+
+  span.field-ui-name {
+    font-weight: bold;
+  }
+
+  span.component-type-name {
+    font-weight: bold;
+  }
+
+  .x-tab-default .x-tab-close-btn:before {
+    content: '\f00d';
+    color: gray;
+  }
+
+}

package/src/ringBuffer.js

@@ -0,0 +1,36 @@
+Ext.define('Coon.ringBuffer', {
+    statics: {
+        maxLength: 2000,
+    },
+
+    constructor(cfg) {
+        const buffer = [];
+        let cursor = 0;
+        this.getLength = () => (cfg.length || this.self.maxLength) - 1;
+        this.getBuffer = () => buffer;
+        this.getCursor = () => cursor;
+        this.advanceCursor = () => {
+            if (cursor < this.getLength()) {
+                cursor += 1;
+            } else {
+                cursor = 0;
+            }
+            return cursor;
+        };
+        Ext.apply(this, cfg);
+    },
+
+    push(el) {
+        this.getBuffer()[this.getCursor()] = {el, idx: Date.now()};
+        this.advanceCursor();
+        return this;
+    },
+
+    get() {
+        return this.getBuffer().sort((a, b) => a.idx - b.idx);
+    },
+
+    getElements() {
+        return this.get().map(({el, idx}) => Object.assign(el, {time: new Date(idx)}));
+    },
+});

package/src/security/component/RoleFileUploadForm.scss

@@ -1,5 +1,5 @@
-.RoleFileUploadForm {
-    .x-btn-inner {
-        color: black!important;
-    }
+.RoleFileUploadForm {
+    .x-btn-inner {
+        color: black!important;
+    }
 }

package/src/security/component/ui/UiCPRestrictionEditor.scss

@@ -1,5 +1,5 @@
-.UiCPRestrictionEditor {
-    .saveBtn:not(.x-item-disabled) .x-btn-inner{
-        color: red;
-    }
+.UiCPRestrictionEditor {
+    .saveBtn:not(.x-item-disabled) .x-btn-inner{
+        color: red;
+    }
 }

package/src/security/securitySettingComponent/RoleEditPanel.scss

@@ -1,17 +1,17 @@
-.RoleEditPanel {
-  .x-grid-item {
-    .checked-row {
-      background-color: #f7f7f8;
-    }
-  }
-  .x-grid-item {
-    .unchecked-row {
-      background-color: white;
-    }
-  }
-  .x-grid-row {
-      &:hover {
-        background-color: #ebecee;
-      }
-  }
+.RoleEditPanel {
+  .x-grid-item {
+    .checked-row {
+      background-color: #f7f7f8;
+    }
+  }
+  .x-grid-item {
+    .unchecked-row {
+      background-color: white;
+    }
+  }
+  .x-grid-row {
+      &:hover {
+        background-color: #ebecee;
+      }
+  }
 }

package/src/uielement/component/MenuItemList.scss

@@ -1,35 +1,35 @@
-.MenuItemList {
-  .list-box {
-    border: 1px solid #e0e0e0;
-    margin: 3px;
-    //padding: 7px;
-    border-radius: 10px;
-  }
-
-  .parent-menu-item .x-treelist-item-text {
-    font-size: 16px;
-    color: #111;
-    font-weight: 600;
-  }
-
-  .x-treelist-item-text {
-    color: #1f5a8a;
-  }
-
-  .empty-bg {
-    background-color: #eeeeee !important;
-  }
-
-  .icon-orange {
-    background-color: #ff9800;
-    margin-top: 5px;
-  }
-
-  .x-treelist-row-over, .x-treelist-item-selected .x-treelist-row {
-    background-color: #FFFFFFFF;
-  }
-
-  .x-treelist-row-over .x-treelist-item-text, .x-treelist-item-selected .x-treelist-item-text {
-    color: #112b39;
-  }
-}
+.MenuItemList {
+  .list-box {
+    border: 1px solid #e0e0e0;
+    margin: 3px;
+    //padding: 7px;
+    border-radius: 10px;
+  }
+
+  .parent-menu-item .x-treelist-item-text {
+    font-size: 16px;
+    color: #111;
+    font-weight: 600;
+  }
+
+  .x-treelist-item-text {
+    color: #1f5a8a;
+  }
+
+  .empty-bg {
+    background-color: #eeeeee !important;
+  }
+
+  .icon-orange {
+    background-color: #ff9800;
+    margin-top: 5px;
+  }
+
+  .x-treelist-row-over, .x-treelist-item-selected .x-treelist-row {
+    background-color: #FFFFFFFF;
+  }
+
+  .x-treelist-row-over .x-treelist-item-text, .x-treelist-item-selected .x-treelist-item-text {
+    color: #112b39;
+  }
+}

package/src/uielement/component/UiCustomController.js

@@ -3,7 +3,12 @@ Ext.define('Coon.uielement.component.UiCustomController', {
     alias: 'controller.UiCustomController',
     requires: ['Coon.security.Manager'],
 
+    locals: {},
+
     init: function(view) {
+        if (this.isTracePluginsEnabled()) {
+            this.getTraceBuffer();
+        }
         const config = view.propertyData || view.initialConfig;
         if (!view || typeof view.on !== 'function') {
             Coon.log.debug(` [Error]UiCustomController.init - view not found or view.on is not a function`);
@@ -16,7 +21,6 @@ Ext.define('Coon.uielement.component.UiCustomController', {
                 return;
             }
             const viewButtons = view.query('button');
-            // console.time('UiCustomController.buttons');
             const allowedMap = new Set(accessDecision.allowedItems);
             if (Ext.isObject(securePoints.buttons) && Object.keys(securePoints.buttons).length) {
                 Coon.log.debug(`used securePoints, allowed: ${accessDecision.allowedItems}, secureButtons: ${Object.keys(securePoints.buttons)}`);
@@ -45,7 +49,6 @@ Ext.define('Coon.uielement.component.UiCustomController', {
                         }
                     });
             }
-            // console.timeEnd('UiCustomController.buttons');
         }, this);
     },
 
@@ -94,6 +97,7 @@ Ext.define('Coon.uielement.component.UiCustomController', {
         Coon.util.copyToClipboard(url);
         Ext.toast('Ссылка скопирована в буфер обмена!');
     },
+
     applyRestrictions(map) {
         Coon.security.Manager.sync({map, component: this.getView()});
     },
@@ -107,4 +111,18 @@ Ext.define('Coon.uielement.component.UiCustomController', {
         const map = ctx.toJSON().map;
         return {buttons: map && map.buttons};
     },
+
+    getTraceBuffer() {
+        if (!this.locals.traceBuffer) {
+            this.locals.traceBuffer = Ext.create('Coon.ringBuffer', {length: 1000});
+        }
+        return this.locals.traceBuffer;
+    },
+
+    isTracePluginsEnabled() {
+        return Boolean(
+            Coon.setup.get('trace.cpPlugins')
+        );
+    },
+
 });

package/src/uielement/component/UiCustomPanel.js

@@ -4,12 +4,28 @@ Ext.define('Coon.uielement.component.UiCustomPanel', {
     xtype: 'UiCustomPanel',
     uses: [],
     requires: [
-        'Coon.uielement.component.UiCustomController'
+        'Coon.uielement.component.UiCustomController',
+        'Coon.uielement.plugin.CustomPanelPlugin',
+        'Coon.uielement.component.UiCustomPanelTraceWindow'
     ],
     controller: {type: 'UiCustomController'},
     viewModel: {type: 'UiCustomPanelViewModel'},
 
     keyMap: {
+        'Ctrl+Shift+Alt+F8': {
+            handler(_, view) {
+                const scope = view.getController();
+                if (!scope) {
+                    return;
+                }
+                const win = Ext.create({xtype: 'UiCustomPanelTraceWindow'});
+                if (win.isTraceEnabled(scope)) {
+                    const traceBuffer = scope.getTraceBuffer();
+                    win.loadLogs(traceBuffer.getElements());
+                    win.show();
+                }
+            },
+        },
         'Ctrl+Alt+U': {
             handler: function(_, scope) {
                 const inputParameters = scope.getController().inputParameters().map((el) => el.name);