ru.coon 2.5.67 → 2.6.0

package/src/common/panel/widget/WidgetPanel.scss

@@ -1,157 +1,157 @@
-.WidgetPanel {
-  .x-grid-cell-inner .x-btn {
-    padding: 0;
-  }
-
-  .widget-box {
-    border: 2px solid #e0e0e0;
-    margin: 10px 20px;
-    padding: 7px;
-    border-radius: 10px;
-  }
-
-  .x-tip-header .x-tool-close,
-  {
-    background-color: #111111 !important;
-  }
-
-  .black-svg-tool .x-tool-plus,
-  .black-svg-tool .x-tool-pin,
-  .black-svg-tool .x-tool-close,
-  .black-svg-tool .x-tool-save,
-  .black-svg-tool .x-tool-maximize,
-  .black-svg-tool .x-tool-minimize {
-    background-color: #111111 !important;
-  }
-
-  .black-tool-settings {
-    padding-top: 5px;
-    color: black;
-  }
-
-  .black-tool-size {
-    padding-top: 2px;
-    color: black;
-  }
-
-  .x-panel-header-default .x-tool-tool-el {
-    background-color: transparent;
-  }
-
-
-  /*-------------*/
-  .borders {
-    margin: 0 3px 15px 3px !important;
-    box-shadow: 0 1px 6px 0 rgba(86, 112, 163, 0.2);
-  }
-
-  .borders > .x-panel-bodyWrap > .x-panel-body {
-    border: 1px solid #e0e0e0 !important;
-    border-radius: 0 0 5px 5px;
-    margin-top: -1px;
-  }
-
-  .no-header-panel .x-panel-bodyWrap > .x-panel-body {
-    border: 1px solid #e0e0e0 !important;
-    border-radius: 5px;
-    margin-top: 0;
-  }
-
-  .borders .x-panel-header {
-    border-radius: 5px 5px 0 0;
-    height: auto;
-  }
-  .draggable-element{
-    width: 100px;
-    height: 100px;
-    background-color: #e0e0e0;
-  }
-  .btn {
-    &:hover{
-      background-color: rgba(61, 103, 128, 1)!important;
-    }
-    width: 30px;
-    height: 30px;
-    position: absolute;
-    background-color: rgba(61, 103, 128, 0.7);
-    border-radius: 18px;
-    cursor: pointer;
-    z-index: 999;
-  }
-
-  .btn i {
-    color: #FFF;
-    font-style: normal;
-  }
-
-  .left-btn {
-    left: 10px;
-    top: 50%;
-  }
-
-  .save-btn {
-    right: 50px;
-    top: 50px;
-  }
-
-  .right-btn {
-    right: 10px;
-    top: 50%;
-  }
-
-  .top-btn {
-    top: 10px;
-    left: 50%;
-  }
-
-  .down-btn {
-    bottom: 10px;
-    left: 50%;
-  }
-
-  .left-btn-parent {
-    left: 10px;
-    margin-top: 35px;
-    top: 50%;
-  }
-
-  .right-btn-parent {
-    right: 10px;
-    margin-top: 35px;
-    top: 50%;
-  }
-
-  .top-btn-parent {
-    top: 10px;
-    margin-left: 35px;
-    left: 50%;
-  }
-
-  .down-btn-parent {
-    bottom: 10px;
-    margin-left: 35px;
-    left: 50%;
-  }
-
-  .icon {
-    font-size: 18px;
-    display: block;
-    text-align: center;
-    margin-top: 6px;
-  }
-
-  .hidden-btn {
-    display: none !important;
-  }
-
-  /*.widget-panel{
-    left: 0 !important;
-    top: 0 !important;
-  }*/
-
-
-}
-.svg-icon-tool{
-  background-color: white !important;
-}
-
+.WidgetPanel {
+  .x-grid-cell-inner .x-btn {
+    padding: 0;
+  }
+
+  .widget-box {
+    border: 2px solid #e0e0e0;
+    margin: 10px 20px;
+    padding: 7px;
+    border-radius: 10px;
+  }
+
+  .x-tip-header .x-tool-close,
+  {
+    background-color: #111111 !important;
+  }
+
+  .black-svg-tool .x-tool-plus,
+  .black-svg-tool .x-tool-pin,
+  .black-svg-tool .x-tool-close,
+  .black-svg-tool .x-tool-save,
+  .black-svg-tool .x-tool-maximize,
+  .black-svg-tool .x-tool-minimize {
+    background-color: #111111 !important;
+  }
+
+  .black-tool-settings {
+    padding-top: 5px;
+    color: black;
+  }
+
+  .black-tool-size {
+    padding-top: 2px;
+    color: black;
+  }
+
+  .x-panel-header-default .x-tool-tool-el {
+    background-color: transparent;
+  }
+
+
+  /*-------------*/
+  .borders {
+    margin: 0 3px 15px 3px !important;
+    box-shadow: 0 1px 6px 0 rgba(86, 112, 163, 0.2);
+  }
+
+  .borders > .x-panel-bodyWrap > .x-panel-body {
+    border: 1px solid #e0e0e0 !important;
+    border-radius: 0 0 5px 5px;
+    margin-top: -1px;
+  }
+
+  .no-header-panel .x-panel-bodyWrap > .x-panel-body {
+    border: 1px solid #e0e0e0 !important;
+    border-radius: 5px;
+    margin-top: 0;
+  }
+
+  .borders .x-panel-header {
+    border-radius: 5px 5px 0 0;
+    height: auto;
+  }
+  .draggable-element{
+    width: 100px;
+    height: 100px;
+    background-color: #e0e0e0;
+  }
+  .btn {
+    &:hover{
+      background-color: rgba(61, 103, 128, 1)!important;
+    }
+    width: 30px;
+    height: 30px;
+    position: absolute;
+    background-color: rgba(61, 103, 128, 0.7);
+    border-radius: 18px;
+    cursor: pointer;
+    z-index: 999;
+  }
+
+  .btn i {
+    color: #FFF;
+    font-style: normal;
+  }
+
+  .left-btn {
+    left: 10px;
+    top: 50%;
+  }
+
+  .save-btn {
+    right: 50px;
+    top: 50px;
+  }
+
+  .right-btn {
+    right: 10px;
+    top: 50%;
+  }
+
+  .top-btn {
+    top: 10px;
+    left: 50%;
+  }
+
+  .down-btn {
+    bottom: 10px;
+    left: 50%;
+  }
+
+  .left-btn-parent {
+    left: 10px;
+    margin-top: 35px;
+    top: 50%;
+  }
+
+  .right-btn-parent {
+    right: 10px;
+    margin-top: 35px;
+    top: 50%;
+  }
+
+  .top-btn-parent {
+    top: 10px;
+    margin-left: 35px;
+    left: 50%;
+  }
+
+  .down-btn-parent {
+    bottom: 10px;
+    margin-left: 35px;
+    left: 50%;
+  }
+
+  .icon {
+    font-size: 18px;
+    display: block;
+    text-align: center;
+    margin-top: 6px;
+  }
+
+  .hidden-btn {
+    display: none !important;
+  }
+
+  /*.widget-panel{
+    left: 0 !important;
+    top: 0 !important;
+  }*/
+
+
+}
+.svg-icon-tool{
+  background-color: white !important;
+}
+

package/src/common/panel/widget/WidgetPanelViewModel.js

@@ -1,13 +1,13 @@
-Ext.define('Coon.common.panel.widget.WidgetPanelViewModel', {
-    extend: 'Ext.app.ViewModel',
-    alias: 'viewmodel.WidgetPanelViewModel',
-    data: {
-        isEditing: false,
-        maximized: false,
-        copyData: null,
-        isWindow: false,
-        filter: null,
-        generatedFields: null,
-        isSaving: true,
-    },
-});
+Ext.define('Coon.common.panel.widget.WidgetPanelViewModel', {
+    extend: 'Ext.app.ViewModel',
+    alias: 'viewmodel.WidgetPanelViewModel',
+    data: {
+        isEditing: false,
+        maximized: false,
+        copyData: null,
+        isWindow: false,
+        filter: null,
+        generatedFields: null,
+        isSaving: true,
+    },
+});

package/src/common/plugin/form/CopyPastePlugin.js

@@ -1,68 +1,68 @@
-Ext.define('Coon.common.plugin.form.CopyPastePlugin', {
-    extend: 'Ext.plugin.Abstract',
-    alias: 'plugin.CopyPastePlugin',
-
-    init: function(component) {
-        this.component = component;
-
-        this.contextMenu = new Ext.menu.Menu({
-            items: [{
-                xtype: 'button',
-                text: 'Вставить',
-                handler: this.onPaste.bind(this),
-            }],
-        });
-
-        component.on('render', this.onRender.bind(this));
-        document.addEventListener('copy', this.onCopy);
-    },
-
-    onRender: function(event) {
-        this.component.getEl().on('contextmenu', function(event) {
-            event.preventDefault();
-            this.contextMenu.items.items[0].setDisabled(this.component.readOnly);
-            this.contextMenu.showAt(event.getXY());
-        }, this);
-    },
-
-    onPaste: function() {
-        navigator.clipboard && navigator.clipboard.readText()
-            .then(
-                (clipText) => {
-                    const selection = document.getSelection();
-                    const selectionField = selection.focusNode.firstChild;
-                    let newValue = '';
-                    if (selectionField.selectionStart) {
-                        const startPosition = selectionField.selectionStart;
-                        const endPosition = selectionField.selectionEnd;
-                        newValue = this.component.value.substring(0, startPosition) +
-                        clipText +
-                        this.component.value.substring(endPosition, this.component.value.length);
-                        selectionField.selectionStart = startPosition + this.component.length;
-                        selectionField.selectionEnd = selectionField.selectionStart;
-                    } else {
-                        newValue = this.component.value + clipText;
-                    }
-                    this.component.setValue(newValue);
-                },
-                (ex) => console.warn(ex))
-            .finally(() => {
-                this.component.focus();
-            });
-    },
-
-    onCopy: function(event) {
-        const selection = document.getSelection();
-        if (selection && navigator.clipboard) {
-            navigator.clipboard.writeText(selection.toString());
-        }
-        event.preventDefault();
-    },
-
-    destroy: function() {
-        const me = this;
-        document.removeEventListener('copy', me.onCopy);
-        document.removeEventListener('paste', me.onPaste);
-        me.callParent(arguments);
-    },
-});
+Ext.define('Coon.common.plugin.form.CopyPastePlugin', {
+    extend: 'Ext.plugin.Abstract',
+    alias: 'plugin.CopyPastePlugin',
+
+    init: function(component) {
+        this.component = component;
+
+        this.contextMenu = new Ext.menu.Menu({
+            items: [{
+                xtype: 'button',
+                text: 'Вставить',
+                handler: this.onPaste.bind(this),
+            }],
+        });
+
+        component.on('render', this.onRender.bind(this));
+        document.addEventListener('copy', this.onCopy);
+    },
+
+    onRender: function(event) {
+        this.component.getEl().on('contextmenu', function(event) {
+            event.preventDefault();
+            this.contextMenu.items.items[0].setDisabled(this.component.readOnly);
+            this.contextMenu.showAt(event.getXY());
+        }, this);
+    },
+
+    onPaste: function() {
+        navigator.clipboard && navigator.clipboard.readText()
+            .then(
+                (clipText) => {
+                    const selection = document.getSelection();
+                    const selectionField = selection.focusNode.firstChild;
+                    let newValue = '';
+                    if (selectionField.selectionStart) {
+                        const startPosition = selectionField.selectionStart;
+                        const endPosition = selectionField.selectionEnd;
+                        newValue = this.component.value.substring(0, startPosition) +
+                        clipText +
+                        this.component.value.substring(endPosition, this.component.value.length);
+                        selectionField.selectionStart = startPosition + this.component.length;
+                        selectionField.selectionEnd = selectionField.selectionStart;
+                    } else {
+                        newValue = this.component.value + clipText;
+                    }
+                    this.component.setValue(newValue);
+                },
+                (ex) => console.warn(ex))
+            .finally(() => {
+                this.component.focus();
+            });
+    },
+
+    onCopy: function(event) {
+        const selection = document.getSelection();
+        if (selection && navigator.clipboard) {
+            navigator.clipboard.writeText(selection.toString());
+        }
+        event.preventDefault();
+    },
+
+    destroy: function() {
+        const me = this;
+        document.removeEventListener('copy', me.onCopy);
+        document.removeEventListener('paste', me.onPaste);
+        me.callParent(arguments);
+    },
+});

package/src/common/plugin/form/CountRowsToFieldLabel.js

@@ -1,25 +1,25 @@
-Ext.define('Coon.common.plugin.form.CountRowsToFieldLabel', {
-    extend: 'Ext.AbstractPlugin',
-    alias: 'plugin.CountRowsToFieldLabel',
-    requires: [
-    ],
-    uses: [],
-
-    config: {
-        labelTemplate: '{0} ({1})',
-    },
-
-    init: function(component) {
-        if (component instanceof Ext.Component) {
-            const store = component.getStore();
-            if (component instanceof Ext.form.field.ComboBox && component.store) {
-                store.on('datachanged', function(store) {
-                    const rows = store.getRange();
-                    component.setFieldLabel(Ext.String.format(this.getLabelTemplate(), component.initialConfig.fieldLabel, rows ? rows.length : 0));
-                }, this);
-            }
-        } else {
-            Coon.log.log('plugin CountRowsToFieldLabel allowed to Ext.Component descendant only');
-        }
-    },
-});
+Ext.define('Coon.common.plugin.form.CountRowsToFieldLabel', {
+    extend: 'Ext.AbstractPlugin',
+    alias: 'plugin.CountRowsToFieldLabel',
+    requires: [
+    ],
+    uses: [],
+
+    config: {
+        labelTemplate: '{0} ({1})',
+    },
+
+    init: function(component) {
+        if (component instanceof Ext.Component) {
+            const store = component.getStore();
+            if (component instanceof Ext.form.field.ComboBox && component.store) {
+                store.on('datachanged', function(store) {
+                    const rows = store.getRange();
+                    component.setFieldLabel(Ext.String.format(this.getLabelTemplate(), component.initialConfig.fieldLabel, rows ? rows.length : 0));
+                }, this);
+            }
+        } else {
+            Coon.log.log('plugin CountRowsToFieldLabel allowed to Ext.Component descendant only');
+        }
+    },
+});