ru.coon 2.5.67 → 2.6.0

package/src/common/panel/dropzone/UniversalMultiUploadFormController.js

@@ -1,233 +1,233 @@
-Ext.define('Coon.common.panel.dropzone.UniversalMultiUploadFormController', {
-    extend: 'Ext.app.ViewController',
-    alias: 'controller.UniversalMultiUploadFormController',
-
-    init() {
-        const dropZone = this.lookup('UploadDropZoneRef');
-        dropZone && dropZone.on('fileAddEvent', this.addFiles, this);
-    },
-
-    addFiles(_, files) {
-        this.checkResults = [];
-        const filesStore = this.getViewModel().getStore('filesStore');
-        const arr = [...files];
-
-        arr.forEach((file) => {
-            if (this.checkConditions(file)) {
-                if (filesStore.count()<this.getView().maxCountFiles) {
-                    this.getViewModel().getStore('filesStore').add({
-                        file: file,
-                        name: file.name,
-                        size: file.size,
-                    });
-                } else {
-                    this.checkResults.push(Ext.htmlEncode(file.name) + ' - превышено допустимое число файлов.');
-                }
-            }
-        });
-
-        if (this.checkResults.length) {
-            Ext.Msg.alert('Сообщение системы', this.checkResults.join('<br>'));
-        }
-    },
-
-    checkConditions(file) {
-        const view = this.getView();
-        const name = Ext.htmlEncode(file.name);
-
-        if (!file) {
-            return false;
-        }
-        if (!this.checkAllowedExten(file.name)) {
-            this.checkResults.push(`Файл ${name}<br> недопустимое расширение`);
-            return false;
-        }
-        if (view.checkVulnerability && !this.checkVulnerabilities(file.name)) {
-            this.checkResults.push(`Файл ${name}<br> имеет недопустимое имя`);
-            return false;
-        }
-        if (!this.checkSize(file.size)) {
-            this.checkResults.push(`Файл ${name}<br> превысил допустимый размер`);
-            return false;
-        }
-        return true;
-    },
-
-    /**
-     * Проверка на попытку протащить уязвимость в имени/расширении файла
-     * @param fileName
-     * @returns {boolean}
-     */
-    checkVulnerabilities(fileName) {
-        return /^[0-9а-яА-Яa-zA-Z\(\)\.,\s_-]+\.[A-Za-z]{3,4}$/gu.test(fileName);
-    },
-
-    /**
-     * Проверка допустимого размера файла
-     * @param size
-     * @returns {boolean}
-     */
-    checkSize(size) {
-        const maxFileSize = this.getView().maxFileSize ? +this.getView().maxFileSize: 0;
-        if (!isNaN(maxFileSize) && maxFileSize>0) {
-            return size <= this.getView().maxFileSize;
-        } else {
-            return true;
-        }
-    },
-
-    /**
-     * Проверка допустимого расширения файла
-     * @param fileName
-     * @returns {boolean}
-     */
-    checkAllowedExten(fileName) {
-        const view = this.getView();
-        const ext = fileName.substring(fileName.lastIndexOf('.') + 1);
-        if (
-            view.allowedExtensions &&
-            view.allowedExtensions.length
-        ) {
-            return view.allowedExtensions.includes(ext.toLowerCase());
-        }
-        return true;
-    },
-
-    tooltipSet() {
-        const dataview = this.lookup('filesDataviewRef');
-        Ext.create('Ext.tip.ToolTip', {
-            showDelay: 100,
-            target: dataview.el,
-            delegate: dataview.itemSelector,
-            trackMouse: true,
-            listeners: {
-                beforeshow: function updateTipBody(tip) {
-                    const dataview = this.lookup('filesDataviewRef');
-                    const name = Ext.htmlEncode(dataview.getRecord(tip.triggerElement).get('name'));
-                    if (tip.triggerElement) {
-                        tip.update(`${this.getView().removeFileText} ${name}`);
-                    }
-                }.bind(this),
-            },
-        });
-    },
-
-    getUrl: function() {
-        const view = this.getView();
-        if (typeof view.urlPrefix === 'string' && view.urlPrefix) {
-            return view.urlPrefix + view.url;
-        } else {
-            return view.url;
-        }
-    },
-
-    getHeaders: function() {
-        const token = localStorage.getItem('CSRFToken');
-        return Ext.apply(this.getView().getHeaders(), {'X-CSRF-Token': token});
-    },
-
-    submitFunction: async function() {
-        if (this.validate()) {
-            const parameters = this.collectParams();
-            const formData = new FormData();
-            for (const key in parameters) {
-                formData.append(key, parameters[key]);
-            }
-            this.getViewModel().getStore('filesStore').each((rec) => {
-                formData.append('upload', rec.get('file'));
-            });
-            const options = {
-                method: 'POST',
-                headers: this.getHeaders(),
-                body: formData,
-            };
-            fetch(this.getUrl(), options)
-                .then(this.extractResponse)
-                .then(function(response) {
-                    const {json, ok, status, statusText} = response;
-                    if (ok) {
-                        this.onSubmitSuccess(json);
-                    } else {
-                        Coon.log.error(`Ошибка аплода - ${status} ${statusText}`);
-                        this.onSubmitFailure(json);
-                    }
-                }.bind(this))
-                .catch(function(err) {
-                    Coon.log.error('Ошибка аплода ', err);
-                });
-        } else {
-            this.showValidateMessage();
-        }
-    },
-    /**
-     * Извлечение результата
-     * @param response
-     * @returns {Promise<{response: *, statusText, ok, status}>}
-     */
-    extractResponse: async function(response) {
-        return {
-            ok: response.ok,
-            status: response.status,
-            statusText: response.statusText,
-            json: await response.json(),
-        };
-    },
-
-    validateFiles: function() {
-        const filesStore = this.getViewModel().getStore('filesStore');
-        return filesStore.count() > 0;
-    },
-
-    validate: function() {
-        return Coon.Function.validateAllFieldsOnForm(this.getView().uploadForm, true) && this.validateFiles();
-    },
-
-    showValidateMessage: function() {
-        Ext.Msg.alert('Сообщение системы', 'Не все обязательные параметры введены');
-    },
-
-    closeFunction: function() {
-        this.fireViewEvent('close');
-    },
-
-    clearForm: function() {
-        this.getViewModel().getStore('filesStore').removeAll();
-        Coon.Function.clearAllFieldsOnForm(this.getView());
-    },
-
-    onSubmitSuccess: function() {},
-
-    onSubmitFailure: function(response) {
-        Coon.log.error(response);
-        // todo Пока не нашел, зачем используется replace
-        // const fault = response.response.responseText.replace(/<pre>(.*)<\/pre>/g, '$1');
-        const errorWindow = Ext.widget('ErrorWindow');
-        errorWindow.setFaultInfo(response);
-        errorWindow.show();
-    },
-
-    clear: function() {
-        this.clearForm();
-    },
-
-    doInit: Ext.emptyFn,
-
-    collectParams: Ext.emptyFn,
-
-    showProgress: Ext.emptyFn,
-
-    inputParameters: function() {
-        return [];
-    },
-
-    itemClickHandler: function(view, record, item) {
-        const store = view.getStore();
-        store.remove(record);
-    },
-
-    onRemoveFileFromGrid: function(view, rIdx, cIdx, item, e, record) {
-        const store = view.getStore();
-        store.remove(record);
-    },
-
-});
+Ext.define('Coon.common.panel.dropzone.UniversalMultiUploadFormController', {
+    extend: 'Ext.app.ViewController',
+    alias: 'controller.UniversalMultiUploadFormController',
+
+    init() {
+        const dropZone = this.lookup('UploadDropZoneRef');
+        dropZone && dropZone.on('fileAddEvent', this.addFiles, this);
+    },
+
+    addFiles(_, files) {
+        this.checkResults = [];
+        const filesStore = this.getViewModel().getStore('filesStore');
+        const arr = [...files];
+
+        arr.forEach((file) => {
+            if (this.checkConditions(file)) {
+                if (filesStore.count()<this.getView().maxCountFiles) {
+                    this.getViewModel().getStore('filesStore').add({
+                        file: file,
+                        name: file.name,
+                        size: file.size,
+                    });
+                } else {
+                    this.checkResults.push(Ext.htmlEncode(file.name) + ' - превышено допустимое число файлов.');
+                }
+            }
+        });
+
+        if (this.checkResults.length) {
+            Ext.Msg.alert('Сообщение системы', this.checkResults.join('<br>'));
+        }
+    },
+
+    checkConditions(file) {
+        const view = this.getView();
+        const name = Ext.htmlEncode(file.name);
+
+        if (!file) {
+            return false;
+        }
+        if (!this.checkAllowedExten(file.name)) {
+            this.checkResults.push(`Файл ${name}<br> недопустимое расширение`);
+            return false;
+        }
+        if (view.checkVulnerability && !this.checkVulnerabilities(file.name)) {
+            this.checkResults.push(`Файл ${name}<br> имеет недопустимое имя`);
+            return false;
+        }
+        if (!this.checkSize(file.size)) {
+            this.checkResults.push(`Файл ${name}<br> превысил допустимый размер`);
+            return false;
+        }
+        return true;
+    },
+
+    /**
+     * Проверка на попытку протащить уязвимость в имени/расширении файла
+     * @param fileName
+     * @returns {boolean}
+     */
+    checkVulnerabilities(fileName) {
+        return /^[0-9а-яА-Яa-zA-Z\(\)\.,\s_-]+\.[A-Za-z]{3,4}$/gu.test(fileName);
+    },
+
+    /**
+     * Проверка допустимого размера файла
+     * @param size
+     * @returns {boolean}
+     */
+    checkSize(size) {
+        const maxFileSize = this.getView().maxFileSize ? +this.getView().maxFileSize: 0;
+        if (!isNaN(maxFileSize) && maxFileSize>0) {
+            return size <= this.getView().maxFileSize;
+        } else {
+            return true;
+        }
+    },
+
+    /**
+     * Проверка допустимого расширения файла
+     * @param fileName
+     * @returns {boolean}
+     */
+    checkAllowedExten(fileName) {
+        const view = this.getView();
+        const ext = fileName.substring(fileName.lastIndexOf('.') + 1);
+        if (
+            view.allowedExtensions &&
+            view.allowedExtensions.length
+        ) {
+            return view.allowedExtensions.includes(ext.toLowerCase());
+        }
+        return true;
+    },
+
+    tooltipSet() {
+        const dataview = this.lookup('filesDataviewRef');
+        Ext.create('Ext.tip.ToolTip', {
+            showDelay: 100,
+            target: dataview.el,
+            delegate: dataview.itemSelector,
+            trackMouse: true,
+            listeners: {
+                beforeshow: function updateTipBody(tip) {
+                    const dataview = this.lookup('filesDataviewRef');
+                    const name = Ext.htmlEncode(dataview.getRecord(tip.triggerElement).get('name'));
+                    if (tip.triggerElement) {
+                        tip.update(`${this.getView().removeFileText} ${name}`);
+                    }
+                }.bind(this),
+            },
+        });
+    },
+
+    getUrl: function() {
+        const view = this.getView();
+        if (typeof view.urlPrefix === 'string' && view.urlPrefix) {
+            return view.urlPrefix + view.url;
+        } else {
+            return view.url;
+        }
+    },
+
+    getHeaders: function() {
+        const token = localStorage.getItem('CSRFToken');
+        return Ext.apply(this.getView().getHeaders(), {'X-CSRF-Token': token});
+    },
+
+    submitFunction: async function() {
+        if (this.validate()) {
+            const parameters = this.collectParams();
+            const formData = new FormData();
+            for (const key in parameters) {
+                formData.append(key, parameters[key]);
+            }
+            this.getViewModel().getStore('filesStore').each((rec) => {
+                formData.append('upload', rec.get('file'));
+            });
+            const options = {
+                method: 'POST',
+                headers: this.getHeaders(),
+                body: formData,
+            };
+            fetch(this.getUrl(), options)
+                .then(this.extractResponse)
+                .then(function(response) {
+                    const {json, ok, status, statusText} = response;
+                    if (ok) {
+                        this.onSubmitSuccess(json);
+                    } else {
+                        Coon.log.error(`Ошибка аплода - ${status} ${statusText}`);
+                        this.onSubmitFailure(json);
+                    }
+                }.bind(this))
+                .catch(function(err) {
+                    Coon.log.error('Ошибка аплода ', err);
+                });
+        } else {
+            this.showValidateMessage();
+        }
+    },
+    /**
+     * Извлечение результата
+     * @param response
+     * @returns {Promise<{response: *, statusText, ok, status}>}
+     */
+    extractResponse: async function(response) {
+        return {
+            ok: response.ok,
+            status: response.status,
+            statusText: response.statusText,
+            json: await response.json(),
+        };
+    },
+
+    validateFiles: function() {
+        const filesStore = this.getViewModel().getStore('filesStore');
+        return filesStore.count() > 0;
+    },
+
+    validate: function() {
+        return Coon.Function.validateAllFieldsOnForm(this.getView().uploadForm, true) && this.validateFiles();
+    },
+
+    showValidateMessage: function() {
+        Ext.Msg.alert('Сообщение системы', 'Не все обязательные параметры введены');
+    },
+
+    closeFunction: function() {
+        this.fireViewEvent('close');
+    },
+
+    clearForm: function() {
+        this.getViewModel().getStore('filesStore').removeAll();
+        Coon.Function.clearAllFieldsOnForm(this.getView());
+    },
+
+    onSubmitSuccess: function() {},
+
+    onSubmitFailure: function(response) {
+        Coon.log.error(response);
+        // todo Пока не нашел, зачем используется replace
+        // const fault = response.response.responseText.replace(/<pre>(.*)<\/pre>/g, '$1');
+        const errorWindow = Ext.widget('ErrorWindow');
+        errorWindow.setFaultInfo(response);
+        errorWindow.show();
+    },
+
+    clear: function() {
+        this.clearForm();
+    },
+
+    doInit: Ext.emptyFn,
+
+    collectParams: Ext.emptyFn,
+
+    showProgress: Ext.emptyFn,
+
+    inputParameters: function() {
+        return [];
+    },
+
+    itemClickHandler: function(view, record, item) {
+        const store = view.getStore();
+        store.remove(record);
+    },
+
+    onRemoveFileFromGrid: function(view, rIdx, cIdx, item, e, record) {
+        const store = view.getStore();
+        store.remove(record);
+    },
+
+});

package/src/common/panel/dropzone/UniversalMultiUploadFormViewModel.js

@@ -1,10 +1,10 @@
-Ext.define('Coon.common.panel.dropzone.UniversalMultiUploadFormViewModel', {
-    extend: 'Ext.app.ViewModel',
-    alias: 'viewmodel.UniversalMultiUploadFormViewModel',
-
-    stores: {
-        filesStore: {
-            fields: ['name', 'size', 'file'],
-        },
-    },
-});
+Ext.define('Coon.common.panel.dropzone.UniversalMultiUploadFormViewModel', {
+    extend: 'Ext.app.ViewModel',
+    alias: 'viewmodel.UniversalMultiUploadFormViewModel',
+
+    stores: {
+        filesStore: {
+            fields: ['name', 'size', 'file'],
+        },
+    },
+});

package/src/common/panel/dropzone/UploadDropZone.js

@@ -1,56 +1,56 @@
-Ext.define('Coon.common.panel.dropzone.UploadDropZone', {
-    extend: 'Ext.Component',
-    alias: 'widget.UploadDropZone',
-    requires: [
-        'Coon.common.panel.dropzone.UploadDropZoneController'
-    ],
-    controller: 'UploadDropZoneController',
-    config: {
-        baseText: 'Бросьте файлы сюда или кликните.',
-    },
-    initComponent() {
-        this.setHtml(`
-<div class="drop-zone-container">
-     <div class= "drop-zone">      
-        <span><i class="fa fa-cloud-upload-alt icon-upload" style=""></i></span>
-        ${this.baseText}
-     </div>
-    <input name="files[]" type="file" class="file-input" />
-</div>`);
-        this.callParent();
-    },
-
-    listeners: {
-        afterrender: 'onAfterRender',
-        drop: {
-            element: 'el',
-            fn: 'onDropHandler',
-        },
-        dragstart: {
-            element: 'el',
-            fn: 'onDragstart',
-        },
-        // Подсветить дроп зону
-        dragenter: {
-            element: 'el',
-            fn: 'onDragEnter',
-        },
-
-        dragover: {
-            element: 'el',
-            fn: 'onDragEnter',
-        },
-
-        // Убрать подсветку с дропзоны
-        dragleave: {
-            element: 'el',
-            fn: 'onDragLeave',
-        },
-
-        dragexit: {
-            element: 'el',
-            fn: 'onDragLeave',
-        },
-    },
-});
-
+Ext.define('Coon.common.panel.dropzone.UploadDropZone', {
+    extend: 'Ext.Component',
+    alias: 'widget.UploadDropZone',
+    requires: [
+        'Coon.common.panel.dropzone.UploadDropZoneController'
+    ],
+    controller: 'UploadDropZoneController',
+    config: {
+        baseText: 'Бросьте файлы сюда или кликните.',
+    },
+    initComponent() {
+        this.setHtml(`
+<div class="drop-zone-container">
+     <div class= "drop-zone">      
+        <span><i class="fa fa-cloud-upload-alt icon-upload" style=""></i></span>
+        ${this.baseText}
+     </div>
+    <input name="files[]" type="file" class="file-input" />
+</div>`);
+        this.callParent();
+    },
+
+    listeners: {
+        afterrender: 'onAfterRender',
+        drop: {
+            element: 'el',
+            fn: 'onDropHandler',
+        },
+        dragstart: {
+            element: 'el',
+            fn: 'onDragstart',
+        },
+        // Подсветить дроп зону
+        dragenter: {
+            element: 'el',
+            fn: 'onDragEnter',
+        },
+
+        dragover: {
+            element: 'el',
+            fn: 'onDragEnter',
+        },
+
+        // Убрать подсветку с дропзоны
+        dragleave: {
+            element: 'el',
+            fn: 'onDragLeave',
+        },
+
+        dragexit: {
+            element: 'el',
+            fn: 'onDragLeave',
+        },
+    },
+});
+

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

@@ -1,36 +1,36 @@
-$dropzone-background: #f9f9fb;
-
-.drop-zone-dragover div.drop-zone-container {
-    border: 1px dotted red;
-    background-color: lightgreen !important;
-}
-
-.drop-zone-container {
-    width: 100%;
-    height: 100px;
-    background: $dropzone-background;
-    cursor: pointer;
-    display: flex;
-
-.drop-zone {
-        border: 1px dotted black;
-        display: flex;
-        flex-grow: 1;
-        align-items: center;
-        justify-content: center;
-        .icon-upload {
-          font-size:40px;
-          margin-right: 20px
-        }
-    }
-.file-input {
-        position: absolute;
-        width: 100%;
-        height: 100%;
-        top: 0;
-        left: 0;
-        opacity: 0;
-        cursor: pointer;
-        visibility: revert;
-    }
-}
+$dropzone-background: #f9f9fb;
+
+.drop-zone-dragover div.drop-zone-container {
+    border: 1px dotted red;
+    background-color: lightgreen !important;
+}
+
+.drop-zone-container {
+    width: 100%;
+    height: 100px;
+    background: $dropzone-background;
+    cursor: pointer;
+    display: flex;
+
+.drop-zone {
+        border: 1px dotted black;
+        display: flex;
+        flex-grow: 1;
+        align-items: center;
+        justify-content: center;
+        .icon-upload {
+          font-size:40px;
+          margin-right: 20px
+        }
+    }
+.file-input {
+        position: absolute;
+        width: 100%;
+        height: 100%;
+        top: 0;
+        left: 0;
+        opacity: 0;
+        cursor: pointer;
+        visibility: revert;
+    }
+}