ru.coon 2.5.67 → 2.6.0

package/src/nav/AppNavigationBarViewController.js

@@ -1,66 +1,66 @@
-/* eslint-disable require-jsdoc */
-Ext.define('Coon.nav.AppNavigationBarViewController', {
-    extend: 'Ext.app.ViewController',
-    requires: [
-        'Coon.nav.AppNavTab',
-        'Coon.setup',
-        'Coon.eventBus'
-    ],
-
-    alias: 'controller.AppNavigationBarViewController',
-
-    locals: {
-        state: {},
-    },
-
-    init() {
-        Coon.eventBus.on('nav.loadMenuComponent', function(data) {
-            this.activateNavTab('menu', data);
-        }, this);
-        Coon.eventBus.on('nav.loadComponent', function(data) {
-            this.activateNavTab('plugin', data);
-        }, this);
-    },
-
-    setActiveState(id) {
-        this.getView().query('splitbutton').forEach((btn) => {
-            if (btn.checkId && btn.checkId(id)) {
-                btn.addCls('active');
-            } else {
-                btn.removeCls('active');
-            }
-        });
-    },
-
-    onCloseComponent(cmp) {
-        const view = this.getView();
-        const tab = view.getComponent('navbtn-' + cmp.id);
-        if (tab && !cmp.isNavRootCmp) {
-            view.remove(tab);
-        }
-    },
-
-    activateNavTab(source, data) {
-        const view = this.getView();
-        let {component, viewport, id} = data || {};
-        component = component || viewport.getComponent(id);
-        const tabId = id || component && component.xtype;
-        view.addTab({
-            text: (component.getTitle && component.getTitle()) || tabId,
-            root: source === 'menu',
-            viewport,
-            id: component.id,
-        });
-        this.setActiveState(tabId);
-        if (component) {
-            component.isNavRootCmp = source === 'CenterView';
-            component.on({
-                close: this.onCloseComponent,
-                destroy: this.onCloseComponent,
-                scope: this,
-            });
-        } else {
-            Coon.log.error(`APPNAV.component with id:[${id}] not found!`);
-        }
-    },
-});
+/* eslint-disable require-jsdoc */
+Ext.define('Coon.nav.AppNavigationBarViewController', {
+    extend: 'Ext.app.ViewController',
+    requires: [
+        'Coon.nav.AppNavTab',
+        'Coon.setup',
+        'Coon.eventBus'
+    ],
+
+    alias: 'controller.AppNavigationBarViewController',
+
+    locals: {
+        state: {},
+    },
+
+    init() {
+        Coon.eventBus.on('nav.loadMenuComponent', function(data) {
+            this.activateNavTab('menu', data);
+        }, this);
+        Coon.eventBus.on('nav.loadComponent', function(data) {
+            this.activateNavTab('plugin', data);
+        }, this);
+    },
+
+    setActiveState(id) {
+        this.getView().query('splitbutton').forEach((btn) => {
+            if (btn.checkId && btn.checkId(id)) {
+                btn.addCls('active');
+            } else {
+                btn.removeCls('active');
+            }
+        });
+    },
+
+    onCloseComponent(cmp) {
+        const view = this.getView();
+        const tab = view.getComponent('navbtn-' + cmp.id);
+        if (tab && !cmp.isNavRootCmp) {
+            view.remove(tab);
+        }
+    },
+
+    activateNavTab(source, data) {
+        const view = this.getView();
+        let {component, viewport, id} = data || {};
+        component = component || viewport.getComponent(id);
+        const tabId = id || component && component.xtype;
+        view.addTab({
+            text: (component.getTitle && component.getTitle()) || tabId,
+            root: source === 'menu',
+            viewport,
+            id: component.id,
+        });
+        this.setActiveState(tabId);
+        if (component) {
+            component.isNavRootCmp = source === 'CenterView';
+            component.on({
+                close: this.onCloseComponent,
+                destroy: this.onCloseComponent,
+                scope: this,
+            });
+        } else {
+            Coon.log.error(`APPNAV.component with id:[${id}] not found!`);
+        }
+    },
+});

package/src/nav/AppNavigationMenu.scss

@@ -1,64 +1,64 @@
-.AppNavigationMenu {
-  &::-webkit-scrollbar {
-    display: none;
-  }
-
-  .x-btn-arrow-right:after {
-    color: white;
-  }
-
-  -ms-overflow-style: none;
-
-  .x-panel-body-default {
-    .x-box-inner {
-      width: 260px !important;
-
-      .x-box-target {
-        width: 260px !important;
-
-        .x-btn-default-small {
-          width: 260px !important;
-        }
-
-        .x-menuview {
-          width: 260px !important;
-        }
-      }
-    }
-  }
-
-  .x-panel-body-default {
-    background-color: $base-color;
-  }
-
-  .x-treelist-menu {
-    width: 260px !important;
-  }
-
-  .x-btn-button-default-small {
-    .x-btn-icon-el {
-      &.svg-icon {
-        background-color: lighten(lightgray, 5%);
-        width: 24px;
-        height: 24px;
-        margin-left: 2px;
-      }
-    }
-  }
-
-  .x-btn-default-small {
-    padding: 4px 6px;
-  }
-
-  .x-btn-inner-default-small {
-    letter-spacing: 0.03em;
-    font-size: 16px;
-    font-weight: 500;
-    padding-left: 8px;
-    color: white;
-  }
-
-  .x-btn-arrow-right:after {
-    color: white;
-  }
-}
+.AppNavigationMenu {
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  .x-btn-arrow-right:after {
+    color: white;
+  }
+
+  -ms-overflow-style: none;
+
+  .x-panel-body-default {
+    .x-box-inner {
+      width: 260px !important;
+
+      .x-box-target {
+        width: 260px !important;
+
+        .x-btn-default-small {
+          width: 260px !important;
+        }
+
+        .x-menuview {
+          width: 260px !important;
+        }
+      }
+    }
+  }
+
+  .x-panel-body-default {
+    background-color: $base-color;
+  }
+
+  .x-treelist-menu {
+    width: 260px !important;
+  }
+
+  .x-btn-button-default-small {
+    .x-btn-icon-el {
+      &.svg-icon {
+        background-color: lighten(lightgray, 5%);
+        width: 24px;
+        height: 24px;
+        margin-left: 2px;
+      }
+    }
+  }
+
+  .x-btn-default-small {
+    padding: 4px 6px;
+  }
+
+  .x-btn-inner-default-small {
+    letter-spacing: 0.03em;
+    font-size: 16px;
+    font-weight: 500;
+    padding-left: 8px;
+    color: white;
+  }
+
+  .x-btn-arrow-right:after {
+    color: white;
+  }
+}

package/src/nav/WindowBarMixin.js

@@ -1,27 +1,27 @@
-Ext.define('Coon.nav.WindowBarMixin', {
-    hideToBar() {
-        this.hide();
-        this.isOnWindowBar = true;
-        Coon.log.debug('hideToBar');
-    },
-
-    showFromBar() {
-        this.show();
-        this.isOnWindowBar = false;
-        Coon.log.debug('WindowWrap.showFromBar');
-    },
-
-    toggleParkState() {
-        if (this.isOnWindowBar) {
-            this.showFromBar();
-        } else {
-            this.hideToBar();
-        }
-    },
-
-    subscribeToWindowBarEvents() {
-        this.on('hidetobar', this.hideToBar, this);
-        this.on('showfrombar', this.showFromBar, this);
-    },
-
-});
+Ext.define('Coon.nav.WindowBarMixin', {
+    hideToBar() {
+        this.hide();
+        this.isOnWindowBar = true;
+        Coon.log.debug('hideToBar');
+    },
+
+    showFromBar() {
+        this.show();
+        this.isOnWindowBar = false;
+        Coon.log.debug('WindowWrap.showFromBar');
+    },
+
+    toggleParkState() {
+        if (this.isOnWindowBar) {
+            this.showFromBar();
+        } else {
+            this.hideToBar();
+        }
+    },
+
+    subscribeToWindowBarEvents() {
+        this.on('hidetobar', this.hideToBar, this);
+        this.on('showfrombar', this.showFromBar, this);
+    },
+
+});

package/src/nav/editor/NavigateElementEditorView.js

@@ -1,94 +1,94 @@
-/**
- * Компонент для редактирования навигационных элементов
- * @class Coon.nav.editor.NavigateElementEditorView
- */
-
-Ext.define('Coon.nav.editor.NavigateElementEditorView', {
-    extend: 'Ext.container.Container',
-    xtype: 'NavigateElementEditorView',
-    ui: 'NavigateElementEditorView',
-
-    viewModel: 'NavigateElementEditorViewModel',
-    controller: 'NavigateElementEditorController',
-
-    requires: [
-        'Coon.nav.editor.NavigateElementEditorViewModel',
-        'Coon.nav.editor.workspace.NavWorkspaceListView',
-        'Coon.nav.editor.menu.NavMenuTreeView'
-    ],
-
-    layout: {
-        type: 'vbox',
-        align: 'stretch',
-    },
-
-    items: [
-        {
-            xtype: 'panel',
-            title: 'Информация по использованию',
-            itemId: 'menuEditorInformation',
-            reference: 'menuEditorInformation',
-            collapsible: true,
-            layout: {
-                type: 'hbox',
-                align: 'stretch',
-            },
-            flex: 0.3,
-            margin: '10 10 0 10',
-            items: [
-                {
-                    xtype: 'displayfield',
-                    value: `
-                            Для редактирования/удаления рабочего пространства используйте правую кнопку мыши.<br>
-                            Для добавления нового рабочего пространства нажмите на иконку "+".<br>
-                            Сортировка реализована перетаскиванием элементов.
-                            `,
-                    flex: 0.6,
-                },
-                {
-                    xtype: 'displayfield',
-                    value: `
-                            Для редактирования/удаления элемента меню/группы используйте правую кнопку мыши.<br>
-                            Для добавления нового элемента меню или группы на первом уровне нажмите на иконку вниз рядом c "+", 
-                            для добавления в группу используйте правую кнопку мыши.<br>
-                            При клике на иконку "+", открывется форма доабвления нового элемента меню. 
-                            Сортировка реализована перетаскиванием элементов.<br>
-                            Информационную панель можно свернуть, нажав на иконку справа сверху. 
-                            `,
-                    flex: 1,
-                }
-            ],
-        },
-        {
-            xtype: 'container',
-            layout: {
-                type: 'hbox',
-                align: 'stretch',
-            },
-            flex: 2,
-            defaults: {
-                margin: 10,
-            },
-            items: [
-                {
-                    /**
-             * Компонент для редактирования рабочих пространств
-             */
-                    xtype: 'NavWorkspaceListView',
-                    reference: 'NavWorkspaceListView',
-                    flex: 1,
-                },
-                {
-                    /**
-             * Компонент для редактирования элементов меню
-             */
-                    xtype: 'NavMenuTreeView',
-                    reference: 'NavMenuTreeView',
-                    flex: 2,
-                }
-            ],
-        }
-    ],
-
-
-});
+/**
+ * Компонент для редактирования навигационных элементов
+ * @class Coon.nav.editor.NavigateElementEditorView
+ */
+
+Ext.define('Coon.nav.editor.NavigateElementEditorView', {
+    extend: 'Ext.container.Container',
+    xtype: 'NavigateElementEditorView',
+    ui: 'NavigateElementEditorView',
+
+    viewModel: 'NavigateElementEditorViewModel',
+    controller: 'NavigateElementEditorController',
+
+    requires: [
+        'Coon.nav.editor.NavigateElementEditorViewModel',
+        'Coon.nav.editor.workspace.NavWorkspaceListView',
+        'Coon.nav.editor.menu.NavMenuTreeView'
+    ],
+
+    layout: {
+        type: 'vbox',
+        align: 'stretch',
+    },
+
+    items: [
+        {
+            xtype: 'panel',
+            title: 'Информация по использованию',
+            itemId: 'menuEditorInformation',
+            reference: 'menuEditorInformation',
+            collapsible: true,
+            layout: {
+                type: 'hbox',
+                align: 'stretch',
+            },
+            flex: 0.3,
+            margin: '10 10 0 10',
+            items: [
+                {
+                    xtype: 'displayfield',
+                    value: `
+                            Для редактирования/удаления рабочего пространства используйте правую кнопку мыши.<br>
+                            Для добавления нового рабочего пространства нажмите на иконку "+".<br>
+                            Сортировка реализована перетаскиванием элементов.
+                            `,
+                    flex: 0.6,
+                },
+                {
+                    xtype: 'displayfield',
+                    value: `
+                            Для редактирования/удаления элемента меню/группы используйте правую кнопку мыши.<br>
+                            Для добавления нового элемента меню или группы на первом уровне нажмите на иконку вниз рядом c "+", 
+                            для добавления в группу используйте правую кнопку мыши.<br>
+                            При клике на иконку "+", открывется форма доабвления нового элемента меню. 
+                            Сортировка реализована перетаскиванием элементов.<br>
+                            Информационную панель можно свернуть, нажав на иконку справа сверху. 
+                            `,
+                    flex: 1,
+                }
+            ],
+        },
+        {
+            xtype: 'container',
+            layout: {
+                type: 'hbox',
+                align: 'stretch',
+            },
+            flex: 2,
+            defaults: {
+                margin: 10,
+            },
+            items: [
+                {
+                    /**
+             * Компонент для редактирования рабочих пространств
+             */
+                    xtype: 'NavWorkspaceListView',
+                    reference: 'NavWorkspaceListView',
+                    flex: 1,
+                },
+                {
+                    /**
+             * Компонент для редактирования элементов меню
+             */
+                    xtype: 'NavMenuTreeView',
+                    reference: 'NavMenuTreeView',
+                    flex: 2,
+                }
+            ],
+        }
+    ],
+
+
+});

package/src/nav/editor/NavigateElementEditorViewModel.js

@@ -1,22 +1,22 @@
-/**
- *  viewModel для компонента NavigateElementEditorView
- *  @class Coon.nav.editor.NavigateElementEditorViewModel
- */
-Ext.define('Coon.nav.editor.NavigateElementEditorViewModel', {
-    extend: 'Ext.app.ViewModel',
-    alias: 'viewmodel.NavigateElementEditorViewModel',
-
-    formulas: {
-        /**
-        *  функция для получения названия рабочего пространства
-        */
-        getTitleMenu: {
-            bind: '{NavWorkspaceListView.selection}',
-            get: function(select) {
-                if (select) {
-                    return select.get('DESCRIPTION');
-                }
-            },
-        },
-    },
-});
+/**
+ *  viewModel для компонента NavigateElementEditorView
+ *  @class Coon.nav.editor.NavigateElementEditorViewModel
+ */
+Ext.define('Coon.nav.editor.NavigateElementEditorViewModel', {
+    extend: 'Ext.app.ViewModel',
+    alias: 'viewmodel.NavigateElementEditorViewModel',
+
+    formulas: {
+        /**
+        *  функция для получения названия рабочего пространства
+        */
+        getTitleMenu: {
+            bind: '{NavWorkspaceListView.selection}',
+            get: function(select) {
+                if (select) {
+                    return select.get('DESCRIPTION');
+                }
+            },
+        },
+    },
+});