ru.coon 2.7.9 → 2.7.11

package/src/common/field/radio/DynamicRadioGroup.js

@@ -1,87 +1,87 @@
-/**
- * Created by maksimfedorov on 25.07.2016.
- */
-Ext.define('Coon.common.field.radio.DynamicRadioGroup', {
-    extend: 'Ext.Container',
-    alias: 'widget.DynamicRadioGroup',
-    uses: [],
-    requires: [
-        'Ext.form.field.Radio',
-        'Ext.form.RadioGroup'
-    ],
-    alternateClassName: [
-        'Sigma.multithreadprocess.parameterpanel.DynamicRadioGroup'
-    ],
-    columns: 1,
-    idField: 'REP_ID',
-    valueField: 'DESCR',
-    defaultChecked: 'CHECKED',
-    name: 'DynamicRadioGroup',
-    dynamicRepDataParams: undefined,
-
-    initComponent: function() {
-        this.items = [];
-
-        const command = Ext.create('Coon.report.command.GetDynamicReportDataCommand');
-        command.on('complete', function(json) {
-            const radios = [];
-
-            Ext.each(json.list, function(row) {
-                const id = row[this.idField];
-                const description = row[this.valueField];
-                const defaultChecked = row[this.defaultChecked] == 1 ? true : undefined;
-                const radio = {
-                    xtype: 'radio',
-                    boxLabel: description,
-                    name: this.fieldName || this.name,
-                    inputValue: id,
-                    checked: defaultChecked,
-                };
-                radios.push(radio);
-            }, this);
-
-            this.radioGroup = Ext.create('Ext.form.RadioGroup', {
-                xtype: 'radiogroup',
-                defaultType: 'radio',
-                columns: Ext.isString(this.columns) ? this.columns.split(',') : this.columns,
-                items: radios,
-                name: this.fieldName,
-
-                getValue: function() {
-                    const data = [];
-                    if (this.radioGroup.items.length > 0) {
-                        data.push(this.radioGroup.items.get(0).getGroupValue());
-                    }
-                    return data;
-                },
-            });
-
-            this.add(this.radioGroup);
-            this.updateLayout();
-        }, this);
-
-        const data = this.dynamicRepDataParams;
-        if (data) {
-            /* ExtJS отчет с параметрами */
-            const ns = Coon.report.model.CharacteristicBeanFields;
-            const params = [];
-            for (const ind in data) {
-                if (data[ind].hasOwnProperty('type') &&
-                    data[ind].hasOwnProperty('value') &&
-                    !Ext.isEmpty(data[ind]['type']) &&
-                    !Ext.isEmpty(data[ind]['value'])
-                ) {
-                    const entry = {};
-                    entry[ns.$value] = data[ind]['value'];
-                    entry[ns.$type] = data[ind]['type'];
-                    params.push(entry);
-                }
-            }
-            command.execute(this.reportID, Ext.encode(params), 0);
-        } else {
-            /* ExtJS отчет без параметров */
-            command.execute(this.reportID);
-        }
-        this.callParent();
-    },
-});
+/**
+ * Created by maksimfedorov on 25.07.2016.
+ */
+Ext.define('Coon.common.field.radio.DynamicRadioGroup', {
+    extend: 'Ext.Container',
+    alias: 'widget.DynamicRadioGroup',
+    uses: [],
+    requires: [
+        'Ext.form.field.Radio',
+        'Ext.form.RadioGroup'
+    ],
+    alternateClassName: [
+        'Sigma.multithreadprocess.parameterpanel.DynamicRadioGroup'
+    ],
+    columns: 1,
+    idField: 'REP_ID',
+    valueField: 'DESCR',
+    defaultChecked: 'CHECKED',
+    name: 'DynamicRadioGroup',
+    dynamicRepDataParams: undefined,
+
+    initComponent: function() {
+        this.items = [];
+
+        const command = Ext.create('Coon.report.command.GetDynamicReportDataCommand');
+        command.on('complete', function(json) {
+            const radios = [];
+
+            Ext.each(json.list, function(row) {
+                const id = row[this.idField];
+                const description = row[this.valueField];
+                const defaultChecked = row[this.defaultChecked] == 1 ? true : undefined;
+                const radio = {
+                    xtype: 'radio',
+                    boxLabel: description,
+                    name: this.fieldName || this.name,
+                    inputValue: id,
+                    checked: defaultChecked,
+                };
+                radios.push(radio);
+            }, this);
+
+            this.radioGroup = Ext.create('Ext.form.RadioGroup', {
+                xtype: 'radiogroup',
+                defaultType: 'radio',
+                columns: Ext.isString(this.columns) ? this.columns.split(',') : this.columns,
+                items: radios,
+                name: this.fieldName,
+
+                getValue: function() {
+                    const data = [];
+                    if (this.radioGroup.items.length > 0) {
+                        data.push(this.radioGroup.items.get(0).getGroupValue());
+                    }
+                    return data;
+                },
+            });
+
+            this.add(this.radioGroup);
+            this.updateLayout();
+        }, this);
+
+        const data = this.dynamicRepDataParams;
+        if (data) {
+            /* ExtJS отчет с параметрами */
+            const ns = Coon.report.model.CharacteristicBeanFields;
+            const params = [];
+            for (const ind in data) {
+                if (data[ind].hasOwnProperty('type') &&
+                    data[ind].hasOwnProperty('value') &&
+                    !Ext.isEmpty(data[ind]['type']) &&
+                    !Ext.isEmpty(data[ind]['value'])
+                ) {
+                    const entry = {};
+                    entry[ns.$value] = data[ind]['value'];
+                    entry[ns.$type] = data[ind]['type'];
+                    params.push(entry);
+                }
+            }
+            command.execute(this.reportID, Ext.encode(params), 0);
+        } else {
+            /* ExtJS отчет без параметров */
+            command.execute(this.reportID);
+        }
+        this.callParent();
+    },
+});

package/src/common/panel/DayPicker.js

@@ -1,63 +1,63 @@
-Ext.define('Coon.common.panel.DayPicker',
-    {
-        extend: 'Ext.picker.Date',
-        xtype: 'day-picker',
-
-        padding: 10,
-        highlightCls: 'highlighted',
-        highlightedDates: [],
-
-        getDayCells: function() {
-            return this['cells'].elements.filter((cell) => cell.className.includes(this['baseCls'] + '-active'));
-        },
-        removeHighlight: function() {
-            const cells = this.getDayCells();
-            if (Array.isArray(cells)) {
-                cells.forEach((cell) => {
-                    if (cell.className.includes(this.highlightCls)) {
-                        cell.className = cell.className.replaceAll(this.highlightCls, '');
-                    }
-                });
-            }
-        },
-        highlightDay: function(dayNumber) {
-            const cells = this.getDayCells();
-            const cell = cells[Number(dayNumber) - 1];
-            cell && !cell.className.includes(this.highlightCls) && (cell.className += ' ' + this.highlightCls);
-        },
-        setHighlightedDates: function(dates = []) {
-            this.removeHighlight();
-            const value = this.getValue();
-            if (!value instanceof Date) {
-                return;
-            }
-            dates = Array.isArray(dates) ? dates : [dates];
-
-            this.highlightedDates = dates;
-
-            dates.forEach((date) => {
-                if (date instanceof Date) {
-                    if (date.getMonth() === value.getMonth() && date.getFullYear() === value.getFullYear()) {
-                        this.highlightDay(date.getDate());
-                    }
-                }
-            });
-        },
-        clearHighlightedDates: function() {
-            this.highlightedDates = [];
-            this.removeHighlight();
-        },
-        refreshHighlight: function() {
-            if (Array.isArray(this.highlightedDates) && this.highlightedDates.length) {
-                this.setHighlightedDates(this.highlightedDates);
-            } else {
-                this.clearHighlightedDates();
-            }
-        },
-        update: function(date, forceRefresh) {
-            const res = this.self.superclass['update'].apply(this, arguments);
-            this.refreshHighlight();
-            return res;
-        },
-    }
-);
+Ext.define('Coon.common.panel.DayPicker',
+    {
+        extend: 'Ext.picker.Date',
+        xtype: 'day-picker',
+
+        padding: 10,
+        highlightCls: 'highlighted',
+        highlightedDates: [],
+
+        getDayCells: function() {
+            return this['cells'].elements.filter((cell) => cell.className.includes(this['baseCls'] + '-active'));
+        },
+        removeHighlight: function() {
+            const cells = this.getDayCells();
+            if (Array.isArray(cells)) {
+                cells.forEach((cell) => {
+                    if (cell.className.includes(this.highlightCls)) {
+                        cell.className = cell.className.replaceAll(this.highlightCls, '');
+                    }
+                });
+            }
+        },
+        highlightDay: function(dayNumber) {
+            const cells = this.getDayCells();
+            const cell = cells[Number(dayNumber) - 1];
+            cell && !cell.className.includes(this.highlightCls) && (cell.className += ' ' + this.highlightCls);
+        },
+        setHighlightedDates: function(dates = []) {
+            this.removeHighlight();
+            const value = this.getValue();
+            if (!value instanceof Date) {
+                return;
+            }
+            dates = Array.isArray(dates) ? dates : [dates];
+
+            this.highlightedDates = dates;
+
+            dates.forEach((date) => {
+                if (date instanceof Date) {
+                    if (date.getMonth() === value.getMonth() && date.getFullYear() === value.getFullYear()) {
+                        this.highlightDay(date.getDate());
+                    }
+                }
+            });
+        },
+        clearHighlightedDates: function() {
+            this.highlightedDates = [];
+            this.removeHighlight();
+        },
+        refreshHighlight: function() {
+            if (Array.isArray(this.highlightedDates) && this.highlightedDates.length) {
+                this.setHighlightedDates(this.highlightedDates);
+            } else {
+                this.clearHighlightedDates();
+            }
+        },
+        update: function(date, forceRefresh) {
+            const res = this.self.superclass['update'].apply(this, arguments);
+            this.refreshHighlight();
+            return res;
+        },
+    }
+);

package/src/common/panel/DayPicker.scss

@@ -1,15 +1,15 @@
-.highlighted .x-datepicker-date,
-.x-datepicker-selected.highlighted .x-datepicker-date {
-  color: orange;
-}
-
-.highlighted:hover .x-datepicker-date, {
-  border-radius: 50%;
-  background-color: #D7E0E4;
-  color: orange;
-}
-
-.x-datepicker-date {
-  padding: 0 15px 0 13px;
-}
-
+.highlighted .x-datepicker-date,
+.x-datepicker-selected.highlighted .x-datepicker-date {
+  color: orange;
+}
+
+.highlighted:hover .x-datepicker-date, {
+  border-radius: 50%;
+  background-color: #D7E0E4;
+  color: orange;
+}
+
+.x-datepicker-date {
+  padding: 0 15px 0 13px;
+}
+

package/src/common/panel/MainUploadPanel.scss

@@ -1,14 +1,14 @@
-.MainUploadPanel {
-  .x-btn-icon-el-blue-text-button-small.svg-icon {
-    width: 28px;
-    height: 28px;
-  }
-
-  .x-form-trigger {
-    padding: 0;
-  }
-
-  .x-toolbar-footer{
-    background-color: white;
-  }
+.MainUploadPanel {
+  .x-btn-icon-el-blue-text-button-small.svg-icon {
+    width: 28px;
+    height: 28px;
+  }
+
+  .x-form-trigger {
+    padding: 0;
+  }
+
+  .x-toolbar-footer{
+    background-color: white;
+  }
 }

package/src/common/panel/SelectIconClassPanel.scss

@@ -1,38 +1,38 @@
-.SelectIconClassPanel {
-    .x-btn-default-small {
-        background-color: transparent;
-        padding: 2px;
-        border-color: lightgray;
-    }
-    .x-btn-icon-el-default-small {
-        display: flex;
-        align-items: center;
-        
-        justify-content: center;
-        min-height: 26px;
-        min-width: 26px;
-    }
-    .svg-icon {
-        background-color: $base-color;
-    }
-    .x-table-layout {
-        padding-left: 16px;
-    }
-    .x-autocontainer-innerCt {
-        display: grid;
-        grid-template-columns: 1fr 1fr 1fr 1fr;
-        gap: 12px;
-        grid-auto-rows: min-content;
-    }
-    .icon-pack-grid-btn {
-        .x-btn-button-default-small {
-            display: grid;
-            grid-template-columns: 24px 1fr 24px;
-            align-items: center;
-        }
-    }
-    .icon-pack-search {
-        display: flex;
-        align-items: center;
-    }
-}
+.SelectIconClassPanel {
+    .x-btn-default-small {
+        background-color: transparent;
+        padding: 2px;
+        border-color: lightgray;
+    }
+    .x-btn-icon-el-default-small {
+        display: flex;
+        align-items: center;
+        
+        justify-content: center;
+        min-height: 26px;
+        min-width: 26px;
+    }
+    .svg-icon {
+        background-color: $base-color;
+    }
+    .x-table-layout {
+        padding-left: 16px;
+    }
+    .x-autocontainer-innerCt {
+        display: grid;
+        grid-template-columns: 1fr 1fr 1fr 1fr;
+        gap: 12px;
+        grid-auto-rows: min-content;
+    }
+    .icon-pack-grid-btn {
+        .x-btn-button-default-small {
+            display: grid;
+            grid-template-columns: 24px 1fr 24px;
+            align-items: center;
+        }
+    }
+    .icon-pack-search {
+        display: flex;
+        align-items: center;
+    }
+}

package/src/common/panel/SelectIconClassPanelTemplate.scss

@@ -1,14 +1,14 @@
-.SelectIconClassPanelTemplate {
-    .coon-icon-message {
-        .x-form-display-field.x-form-display-field-default {
-            font-size: 22px;
-            width: 90%;
-            line-height: 1.2;
-            margin: 24px;
-        }
-    }
-
-    .x-autocontainer-innerCt:has(.coon-icon-message) {
-        display: block,
-    }
-}
+.SelectIconClassPanelTemplate {
+    .coon-icon-message {
+        .x-form-display-field.x-form-display-field-default {
+            font-size: 22px;
+            width: 90%;
+            line-height: 1.2;
+            margin: 24px;
+        }
+    }
+
+    .x-autocontainer-innerCt:has(.coon-icon-message) {
+        display: block,
+    }
+}

package/src/common/panel/StopwatchWindow.js

@@ -1,44 +1,44 @@
-Ext.define('Coon.common.panel.StopwatchWindow',
-    {
-        extend: 'Ext.window.Window',
-        xtype: 'stopwatch-window',
-        bodyPadding: 0,
-        layout: {
-            type: 'vbox',
-            align: 'center',
-        },
-        height: 240,
-        width: 300,
-        modal: true,
-        closable: false,
-        resizable: false,
-        draggable: false,
-        closeAction: 'destroy',
-        textPrefix: 'Время выполнения: ',
-        items: [{
-            xtype: 'container',
-            itemId: 'stopwatch-window-mask-target',
-            width: '100%',
-            flex: 1,
-        }],
-        listeners: {
-            render: function(win) {
-                win.tick();
-                win.timerId = setInterval(win.tick.bind(win), 1000);
-            },
-            destroy: function(win) {
-                win.timerId && clearInterval(win.timerId);
-            },
-        },
-        tick: function() {
-            this.setLoading(
-                (this.textPrefix || '') + new Date(this.secondsVisible++ * 1000).toISOString().substr(11, 8),
-                this.getComponent('stopwatch-window-mask-target'));
-        },
-        constructor: function(config) {
-            Ext.apply(this, config);
-            this.self.superclass['constructor'].apply(this);
-            this.secondsVisible = 1;
-        },
-    }
-);
+Ext.define('Coon.common.panel.StopwatchWindow',
+    {
+        extend: 'Ext.window.Window',
+        xtype: 'stopwatch-window',
+        bodyPadding: 0,
+        layout: {
+            type: 'vbox',
+            align: 'center',
+        },
+        height: 240,
+        width: 300,
+        modal: true,
+        closable: false,
+        resizable: false,
+        draggable: false,
+        closeAction: 'destroy',
+        textPrefix: 'Время выполнения: ',
+        items: [{
+            xtype: 'container',
+            itemId: 'stopwatch-window-mask-target',
+            width: '100%',
+            flex: 1,
+        }],
+        listeners: {
+            render: function(win) {
+                win.tick();
+                win.timerId = setInterval(win.tick.bind(win), 1000);
+            },
+            destroy: function(win) {
+                win.timerId && clearInterval(win.timerId);
+            },
+        },
+        tick: function() {
+            this.setLoading(
+                (this.textPrefix || '') + new Date(this.secondsVisible++ * 1000).toISOString().substr(11, 8),
+                this.getComponent('stopwatch-window-mask-target'));
+        },
+        constructor: function(config) {
+            Ext.apply(this, config);
+            this.self.superclass['constructor'].apply(this);
+            this.secondsVisible = 1;
+        },
+    }
+);

package/src/common/panel/WindowWrap.scss

@@ -1,9 +1,9 @@
-.window-wrap {
-
-  &.coon-mobile {
-    .x-title-text {
-        white-space: normal;
-    }
-  }
-
+.window-wrap {
+
+  &.coon-mobile {
+    .x-title-text {
+        white-space: normal;
+    }
+  }
+
 }

package/src/common/panel/dropzone/UniversalMultiUploadForm.scss

@@ -1,29 +1,29 @@
-.overItemCls {
-  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5)
-}
-.universalmultiuploadform {
-  .files-container {
-    width: 100%;
-    height: 100%;
-    border: 1px dashed lightgray;
-    display: flex;
-    padding: 2px;
-    flex-wrap: wrap;
-    align-content: flex-start;
-    .file-name-container {
-      width: 100%;
-      font-size: 10px;
-    }
-  }
-
-  .file-item {
-    display: flex;
-    width: 100px;
-    height: 100px;
-    padding: 5px;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
-    overflow: hidden;
-  }
-}
+.overItemCls {
+  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.5)
+}
+.universalmultiuploadform {
+  .files-container {
+    width: 100%;
+    height: 100%;
+    border: 1px dashed lightgray;
+    display: flex;
+    padding: 2px;
+    flex-wrap: wrap;
+    align-content: flex-start;
+    .file-name-container {
+      width: 100%;
+      font-size: 10px;
+    }
+  }
+
+  .file-item {
+    display: flex;
+    width: 100px;
+    height: 100px;
+    padding: 5px;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    overflow: hidden;
+  }
+}