ru.coon 2.6.5 → 2.6.7

package/src/common/component/formeditor/UiCFSegmentedButton.js

@@ -0,0 +1,62 @@
+/* global Ext */
+Ext.define('Coon.common.component.formeditor.UiCFSegmentedButton', {
+    extend: 'Ext.button.Segmented',
+    xtype: 'UiCFSegmentedButton',
+    style: {
+        maxHeight: '30px',
+    },
+    getName() {
+        return this.name;
+    },
+    setName(name) {
+        this.name = name;
+    },
+    controller: {
+        init(view) {
+            let i = 1;
+            if (view.initialConfig && !view.initialConfig.checkOptions) {
+                if (view.initialConfig && view.initialConfig.countCards) {
+                    view.initialConfig.countCards.forEach((setting, index) => {
+                        let item = view.items.getAt(view.items.findIndex('itemId', setting.itemId));
+                        if (!item) {
+                            item = view.add({
+                                itemId: setting.itemId,
+                                value: setting.value,
+                            });
+                        }
+                        if (setting.text) {
+                            item.setText(setting.text);
+                        }
+                        if (setting.value) {
+                            item.value = setting.value;
+                        } else {
+                            item.value = i++;
+                        }
+                    });
+                    if (view.initialConfig.countCards.length < view.items.getCount()) {
+                        const ids = view.initialConfig.countCards.map((item) => item.itemId);
+                        view.items.items.forEach((item) => {
+                            if (ids.indexOf(item.itemId) < 0) {
+                                view.remove(item);
+                            }
+                        });
+                    }
+                } else {
+                    const itemId = 'UiCFSegmented_' + Ext.id().replace('-', '_');
+                    view.countCards = [
+                        {
+                            'itemId': itemId,
+                            'value': i,
+                        }
+                    ],
+                    view.add({
+                        'itemId': itemId,
+                        'value': i,
+                    });
+                    i++;
+                }
+            }
+        },
+    },
+    items: [],
+});

package/src/common/component/formeditor/UiCFSegmentedButtonGrid.js

@@ -0,0 +1,70 @@
+/* global Ext */
+Ext.define('Coon.common.component.formeditor.UiCFSegmentedButtonGrid', {
+    extend: 'Ext.grid.Panel',
+    xtype: 'UiCFSegmentedButtonGrid',
+    flex: 1,
+    title: 'Значения',
+    minHeight: 100,
+    controller: {
+        init(view) {
+            const vm = this.getViewModel();
+            vm.getStore('cardsStore').on('datachanged', (store) => {
+                vm.set('dataCount', store.data.length);
+            }, this);
+            if (view.initialConfig && view.initialConfig.value) {
+                vm.getStore('cardsStore').loadData(view.initialConfig.value);
+            }
+            view.getFormData = this.getFormData.bind(this);
+        },
+        getFormData() {
+            return this.getViewModel().getStore('cardsStore').getRange().map((rec) => {
+                return {text: rec.get('text'), itemId: rec.get('itemId'), value: rec.get('value')};
+            });
+        },
+        addRow() {
+            this.getViewModel().getStore('cardsStore').add({itemId: 'UiCFSegmented_' + Ext.id().replace('-', '_')});
+        },
+        deleteRow() {
+            this.getViewModel().getStore('cardsStore').remove(this.getViewModel().get('selection'));
+        },
+    },
+    viewModel: {
+        data: {
+            selection: null,
+            dataCount: 1,
+        },
+        stores: {
+            cardsStore: {
+                type: 'json',
+                fields: ['text', 'itemId', 'value'],
+                data: [
+                ],
+            },
+        },
+    },
+    tbar: [
+        {
+            text: 'Добавить',
+            handler: 'addRow',
+        },
+        {
+            text: 'Удалить',
+            handler: 'deleteRow',
+            bind: {
+                disabled: '{!selection || dataCount < 2}',
+            },
+        }
+    ],
+    bind: {
+        store: '{cardsStore}',
+        selection: '{selection}',
+    },
+    columns: [
+        {xtype: 'rownumberer'},
+        {dataIndex: 'text', text: 'Заголовок', flex: 2, editor: {xtype: 'textfield'}},
+        {dataIndex: 'value', text: 'Значение', flex: 1, editor: {xtype: 'textfield'}}
+    ],
+    plugins: [
+        {ptype: 'cellediting'}
+    ],
+});

package/src/common/component/formeditor/UiCFSettingsWindow.js

@@ -0,0 +1,62 @@
+Ext.define('Coon.common.component.formeditor.UiCFSettingsWindow', {
+    extend: 'Ext.window.Window',
+    xtype: 'UiCFSettingsWindow',
+    closable: true,
+    closeAction: 'hide',
+    width: 500,
+    title: 'Настройки формы',
+    height: 220,
+    modal: true,
+    maximazible: false,
+    minimazible: false,
+    items: [
+        {
+            xtype: 'form',
+            reference: 'formData',
+            bodyPadding: 5,
+            items: [
+                {
+                    xtype: 'textfield',
+                    reference: 'idField',
+                    name: 'UI_ELEMENT_CD',
+                    allowBlank: false,
+                    width: '100%',
+                    fieldLabel: 'UI_ELEMENT_CD',
+                },
+                {
+                    xtype: 'textfield',
+                    name: 'description',
+                    allowBlank: false,
+                    width: '100%',
+                    fieldLabel: 'Описание',
+                }
+            ],
+            buttons: [
+                {
+                    text: 'Применить',
+                    formBind: true,
+                    handler: function() {
+                        const window = this.up('window');
+                        const form = window.down('form');
+                        window.fireEvent('applySettings', form.getForm().getValues());
+                        window.close();
+                    },
+                },
+                {
+                    text: 'Отмена',
+                    handler: function() {
+                        this.up('window').close();
+                    },
+                }
+            ],
+        }
+    ],
+
+    loadFormData(params) {
+        if (params['UI_ELEMENT_CD']) {
+            this.down('[reference="idField"]').setReadOnly(true);
+        }
+        this.down('form').getForm().setValues(params);
+    },
+})
+;

package/src/common/component/formeditor/UiCFSpacer.js

@@ -0,0 +1,8 @@
+/* global Ext */
+Ext.define('Coon.common.component.formeditor.UiCFSpacer', {
+    extend: 'Ext.Component',
+    xtype: 'UiCFSpacer',
+    style: {
+        height: '30px',
+    },
+});

package/src/common/component/formeditor/UiCFTab.js

@@ -0,0 +1,51 @@
+/* global Ext */
+Ext.define('Coon.common.component.formeditor.UiCFTab', {
+    extend: 'Ext.tab.Panel',
+    xtype: 'UiCFTab',
+    controller: {
+        init(view) {
+            if (view.initialConfig && !view.initialConfig.checkOptions) {
+                if (view.initialConfig && view.initialConfig.countCards) {
+                    view.initialConfig.countCards.forEach((setting, index) => {
+                        let item = view.items.getAt(view.items.findIndex('itemId', setting.itemId));
+                        if (!item) {
+                            item = view.add({
+                                xtype: 'panel',
+                                layout: 'fit',
+                                itemId: setting.itemId,
+                                items: [{xtype: 'UiCFContainer'}],
+                            });
+                        }
+                        if (setting.title) {
+                            item.setTitle(setting.title);
+                        }
+                    });
+                    if (view.initialConfig.countCards.length < view.items.getCount()) {
+                        const ids = view.initialConfig.countCards.map((item) => item.itemId);
+                        view.items.items.forEach((item) => {
+                            if (ids.indexOf(item.itemId) < 0) {
+                                view.remove(item);
+                            }
+                        });
+                    }
+                } else {
+                    const itemId = 'UiCFCard_' + Ext.id().replace('-', '_');
+                    view.value = view.countCards = [
+                        {
+                            'title': '',
+                            'itemId': itemId,
+                        }
+                    ],
+                    view.add({
+                        xtype: 'panel',
+                        layout: 'fit',
+                        itemId: itemId,
+                        items: [{xtype: 'UiCFContainer'}],
+                    });
+                }
+            }
+        },
+    },
+    minHeight: 100,
+    items: [],
+});

package/src/common/component/formeditor/UiCustomForm.js

@@ -0,0 +1,33 @@
+/* global Ext */
+Ext.define('Coon.common.component.formeditor.UiCustomForm', {
+    extend: 'Ext.form.Panel',
+    xtype: 'UiCustomForm',
+    layout: 'form',
+    setFormData(data) {
+        this.getForm().setValues(data);
+    },
+    getFormData(valuesAsIs, dateFormat, excludeReadOnly, excludeDisabled) {
+        return Coon.Function.getDataFromForm(this, valuesAsIs, dateFormat, excludeReadOnly, excludeDisabled);
+    },
+    initComponent() {
+        if (this.initialConfig && this.initialConfig.UiCFId) {
+            this.on('added', (view) => {
+                const command = Ext.create('Coon.uielement.command.GetUIElementCommand');
+                command.on('complete', function(response) {
+                    if (response) {
+                        const data = response.propertyData !== '{}' ? JSON.parse(response.propertyData) : null;
+                        if (data) {
+                            view.add(data.items || []);
+                            Ext.defer(() => {
+                                Ext.ComponentQuery.query('UiCFCell', view).forEach((cmp) => cmp.getController().readOnly = true);
+                                Ext.ComponentQuery.query('UiCFContainer', view).forEach((cmp) => cmp.getController().readOnly = true);
+                            }, 500);
+                        }
+                    }
+                }, this);
+                command.execute(view.initialConfig.UiCFId);
+            }, this);
+        }
+        this.callParent();
+    },
+});

package/src/common/component/formeditor/UiCustomFormController.js

@@ -0,0 +1,6 @@
+Ext.define('Coon.common.component.formeditor.UiCustomFormController', {
+    extend: 'Ext.app.ViewController',
+    alias: 'controller.UiCustomFormController',
+
+
+});

package/src/common/component/formeditor/UiCustomFormEditor.js

@@ -0,0 +1,191 @@
+/* global Ext */
+Ext.define('Coon.common.component.formeditor.UiCustomFormEditor', {
+    extend: 'Ext.panel.Panel',
+    controller: 'UiCustomFormEditorController',
+    xtype: 'UiCustomFormEditor',
+    layout: 'border',
+    cls: 'UiCustomFormEditor',
+    viewModel: {
+        data: {
+            viewMode: false,
+            focusedField: null,
+            activeForm: 0,
+            focusedFieldXType: null,
+            UI_ELEMENT_CD: null,
+            description: null,
+        },
+        stores: {
+            configStore: {
+                type: 'json',
+                data: [],
+                fields: ['key', 'type', 'property', 'visible', 'title', 'description'],
+            },
+            typeStore: {
+                type: 'json',
+                data: [{key: 'text'}, {key: 'int'}, {key: 'bool'}, {key: 'date'}, {key: 'dateFormat'},
+                    {key: 'timeFormat'}, {key: 'timeTextFormat'}, {key: 'reportsList'},
+                    {key: 'cards'}, {key: 'radio'}, {key: 'segmented'}, {key: 'allowedExtensions'}, {key: 'reportField'}],
+                fields: ['key'],
+            },
+        },
+    },
+    items: [
+        {
+            xtype: 'UiCFContainer',
+            region: 'center',
+            scrollable: 'y',
+            flex: 1,
+        },
+        {
+            reference: 'settingsPanel',
+            layout: 'card',
+            xtype: 'panel',
+            items: [
+                {
+                    xtype: 'form',
+                    reference: 'settingsForm',
+                    layout: 'anchor',
+                    scrollable: 'y',
+                    bodyPadding: 5,
+                    defaults: {
+                        anchor: '100%',
+                    },
+                    items: [],
+                    buttons: [
+                        {
+                            text: 'Применить',
+                            ui: 'orange-button',
+                            flex: 1,
+                            handler: 'applySettings',
+                            disabled: true,
+                            bind: {
+                                disabled: '{!focusedField}',
+                            },
+                        }
+                    ],
+                },
+                {
+                    xtype: 'panel',
+                    layout: 'fit',
+                    items: [
+                        {
+                            xtype: 'grid',
+                            buttons: [{
+                                text: 'Применить',
+                                ui: 'orange-button',
+                                flex: 1,
+                                handler: 'applyXTypeSettings',
+                                disabled: true,
+                                bind: {
+                                    disabled: '{!focusedField}',
+                                },
+                            }],
+                            reference: 'configGrid',
+                            bind: {
+                                store: '{configStore}',
+                            },
+                            columns: [
+                                {text: 'Вкл.', dataIndex: 'visible', xtype: 'checkcolumn', filter: {type: 'boolean'}},
+                                {text: 'Переменная', dataIndex: 'property', flex: 1, filter: {type: 'string'}},
+                                {
+                                    text: 'Тип',
+                                    dataIndex: 'type',
+                                    editor: {
+                                        xtype: 'combo',
+                                        bind: {
+                                            store: '{typeStore}',
+                                        },
+                                        queryMode: 'local',
+                                        displayField: 'key',
+                                        valueField: 'key',
+                                    },
+                                    flex: 1,
+                                },
+                                {text: 'Заголовок', dataIndex: 'title', editor: {xtype: 'textfield'}, flex: 1, filter: {type: 'string'}},
+                                {text: 'Описание', dataIndex: 'description', editor: {xtype: 'textfield'}, flex: 1}
+                            ],
+                            plugins: [
+                                {ptype: 'cellediting', clicksToEdit: 2},
+                                {ptype: 'gridfilterbar'}
+                            ],
+                        }
+                    ],
+                }
+            ],
+            animCollapse: 100,
+            region: 'east',
+            width: 500,
+            collapsible: true,
+            collapseDirection: 'right',
+            hideCollapseTool: true,
+            collapseMode: 'header',
+            collapsed: true,
+            header: {
+                iconCls: 'x-fa fa-th',
+                title: 'Настройки',
+            },
+            bind: {
+                activeItem: '{activeForm}',
+            },
+            tools: [
+                {
+                    iconCls: 'fa fa-eye',
+                    hidden: true,
+                    bind: {
+                        hidden: '{viewMode === true}',
+                    },
+                    callback: function(view) {
+                        view.up('UiCustomFormEditor').getViewModel().set('viewMode', true);
+                    },
+                },
+                {
+                    iconCls: 'fa fa-eye-slash',
+                    hidden: true,
+                    bind: {
+                        hidden: '{viewMode === false}',
+                    },
+                    callback: function(view) {
+                        view.up('UiCustomFormEditor').getViewModel().set('viewMode', false);
+                    },
+                },
+                {
+                    iconCls: 'fa fa-cogs', // Reply icon
+                    bind: {
+                        hidden: '{activeForm !== 0}',
+                    },
+                    callback: function(view) {
+                        view.up('UiCustomFormEditor').getViewModel().set('activeForm', 1);
+                    },
+                },
+                {
+                    iconCls: 'fa fa-reply', // Reply icon
+                    hidden: true,
+                    bind: {
+                        hidden: '{activeForm !== 1}',
+                    },
+                    callback: function(view) {
+                        view.up('UiCustomFormEditor').getViewModel().set('activeForm', 0);
+                    },
+                },
+                {
+                    type: 'pin',
+                    itemId: 'pinned',
+                    callback(view, tool) {
+                        if (tool.type === 'pin') {
+                            tool.setType('unpin');
+                        } else {
+                            tool.setType('pin');
+                        }
+                        const pinned = tool.type === 'unpin';
+                        view.up('UiCustomFormEditor').getController().setPinned(pinned);
+                        Ext.state.Manager.getProvider().set('settingsPanel', {pinned});
+                    },
+                }
+
+            ],
+            listeners: {
+                render: 'onSettingsRender',
+            },
+        }
+    ],
+});

package/src/common/component/formeditor/UiCustomFormEditor.scss

@@ -0,0 +1,13 @@
+.UiCustomFormEditor{
+  .selectedField{
+    border-radius: 2px;
+    border: 1px solid #c7eef5;
+  }
+  .UiCFContainer{
+    border-radius: 2px;
+    border: 1px solid #c7f5c8;
+  }
+  .cutCell{
+    border: 1px dashed red;
+  }
+}