ru.coon 2.5.67 → 2.6.0

package/src/nav/editor/menu/NavMenuTreeView.scss

@@ -1,104 +1,104 @@
-.NavMenuTreeView{
-    .svg-icon{
-            height: 24px;
-            width: 24px;
-    }
-    .fa{
-         height: 24px;
-         width: 24px;
-         padding-top: 6px;
-         color: black;
-    }
-
-    .rootText{
-        font-size:18px;
-        font-family: Bold;
-    }
-
-    .rootTextWorkspace{
-        color: #4c4c4ced;
-    }
-
-    .titleNavMenuTree{
-        color:grey;
-    }
-    .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-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: 'NavMenuTreeButton',
-        $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
-);
-
-@include extjs-button-small-ui(
-        $ui: 'NavMenuTreeSegmentedButton',
-        $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)
-);
-
-
-.NavMenuTreeSplitMenu{
-    .x-menu-item-icon-default{
-        width: 24px;
-        height: 24px;
-        top: 4px;
-        left: 16px;
-        line-height: 24px;
-    }
-}
-
-.invisibleMenuIcon{
-    .svg-icon{
-            height: 24px;
-            width: 24px;
-            background-color: #6b6b6b;
-        }
-}
-
-@include extjs-menu-ui(
-    $ui: 'NavMenuTreeContextMenu',
-    $ui-item-icon-size : 24px,
-  );
+.NavMenuTreeView{
+    .svg-icon{
+            height: 24px;
+            width: 24px;
+    }
+    .fa{
+         height: 24px;
+         width: 24px;
+         padding-top: 6px;
+         color: black;
+    }
+
+    .rootText{
+        font-size:18px;
+        font-family: Bold;
+    }
+
+    .rootTextWorkspace{
+        color: #4c4c4ced;
+    }
+
+    .titleNavMenuTree{
+        color:grey;
+    }
+    .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-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: 'NavMenuTreeButton',
+        $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
+);
+
+@include extjs-button-small-ui(
+        $ui: 'NavMenuTreeSegmentedButton',
+        $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)
+);
+
+
+.NavMenuTreeSplitMenu{
+    .x-menu-item-icon-default{
+        width: 24px;
+        height: 24px;
+        top: 4px;
+        left: 16px;
+        line-height: 24px;
+    }
+}
+
+.invisibleMenuIcon{
+    .svg-icon{
+            height: 24px;
+            width: 24px;
+            background-color: #6b6b6b;
+        }
+}
+
+@include extjs-menu-ui(
+    $ui: 'NavMenuTreeContextMenu',
+    $ui-item-icon-size : 24px,
+  );

package/src/nav/editor/menu/command/AddMenuCommand.js

@@ -1,20 +1,20 @@
-Ext.define('Coon.nav.editor.workspace.command.AddMenuCommand', {
-    extend: 'Coon.command.ASyncBaseCommand',
-    alias: 'command.AddMenuCommand',
-    requires: [],
-    uses: [],
-    url: 'navigation/addMenu',
-    maskText: 'Создание меню....',
-
-    execute: function(menuBean) {
-        this.callParent([{}, menuBean]);
-    },
-
-    description: 'Создание меню',
-
-    inputParameters: function() {
-        return [
-            {name: 'menuBean'}
-        ];
-    },
-});
+Ext.define('Coon.nav.editor.workspace.command.AddMenuCommand', {
+    extend: 'Coon.command.ASyncBaseCommand',
+    alias: 'command.AddMenuCommand',
+    requires: [],
+    uses: [],
+    url: 'navigation/addMenu',
+    maskText: 'Создание меню....',
+
+    execute: function(menuBean) {
+        this.callParent([{}, menuBean]);
+    },
+
+    description: 'Создание меню',
+
+    inputParameters: function() {
+        return [
+            {name: 'menuBean'}
+        ];
+    },
+});

package/src/nav/editor/menu/command/DeleteMenuCommand.js

@@ -1,20 +1,20 @@
-Ext.define('Coon.nav.editor.workspace.command.DeleteMenuCommand', {
-    extend: 'Coon.command.ASyncBaseCommand',
-    alias: 'command.DeleteMenuCommand',
-    requires: [],
-    uses: [],
-    url: 'navigation/deleteMenu',
-    maskText: 'Удаление меню....',
-
-    execute: function(menuId) {
-        this.callParent([{menuId: menuId}]);
-    },
-
-    description: 'Удаление меню',
-
-    inputParameters: function() {
-        return [
-            {name: 'menuId'}
-        ];
-    },
-});
+Ext.define('Coon.nav.editor.workspace.command.DeleteMenuCommand', {
+    extend: 'Coon.command.ASyncBaseCommand',
+    alias: 'command.DeleteMenuCommand',
+    requires: [],
+    uses: [],
+    url: 'navigation/deleteMenu',
+    maskText: 'Удаление меню....',
+
+    execute: function(menuId) {
+        this.callParent([{menuId: menuId}]);
+    },
+
+    description: 'Удаление меню',
+
+    inputParameters: function() {
+        return [
+            {name: 'menuId'}
+        ];
+    },
+});

package/src/nav/editor/menu/command/GetMenuCommand.js

@@ -1,20 +1,20 @@
-Ext.define('Coon.nav.editor.menu.command.GetMenuCommand', {
-    extend: 'Coon.command.ASyncBaseCommand',
-    alias: 'command.GetMenuCommand',
-    requires: [],
-    uses: [],
-    url: 'navigation/getMenu',
-    maskText: 'Загрузка меню....',
-
-    execute: function(menuId) {
-        this.callParent([{menuId: menuId}]);
-    },
-
-    description: 'Получение меню',
-
-    inputParameters: function() {
-        return [
-            {name: 'menuId'}
-        ];
-    },
-});
+Ext.define('Coon.nav.editor.menu.command.GetMenuCommand', {
+    extend: 'Coon.command.ASyncBaseCommand',
+    alias: 'command.GetMenuCommand',
+    requires: [],
+    uses: [],
+    url: 'navigation/getMenu',
+    maskText: 'Загрузка меню....',
+
+    execute: function(menuId) {
+        this.callParent([{menuId: menuId}]);
+    },
+
+    description: 'Получение меню',
+
+    inputParameters: function() {
+        return [
+            {name: 'menuId'}
+        ];
+    },
+});

package/src/nav/editor/menu/command/SaveMenuCommand.js

@@ -1,20 +1,20 @@
-Ext.define('Coon.nav.editor.workspace.command.SaveMenuCommand', {
-    extend: 'Coon.command.ASyncBaseCommand',
-    alias: 'command.SaveMenuCommand',
-    requires: [],
-    uses: [],
-    url: 'navigation/saveMenu',
-    maskText: 'Сохранение изменений в меню....',
-
-    execute: function(menuBean) {
-        this.callParent([{}, menuBean]);
-    },
-
-    description: 'Сохранение изменений в меню',
-
-    inputParameters: function() {
-        return [
-            {name: 'menuBean'}
-        ];
-    },
-});
+Ext.define('Coon.nav.editor.workspace.command.SaveMenuCommand', {
+    extend: 'Coon.command.ASyncBaseCommand',
+    alias: 'command.SaveMenuCommand',
+    requires: [],
+    uses: [],
+    url: 'navigation/saveMenu',
+    maskText: 'Сохранение изменений в меню....',
+
+    execute: function(menuBean) {
+        this.callParent([{}, menuBean]);
+    },
+
+    description: 'Сохранение изменений в меню',
+
+    inputParameters: function() {
+        return [
+            {name: 'menuBean'}
+        ];
+    },
+});

package/src/nav/editor/menu/form/NavMenuFormView.js

@@ -129,7 +129,6 @@ Ext.define('Coon.nav.editor.menu.form.NavMenuFormView', {
             valueField: 'MENU_ENTRY_CD',
             displayField: 'DESCR',
             reportId: 'MENU_ENTRY_LIST',
-            fieldLabel: 'Родительское меню',
             bind: {
                 value: '{menu.parentMenuId}',
                 disabled: '{!menu.parentMenuId}',

package/src/nav/editor/menu/form/NavMenuFormViewController.js

@@ -1,133 +1,150 @@
-/**
- * Контроллер формы рабочих пространств
- * @class Coon.nav.editor.menu.form.NavMenuFormViewController
- */
-Ext.define('Coon.nav.editor.menu.form.NavMenuFormViewController', {
-    extend: 'Ext.app.ViewController',
-    alias: 'controller.NavMenuFormViewController',
-
-    /**
-     * Вызывается при инициализации формы
-     * @param {Object} view объект отображения формы
-     */
-
-    init: function(view) {
-        const vm = this.getViewModel();
-        vm.set('menu.leafSwitch', this.getView().leafSwitch);
-        vm.set('menu.workspaceId', this.getView().workspaceId);
-        vm.set('menu.parentMenuId', this.getView().parentMenuId);
-        vm.set('menu.sortSequence', this.getView().sortSequence);
-        view.doInit = this.doInit.bind(this);
-        view.inputParameters = this.inputParameters;
-    },
-
-    /**
-     * получение данных об элементе меню по id при откртыии формы для редактирования
-     * @param {String} workspaceId
-     */
-
-    doInit: function(menuId) {
-        const vm = this.getViewModel();
-        vm.set('newMenu', !menuId);
-        if (menuId) {
-            Coon.util.promisifyCmd('command.GetMenuCommand', menuId)
-                .then((data) => {
-                    this.loadMenuHandler(data);
-                })
-                .catch((error) => {
-                    Coon.log.debug(error);
-                    Ext.Msg.alert(error.toString());
-                });
-        }
-    },
-
-    /**
-     * Описание входных параметров
-     * @returns id элемента меню, есть ли в элементе ошибка
-     */
-
-    inputParameters: function() {
-        return [
-            {name: 'menuId'}
-        ];
-    },
-
-    /**
-     * Проверка на заполнение обязательных полей
-     * @returns форма прошла/непрошла проверку
-     */
-
-    validate: function() {
-        let result = true;
-        if (!Coon.Function.validateAllFieldsOnForm(this.getView())) {
-            result = false;
-            Ext.Msg.alert('Сообщение системы', 'Заполните обязательные поля.');
-        }
-        return result;
-    },
-
-    /**
-     * Срабатывает при сохранении формы
-     * Вызывает команду по добавлению/сохранению данных о элементе меню
-     */
-
-    saveHandler: function() {
-        if (this.validate()) {
-            const vm = this.getViewModel();
-            const commandClass = vm.get('newMenu') ? 'AddMenuCommand' : 'SaveMenuCommand';
-            Coon.util.promisifyCmd('command.' + commandClass, vm.get('menu'))
-                .then((menuBean) => {
-                    vm.set('menu', menuBean);
-                    this.getView().close();
-                })
-                .catch((error) => {
-                    Coon.log.debug(error);
-                    Ext.Msg.alert(error.toString());
-                });
-        }
-    },
-
-    /** Устанавливает во view model параметры элемента меню
-     * @param {Object} data данные элемента меню
-     */
-
-    loadMenuHandler: function(data) {
-        const vm = this.getViewModel();
-        vm && vm.set('menu', data);
-    },
-
-    /**
-     * Срабатывает после выбора UI элемент ID
-     * Устанавливает UI элемент ID
-     * @param {Object} editorField объект отображения поля
-     */
-
-    selectUiElementHandler: function(editorField) {
-        const panel = Ext.create('Coon.report.component.ReportPanel');
-        const win = Ext.widget('WindowWrap', {items: panel});
-        panel.on('select', function(grid, selectedRow) {
-            const elementId = selectedRow && selectedRow.get('UI_ELEMENT_CD');
-            if (elementId) {
-                const vm = this.getViewModel();
-                vm && vm.set('menu.uiElementId', elementId);
-            }
-            panel.fireEvent('close');
-        }, this);
-        win.show();
-        win.content.doInit('UI_ELEMENTS_LIST', {
-            UI_ELEMENT_CD: editorField.getValue(),
-            UI_ELEMENT_CD: editorField.getValue(),
-        }, !!editorField.getValue());
-    },
-
-    /**
-     * Срабатывает после выбора иконки
-     * Устанавливает иконку в кнопку
-     * @param {Object} iconClassField объект отображения иконки
-     */
-
-    selectIconClassHandler: function(iconClassField) {
-        const iconClassButton = this.lookup('NavMenuFormViewIconClassButton');
-        iconClassButton && iconClassButton.setIconCls(iconClassField.getValue());
-    },
-});
+/**
+ * Контроллер формы рабочих пространств
+ * @class Coon.nav.editor.menu.form.NavMenuFormViewController
+ */
+Ext.define('Coon.nav.editor.menu.form.NavMenuFormViewController', {
+    extend: 'Ext.app.ViewController',
+    alias: 'controller.NavMenuFormViewController',
+
+    /**
+     * Вызывается при инициализации формы
+     * @param {Object} view объект отображения формы
+     */
+
+    init: function(view) {
+        const vm = this.getViewModel();
+        vm.set('menu.leafSwitch', this.getView().leafSwitch);
+        vm.set('menu.workspaceId', this.getView().workspaceId);
+        vm.set('menu.parentMenuId', this.getView().parentMenuId);
+        vm.set('menu.sortSequence', this.getView().sortSequence);
+        view.doInit = this.doInit.bind(this);
+        view.inputParameters = this.inputParameters;
+    },
+
+    /**
+     * получение данных об элементе меню по id при откртыии формы для редактирования
+     * @param {String} workspaceId
+     */
+
+    doInit: function(menuId) {
+        const vm = this.getViewModel();
+        vm.set('newMenu', !menuId);
+        if (menuId) {
+            Coon.util.promisifyCmd('command.GetMenuCommand', menuId)
+                .then((data) => {
+                    this.loadMenuHandler(data);
+                })
+                .catch((error) => {
+                    Coon.log.debug(error);
+                    Ext.Msg.alert(error.toString());
+                });
+        }
+    },
+
+    /**
+     * Описание входных параметров
+     * @returns id элемента меню, есть ли в элементе ошибка
+     */
+
+    inputParameters: function() {
+        return [
+            {name: 'menuId'}
+        ];
+    },
+
+    /**
+     * Проверка на заполнение обязательных полей
+     * @returns форма прошла/непрошла проверку
+     */
+
+    validate: function() {
+        let result = true;
+        if (!Coon.Function.validateAllFieldsOnForm(this.getView())) {
+            result = false;
+            Ext.Msg.alert('Сообщение системы', 'Заполните обязательные поля.');
+        }
+        return result;
+    },
+
+    /**
+     * Срабатывает при сохранении формы
+     * Пелучаем данные формы и обрабатывает пустые значения (для postgres)
+     */
+
+    getSavedData() {
+        const vmData = this.getViewModel().get('menu');
+        const data = {};
+        if (Ext.isObject(vmData)) {
+            for (const [key, value] of Object.entries(vmData)) {
+                data[key] = !Ext.isString(value) || value.trim() ? value : null;
+            }
+        }
+        return data;
+    },
+
+
+    /**
+     * Срабатывает при сохранении формы
+     * Вызывает команду по добавлению/сохранению данных о элементе меню
+     */
+
+    saveHandler: function() {
+        if (this.validate()) {
+            const vm = this.getViewModel();
+            const commandClass = vm.get('newMenu') ? 'AddMenuCommand' : 'SaveMenuCommand';
+            Coon.util.promisifyCmd('command.' + commandClass, this.getSavedData())
+                .then((menuBean) => {
+                    vm.set('menu', menuBean);
+                    this.getView().close();
+                })
+                .catch((error) => {
+                    Coon.log.debug(error);
+                    Ext.Msg.alert(error.toString());
+                });
+        }
+    },
+
+    /** Устанавливает во view model параметры элемента меню
+     * @param {Object} data данные элемента меню
+     */
+
+    loadMenuHandler: function(data) {
+        const vm = this.getViewModel();
+        vm && vm.set('menu', data);
+    },
+
+    /**
+     * Срабатывает после выбора UI элемент ID
+     * Устанавливает UI элемент ID
+     * @param {Object} editorField объект отображения поля
+     */
+
+    selectUiElementHandler: function(editorField) {
+        const panel = Ext.create('Coon.report.component.ReportPanel');
+        const win = Ext.widget('WindowWrap', {items: panel});
+        panel.on('select', function(grid, selectedRow) {
+            const elementId = selectedRow && selectedRow.get('UI_ELEMENT_CD');
+            if (elementId) {
+                const vm = this.getViewModel();
+                vm && vm.set('menu.uiElementId', elementId);
+            }
+            panel.fireEvent('close');
+        }, this);
+        win.show();
+        win.content.doInit('UI_ELEMENTS_LIST', {
+            UI_ELEMENT_CD: editorField.getValue(),
+            UI_ELEMENT_CD: editorField.getValue(),
+        }, !!editorField.getValue());
+    },
+
+    /**
+     * Срабатывает после выбора иконки
+     * Устанавливает иконку в кнопку
+     * @param {Object} iconClassField объект отображения иконки
+     */
+
+    selectIconClassHandler: function(iconClassField) {
+        const iconClassButton = this.lookup('NavMenuFormViewIconClassButton');
+        iconClassButton && iconClassButton.setIconCls(iconClassField.getValue());
+    },
+});