File manager

File manager - Edit - /home/c14075/dragmet-ural.ru/www/bitrix/js/ui/stepprocessing/dist/process.bundle.js

Back
this.BX = this.BX \|\| {}; this.BX.UI = this.BX.UI \|\| {}; (function (exports,ui_designTokens,ui_progressbar,main_core_events,main_popup,ui_alerts,ui_buttons,main_core) { 'use strict'; /** * @namespace {BX.UI.StepProcessing} / var ProcessResultStatus = { progress: 'PROGRESS', completed: 'COMPLETED' }; var ProcessState = { intermediate: 'INTERMEDIATE', running: 'RUNNING', completed: 'COMPLETED', stopped: 'STOPPED', error: 'ERROR', canceling: 'CANCELING' }; var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8; var BaseField = /#__PURE__/function () { function BaseField(options) { babelHelpers.classCallCheck(this, BaseField); babelHelpers.defineProperty(this, "obligatory", false); babelHelpers.defineProperty(this, "emptyMessage", ''); babelHelpers.defineProperty(this, "className", ''); babelHelpers.defineProperty(this, "disabled", false); babelHelpers.defineProperty(this, "value", null); this.id = 'id' in options ? options.id : 'ProcessDialogField_' + Math.random().toString().substring(2); this.name = options.name; this.type = options.type; this.title = options.title; this.obligatory = !!options.obligatory; if ('value' in options) { this.setValue(options.value); } if ('emptyMessage' in options) { this.emptyMessage = options.emptyMessage; } else { this.emptyMessage = main_core.Loc.getMessage('UI_STEP_PROCESSING_EMPTY_ERROR') \|\| ''; } } babelHelpers.createClass(BaseField, [{ key: "setValue", value: function setValue(value) { throw new Error('BX.UI.StepProcessing: Must be implemented by a subclass'); //this.value = value; //return this; } }, { key: "getValue", value: function getValue() { throw new Error('BX.UI.StepProcessing: Must be implemented by a subclass'); //return this.value; } }, { key: "render", value: function render() { throw new Error('BX.UI.StepProcessing: Must be implemented by a subclass'); //return this.field; } }, { key: "lock", value: function lock() { throw new Error('BX.UI.StepProcessing: Must be implemented by a subclass'); //this.disabled = flag; //this.field.disabled = !!flag; //return this; } }, { key: "isFilled", value: function isFilled() { throw new Error('BX.UI.StepProcessing: Must be implemented by a subclass'); //return this.field; } }, { key: "getInput", value: function getInput() { return this.field ? this.field : null; } }, { key: "getContainer", value: function getContainer() { if (!this.container) { this.container = main_core.Tag.render(_templateObject \|\| (_templateObject = babelHelpers.taggedTemplateLiteral(["<div class=\"", " ", "\"></div>"])), DialogStyle.ProcessOptionContainer, this.className); this.container.appendChild(main_core.Tag.render(_templateObject2 \|\| (_templateObject2 = babelHelpers.taggedTemplateLiteral(["<div class=\"", "\"></div>"])), DialogStyle.ProcessOptionsTitle)).appendChild(main_core.Tag.render(_templateObject3 \|\| (_templateObject3 = babelHelpers.taggedTemplateLiteral(["<label for=\"", "_inp\">", "</label>"])), this.id, this.title)); this.container.appendChild(main_core.Tag.render(_templateObject4 \|\| (_templateObject4 = babelHelpers.taggedTemplateLiteral(["<div class=\"", "\"></div>"])), DialogStyle.ProcessOptionsInput)).appendChild(this.render()); if (this.obligatory) { var alertId = this.id + '_alert'; this.container.appendChild(main_core.Tag.render(_templateObject5 \|\| (_templateObject5 = babelHelpers.taggedTemplateLiteral(["<div id=\"", "\" class=\"", "\" style=\"display:none\"></div>"])), alertId, DialogStyle.ProcessOptionsObligatory)).appendChild(main_core.Tag.render(_templateObject6 \|\| (_templateObject6 = babelHelpers.taggedTemplateLiteral(["<span class=\"ui-alert-message\">", "</span>"])), this.emptyMessage)); } } return this.container; } }, { key: "showWarning", value: function showWarning(message) { var alertId = this.id + '_alert'; var optionElement = this.container.querySelector('#' + alertId); if (optionElement) { if (main_core.Type.isStringFilled(message)) { var messageElement = optionElement.querySelector('.ui-alert-message'); messageElement.innerHTML = message; } optionElement.style.display = 'block'; } else { var _message = _message ? _message : this.emptyMessage; if (main_core.Type.isStringFilled(_message)) { this.container.appendChild(main_core.Tag.render(_templateObject7 \|\| (_templateObject7 = babelHelpers.taggedTemplateLiteral(["<div id=\"", "\" class=\"", "\"></div>"])), alertId, DialogStyle.ProcessOptionsObligatory)).appendChild(main_core.Tag.render(_templateObject8 \|\| (_templateObject8 = babelHelpers.taggedTemplateLiteral(["<span class=\"ui-alert-message\">", "</span>"])), _message)); } } return this; } }, { key: "hideWarning", value: function hideWarning() { var alertId = this.id + '_alert'; var optionElement = this.container.querySelector('#' + alertId); if (optionElement) { optionElement.style.display = 'none'; } return this; } }]); return BaseField; }(); var _templateObject$1; var TextField = /#__PURE__/function (_BaseField) { babelHelpers.inherits(TextField, _BaseField); function TextField(options) { var _this; babelHelpers.classCallCheck(this, TextField); _this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(TextField).call(this, options)); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "type", 'text'); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "className", DialogStyle.ProcessOptionText); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "rows", 10); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "cols", 50); if (options.textSize) { _this.cols = options.textSize; } if (options.textLine) { _this.rows = options.textLine; } return _this; } babelHelpers.createClass(TextField, [{ key: "setValue", value: function setValue(value) { this.value = value; if (this.field) { this.field.value = this.value; } return this; } }, { key: "getValue", value: function getValue() { if (this.field && this.disabled !== true) { if (typeof this.field.value !== 'undefined') { this.value = this.field.value; } } return this.value; } }, { key: "isFilled", value: function isFilled() { if (this.field) { if (typeof this.field.value !== 'undefined') { return main_core.Type.isStringFilled(this.field.value); } } return false; } }, { key: "render", value: function render() { if (!this.field) { this.field = main_core.Tag.render(_templateObject$1 \|\| (_templateObject$1 = babelHelpers.taggedTemplateLiteral(["<textarea id=\"", "\" name=\"", "\" cols=\"", "\" rows=\"", "\"></textarea>"])), this.id, this.name, this.cols, this.rows); } if (this.value) { this.field.value = this.value; } return this.field; } }, { key: "lock", value: function lock() { var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; this.disabled = flag; this.field.disabled = !!flag; return this; } }]); return TextField; }(BaseField); var _templateObject$2; var FileField = /#__PURE__/function (_BaseField) { babelHelpers.inherits(FileField, _BaseField); function FileField(options) { var _this; babelHelpers.classCallCheck(this, FileField); if (!('emptyMessage' in options)) { options.emptyMessage = main_core.Loc.getMessage('UI_STEP_PROCESSING_FILE_EMPTY_ERROR'); } _this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(FileField).call(this, options)); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "type", 'file'); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "className", DialogStyle.ProcessOptionFile); return _this; } babelHelpers.createClass(FileField, [{ key: "setValue", value: function setValue(value) { this.value = value; if (this.field) { if (value instanceof FileList) { this.field.files = value; } else if (value instanceof File) { this.field.files[0] = value; } } return this; } }, { key: "getValue", value: function getValue() { if (this.field && this.disabled !== true) { if (typeof this.field.files[0] != "undefined") { this.value = this.field.files[0]; } } return this.value; } }, { key: "isFilled", value: function isFilled() { if (this.field) { if (typeof this.field.files[0] != "undefined") { return true; } } return false; } }, { key: "render", value: function render() { if (!this.field) { this.field = main_core.Tag.render(_templateObject$2 \|\| (_templateObject$2 = babelHelpers.taggedTemplateLiteral(["<input type=\"file\" id=\"", "\" name=\"", "\">"])), this.id, this.name); } return this.field; } }, { key: "lock", value: function lock() { var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; this.disabled = flag; this.field.disabled = !!flag; return this; } }]); return FileField; }(BaseField); var _templateObject$3, _templateObject2$1, _templateObject3$1, _templateObject4$1, _templateObject5$1, _templateObject6$1, _templateObject7$1; var CheckboxField = /#__PURE__/function (_BaseField) { babelHelpers.inherits(CheckboxField, _BaseField); function CheckboxField(options) { var _this; babelHelpers.classCallCheck(this, CheckboxField); _this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(CheckboxField).call(this, options)); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "type", 'checkbox'); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "list", []); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "multiple", false); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "className", DialogStyle.ProcessOptionCheckbox); if ('list' in options) { _this.list = options.list; } _this.multiple = _this.list.length > 1; if (_this.multiple) { _this["class"] = DialogStyle.ProcessOptionMultiple; } return _this; } babelHelpers.createClass(CheckboxField, [{ key: "setValue", value: function setValue(value) { if (this.multiple) { this.value = main_core.Type.isArray(value) ? value : [value]; } else { if (value === 'Y' \|\| value === 'N' \|\| value === null \|\| value === undefined) { value = value === 'Y'; //Boolean } this.value = value; } if (this.field) { if (this.multiple) { var optionElements = this.field.querySelectorAll("input[type=checkbox]"); if (optionElements) { for (var k = 0; k < optionElements.length; k++) { optionElements[k].checked = this.value.indexOf(optionElements[k].value) !== -1; } } } else { var optionElement = this.field.querySelector("input[type=checkbox]"); if (optionElement) { optionElement.checked = main_core.Type.isBoolean(this.value) ? this.value : optionElement.value === this.value; } } } return this; } }, { key: "getValue", value: function getValue() { if (this.field && this.disabled !== true) { if (this.multiple) { this.value = []; var optionElements = this.field.querySelectorAll("input[type=checkbox]"); if (optionElements) { for (var k = 0; k < optionElements.length; k++) { if (optionElements[k].checked) { this.value.push(optionElements[k].value); } } } } else { var optionElement = this.field.querySelector("input[type=checkbox]"); if (optionElement) { if (optionElement.value && optionElement.value !== 'Y') { this.value = optionElement.checked ? optionElement.value : ''; } else { this.value = optionElement.checked; } } } } return this.value; } }, { key: "isFilled", value: function isFilled() { if (this.field) { var optionElements = this.field.querySelectorAll("input[type=checkbox]"); if (optionElements) { return true; } } return false; } }, { key: "getInput", value: function getInput() { if (this.field) { if (this.multiple) { var optionElements = this.field.querySelectorAll("input[type=checkbox]"); if (optionElements) { return optionElements; } } else { var optionElement = this.field.querySelector("input[type=checkbox]"); if (optionElement) { return optionElement; } } } return null; } }, { key: "render", value: function render() { var _this2 = this; if (!this.field) { this.field = main_core.Tag.render(_templateObject$3 \|\| (_templateObject$3 = babelHelpers.taggedTemplateLiteral(["<div id=\"", "\"></div>"])), this.id); } if (this.multiple) { Object.keys(this.list).forEach(function (itemId) { if (_this2.value.indexOf(itemId) !== -1) { _this2.field.appendChild(main_core.Tag.render(_templateObject2$1 \|\| (_templateObject2$1 = babelHelpers.taggedTemplateLiteral(["<label><input type=\"checkbox\" name=\"", "[]\" value=\"", "\" checked>", "</label>"])), _this2.name, itemId, _this2.list[itemId])); } else { _this2.field.appendChild(main_core.Tag.render(_templateObject3$1 \|\| (_templateObject3$1 = babelHelpers.taggedTemplateLiteral(["<label><input type=\"checkbox\" name=\"", "[]\" value=\"", "\">", "</label>"])), _this2.name, itemId, _this2.list[itemId])); } }); } else { if (main_core.Type.isBoolean(this.value)) { if (this.value) { this.field.appendChild(main_core.Tag.render(_templateObject4$1 \|\| (_templateObject4$1 = babelHelpers.taggedTemplateLiteral(["<input type=\"checkbox\" id=\"", "_inp\" name=\"", "\" value=\"Y\" checked>"])), this.id, this.name)); } else { this.field.appendChild(main_core.Tag.render(_templateObject5$1 \|\| (_templateObject5$1 = babelHelpers.taggedTemplateLiteral(["<input type=\"checkbox\" id=\"", "_inp\" name=\"", "\" value=\"Y\">"])), this.id, this.name)); } } else { if (this.value !== '') { this.field.appendChild(main_core.Tag.render(_templateObject6$1 \|\| (_templateObject6$1 = babelHelpers.taggedTemplateLiteral(["<input type=\"checkbox\" id=\"", "_inp\" name=\"", "\" value=\"", "\" checked>"])), this.id, this.name, this.value)); } else { this.field.appendChild(main_core.Tag.render(_templateObject7$1 \|\| (_templateObject7$1 = babelHelpers.taggedTemplateLiteral(["<input type=\"checkbox\" id=\"", "_inp\" name=\"", "\" value=\"", ">\""])), this.id, this.name, this.value)); } } } return this.field; } }, { key: "lock", value: function lock() { var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; this.disabled = flag; if (this.field) { var optionElements = this.field.querySelectorAll("input[type=checkbox]"); if (optionElements) { for (var k = 0; k < optionElements.length; k++) { optionElements[k].disabled = !!flag; } } } return this; } }]); return CheckboxField; }(BaseField); var _templateObject$4, _templateObject2$2; var SelectField = /#__PURE__/function (_BaseField) { babelHelpers.inherits(SelectField, _BaseField); function SelectField(options) { var _this; babelHelpers.classCallCheck(this, SelectField); _this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(SelectField).call(this, options)); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "type", 'select'); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "multiple", false); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "list", []); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "className", DialogStyle.ProcessOptionSelect); if ('multiple' in options) { _this.multiple = main_core.Type.isBoolean(options.multiple) ? options.multiple === true : options.multiple === 'Y'; } if (_this.multiple) { if ('size' in options) { _this.size = options.size; } } if ('list' in options) { _this.list = options.list; } return _this; } babelHelpers.createClass(SelectField, [{ key: "setValue", value: function setValue(value) { if (this.multiple) { this.value = main_core.Type.isArray(value) ? value : [value]; } else { this.value = value; } if (this.field) { if (this.multiple) { for (var k = 0; k < this.field.options.length; k++) { this.field.options[k].selected = this.value.indexOf(this.field.options[k].value) !== -1; } } else { this.field.value = this.value; } } return this; } }, { key: "getValue", value: function getValue() { if (this.field && this.disabled !== true) { if (this.multiple) { this.value = []; for (var k = 0; k < this.field.options.length; k++) { if (this.field.options[k].selected) { this.value.push(this.field.options[k].value); } } } else { this.value = this.field.value; } } return this.value; } }, { key: "isFilled", value: function isFilled() { if (this.field) { for (var k = 0; k < this.field.options.length; k++) { if (this.field.options[k].selected) { return true; } } } return false; } }, { key: "render", value: function render() { var _this2 = this; if (!this.field) { this.field = main_core.Tag.render(_templateObject$4 \|\| (_templateObject$4 = babelHelpers.taggedTemplateLiteral(["<select id=\"", "\" name=\"", "\"></select>"])), this.id, this.name); } if (this.multiple) { this.field.multiple = 'multiple'; if (this.size) { this.field.size = this.size; } } Object.keys(this.list).forEach(function (itemId) { var selected; if (_this2.multiple === true) { selected = _this2.value.indexOf(itemId) !== -1; } else { selected = itemId === _this2.value; } var option = _this2.field.appendChild(main_core.Tag.render(_templateObject2$2 \|\| (_templateObject2$2 = babelHelpers.taggedTemplateLiteral(["<option value=\"", "\">", "</option>"])), itemId, _this2.list[itemId])); if (selected) { option.selected = 'selected'; } }); return this.field; } }, { key: "lock", value: function lock() { var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; this.disabled = flag; this.field.disabled = !!flag; return this; } }]); return SelectField; }(BaseField); var _templateObject$5, _templateObject2$3, _templateObject3$2; var RadioField = /#__PURE__/function (_BaseField) { babelHelpers.inherits(RadioField, _BaseField); function RadioField(options) { var _this; babelHelpers.classCallCheck(this, RadioField); _this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(RadioField).call(this, options)); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "type", 'radio'); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "list", []); babelHelpers.defineProperty(babelHelpers.assertThisInitialized(_this), "className", DialogStyle.ProcessOptionMultiple); if ('list' in options) { _this.list = options.list; } return _this; } babelHelpers.createClass(RadioField, [{ key: "setValue", value: function setValue(value) { this.value = value; if (this.field) { var optionElements = this.field.querySelectorAll("input[type=radio]"); if (optionElements) { for (var k = 0; k < optionElements.length; k++) { optionElements[k].checked = optionElements[k].value === this.value; } } } return this; } }, { key: "getValue", value: function getValue() { if (this.field) { var optionElements = this.field.querySelectorAll("input[type=radio]"); if (optionElements) { for (var k = 0; k < optionElements.length; k++) { if (optionElements[k].checked) { this.value = optionElements[k].value; break; } } } } return this.value; } }, { key: "isFilled", value: function isFilled() { if (this.field) { var optionElements = this.field.querySelectorAll("input[type=radio]"); if (optionElements) { for (var k = 0; k < optionElements.length; k++) { if (optionElements[k].checked) { return true; } } } } return false; } }, { key: "getInput", value: function getInput() { if (this.field && this.disabled !== true) { var optionElement = this.field.querySelector("input[type=radio]"); if (optionElement) { return optionElement; } } return null; } }, { key: "render", value: function render() { var _this2 = this; if (!this.field) { this.field = main_core.Tag.render(_templateObject$5 \|\| (_templateObject$5 = babelHelpers.taggedTemplateLiteral(["<div id=\"", "\"></div>"])), this.id); } Object.keys(this.list).forEach(function (itemId) { if (itemId === _this2.value) { _this2.field.appendChild(main_core.Tag.render(_templateObject2$3 \|\| (_templateObject2$3 = babelHelpers.taggedTemplateLiteral(["<label><input type=\"radio\" name=\"", "\" value=\"", "\" checked>", "</label>"])), _this2.name, itemId, _this2.list[itemId])); } else { _this2.field.appendChild(main_core.Tag.render(_templateObject3$2 \|\| (_templateObject3$2 = babelHelpers.taggedTemplateLiteral(["<label><input type=\"radio\" name=\"", "\" value=\"", "\">", "</label>"])), _this2.name, itemId, _this2.list[itemId])); } }); return this.field; } }, { key: "lock", value: function lock() { var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; this.disabled = flag; if (this.field) { var optionElements = this.field.querySelectorAll("input[type=radio]"); if (optionElements) { for (var k = 0; k < optionElements.length; k++) { optionElements[k].disabled = !!flag; } } } return this; } }]); return RadioField; }(BaseField); var _templateObject$6, _templateObject2$4, _templateObject3$3, _templateObject4$2; /* * @namespace {BX.UI.StepProcessing} / var DialogStyle = { ProcessWindow: 'bx-stepprocessing-dialog-process', ProcessPopup: 'bx-stepprocessing-dialog-process-popup', ProcessSummary: 'bx-stepprocessing-dialog-process-summary', ProcessProgressbar: 'bx-stepprocessing-dialog-process-progressbar', ProcessOptions: 'bx-stepprocessing-dialog-process-options', ProcessOptionContainer: 'bx-stepprocessing-dialog-process-option-container', ProcessOptionsTitle: 'bx-stepprocessing-dialog-process-options-title', ProcessOptionsInput: 'bx-stepprocessing-dialog-process-options-input', ProcessOptionsObligatory: 'ui-alert ui-alert-xs ui-alert-warning', ProcessOptionText: 'bx-stepprocessing-dialog-process-option-text', ProcessOptionCheckbox: 'bx-stepprocessing-dialog-process-option-checkbox', ProcessOptionMultiple: 'bx-stepprocessing-dialog-process-option-multiple', ProcessOptionFile: 'bx-stepprocessing-dialog-process-option-file', ProcessOptionSelect: 'bx-stepprocessing-dialog-process-option-select', ButtonStart: 'popup-window-button-accept', ButtonStop: 'popup-window-button-disable', ButtonCancel: 'popup-window-button-link-cancel', ButtonDownload: 'popup-window-button-link-download', ButtonRemove: 'popup-window-button-link-remove' }; var DialogEvent = { Shown: 'BX.UI.StepProcessing.Dialog.Shown', Closed: 'BX.UI.StepProcessing.Dialog.Closed', Start: 'BX.UI.StepProcessing.Dialog.Start', Stop: 'BX.UI.StepProcessing.Dialog.Stop' }; /* * UI of process dialog * * @namespace {BX.UI.StepProcessing} * @event BX.UI.StepProcessing.Dialog.Shown * @event BX.UI.StepProcessing.Dialog.Closed * @event BX.UI.StepProcessing.Dialog.Start * @event BX.UI.StepProcessing.Dialog.Stop / var Dialog = /#__PURE__/function () { /* * @type {DialogOptions} * @private / /* * @private / /* * @private / /* * @private / function Dialog() { var settings = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; babelHelpers.classCallCheck(this, Dialog); babelHelpers.defineProperty(this, "id", ''); babelHelpers.defineProperty(this, "_settings", {}); babelHelpers.defineProperty(this, "isShown", false); babelHelpers.defineProperty(this, "buttons", {}); babelHelpers.defineProperty(this, "fields", {}); babelHelpers.defineProperty(this, "_messages", {}); babelHelpers.defineProperty(this, "_handlers", {}); babelHelpers.defineProperty(this, "isAdminPanel", false); this._settings = settings; this.id = this.getSetting('id', 'ProcessDialog_' + Math.random().toString().substring(2)); this._messages = this.getSetting('messages', {}); var optionsFields = {}; var fields = this.getSetting('optionsFields'); if (main_core.Type.isArray(fields)) { fields.forEach(function (option) { if (main_core.Type.isPlainObject(option) && option.hasOwnProperty('name') && option.hasOwnProperty('type') && option.hasOwnProperty('title')) { optionsFields[option.name] = option; } }); } else if (main_core.Type.isPlainObject(fields)) { Object.keys(fields).forEach(function (optionName) { var option = fields[optionName]; if (main_core.Type.isPlainObject(option) && option.hasOwnProperty('name') && option.hasOwnProperty('type') && option.hasOwnProperty('title')) { optionsFields[option.name] = option; } }); } this.setSetting('optionsFields', optionsFields); var optionsFieldsValue = this.getSetting('optionsFieldsValue'); if (!optionsFieldsValue) { this.setSetting('optionsFieldsValue', {}); } var showButtons = this.getSetting('showButtons'); if (!showButtons) { this.setSetting('showButtons', { 'start': true, 'stop': true, 'close': true }); } this._handlers = this.getSetting('handlers', {}); } babelHelpers.createClass(Dialog, [{ key: "destroy", value: function destroy() { if (this.popupWindow) { this.popupWindow.destroy(); this.popupWindow = null; } } }, { key: "getId", value: function getId() { return this.id; } }, { key: "getSetting", value: function getSetting(name) { var defaultVal = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; return this._settings.hasOwnProperty(name) ? this._settings[name] : defaultVal; } }, { key: "setSetting", value: function setSetting(name, value) { this._settings[name] = value; return this; } }, { key: "getMessage", value: function getMessage(name) { return this._messages && this._messages.hasOwnProperty(name) ? this._messages[name] : ""; } }, { key: "setMessage", value: function setMessage(name, text) { this._messages[name] = text; return this; } //region Event handlers }, { key: "setHandler", value: function setHandler(type, handler) { if (typeof handler == 'function') { this._handlers[type] = handler; } return this; } }, { key: "callHandler", value: function callHandler(type, args) { if (typeof this._handlers[type] == 'function') { this._handlers[type].apply(this, args); } } //endregion //region Run }, { key: "start", value: function start() { this.callHandler('start'); main_core_events.EventEmitter.emit(DialogEvent.Start, new main_core_events.BaseEvent({ dialog: this })); } }, { key: "stop", value: function stop() { this.callHandler('stop'); main_core_events.EventEmitter.emit(DialogEvent.Stop, new main_core_events.BaseEvent({ dialog: this })); } }, { key: "show", value: function show() { if (this.isShown) { return; } var optionElement = document.querySelector('#bx-admin-prefix'); if (optionElement) { this.isAdminPanel = true; } this.progressBar = new BX.UI.ProgressBar({ statusType: BX.UI.ProgressBar.Status.COUNTER, size: this.isAdminPanel ? BX.UI.ProgressBar.Size.LARGE : BX.UI.ProgressBar.Size.MEDIUM, fill: this.isAdminPanel, column: !this.isAdminPanel }); this.error = new ui_alerts.Alert({ color: ui_alerts.AlertColor.DANGER, icon: ui_alerts.AlertIcon.DANGER, size: ui_alerts.AlertSize.SMALL }); this.warning = new ui_alerts.Alert({ color: ui_alerts.AlertColor.WARNING, icon: ui_alerts.AlertIcon.WARNING, size: ui_alerts.AlertSize.SMALL }); this.popupWindow = main_popup.PopupManager.create({ id: this.getId(), cacheable: false, titleBar: this.getMessage("title"), autoHide: false, closeByEsc: false, closeIcon: true, content: this._prepareDialogContent(), draggable: true, buttons: this._prepareDialogButtons(), className: DialogStyle.ProcessWindow, bindOptions: { forceBindPosition: false }, events: { onClose: BX.delegate(this.onDialogClose, this) }, overlay: true, resizable: true, minWidth: Number.parseInt(this.getSetting('minWidth', 500)), maxWidth: Number.parseInt(this.getSetting('maxWidth', 1000)) }); if (!this.popupWindow.isShown()) { this.popupWindow.show(); } this.isShown = this.popupWindow.isShown(); if (this.isShown) { this.callHandler('dialogShown'); main_core_events.EventEmitter.emit(DialogEvent.Shown, new main_core_events.BaseEvent({ dialog: this })); } return this; } }, { key: "close", value: function close() { if (!this.isShown) { return; } if (this.popupWindow) { this.popupWindow.close(); } this.isShown = false; this.callHandler('dialogClosed'); main_core_events.EventEmitter.emit(DialogEvent.Closed, new main_core_events.BaseEvent({ dialog: this })); return this; } // endregion //region Dialog /* * @private / }, { key: "_prepareDialogContent", value: function _prepareDialogContent() { var _this = this; this.summaryBlock = main_core.Tag.render(_templateObject$6 \|\| (_templateObject$6 = babelHelpers.taggedTemplateLiteral(["<div class=\"", "\">", "</div>"])), DialogStyle.ProcessSummary, this.getMessage('summary')); this.errorBlock = this.error.getContainer(); this.warningBlock = this.warning.getContainer(); this.errorBlock.style.display = 'none'; this.warningBlock.style.display = 'none'; if (this.progressBar) { this.progressBarBlock = main_core.Tag.render(_templateObject2$4 \|\| (_templateObject2$4 = babelHelpers.taggedTemplateLiteral(["<div class=\"", "\" style=\"display:none\"></div>"])), DialogStyle.ProcessProgressbar); this.progressBarBlock.appendChild(this.progressBar.getContainer()); } if (!this.optionsFieldsBlock) { this.optionsFieldsBlock = main_core.Tag.render(_templateObject3$3 \|\| (_templateObject3$3 = babelHelpers.taggedTemplateLiteral(["<div class=\"", "\" style=\"display:none\"></div>"])), DialogStyle.ProcessOptions); } else { main_core.Dom.clean(this.optionsFieldsBlock); } var optionsFields = this.getSetting('optionsFields', {}); var optionsFieldsValue = this.getSetting('optionsFieldsValue', {}); Object.keys(optionsFields).forEach(function (optionName) { var optionValue = optionsFieldsValue[optionName] ? optionsFieldsValue[optionName] : null; var optionBlock = _this._renderOption(optionsFields[optionName], optionValue); if (optionBlock instanceof HTMLElement) { _this.optionsFieldsBlock.appendChild(optionBlock); _this.optionsFieldsBlock.style.display = 'block'; } }); var dialogContent = main_core.Tag.render(_templateObject4$2 \|\| (_templateObject4$2 = babelHelpers.taggedTemplateLiteral(["<div class=\"", "\"></div>"])), DialogStyle.ProcessPopup); dialogContent.appendChild(this.summaryBlock); dialogContent.appendChild(this.warningBlock); dialogContent.appendChild(this.errorBlock); if (this.progressBarBlock) { dialogContent.appendChild(this.progressBarBlock); } if (this.optionsFieldsBlock) { dialogContent.appendChild(this.optionsFieldsBlock); } return dialogContent; } /* * @private / }, { key: "_renderOption", value: function _renderOption(option) { var optionValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; option.id = this.id + '_opt_' + option.name; switch (option.type) { case 'text': this.fields[option.name] = new TextField(option); break; case 'file': this.fields[option.name] = new FileField(option); break; case 'checkbox': this.fields[option.name] = new CheckboxField(option); break; case 'select': this.fields[option.name] = new SelectField(option); break; case 'radio': this.fields[option.name] = new RadioField(option); break; } if (optionValue !== null) { this.fields[option.name].setValue(optionValue); } var optionBlock = this.fields[option.name].getContainer(); return optionBlock; } //endregion //region Events }, { key: "onDialogClose", value: function onDialogClose() { if (this.popupWindow) { this.popupWindow.destroy(); this.popupWindow = null; } this.buttons = {}; this.fields = {}; this.summaryBlock = null; this.isShown = false; this.callHandler('dialogClosed'); main_core_events.EventEmitter.emit(DialogEvent.Closed, new main_core_events.BaseEvent({ dialog: this })); } }, { key: "handleStartButtonClick", value: function handleStartButtonClick() { var btn = this.getButton('start'); if (btn && btn.isDisabled()) { return; } this.start(); } }, { key: "handleStopButtonClick", value: function handleStopButtonClick() { var btn = this.getButton('stop'); if (btn && btn.isDisabled()) { return; } this.stop(); } }, { key: "handleCloseButtonClick", value: function handleCloseButtonClick() { this.popupWindow.close(); } //endregion //region Buttons /* * @private / }, { key: "_prepareDialogButtons", value: function _prepareDialogButtons() { var showButtons = this.getSetting('showButtons'); var ret = []; this.buttons = {}; if (showButtons.start) { var startButtonText = this.getMessage('startButton'); this.buttons.start = new ui_buttons.Button({ text: startButtonText \|\| 'Start', color: ui_buttons.Button.Color.SUCCESS, icon: ui_buttons.Button.Icon.START, //className: DialogStyle.ButtonStart, events: { click: BX.delegate(this.handleStartButtonClick, this) } }); ret.push(this.buttons.start); } if (showButtons.stop) { var stopButtonText = this.getMessage('stopButton'); this.buttons.stop = new ui_buttons.Button({ text: stopButtonText \|\| 'Stop', color: ui_buttons.Button.Color.LIGHT_BORDER, icon: ui_buttons.Button.Icon.STOP, //className: DialogStyle.ButtonStop, events: { click: BX.delegate(this.handleStopButtonClick, this) } }); this.buttons.stop.setDisabled(); ret.push(this.buttons.stop); } if (showButtons.close) { var closeButtonText = this.getMessage('closeButton'); this.buttons.close = new ui_buttons.CancelButton({ text: closeButtonText \|\| 'Close', color: ui_buttons.Button.Color.LIGHT_BORDER, tag: ui_buttons.Button.Tag.SPAN, events: { click: BX.delegate(this.handleCloseButtonClick, this) } }); ret.push(this.buttons.close); } return ret; } /* * @param {String} downloadLink * @param {String} fileName * @param {function} purgeHandler * @return self / }, { key: "setDownloadButtons", value: function setDownloadButtons(downloadLink, fileName, purgeHandler) { var ret = []; if (downloadLink) { var downloadButtonText = this.getMessage("downloadButton"); downloadButtonText = downloadButtonText !== "" ? downloadButtonText : "Download file"; var downloadButton = new ui_buttons.Button({ text: downloadButtonText, color: ui_buttons.Button.Color.SUCCESS, icon: ui_buttons.Button.Icon.DOWNLOAD, className: DialogStyle.ButtonDownload, tag: ui_buttons.Button.Tag.LINK, link: downloadLink, props: { //href: downloadLink, download: fileName } }); ret.push(downloadButton); } if (typeof purgeHandler == 'function') { var clearButtonText = this.getMessage("clearButton"); clearButtonText = clearButtonText !== "" ? clearButtonText : "Delete file"; var clearButton = new ui_buttons.Button({ text: clearButtonText, color: ui_buttons.Button.Color.LIGHT_BORDER, icon: ui_buttons.Button.Icon.REMOVE, className: DialogStyle.ButtonRemove, events: { click: purgeHandler } }); ret.push(clearButton); } if (this.buttons.close) { ret.push(this.buttons.close); } if (ret.length > 0 && this.popupWindow) { this.popupWindow.setButtons(ret); } return this; } }, { key: "resetButtons", value: function resetButtons() { var showButtons = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : { 'start': true, 'stop': true, 'close': true }; this._prepareDialogButtons(); showButtons = showButtons \|\| this.getSetting('showButtons'); var ret = []; if (showButtons.start) { ret.push(this.buttons.start); } if (showButtons.stop) { ret.push(this.buttons.stop); } if (showButtons.close) { ret.push(this.buttons.close); } if (ret.length > 0 && this.popupWindow) { this.popupWindow.setButtons(ret); } return this; } }, { key: "getButton", value: function getButton(bid) { var _this$buttons$bid; return (_this$buttons$bid = this.buttons[bid]) !== null && _this$buttons$bid !== void 0 ? _this$buttons$bid : null; } }, { key: "lockButton", value: function lockButton(bid, lock, wait) { var btn = this.getButton(bid); if (btn) { btn.setDisabled(lock); if (main_core.Type.isBoolean(wait)) { btn.setWaiting(wait); } } return this; } }, { key: "showButton", value: function showButton(bid, show) { var btn = this.getButton(bid); if (btn) { btn.getContainer().style.display = !!show ? '' : 'none'; } if (bid === 'close') { if (this.popupWindow && this.popupWindow.closeIcon) { this.popupWindow.closeIcon.style.display = !!show ? '' : 'none'; } } return this; } // endregion //region Summary }, { key: "setSummary", value: function setSummary(content) { var isHtml = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; if (this.optionsFieldsBlock) { BX.clean(this.optionsFieldsBlock); this.optionsFieldsBlock.style.display = 'none'; } if (main_core.Type.isStringFilled(content)) { if (this.summaryBlock) { if (!!isHtml) this.summaryBlock.innerHTML = content;else this.summaryBlock.innerHTML = BX.util.htmlspecialchars(content); this.summaryBlock.style.display = "block"; } } else { this.summaryBlock.innerHTML = ""; this.summaryBlock.style.display = "none"; } return this; } //endregion //region Errors }, { key: "setErrors", value: function setErrors(errors) { var _this2 = this; var isHtml = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; errors.forEach(function (err) { return _this2.setError(err, isHtml); }); return this; } }, { key: "setError", value: function setError(content, isHtml) { if (main_core.Type.isStringFilled(content)) { this.setSummary(''); if (this.progressBar) { this.progressBar.setColor(BX.UI.ProgressBar.Color.DANGER); } if (!!isHtml) { this.error.setText(content); } else { this.error.setText(BX.util.htmlspecialchars(content)); } this.errorBlock.style.display = "flex"; } return this; } }, { key: "clearErrors", value: function clearErrors() { if (this.error) { this.error.setText(''); } if (this.errorBlock) { this.errorBlock.style.display = 'none'; } return this; } }, { key: "setWarning", value: function setWarning(err) { var isHtml = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false; if (main_core.Type.isStringFilled(err)) { if (!!isHtml) { this.warning.setText(err); } else { this.warning.setText(BX.util.htmlspecialchars(err)); } this.warningBlock.style.display = "flex"; } return this; } }, { key: "clearWarnings", value: function clearWarnings() { if (this.warning) { this.warning.setText(""); } if (this.warningBlock) { this.warningBlock.style.display = 'none'; } return this; } //endregion //region Progressbar }, { key: "setProgressBar", value: function setProgressBar(totalItems, processedItems, textBefore) { if (this.progressBar) { if (main_core.Type.isNumber(processedItems) && main_core.Type.isNumber(totalItems) && totalItems > 0) { BX.show(this.progressBarBlock); this.progressBar.setColor(BX.UI.ProgressBar.Color.PRIMARY); this.progressBar.setMaxValue(totalItems); textBefore = textBefore \|\| ""; this.progressBar.setTextBefore(textBefore); this.progressBar.update(processedItems); } else { this.hideProgressBar(); } } return this; } }, { key: "hideProgressBar", value: function hideProgressBar() { if (this.progressBar) { BX.hide(this.progressBarBlock); } return this; } //endregion //region Initial options }, { key: "getOptionField", value: function getOptionField(name) { if (main_core.Type.isString(name)) { if (this.fields[name] && this.fields[name] instanceof BaseField) { return this.fields[name]; } } return null; } }, { key: "getOptionFieldValues", value: function getOptionFieldValues() { var _this3 = this; var initialOptions = {}; if (this.optionsFieldsBlock) { Object.keys(this.fields).forEach(function (optionName) { var field = _this3.getOptionField(optionName); var val = field.getValue(); if (field.type === 'checkbox' && main_core.Type.isBoolean(val)) { initialOptions[optionName] = val ? 'Y' : 'N'; } else if (main_core.Type.isArray(val)) { if (main_core.Type.isArrayFilled(val)) { initialOptions[optionName] = val; } } else if (val) { initialOptions[optionName] = val; } }); } return initialOptions; } }, { key: "checkOptionFields", value: function checkOptionFields() { var _this4 = this; var checked = true; if (this.optionsFieldsBlock) { Object.keys(this.fields).forEach(function (optionName) { var field = _this4.getOptionField(optionName); if (field.obligatory) { if (!field.isFilled()) { field.showWarning(); checked = false; } else { field.hideWarning(); } } }); } return checked; } }, { key: "lockOptionFields", value: function lockOptionFields() { var _this5 = this; var flag = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true; if (this.optionsFieldsBlock) { Object.keys(this.fields).forEach(function (optionName) { var field = _this5.getOptionField(optionName); if (field) { field.lock(flag); } }); } return this; } //endregion }]); return Dialog; }(); /* * @namespace {BX.UI.StepProcessing} / var ProcessEvent = { StateChanged: 'BX.UI.StepProcessing.StateChanged', BeforeRequest: 'BX.UI.StepProcessing.BeforeRequest' }; /* * @namespace {BX.UI.StepProcessing} / var ProcessCallback = { StateChanged: 'StateChanged', RequestStart: 'RequestStart', RequestStop: 'RequestStop', RequestFinalize: 'RequestFinalize', StepCompleted: 'StepCompleted' }; var ProcessDefaultLabels = { AuthError: main_core.Loc.getMessage('UI_STEP_PROCESSING_AUTH_ERROR'), RequestError: main_core.Loc.getMessage('UI_STEP_PROCESSING_REQUEST_ERR'), DialogStartButton: main_core.Loc.getMessage('UI_STEP_PROCESSING_BTN_START'), DialogStopButton: main_core.Loc.getMessage('UI_STEP_PROCESSING_BTN_STOP'), DialogCloseButton: main_core.Loc.getMessage('UI_STEP_PROCESSING_BTN_CLOSE'), RequestCanceling: main_core.Loc.getMessage('UI_STEP_PROCESSING_CANCELING'), RequestCanceled: main_core.Loc.getMessage('UI_STEP_PROCESSING_CANCELED'), RequestCompleted: main_core.Loc.getMessage('UI_STEP_PROCESSING_COMPLETED'), DialogExportDownloadButton: main_core.Loc.getMessage('UI_STEP_PROCESSING_FILE_DOWNLOAD'), DialogExportClearButton: main_core.Loc.getMessage('UI_STEP_PROCESSING_FILE_DELETE'), WaitingResponse: main_core.Loc.getMessage('UI_STEP_PROCESSING_WAITING') }; var EndpointType = { Controller: 'controller', Component: 'component' }; /* * Long running process. * * @namespace {BX.UI.StepProcessing} * @event BX.UI.StepProcessing.StateChanged * @event BX.UI.StepProcessing.BeforeRequest / var Process = /#__PURE__/function () { // Ajax endpoint // Queue // Events // Messages function Process(options) { babelHelpers.classCallCheck(this, Process); babelHelpers.defineProperty(this, "action", ''); babelHelpers.defineProperty(this, "method", 'POST'); babelHelpers.defineProperty(this, "params", {}); babelHelpers.defineProperty(this, "isRequestRunning", false); babelHelpers.defineProperty(this, "queue", []); babelHelpers.defineProperty(this, "currentStep", -1); babelHelpers.defineProperty(this, "state", ProcessState.intermediate); babelHelpers.defineProperty(this, "initialOptionValues", {}); babelHelpers.defineProperty(this, "optionsFields", {}); babelHelpers.defineProperty(this, "handlers", {}); babelHelpers.defineProperty(this, "messages", new Map()); this.options = main_core.Type.isPlainObject(options) ? options : {}; this.id = this.getOption('id', ''); if (!main_core.Type.isStringFilled(this.id)) { this.id = 'Process_' + main_core.Text.getRandom().toLowerCase(); } var controller = this.getOption('controller', ''); var component = this.getOption('component', ''); if (main_core.Type.isStringFilled(controller)) { this.controller = controller; this.controllerDefault = controller; this.endpointType = EndpointType.Controller; } else if (main_core.Type.isStringFilled(component)) { this.component = component; this.endpointType = EndpointType.Component; this.componentMode = this.getOption('componentMode', 'class'); } if (!main_core.Type.isStringFilled(this.controller)) { if (!main_core.Type.isStringFilled(this.component)) { throw new TypeError("BX.UI.StepProcessing: There no any ajax endpoint was defined."); } } this.setQueue(this.getOption('queue', [])).setParams(this.getOption('params', {})).setOptionsFields(this.getOption('optionsFields', {})).setHandlers(this.getOption('handlers', {})).setMessages(ProcessDefaultLabels).setMessages(this.getOption('messages', {})); } babelHelpers.createClass(Process, [{ key: "destroy", value: function destroy() { if (this.dialog instanceof Dialog) { this.dialog.close().destroy(); this.dialog = null; } this._closeConnection(); } //region Run }, { key: "start", value: function start() { var startStep = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1; this._refreshHash(); startStep = startStep \|\| 1; if (this.state === ProcessState.intermediate \|\| this.state === ProcessState.stopped \|\| this.state === ProcessState.completed) { if (!this.getDialog().checkOptionFields()) { return; } this.getDialog().clearErrors().clearWarnings(); this.networkErrorCount = 0; if (this.getQueueLength() > 0) { this.currentStep = 0; if (startStep > 1) { this.currentStep = startStep - 1; } if (this.endpointType === EndpointType.Controller) { if (main_core.Type.isStringFilled(this.queue[this.currentStep].controller)) { this.setController(this.queue[this.currentStep].controller); } } if (!main_core.Type.isStringFilled(this.queue[this.currentStep].action)) { throw new Error("BX.UI.StepProcessing: Could not find controller action at the queue position."); } this.setAction(this.queue[this.currentStep].action); this.startRequest(); if (this.queue[this.currentStep].title) { this.getDialog().setSummary(this.queue[this.currentStep].title); } else { this.getDialog().setSummary(this.getMessage('WaitingResponse')); } } else { this.startRequest(); } } return this; } }, { key: "stop", value: function stop() { if (this.state === ProcessState.running) { this.stopRequest(); this.currentStep = -1; } return this; } //endregion //region Request }, { key: "startRequest", value: function startRequest() { var _this = this; if (this.isRequestRunning \|\| this.state === ProcessState.canceling) { return this.ajaxPromise; } this.isRequestRunning = true; this.ajaxPromise = null; var actionData = new FormData(); var appendData = function appendData(data, prefix) { if (main_core.Type.isPlainObject(data)) { Object.keys(data).forEach(function (name) { var id = name; if (prefix) { id = prefix + '[' + name + ']'; } if (main_core.Type.isArray(data[name]) \|\| main_core.Type.isPlainObject(data[name])) { appendData(data[name], id); } else { actionData.append(id, data[name]); } }); } else if (main_core.Type.isArray(data)) { data.forEach(function (element) { return actionData.append(prefix + '[]', element); }); } }; appendData(this.params); if (this.queue[this.currentStep].params) { appendData(this.queue[this.currentStep].params); } var initialOptions = this.getDialog().getOptionFieldValues(); if (BX.type.isNotEmptyObject(initialOptions)) { appendData(initialOptions); this.initialOptionValues = initialOptions; this.storeOptionFieldValues(initialOptions); } else { Object.keys(this.initialOptionValues).forEach(function (name) { // don't repeat file uploading if (_this.initialOptionValues[name] instanceof File) { delete _this.initialOptionValues[name]; } }); appendData(this.initialOptionValues); } this.setState(ProcessState.running); if (this.hasActionHandler(ProcessCallback.RequestStart)) { this.callActionHandler(ProcessCallback.RequestStart, [actionData]); } else if (this.hasHandler(ProcessCallback.RequestStart)) { this.callHandler(ProcessCallback.RequestStart, [actionData]); } main_core_events.EventEmitter.emit(ProcessEvent.BeforeRequest, new main_core_events.BaseEvent({ data: { process: this, actionData: actionData } })); var params = { data: actionData, method: this.method, onrequeststart: this._onRequestStart.bind(this) }; if (this.endpointType === EndpointType.Controller) { this.ajaxPromise = BX.ajax.runAction(this.controller + '.' + this.getAction(), params).then(this._onRequestSuccess.bind(this), this._onRequestFailure.bind(this)); } else if (this.endpointType === EndpointType.Component) { params.data.mode = this.componentMode; if ('signedParameters' in params.data) { params.signedParameters = params.data.signedParameters; delete params.data.signedParameters; } this.ajaxPromise = BX.ajax.runComponentAction(this.component, this.getAction(), params).then(this._onRequestSuccess.bind(this), this._onRequestFailure.bind(this)); } return this.ajaxPromise; } }, { key: "stopRequest", value: function stopRequest() { if (this.state === ProcessState.canceling) { return this.ajaxPromise; } this.setState(ProcessState.canceling); this._closeConnection(); var actionData = BX.clone(this.params); actionData.cancelingAction = this.getAction(); this.getDialog().setSummary(this.getMessage("RequestCanceling")); var proceedAction = true; if (this.hasActionHandler(ProcessCallback.RequestStop)) { proceedAction = false; this.callActionHandler(ProcessCallback.RequestStop, [actionData]); } else if (this.hasHandler(ProcessCallback.RequestStop)) { proceedAction = false; this.callHandler(ProcessCallback.RequestStop, [actionData]); } main_core_events.EventEmitter.emit(ProcessEvent.BeforeRequest, new main_core_events.BaseEvent({ data: { process: this, actionData: actionData } })); this.ajaxPromise = null; if (proceedAction) { var params = { data: actionData, method: this.method, onrequeststart: this._onRequestStart.bind(this) }; if (this.endpointType === EndpointType.Controller) { this.setController(this.controllerDefault); this.ajaxPromise = BX.ajax.runAction(this.controller + '.cancel', params).then(this._onRequestSuccess.bind(this), this._onRequestFailure.bind(this)); } else if (this.endpointType === EndpointType.Component) { params.data.mode = this.componentMode; if ('signedParameters' in params.data) { params.signedParameters = params.data.signedParameters; delete params.data.signedParameters; } this.ajaxPromise = BX.ajax.runComponentAction(this.component, 'cancel', params).then(this._onRequestSuccess.bind(this), this._onRequestFailure.bind(this)); } } return this.ajaxPromise; } }, { key: "finalizeRequest", value: function finalizeRequest() { if (this.state === ProcessState.canceling) { return this.ajaxPromise; } var actionData = BX.clone(this.params); var proceedAction = true; if (this.hasActionHandler(ProcessCallback.RequestFinalize)) { proceedAction = false; this.callActionHandler(ProcessCallback.RequestFinalize, [actionData]); } else if (this.hasHandler(ProcessCallback.RequestFinalize)) { proceedAction = false; this.callHandler(ProcessCallback.RequestFinalize, [actionData]); } main_core_events.EventEmitter.emit(ProcessEvent.BeforeRequest, new main_core_events.BaseEvent({ data: { process: this, actionData: actionData } })); this.ajaxPromise = null; if (proceedAction) { var params = { data: actionData, method: this.method, onrequeststart: this._onRequestStart.bind(this) }; if (this.endpointType === EndpointType.Controller) { this.setController(this.controllerDefault); this.ajaxPromise = BX.ajax.runAction(this.controller + '.finalize', params); } else if (this.endpointType === EndpointType.Component) { params.data.mode = this.componentMode; if ('signedParameters' in params.data) { params.signedParameters = params.data.signedParameters; delete params.data.signedParameters; } this.ajaxPromise = BX.ajax.runComponentAction(this.component, 'finalize', params); } } return this.ajaxPromise; } /* * @private / }, { key: "_refreshHash", value: function _refreshHash() { this.hash = this.id + Date.now(); this.setParam("PROCESS_TOKEN", this.hash); return this; } /* * @private / }, { key: "_onRequestSuccess", value: function _onRequestSuccess(response) { this.isRequestRunning = false; this.xhr = null; this.ajaxPromise = null; if (!response) { this.getDialog().setError(this.getMessage('RequestError')); this.setState(ProcessState.error); return; } if (main_core.Type.isArrayFilled(response.errors)) { var errors = response.errors.slice(-10); var errMessages = []; errors.forEach(function (err) { return errMessages.push(err.message); }); this.getDialog().setErrors(errMessages, true); this.setState(ProcessState.error); return; } this.networkErrorCount = 0; var result = response.data; var status = main_core.Type.isStringFilled(result.STATUS) ? result.STATUS : ""; var summary = ""; if (main_core.Type.isStringFilled(result.SUMMARY)) { summary = result.SUMMARY; } else if (main_core.Type.isStringFilled(result.SUMMARY_HTML)) { summary = result.SUMMARY_HTML; } var processedItems = main_core.Type.isNumber(result.PROCESSED_ITEMS) ? result.PROCESSED_ITEMS : 0; var totalItems = main_core.Type.isNumber(result.TOTAL_ITEMS) ? result.TOTAL_ITEMS : 0; var finalize = !!result.FINALIZE; if (this.hasActionHandler(ProcessCallback.StepCompleted)) { this.callActionHandler(ProcessCallback.StepCompleted, [status, result]); } if (main_core.Type.isStringFilled(result.WARNING)) { this.getDialog().setWarning(result.WARNING); } if (status === ProcessResultStatus.progress \|\| status === ProcessResultStatus.completed) { if (totalItems > 0) { if (this.queue[this.currentStep].progressBarTitle) { this.getDialog().setProgressBar(totalItems, processedItems, this.queue[this.currentStep].progressBarTitle); } else { this.getDialog().setProgressBar(totalItems, processedItems); } } else { this.getDialog().hideProgressBar(); } } if (status === ProcessResultStatus.progress) { if (summary !== "") { this.getDialog().setSummary(summary, true); } if (this.state === ProcessState.canceling) { this.setState(ProcessState.stopped); } else { if (this.endpointType === EndpointType.Controller) { var nextController = main_core.Type.isStringFilled(result.NEXT_CONTROLLER) ? result.NEXT_CONTROLLER : ""; if (nextController !== "") { this.setController(nextController); } else if (main_core.Type.isStringFilled(this.queue[this.currentStep].controller)) { this.setController(this.queue[this.currentStep].controller); } else { this.setController(this.controllerDefault); } } var nextAction = main_core.Type.isStringFilled(result.NEXT_ACTION) ? result.NEXT_ACTION : ""; if (nextAction !== "") { this.setAction(nextAction); } setTimeout(BX.delegate(this.startRequest, this), 100); } return; } if (this.state === ProcessState.canceling) { this.getDialog().setSummary(this.getMessage("RequestCanceled")); this.setState(ProcessState.completed); } else if (status === ProcessResultStatus.completed) { if (this.getQueueLength() > 0 && this.currentStep + 1 < this.getQueueLength()) { // next this.currentStep++; if (this.endpointType === EndpointType.Controller) { if (main_core.Type.isStringFilled(this.queue[this.currentStep].controller)) { this.setController(this.queue[this.currentStep].controller); } else { this.setController(this.controllerDefault); } } if (!main_core.Type.isStringFilled(this.queue[this.currentStep].action)) { throw new Error("BX.UI.StepProcessing: Could not find controller action at the queue position."); } if ('finalize' in this.queue[this.currentStep]) { finalize = true; this.setAction(this.queue[this.currentStep].action); } else { this.setAction(this.queue[this.currentStep].action); this.getDialog().setSummary(this.queue[this.currentStep].title); setTimeout(BX.delegate(this.startRequest, this), 100); return; } } if (summary !== "") { this.getDialog().setSummary(summary, true); } else { this.getDialog().setSummary(this.getMessage("RequestCompleted")); } if (main_core.Type.isStringFilled(result.DOWNLOAD_LINK)) { if (main_core.Type.isStringFilled(result.DOWNLOAD_LINK_NAME)) { this.getDialog().setMessage('downloadButton', result.DOWNLOAD_LINK_NAME); } if (main_core.Type.isStringFilled(result.CLEAR_LINK_NAME)) { this.getDialog().setMessage('clearButton', result.CLEAR_LINK_NAME); } this.getDialog().setDownloadButtons(result.DOWNLOAD_LINK, result.FILE_NAME, BX.delegate(function () { this.getDialog().resetButtons({ stop: true, close: true }); this.callAction('clear'); //.then setTimeout(BX.delegate(function () { this.getDialog().resetButtons({ close: true }); }, this), 1000); }, this)); } this.setState(ProcessState.completed, result); if (finalize) { setTimeout(BX.delegate(this.finalizeRequest, this), 100); } } else { this.getDialog().setSummary("").setError(this.getMessage("RequestError")); this.setState(ProcessState.error); } } /* * @private / }, { key: "_onRequestFailure", value: function _onRequestFailure(response) { var _this2 = this; / // check if it's manual aborting if (this.state === ProcessState.canceling) { return; } / this.isRequestRunning = false; this.ajaxPromise = null; // check non auth if (main_core.Type.isPlainObject(response) && 'data' in response && main_core.Type.isPlainObject(response.data) && 'ajaxRejectData' in response.data && main_core.Type.isPlainObject(response.data.ajaxRejectData) && 'reason' in response.data.ajaxRejectData && response.data.ajaxRejectData.reason === 'status' && 'data' in response.data.ajaxRejectData && response.data.ajaxRejectData.data === 401) { this.getDialog().setError(this.getMessage('AuthError')); } // check errors else if (main_core.Type.isPlainObject(response) && 'errors' in response && main_core.Type.isArrayFilled(response.errors)) { var abortingState = false; var networkError = false; response.errors.forEach(function (err) { if (err.code === 'NETWORK_ERROR') { if (_this2.state === ProcessState.canceling) { abortingState = true; } else { networkError = true; } } }); // ignoring error of manual aborting if (abortingState) { return; } if (networkError) { this.networkErrorCount++; // Let's give it more chance to complete if (this.networkErrorCount <= 2) { setTimeout(BX.delegate(this.startRequest, this), 15000); return; } } var errors = response.errors.slice(-10); var errMessages = []; errors.forEach(function (err) { if (err.code === 'NETWORK_ERROR') { errMessages.push(_this2.getMessage('RequestError')); } else { errMessages.push(err.message); } }); this.getDialog().setErrors(errMessages, true); } else { this.getDialog().setError(this.getMessage('RequestError')); } this.xhr = null; this.currentStep = -1; this.setState(ProcessState.error); } //endregion //region Connection /* * @private / }, { key: "_closeConnection", value: function _closeConnection() { if (this.xhr instanceof XMLHttpRequest) { try { this.xhr.abort(); this.xhr = null; } catch (e) {} } } /* * @private / }, { key: "_onRequestStart", value: function _onRequestStart(xhr) { this.xhr = xhr; } //endregion //region Set & Get }, { key: "setId", value: function setId(id) { this.id = id; return this; } }, { key: "getId", value: function getId() { return this.id; } //region Queue actions }, { key: "setQueue", value: function setQueue(queue) { var _this3 = this; queue.forEach(function (action) { return _this3.addQueueAction(action); }); return this; } }, { key: "addQueueAction", value: function addQueueAction(action) { this.queue.push(action); return this; } }, { key: "getQueueLength", value: function getQueueLength() { return this.queue.length; } //endregion //region Process options }, { key: "setOption", value: function setOption(name, value) { this.options[name] = value; return this; } }, { key: "getOption", value: function getOption(name) { var defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; return this.options.hasOwnProperty(name) ? this.options[name] : defaultValue; } //endregion //region Initial fields }, { key: "setOptionsFields", value: function setOptionsFields(optionsFields) { var _this4 = this; Object.keys(optionsFields).forEach(function (id) { return _this4.addOptionsField(id, optionsFields[id]); }); return this; } }, { key: "addOptionsField", value: function addOptionsField(id, field) { this.optionsFields[id] = field; return this; } }, { key: "storeOptionFieldValues", value: function storeOptionFieldValues(values) { var _this5 = this; if ('sessionStorage' in window) { var valuesToStore = {}; Object.keys(this.optionsFields).forEach(function (name) { var field = _this5.optionsFields[name]; switch (field.type) { case 'checkbox': case 'select': case 'radio': if (field.name in values) { valuesToStore[field.name] = values[field.name]; } break; } }); window.sessionStorage.setItem('bx.' + this.getId(), JSON.stringify(valuesToStore)); } return this; } }, { key: "restoreOptionFieldValues", value: function restoreOptionFieldValues() { var values = {}; if ('sessionStorage' in window) { values = JSON.parse(window.sessionStorage.getItem('bx.' + this.getId())); if (!main_core.Type.isPlainObject(values)) { values = {}; } } return values; } //endregion //region Request parameters }, { key: "setParams", value: function setParams(params) { var _this6 = this; this.params = {}; Object.keys(params).forEach(function (name) { return _this6.setParam(name, params[name]); }); return this; } }, { key: "getParams", value: function getParams() { return this.params; } }, { key: "setParam", value: function setParam(key, value) { this.params[key] = value; return this; } }, { key: "getParam", value: function getParam(key) { return this.params[key] ? this.params[key] : null; } //endregion //region Process state }, { key: "setState", value: function setState(state) { var result = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {}; if (this.state === state) { return this; } this.state = state; if (state === ProcessState.intermediate \|\| state === ProcessState.stopped) { this.getDialog().lockButton('start', false).lockButton('stop', true).showButton('close', true); } else if (state === ProcessState.running) { this.getDialog().lockButton('start', true, true).lockButton('stop', false).showButton('close', false); } else if (state === ProcessState.canceling) { this.getDialog().lockButton('start', true).lockButton('stop', true, true).showButton('close', false).hideProgressBar(); } else if (state === ProcessState.error) { this.getDialog().lockButton('start', true).lockButton('stop', true).showButton('close', true); } else if (state === ProcessState.completed) { this.getDialog().lockButton('start', true).lockButton('stop', true).showButton('close', true).hideProgressBar(); } if (this.hasActionHandler(ProcessCallback.StateChanged)) { this.callActionHandler(ProcessCallback.StateChanged, [state, result]); } else if (this.hasHandler(ProcessCallback.StateChanged)) { this.callHandler(ProcessCallback.StateChanged, [state, result]); } main_core_events.EventEmitter.emit(ProcessEvent.StateChanged, new main_core_events.BaseEvent({ data: { state: state, result: result } })); return this; } }, { key: "getState", value: function getState() { return this.state; } //endregion //region Controller }, { key: "setController", value: function setController(controller) { this.controller = controller; return this; } }, { key: "getController", value: function getController() { return this.controller; } }, { key: "setComponent", value: function setComponent(component) { var componentMode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'class'; this.component = component; this.componentMode = componentMode; return this; } }, { key: "getComponent", value: function getComponent() { return this.component; } }, { key: "setAction", value: function setAction(action) { this.action = action; return this; } }, { key: "getAction", value: function getAction() { return this.action; } }, { key: "callAction", value: function callAction(action) { this.setAction(action)._refreshHash(); return this.startRequest(); } //endregion //region Event handlers }, { key: "setHandlers", value: function setHandlers(handlers) { var _this7 = this; Object.keys(handlers).forEach(function (type) { return _this7.setHandler(type, handlers[type]); }); return this; } }, { key: "setHandler", value: function setHandler(type, handler) { if (main_core.Type.isFunction(handler)) { this.handlers[type] = handler; } return this; } }, { key: "hasHandler", value: function hasHandler(type) { return main_core.Type.isFunction(this.handlers[type]); } }, { key: "callHandler", value: function callHandler(type, args) { if (this.hasHandler(type)) { this.handlers[type].apply(this, args); } } }, { key: "hasActionHandler", value: function hasActionHandler(type) { if (this.queue[this.currentStep]) { if ('handlers' in this.queue[this.currentStep]) { return main_core.Type.isFunction(this.queue[this.currentStep].handlers[type]); } } return false; } }, { key: "callActionHandler", value: function callActionHandler(type, args) { if (this.hasActionHandler(type)) { this.queue[this.currentStep].handlers[type].apply(this, args); } } //endregion //region lang messages }, { key: "setMessages", value: function setMessages(messages) { var _this8 = this; Object.keys(messages).forEach(function (id) { return _this8.setMessage(id, messages[id]); }); return this; } }, { key: "setMessage", value: function setMessage(id, text) { this.messages.set(id, text); return this; } }, { key: "getMessage", value: function getMessage(id) { var placeholders = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null; var phrase = this.messages.has(id) ? this.messages.get(id) : ''; if (main_core.Type.isStringFilled(phrase) && main_core.Type.isPlainObject(placeholders)) { Object.keys(placeholders).forEach(function (placeholder) { phrase = phrase.replace('#' + placeholder + '#', placeholders[placeholder]); }); } return phrase; } //endregion //endregion //region Dialog }, { key: "getDialog", value: function getDialog() { if (!this.dialog) { this.dialog = new Dialog({ id: this.id, optionsFields: this.getOption('optionsFields', {}), minWidth: Number.parseInt(this.getOption('dialogMinWidth', 500)), maxWidth: Number.parseInt(this.getOption('dialogMaxWidth', 1000)), optionsFieldsValue: this.restoreOptionFieldValues(), messages: { title: this.getMessage('DialogTitle'), summary: this.getMessage('DialogSummary'), startButton: this.getMessage('DialogStartButton'), stopButton: this.getMessage('DialogStopButton'), closeButton: this.getMessage('DialogCloseButton'), downloadButton: this.getMessage('DialogExportDownloadButton'), clearButton: this.getMessage('DialogExportClearButton') }, showButtons: this.getOption('showButtons'), handlers: { start: BX.delegate(this.start, this), stop: BX.delegate(this.stop, this), dialogShown: typeof this.handlers.dialogShown == 'function' ? this.handlers.dialogShown : null, dialogClosed: typeof this.handlers.dialogClosed == 'function' ? this.handlers.dialogClosed : null } }); } return this.dialog; } }, { key: "showDialog", value: function showDialog() { this.getDialog().setSetting('optionsFieldsValue', this.restoreOptionFieldValues()).resetButtons(this.getOption('optionsFields')).show(); if (!this.isRequestRunning) { this.setState(ProcessState.intermediate); } return this; } }, { key: "closeDialog", value: function closeDialog() { if (this.isRequestRunning) { this.stop(); } this.getDialog().close(); return this; } //endregion }]); return Process; }(); /* * @namespace {BX.UI.StepProcessing} / var ProcessManager = /#__PURE__*/function () { function ProcessManager() { babelHelpers.classCallCheck(this, ProcessManager); } babelHelpers.createClass(ProcessManager, null, [{ key: "create", value: function create(props) { if (!this.instances) { this.instances = new Map(); } var process = new Process(props); this.instances.set(process.getId(), process); return process; } }, { key: "get", value: function get(id) { if (this.instances) { if (this.instances.has(id)) { return this.instances.get(id); } } return null; } }, { key: "has", value: function has(id) { if (this.instances) { return this.instances.has(id); } return false; } }, { key: "delete", value: function _delete(id) { if (this.instances) { if (this.instances.has(id)) { this.instances.get(id).destroy(); this.instances["delete"](id); } } } }]); return ProcessManager; }(); exports.ProcessManager = ProcessManager; exports.Process = Process; exports.ProcessState = ProcessState; exports.ProcessEvent = ProcessEvent; exports.ProcessCallback = ProcessCallback; exports.ProcessResultStatus = ProcessResultStatus; exports.Dialog = Dialog; exports.DialogEvent = DialogEvent; }((this.BX.UI.StepProcessing = this.BX.UI.StepProcessing \|\| {}),BX,BX.UI,BX.Event,BX.Main,BX.UI,BX.UI,BX)); //# sourceMappingURL=process.bundle.js.map

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.26 | proxy | phpinfo | Settings