${escapeHtml(message)}`;\r\n try {\r\n const jsonMessage = JSON.parse(message);\r\n if ('message' in jsonMessage && 'kbArticleUrl' in jsonMessage) {\r\n statusMessage = `${escapeHtml(jsonMessage.message)}`;\r\n statusMessage += `Search for related Knowledge Base articles`;\r\n }\r\n } catch {\r\n // Show as plaintext\r\n }\r\n\r\n addStatusMessage('error', statusMessage);\r\n};\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\nimport escapeHtml from './escapeHtml';\r\n\r\n/**\r\n * Escape element attributes for html concatenation\r\n *\r\n * @param {String} value\r\n * @returns {String}\r\n */\r\nexport default value => escapeHtml(value)\r\n .replace(/\"/g, '"');\r\n\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\n/**\r\n * Converts the entity forms of special HTML characters to their normal form.\r\n *\r\n * @param {String} value\r\n * @returns {String}\r\n */\r\nexport default value => String(value)\r\n .replace(/&/g, '&')\r\n .replace(/ /g, ' ')\r\n .replace(/"/g, '\"')\r\n .replace(/'/g, '\\'')\r\n .replace(/</g, '<')\r\n .replace(/>/g, '>');\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\n/**\r\n * Temporary solution for fire custom events\r\n */\r\nexport default (element, eventName) => {\r\n if (document.createEvent) {\r\n const event = document.createEvent('HTMLEvents');\r\n event.initEvent('dataavailable', true, true);\r\n event.eventName = eventName;\r\n\r\n element.dispatchEvent(event);\r\n return;\r\n }\r\n\r\n const event = document.createEventObject();\r\n event.eventType = 'ondataavailable';\r\n event.eventName = eventName;\r\n\r\n element.fireEvent(event.eventType, event);\r\n};\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\nexport const ESC = 27;\r\nexport const ENTER = 13;\r\nexport const LEFT_ARROW = 37;\r\nexport const UP_ARROW = 38;\r\nexport const RIGHT_ARROW = 39;\r\nexport const DOWN_ARROW = 40;\r\n\r\nexport default {\r\n ESC,\r\n ENTER,\r\n LEFT_ARROW,\r\n UP_ARROW,\r\n RIGHT_ARROW,\r\n DOWN_ARROW,\r\n};\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\nimport { Component } from './component';\r\nimport { createHtmlElement } from 'helpers/createHtmlElement';\r\nimport render from './render';\r\n\r\nimport './hint.less';\r\n\r\n/**\r\n * @class Hint\r\n * @extends Component\r\n *\r\n * Example usage:\r\n *\r\n * @example\r\n * new Hint({\r\n * renderTo: document.body,\r\n * hint: 'This is where you manage accounts of your hosting service customers: ' +\r\n * 'create accounts along with service subscriptions, manage existing customers, ' +\r\n * 'and remove accounts. To administer websites, mail or any other services provided ' +\r\n * 'to a customer, go to their Customer Panel by clicking the link in the right column of the list.',\r\n * expandable: true\r\n * });\r\n */\r\nexport class Hint extends Component {\r\n /**\r\n * @cfg {String} hint\r\n */\r\n /**\r\n * @cfg {Boolean} [expandable=false]\r\n */\r\n\r\n _initConfiguration(config) {\r\n super._initConfiguration({ tag: 'p', ...config });\r\n }\r\n\r\n _initComponentElement() {\r\n super._initComponentElement();\r\n this._contentElement = this._componentElement;\r\n\r\n this.setHint(\r\n this._getConfigParam('hint', ''),\r\n );\r\n\r\n if (this._getConfigParam('expandable', false)) {\r\n const componentElement = createHtmlElement('div', { class: 'screen-description' });\r\n const wrapElement = createHtmlElement('div', { class: 'screen-description-wrap' });\r\n const btnShowMore = createHtmlElement('span', { class: 'screen-description-control' });\r\n btnShowMore.addEventListener('click', event => {\r\n event.target.closest('.screen-description').classList.add('expanded');\r\n });\r\n render(wrapElement, this._contentElement);\r\n render(wrapElement, btnShowMore);\r\n render(componentElement, wrapElement);\r\n this._componentElement = componentElement;\r\n this._screenControl = () => {\r\n if (Element.getWidth(componentElement) > Element.getWidth(wrapElement)) {\r\n btnShowMore.classList.add('off');\r\n } else {\r\n btnShowMore.classList.remove('off');\r\n }\r\n };\r\n }\r\n }\r\n\r\n _addEvents() {\r\n super._addEvents();\r\n\r\n if (this._screenControl) {\r\n window.addEventListener('resize', this._screenControl);\r\n this._screenControl();\r\n }\r\n }\r\n\r\n /**\r\n * Update hint text.\r\n * @param {String} hint\r\n */\r\n setHint(hint) {\r\n this._contentElement.innerHTML = hint;\r\n this._screenControl?.();\r\n }\r\n\r\n remove() {\r\n if (this._screenControl) {\r\n window.removeEventListener('resize', this._screenControl);\r\n }\r\n\r\n super.remove();\r\n }\r\n}\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\nexport const createHtmlElement = (tagName: string, attrs: Record' +\r\n '' +\r\n '' +\r\n `` +\r\n '' +\r\n '
'\r\n );\r\n } else {\r\n needAttentionCode += `${this._needAttentionText}
`;\r\n }\r\n needAttentionCode += '${result.description}
`;\r\n }\r\n\r\n let confirmationCode = '';\r\n if (result.confirmation) {\r\n confirmationCode = (\r\n '' +\r\n '' +\r\n `` +\r\n '
'\r\n );\r\n }\r\n\r\n document.getElementById(this._contentContainerId).innerHTML = contentCode + descriptionCode + confirmationCode;\r\n\r\n const checkboxes = this._componentElement.querySelectorAll('input[type=\"checkbox\"]');\r\n checkboxes.forEach(checkbox => {\r\n checkbox.addEventListener('click', () => {\r\n let enableYesButton = true;\r\n this._componentElement.querySelectorAll('input[type=\"checkbox\"]').forEach(confirmationCheckbox => {\r\n if (!confirmationCheckbox.checked) {\r\n enableYesButton = false;\r\n }\r\n });\r\n if (enableYesButton) {\r\n this._enableYesButton();\r\n } else {\r\n this._disableYesButton();\r\n }\r\n });\r\n });\r\n\r\n if (!checkboxes.length) {\r\n this._enableYesButton();\r\n }\r\n }\r\n}\r\n\r\nexport class WebspaceFoldersMessageBox extends AjaxMessageBox {\r\n _initConfiguration(config) {\r\n super._initConfiguration(config);\r\n this._successDescription = this._getConfigParam('successDescription', '');\r\n this._failureDescription = this._getConfigParam('failureDescription', '');\r\n }\r\n\r\n show() {\r\n if (!this._progress) {\r\n this._setDescription([]);\r\n }\r\n super.show();\r\n }\r\n\r\n _setDescription(folders) {\r\n const list = folders.map(({ name }) => `Paragraph
'\r\n * });\r\n */\r\nexport class Box extends Component {\r\n /**\r\n * @cfg {String} html Inner html of the box.\r\n */\r\n\r\n _initComponentElement() {\r\n super._initComponentElement();\r\n\r\n this._componentElement.innerHTML = this._getConfigParam('html', '');\r\n }\r\n}\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\nimport { Component } from './component';\r\n\r\n/**\r\n * Example usage:\r\n *\r\n * @example\r\n * new Gauge({\r\n * renderTo: document.body,\r\n * value: 75\r\n * });\r\n */\r\nexport class Gauge extends Component {\r\n /**\r\n * @cfg {Number} value\r\n */\r\n\r\n _initConfiguration(config) {\r\n super._initConfiguration({\r\n cls: 'progress progress-sm',\r\n ...config,\r\n });\r\n }\r\n\r\n _initComponentElement() {\r\n super._initComponentElement();\r\n\r\n this.setProgress(this._getConfigParam('value', ''));\r\n }\r\n\r\n setProgress(value) {\r\n this._componentElement.innerHTML = ``;\r\n }\r\n}\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\nimport { ModalDialogBox } from './modal-dialog-box';\r\nimport addStatusMessage from './addStatusMessage';\r\nimport clearStatusMessages from './clearStatusMessages';\r\nimport render from './render';\r\nimport ce from './createElement';\r\n\r\nexport class PopupForm extends ModalDialogBox {\r\n _initConfiguration(config) {\r\n super._initConfiguration({\r\n cls: 'popup-panel',\r\n ...config,\r\n });\r\n\r\n this._popupContentAreaId = `${this._id}-popup-content-area`;\r\n this._titleAreaId = `${this._id}-title-area`;\r\n this._hintAreaId = `${this._id}-hint-area`;\r\n this._hint1AreaId = `${this._id}-hint1-area`;\r\n this._boxAreaId = `${this._id}-box-area`;\r\n this._contentAreaId = `${this._id}-content-area`;\r\n\r\n this._actionButtonsId = `${this._id}-action-buttons`;\r\n this._leftActionButtonsAreaId = `${this._id}-left-action-buttons-area`;\r\n this._rightActionButtonsAreaId = `${this._id}-right-action-buttons-area`;\r\n\r\n this._titleCls = this._getConfigParam('titleCls', '');\r\n this._scrollable = this._getConfigParam('scrollable');\r\n this._fullHeight = this._getConfigParam('fullHeight');\r\n this._isRemoved = false;\r\n\r\n if (this._scrollable) {\r\n this._cls += ' popup-panel-scrollable';\r\n }\r\n\r\n if (this._fullHeight) {\r\n this._cls += ' popup-panel-full-height';\r\n }\r\n }\r\n\r\n _initComponentElement() {\r\n super._initComponentElement();\r\n render(this._componentElement, this.view());\r\n this.show();\r\n }\r\n\r\n view() {\r\n return ce('.popup-wrapper', ce('.popup-container', [\r\n ce('.popup-heading', ce('.popup-heading-area', [\r\n ce('span.popup-heading-actions', this._getHeadingActions()),\r\n ce(`h2.${this._titleCls}`,\r\n ce(`span#${this._titleAreaId}`, {\r\n title: this._getConfigParam('title'),\r\n }, this._getConfigParam('title')),\r\n ),\r\n ])),\r\n ce('.popup-content', ce(`#${this._popupContentAreaId}.popup-content-area`,\r\n this._getContentArea(),\r\n )),\r\n ]));\r\n }\r\n\r\n _getHeadingActions() {\r\n return '';\r\n }\r\n\r\n _getContentArea() {\r\n return [\r\n ce(`p#${this._hint1AreaId}`),\r\n ce(`span#${this._hintAreaId}`),\r\n this._getBoxArea(),\r\n this._getButtonsArea(),\r\n ];\r\n }\r\n\r\n _getBoxArea() {\r\n return ce(`#${this._boxAreaId}.form-box`, ce('.box-area', ce('.content',\r\n ce(`#${this._contentAreaId}.content-area`),\r\n )));\r\n }\r\n\r\n _getButtonsArea() {\r\n let buttonsRow = ce(`#${this._rightActionButtonsAreaId}.field-value`, ' ');\r\n if (this._getConfigParam('singleRowButtons')) {\r\n buttonsRow = ce('.single-row', buttonsRow);\r\n } else {\r\n buttonsRow = [\r\n ce(`#${this._leftActionButtonsAreaId}.field-name`, ' '),\r\n buttonsRow,\r\n ];\r\n }\r\n return ce(`#${this._actionButtonsId}.btns-box`, ce('.box-area', ce('.form-row', buttonsRow)));\r\n }\r\n\r\n toggleButtonsArea(bool) {\r\n if (this._scrollable) {\r\n this._componentElement.classList[bool ? 'add' : 'remove']('popup-panel-scrollable');\r\n }\r\n document.getElementById(this._actionButtonsId).style.display = bool ? '' : 'none';\r\n }\r\n\r\n setBoxType(type) {\r\n document.getElementById(this._boxAreaId).className = type;\r\n if ('list-box' === type) {\r\n document.getElementById(this._actionButtonsId).classList.add('no-separator');\r\n document.getElementById(this._actionButtonsId).classList.add('simple-box');\r\n }\r\n if ('form-box' === type) {\r\n document.getElementById(this._actionButtonsId).classList.remove('no-separator');\r\n document.getElementById(this._actionButtonsId).classList.remove('simple-box');\r\n }\r\n if ('fm-box' === type) {\r\n document.getElementById(this._boxAreaId).className = 'list-box';\r\n document.getElementById(this._actionButtonsId).classList.add('no-separator');\r\n }\r\n }\r\n\r\n /**\r\n * @param {String} cls\r\n */\r\n setTitleType(cls) {\r\n document.getElementById(this._titleAreaId).parentNode.className = cls;\r\n }\r\n\r\n /**\r\n * @param {String} text\r\n */\r\n setTitle(text) {\r\n document.getElementById(this._titleAreaId).innerHTML = text;\r\n document.getElementById(this._titleAreaId).setAttribute('title', text);\r\n }\r\n\r\n /**\r\n * @param {String} text\r\n */\r\n setHint(text) {\r\n if (text) {\r\n document.getElementById(this._hintAreaId).innerHTML = text;\r\n document.getElementById(this._hintAreaId).style.display = '';\r\n } else {\r\n document.getElementById(this._hintAreaId).style.display = 'none';\r\n }\r\n }\r\n\r\n /**\r\n * @param {String} text\r\n */\r\n setHint1(text) {\r\n if (text) {\r\n document.getElementById(this._hint1AreaId).innerHTML = text;\r\n document.getElementById(this._hint1AreaId).style.display = '';\r\n } else {\r\n document.getElementById(this._hint1AreaId).style.display = 'none';\r\n }\r\n }\r\n\r\n /**\r\n * Remove this component.\r\n */\r\n remove() {\r\n this._isRemoved = true;\r\n this._renderTarget.parentNode.removeChild(this._renderTarget);\r\n }\r\n\r\n /**\r\n * @param {String} title\r\n * @param {Function} handler\r\n * @param {Boolean} [isDefault]\r\n * @param {Boolean} [isAction]\r\n * @param {Object} [params]\r\n * @returns {Element}\r\n */\r\n addRightButton(title, handler, isDefault, isAction, params) {\r\n const button = this._createButton(title, handler, isDefault, isAction, params);\r\n render(document.getElementById(this._rightActionButtonsAreaId), button);\r\n return button;\r\n }\r\n\r\n /**\r\n * @param {String} title\r\n * @param {Function} handler\r\n * @param {Boolean} [isDefault]\r\n * @param {Boolean} [isAction]\r\n * @param {Object} [params]\r\n * @returns {Element}\r\n */\r\n addLeftButton(title, handler, isDefault, isAction, params) {\r\n const button = this._createButton(title, handler, isDefault, isAction, params);\r\n render(document.getElementById(this._leftActionButtonsAreaId), button);\r\n return button;\r\n }\r\n\r\n /**\r\n * Clear right buttons area.\r\n */\r\n removeRightButtons() {\r\n document.getElementById(this._rightActionButtonsAreaId).innerHTML = ' ';\r\n }\r\n\r\n /**\r\n * Clear left buttons area.\r\n */\r\n removeLeftButtons() {\r\n document.getElementById(this._leftActionButtonsAreaId).innerHTML = ' ';\r\n }\r\n\r\n /**\r\n * Update list size.\r\n */\r\n resizeList() {\r\n if (this._isRemoved || !document.getElementById(this._contentAreaId)) {\r\n return;\r\n }\r\n\r\n const list = document.getElementById(this._contentAreaId).querySelector('table');\r\n if (!list) {\r\n return;\r\n }\r\n\r\n const listContainer = document.getElementById(this._contentAreaId).querySelector('.list');\r\n const buttonsHeight = Element.getHeight(document.getElementById(this._actionButtonsId));\r\n const top = Element.cumulativeOffset(list)[1];\r\n const height = Element.getHeight(list);\r\n // 100px below dialog\r\n let newHeight = document.body.clientHeight - top - buttonsHeight - 100;\r\n\r\n if (newHeight > height) {\r\n listContainer.style.height = '';\r\n listContainer.classList.remove('with-scroll');\r\n return;\r\n }\r\n\r\n const minHeigh = 150;\r\n if (newHeight < minHeigh) {\r\n newHeight = minHeigh;\r\n }\r\n\r\n listContainer.style.height = `${newHeight}px`;\r\n listContainer.style.overflowY = 'auto';\r\n listContainer.style.overflowX = 'hidden';\r\n listContainer.classList.add('with-scroll');\r\n }\r\n\r\n /**\r\n * @param {String} title\r\n * @param {Function} handler\r\n * @param {Boolean} [isDefault]\r\n * @param {Boolean} [isAction]\r\n * @param {Object} [params]\r\n * @returns {Element}\r\n * @private\r\n */\r\n _createButton(title, handler, isDefault, isAction, params = {}) {\r\n // eslint-disable-next-line react/button-has-type\r\n const button = document.createElement('button');\r\n Object.keys(params).forEach(name => {\r\n if (params[name] === true) {\r\n button.setAttribute(name, name);\r\n } else if (params[name] !== null && params[name] !== false) {\r\n button.setAttribute(name, params[name]);\r\n }\r\n });\r\n button.classList.add('btn');\r\n if (isAction) {\r\n button.classList.add('action');\r\n }\r\n\r\n button.type = isDefault ? 'submit' : 'button';\r\n button.value = '';\r\n button.innerHTML = title;\r\n\r\n button.addEventListener(\r\n 'click',\r\n event => {\r\n this._onClick(event, handler.bind(this));\r\n },\r\n );\r\n\r\n return button;\r\n }\r\n\r\n _updateButton(button, config) {\r\n $H(config).each(({ key, value }) => {\r\n switch (key) {\r\n case 'title':\r\n button.innerHTML = value;\r\n break;\r\n case 'disabled':\r\n button.disabled = !!value;\r\n if (value) {\r\n button.classList.add('disabled');\r\n } else {\r\n button.classList.remove('disabled');\r\n }\r\n break;\r\n }\r\n });\r\n }\r\n\r\n _onClick(event, handler) {\r\n event.preventDefault();\r\n event.stopPropagation();\r\n handler(event);\r\n }\r\n\r\n _addEvents() {\r\n super._addEvents();\r\n\r\n if (document.getElementById(this._hintAreaId)) {\r\n document.getElementById(this._hintAreaId).style.display = 'none';\r\n }\r\n if (document.getElementById(this._hint1AreaId)) {\r\n document.getElementById(this._hint1AreaId).style.display = 'none';\r\n }\r\n }\r\n\r\n _clearMessages() {\r\n const contentElement = document.getElementById(this._popupContentAreaId);\r\n\r\n ['.msg-error', '.msg-info', '.msg-warning'].forEach(msgClass => {\r\n contentElement.querySelectorAll(msgClass).forEach(messageElement => {\r\n messageElement.parentNode.removeChild(messageElement);\r\n });\r\n });\r\n }\r\n\r\n _addErrorMessage(message) {\r\n this._addStatusMessage('error', message);\r\n }\r\n\r\n _addStatusMessage(status, message) {\r\n render(document.getElementById(this._popupContentAreaId), (\r\n `| ' +\r\n ' ' +\r\n ' ' +\r\n ' ' +\r\n '' +\r\n '' +\r\n `` +\r\n ` ' +\r\n '` +\r\n '' +\r\n `` +\r\n ' ' +\r\n ' |
${this.lmsg('description')}
`;\r\n }\r\n\r\n _onException(exception) {\r\n this._addErrorMessage(`Internal error: ${exception}`);\r\n this.enable();\r\n }\r\n\r\n _onOkClick(e) {\r\n this._onSubmit(e);\r\n }\r\n\r\n _onCancelClick() {\r\n this.hide();\r\n }\r\n\r\n _preparePopup() {\r\n api.post(prepareUrl(this._prepareUrl), { ids: this._ids })\r\n .then(this._onSuccessPreparePopup.bind(this))\r\n .catch(this._onException.bind(this));\r\n }\r\n\r\n _renderPreparePopup() {\r\n this._preparePopup();\r\n }\r\n\r\n _onSubmitEvent(event) {\r\n this._onSubmit();\r\n event.preventDefault();\r\n return false;\r\n }\r\n\r\n _onSuccessResponse(response) {\r\n this.hide();\r\n redirect(response.redirect);\r\n }\r\n\r\n _onSuccess(transport) {\r\n this._clearMessages();\r\n try {\r\n const response = JSON.parse(transport.responseText);\r\n if ('success' === response.status) {\r\n this._onSuccessResponse(response);\r\n } else {\r\n if (response.redirect) {\r\n redirect(response.redirect);\r\n return;\r\n }\r\n this._addErrorMessage(response.message);\r\n this.enable();\r\n }\r\n } catch (e) {\r\n this._addErrorMessage(e.message);\r\n this._addErrorMessage(\r\n `Internal error: ${transport.responseText}`,\r\n );\r\n this.enable();\r\n }\r\n }\r\n\r\n disable() {\r\n const sendButton = document.getElementById(this._sendButtonId);\r\n if (sendButton) {\r\n sendButton.disabled = true;\r\n sendButton.classList.add('disabled');\r\n if (!this._sendButtonTitle) {\r\n this._sendButtonTitle = sendButton.innerHTML;\r\n }\r\n sendButton.innerHTML = `${this.lmsg('loading')}`;\r\n }\r\n\r\n const cancelButton = document.getElementById(this._cancelButtonId);\r\n if (cancelButton) {\r\n cancelButton.disabled = true;\r\n cancelButton.classList.add('disabled');\r\n }\r\n }\r\n\r\n enable() {\r\n const sendButton = document.getElementById(this._sendButtonId);\r\n if (sendButton) {\r\n sendButton.disabled = false;\r\n sendButton.innerHTML = this._sendButtonTitle;\r\n sendButton.classList.remove('disabled');\r\n }\r\n\r\n const cancelButton = document.getElementById(this._cancelButtonId);\r\n if (cancelButton) {\r\n cancelButton.disabled = false;\r\n cancelButton.classList.remove('disabled');\r\n }\r\n }\r\n\r\n _onSuccessPreparePopup() {\r\n // should be implemented in child classes\r\n return true;\r\n }\r\n\r\n _getLoadingIndicatorItems() {\r\n return [];\r\n }\r\n\r\n _addLoadingIndicator() {\r\n // should be implemented in child classes\r\n }\r\n\r\n _getAdditionalParams(params) {\r\n // should be implemented in child classes if it necessary\r\n return params;\r\n }\r\n\r\n _isValid() {\r\n return true;\r\n }\r\n\r\n _onSubmit(e) {\r\n this._clearMessages();\r\n\r\n if (!this._isValid()) {\r\n return;\r\n }\r\n\r\n let params = $H();\r\n let count = 0;\r\n this._ids.forEach(id => {\r\n params.set(`ids[${count}]`, id);\r\n count++;\r\n });\r\n params = this._getAdditionalParams(params);\r\n\r\n this.disable();\r\n this._addLoadingIndicator(this._getLoadingIndicatorItems());\r\n\r\n if (this._needFlyEffect()) {\r\n const beginOffset = Element.cumulativeOffset(e.target);\r\n getComponent('asyncProgressBarWrapper')\r\n .fly(\r\n beginOffset,\r\n this._longtask,\r\n () => {\r\n this._sendRequest(params);\r\n },\r\n );\r\n } else {\r\n this._sendRequest(params);\r\n }\r\n }\r\n\r\n _needFlyEffect() {\r\n return (false !== this._longtask);\r\n }\r\n\r\n _sendRequest(params) {\r\n new Ajax.Request(\r\n this._handlerUrl,\r\n {\r\n method: 'post',\r\n parameters: params,\r\n onSuccess: this._onSuccess.bind(this),\r\n onException: this._onException.bind(this),\r\n },\r\n );\r\n }\r\n};\r\n\r\n// TODO WPT use Class.create()\r\nConfirmationPopupManager.PopupForm.subclasses = [];\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\nimport { Component } from './component';\r\nimport { list } from './list';\r\nimport { Tooltip } from './tooltip';\r\nimport isRtl from './isRtl';\r\nimport prepareUrl from './prepareUrl';\r\nimport render from './render';\r\nimport createElement from './createElement';\r\nimport escapeHtml from './escapeHtml';\r\nimport fireCustomEvent from './fireCustomEvent';\r\nimport { ESC, ENTER, LEFT_ARROW, UP_ARROW, RIGHT_ARROW, DOWN_ARROW } from './keyCode';\r\nimport api from './api';\r\nimport stripTags from 'helpers/stripTags';\r\nimport { createHtmlElement } from 'helpers/createHtmlElement';\r\n\r\nexport class LookUp extends Component {\r\n _initConfiguration(config) {\r\n super._initConfiguration(config);\r\n\r\n this._name = this._getConfigParam('name', null);\r\n this._cls = this._getConfigParam('cls', 'lookup');\r\n this._data = this._getConfigParam('data', []);\r\n this._currentValue = this._getConfigParam('value', null);\r\n this._newItemValue = this._getConfigParam('newItemValue', null);\r\n this._dataUrl = this._getConfigParam('dataUrl', null);\r\n this._copyTitleValue = this._getConfigParam('copyTitleValue', false);\r\n this._limit = this._getConfigParam('limit', this._dataUrl ? 10 : list.ITEMS_UNLIMITED);\r\n this._lookUpParams = this._getConfigParam('lookUpParams', {});\r\n this._disabled = this._getConfigParam('disabled', false);\r\n this._placeholder = this._getConfigParam('placeholder', null);\r\n }\r\n\r\n _initComponentElement() {\r\n super._initComponentElement();\r\n\r\n this._valueField = createHtmlElement('input', {\r\n type: 'hidden',\r\n name: this._name,\r\n });\r\n\r\n render(this._componentElement, this._valueField);\r\n\r\n const inputFieldConfig = {\r\n type: 'text',\r\n class: 'form-control',\r\n };\r\n if (this._disabled) {\r\n inputFieldConfig.disabled = 'disabled';\r\n }\r\n if (null !== this._placeholder) {\r\n inputFieldConfig.placeholder = this._placeholder;\r\n }\r\n this._inputField = createHtmlElement('input', inputFieldConfig);\r\n\r\n this._lookUpButton = createHtmlElement('span', { class: 'form-control-icon form-control-icon-action' });\r\n render(this._lookUpButton, createHtmlElement('i', { class: 'icon-form-control-search' }));\r\n\r\n this._lookUpControl = createHtmlElement('div', { class: 'form-control-group' });\r\n render(this._lookUpControl, this._inputField);\r\n render(this._lookUpControl, this._lookUpButton);\r\n\r\n this._dropdownList = createHtmlElement('ul', { class: 'dropdown-menu lookup-dropdown-menu' });\r\n\r\n this._initCustomLookUpComponent();\r\n if (this._customLookUpComponent) {\r\n render(this._dropdownList,\r\n createElement('li', { class: 'dropdown-header' }, this.lmsg('label')),\r\n );\r\n render(this._dropdownList,\r\n createElement('li',\r\n createElement('div', { class: 'dropdown-menu-content' },\r\n this._lookUpControl,\r\n ),\r\n ),\r\n );\r\n } else {\r\n this._lookUpControl.classList.add('f-large-size');\r\n render(this._componentElement, this._lookUpControl);\r\n }\r\n\r\n this._emptyElement = createHtmlElement('li');\r\n render(this._emptyElement, createElement('div.dropdown-menu-content', this.lmsg('nothingFound')));\r\n render(this._dropdownList, this._emptyElement);\r\n\r\n render(this._componentElement, this._dropdownList);\r\n\r\n if (!this._currentValue && this._newItemValue) {\r\n this._currentValue = this._newItemValue;\r\n this.handleChange();\r\n }\r\n\r\n this._updateValue();\r\n\r\n if (0 < this._data.length) {\r\n this._updateData(this._data);\r\n }\r\n if (this._dataUrl && this._limit === list.ITEMS_UNLIMITED) {\r\n this._getDataByUrl();\r\n }\r\n }\r\n\r\n _initCustomLookUpComponent() {\r\n if (!this._newItemValue) {\r\n return;\r\n }\r\n\r\n this._customLookUpComponent = createHtmlElement('div', { class: 'input-group' });\r\n this._customLookUpComponent.innerHTML = (\r\n '' +\r\n '' +\r\n '' +\r\n ''\r\n );\r\n render(this._componentElement, this._customLookUpComponent);\r\n\r\n render(this._dropdownList, this._createItem(this._newItemValue));\r\n render(this._dropdownList, createHtmlElement('li', { class: 'divider' }));\r\n\r\n this._setDisabled(this._disabled);\r\n }\r\n\r\n _setDisabled(disabled) {\r\n this._disabled = disabled;\r\n\r\n if (this._customLookUpComponent) {\r\n this._customLookUpComponent.style['pointer-events'] = disabled ? 'none' : null;\r\n this._customLookUpComponent.querySelector('.input-group input').disabled = disabled;\r\n this._customLookUpComponent.querySelector('.input-group .btn.dropdown-toggle').disabled = disabled;\r\n }\r\n }\r\n\r\n disable() {\r\n this._setDisabled(true);\r\n }\r\n\r\n enable() {\r\n this._setDisabled(false);\r\n }\r\n\r\n _getDataByUrl(filter) {\r\n this._emptyElement.querySelector('div').innerHTML = this.lmsg('loading');\r\n this._filter = filter;\r\n api.get(prepareUrl(this._dataUrl), {\r\n filter,\r\n limit: this._limit,\r\n ...this._lookUpParams,\r\n })\r\n .then(response => {\r\n if (filter !== this._filter) {\r\n return;\r\n }\r\n\r\n this._emptyElement.querySelector('div').innerHTML = this.lmsg('nothingFound');\r\n if ('error' === response.status) {\r\n return;\r\n }\r\n\r\n this._data = response.data;\r\n this._updateData(this._data);\r\n this._selectResults(filter, response.itemsCount - this._data.length);\r\n });\r\n }\r\n\r\n isEmpty() {\r\n return null === this._currentValue;\r\n }\r\n\r\n getValue() {\r\n return this._currentValue ? this._currentValue.id : null;\r\n }\r\n\r\n getItemValue() {\r\n return this._currentValue ? this._currentValue : null;\r\n }\r\n\r\n getDisplayValue() {\r\n return this._currentValue ? this._currentValue.title : '';\r\n }\r\n\r\n _openList(showAll) {\r\n this._componentElement.classList.add('open');\r\n this._lookUpButton.querySelector('i').classList.remove('icon-form-control-search');\r\n this._lookUpButton.querySelector('i').classList.add('icon-form-control-clear');\r\n this._fixDropdownPosition();\r\n\r\n const filter = showAll ? '' : this._inputField.value.toLocaleLowerCase();\r\n if (this._dataUrl && this._limit !== list.ITEMS_UNLIMITED) {\r\n this._emptyElement.querySelector('div').innerHTML = this.lmsg('loading');\r\n if (this._getDataTask) {\r\n clearTimeout(this._getDataTask);\r\n }\r\n this._getDataTask = setTimeout(function () {\r\n this._getDataByUrl(filter);\r\n }.bind(this), 250);\r\n } else {\r\n this._selectResults(filter);\r\n }\r\n }\r\n\r\n _closeList() {\r\n this._updateValue();\r\n this._componentElement.classList.remove('open');\r\n this._lookUpButton.querySelector('i').classList.add('icon-form-control-search');\r\n this._lookUpButton.querySelector('i').classList.remove('icon-form-control-clear');\r\n }\r\n\r\n _updateValue() {\r\n this._valueField.value = this._currentValue ? (this._copyTitleValue ? this._currentValue.title : this._currentValue.id) : '';\r\n this._inputField.value = this._currentValue && !(this._newItemValue && this._currentValue.id === this._newItemValue.id) ? this._currentValue.title : '';\r\n if (this._newItemValue) {\r\n this._componentElement.querySelector('.input-group input').value = this._currentValue ? this._currentValue.title : '';\r\n }\r\n }\r\n\r\n _selectResults(filter, itemsCount) {\r\n let itemsFound = 0;\r\n this._dropdownList.querySelectorAll('li').forEach(item => {\r\n if (!item._item) {\r\n return;\r\n }\r\n if (this._newItemValue && this._newItemValue.id === item._item.id) {\r\n if (this._currentValue && this._currentValue.id === this._newItemValue.id) {\r\n item.style.display = 'none';\r\n item.nextElementSibling.style.display = 'none';\r\n } else {\r\n item.style.display = '';\r\n item.nextElementSibling.style.display = '';\r\n }\r\n return;\r\n }\r\n item.classList.remove('active');\r\n const itemLink = item.querySelector('a');\r\n let itemData = stripTags(itemLink.innerHTML);\r\n const pos = itemData.toLowerCase().indexOf(filter);\r\n if (-1 !== pos) {\r\n itemsFound++;\r\n if (itemsFound <= this._limit) {\r\n item.style.display = '';\r\n itemData = `${\r\n itemData.substr(0, pos)\r\n }${\r\n itemData.substr(pos, filter.length)\r\n }${\r\n itemData.substr(pos + filter.length)\r\n }`;\r\n } else {\r\n item.style.display = 'none';\r\n }\r\n } else {\r\n item.style.display = 'none';\r\n }\r\n itemLink.innerHTML = itemData;\r\n });\r\n\r\n this._emptyElement.style.display = itemsFound ? 'none' : '';\r\n if (itemsFound) {\r\n const visibleItems = [...this._dropdownList.querySelectorAll('li')].filter(el => el.style.display !== 'none');\r\n if (visibleItems.length) {\r\n visibleItems[0].classList.add('active');\r\n }\r\n }\r\n\r\n itemsFound += itemsCount || 0;\r\n\r\n if (this._searchMoreElement) {\r\n if (itemsFound > this._limit) {\r\n this._searchMoreElement.querySelector('div').innerHTML = this._getSearchMoreText(itemsFound - this._limit);\r\n this._searchMoreElement.style.display = '';\r\n this._searchMoreElement.previousElementSibling.style.display = '';\r\n } else {\r\n this._searchMoreElement.style.display = 'none';\r\n this._searchMoreElement.previousElementSibling.style.display = 'none';\r\n }\r\n }\r\n\r\n this._fixDropdownPosition();\r\n }\r\n\r\n _addEvents() {\r\n if (this._disabled) {\r\n return;\r\n }\r\n\r\n super._addEvents();\r\n\r\n if (this._customLookUpComponent) {\r\n this._customLookUpComponent.addEventListener('click', event => {\r\n event.preventDefault();\r\n Tooltip.hide();\r\n if (this._componentElement.classList.contains('open')) {\r\n this._inputField.blur();\r\n } else {\r\n this._openList(true);\r\n this._inputField.focus();\r\n }\r\n });\r\n } else {\r\n this._inputField.addEventListener('focus', this._inputOnFocus.bind(this));\r\n }\r\n this._inputField.addEventListener('paste', this._inputOnPaste.bind(this));\r\n this._inputField.addEventListener('blur', this._inputOnBlur.bind(this));\r\n this._inputField.addEventListener('keyup', this._inputOnKeyUp.bind(this));\r\n this._inputField.addEventListener('keydown', this._inputOnKeyDown.bind(this));\r\n this._lookUpButton.addEventListener('click', this._lookUpButtonOnClick.bind(this));\r\n }\r\n\r\n _inputOnFocus() {\r\n this._openList(true);\r\n }\r\n\r\n _inputOnBlur() {\r\n // workaround for Google Chrome\r\n setTimeout(() => {\r\n this._closeList();\r\n }, 300);\r\n }\r\n\r\n _inputOnPaste() {\r\n setTimeout(() => {\r\n this._openList();\r\n const activeItem = this._dropdownList.querySelector('li.active');\r\n if (activeItem) {\r\n this._currentValue = activeItem._item;\r\n this._updateValue();\r\n }\r\n }, 300);\r\n }\r\n\r\n _inputOnKeyUp(event) {\r\n if ([UP_ARROW, DOWN_ARROW, LEFT_ARROW, RIGHT_ARROW, ENTER, ESC].indexOf(event.keyCode) !== -1) {\r\n return;\r\n }\r\n\r\n this._openList();\r\n }\r\n\r\n _inputOnKeyDown(event) {\r\n if ([UP_ARROW, DOWN_ARROW].indexOf(event.keyCode) !== -1) {\r\n this._onArrowKeyPressed(event.keyCode);\r\n }\r\n\r\n if (ESC === event.keyCode) {\r\n this._closeList();\r\n }\r\n\r\n if (ENTER === event.keyCode) {\r\n const activeItem = this._dropdownList.querySelector('li.active');\r\n if (activeItem) {\r\n this._currentValue = activeItem._item;\r\n this._closeList();\r\n this.handleChange();\r\n } else {\r\n this._closeList();\r\n this._openList();\r\n }\r\n }\r\n }\r\n\r\n _onArrowKeyPressed(keyCode) {\r\n let nextItem = null;\r\n const activeItem = this._dropdownList.querySelector('li.active');\r\n if (!activeItem) {\r\n nextItem = this._dropdownList.querySelector('li');\r\n while (nextItem && !(nextItem.style.display !== 'none' && nextItem._item)) {\r\n nextItem = nextItem.nextElementSibling;\r\n }\r\n } else if (DOWN_ARROW === keyCode) {\r\n nextItem = activeItem.nextElementSibling;\r\n while (nextItem && !(nextItem.style.display !== 'none' && nextItem._item)) {\r\n nextItem = nextItem.nextElementSibling;\r\n }\r\n } else if (UP_ARROW === keyCode) {\r\n nextItem = activeItem.previousElementSibling;\r\n while (nextItem && !(nextItem.style.display !== 'none' && nextItem._item)) {\r\n nextItem = nextItem.previousElementSibling;\r\n }\r\n }\r\n if (nextItem && nextItem.style.display !== 'none' && nextItem._item) {\r\n nextItem.classList.add('active');\r\n if (activeItem) {\r\n activeItem.classList.remove('active');\r\n }\r\n this._scrollDropdownList();\r\n }\r\n }\r\n\r\n _scrollDropdownList() {\r\n const firstItem = this._dropdownList.querySelector('li.dropdown-menu-list-item');\r\n const activeItem = this._dropdownList.querySelector('li.active');\r\n\r\n if (!firstItem || !activeItem) {\r\n return;\r\n }\r\n\r\n const position = Math.round(activeItem.offsetTop / firstItem.offsetHeight) + 1;\r\n const itemsInFrame = Math.round(this._dropdownList.clientHeight / firstItem.offsetHeight);\r\n\r\n this.frameStart = this.frameStart || 1;\r\n\r\n if (position >= this.frameStart + itemsInFrame) {\r\n this._dropdownList.scrollTop += firstItem.offsetHeight;\r\n this.frameStart++;\r\n } else if (position <= this.frameStart) {\r\n this._dropdownList.scrollTop -= firstItem.offsetHeight;\r\n this.frameStart--;\r\n }\r\n }\r\n\r\n _lookUpButtonOnClick(event) {\r\n event.preventDefault();\r\n\r\n if (this._componentElement.classList.contains('open')) {\r\n this._closeList();\r\n } else {\r\n this._openList(true);\r\n }\r\n }\r\n\r\n _itemOnClick(event) {\r\n event.preventDefault();\r\n this._currentValue = event.target.closest('li')._item;\r\n this._closeList();\r\n this.handleChange();\r\n }\r\n\r\n _itemOnOver() {\r\n this._dropdownList.querySelectorAll('li.active').forEach(element => {\r\n element.classList.remove('active');\r\n });\r\n }\r\n\r\n _createItem(item) {\r\n const listItem = createHtmlElement('li', { class: 'dropdown-menu-list-item' });\r\n listItem.innerHTML = `${escapeHtml(item.title)}`;\r\n listItem._item = item;\r\n listItem.addEventListener('click', this._itemOnClick.bind(this));\r\n listItem.addEventListener('mouseover', this._itemOnOver.bind(this));\r\n\r\n return listItem;\r\n }\r\n\r\n _getSearchMoreText(count) {\r\n return this.lmsg('moreObjectsAvailable', { count });\r\n }\r\n\r\n _updateData(data) {\r\n this._clearData();\r\n\r\n data.forEach(item => {\r\n render(this._dropdownList, this._createItem(item));\r\n });\r\n\r\n this._addSearchMoreElement();\r\n }\r\n\r\n _clearData() {\r\n let el;\r\n while ((el = this._emptyElement.nextSibling)) {\r\n el.parentNode.removeChild(el);\r\n }\r\n }\r\n\r\n _addSearchMoreElement() {\r\n this._searchMoreElement = document.createElement('li');\r\n this._searchMoreElement.innerHTML = '';\r\n this._searchMoreElement.style.display = 'none';\r\n\r\n render(this._dropdownList, '');\r\n render(this._dropdownList, this._searchMoreElement);\r\n }\r\n\r\n _fixDropdownPosition() {\r\n this._dropdownList.style[isRtl() ? 'right' : 'left'] = null;\r\n\r\n const windowWidth = document.documentElement.clientWidth;\r\n const offsets = this._dropdownList.getBoundingClientRect();\r\n\r\n const delta = (isRtl() ? offsets.left : (windowWidth - offsets.width - offsets.left))\r\n - parseInt(window.getComputedStyle(document.querySelector('.pul-layout__main-inner')).paddingLeft || 0);\r\n\r\n if (delta < 0) {\r\n this._dropdownList.style[isRtl() ? 'right' : 'left'] = `${delta}px`;\r\n }\r\n }\r\n\r\n handleChange() {\r\n fireCustomEvent(this._componentElement, 'component:change');\r\n\r\n const onChange = this._getConfigParam('onChange');\r\n if (typeof onChange === 'function') {\r\n onChange(this._currentValue);\r\n }\r\n }\r\n}\r\n\r\n// TODO PMT-4391: Plesk migrator is broken in Plesk 17.9.1 after cutting core's classes\r\nLookUp.subclasses = [];\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n/**\r\n * This is part of public Jsw API. Don't modify it!\r\n */\r\n\r\nexport { default as List } from './List';\r\nexport { default as ListContextMenu } from './ListContextMenu';\r\n\r\nimport AdditionalActions from './AdditionalActions';\r\nimport { COLUMN_SELECTION, COLUMN_ACTIONS, ITEMS_UNLIMITED } from './constants';\r\n\r\nexport const list = {\r\n COLUMN_SELECTION,\r\n COLUMN_ACTIONS,\r\n ITEMS_UNLIMITED,\r\n AdditionalActions,\r\n};\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\nimport Cookie from 'common/cookie';\r\nimport { Component, getComponent } from '../component';\r\nimport { Tooltip } from '../tooltip';\r\nimport { bar } from '../bar';\r\nimport { SmallTools } from '../small-tools';\r\nimport { messageBox } from '../message-box';\r\nimport { DropdownManager } from '../dropdown-manager';\r\nimport createComponent from '../createComponent';\r\nimport addStatusMessage from '../addStatusMessage';\r\nimport clearStatusMessages from '../clearStatusMessages';\r\nimport showInternalError from '../showInternalError';\r\nimport prepareUrl from '../prepareUrl';\r\nimport addUrlParams from '../addUrlParams';\r\nimport render from '../render';\r\nimport createElement from '../createElement';\r\nimport escapeHtml from '../escapeHtml';\r\nimport emptyFn from '../emptyFn';\r\nimport { redirect } from '../form-redirect';\r\nimport Filters from './Filters';\r\nimport ListContextMenu from './ListContextMenu';\r\nimport { COLUMN_ACTIONS, COLUMN_SELECTION, ITEMS_UNLIMITED } from './constants';\r\nimport stripTags from 'helpers/stripTags';\r\nimport api from '../api';\r\n\r\nimport './List.less';\r\n\r\n/**\r\n * The class for the implementation of the widget \"List\". In addition to displaying the data,\r\n * it is possible to change the sorting, search, perform group operations.\r\n */\r\nclass List extends Component {\r\n /**\r\n * @cfg {String} listCls=list\r\n */\r\n /**\r\n * @cfg {String} dataUrl=\"\"\r\n */\r\n /**\r\n * @cfg {Object[]} operations List operations.\r\n * See SmallTools.operations for details.\r\n */\r\n /**\r\n * @cfg {Object[]} columns\r\n */\r\n /**\r\n * @cfg {Object[]} itemActions\r\n */\r\n\r\n _initConfiguration(config) {\r\n super._initConfiguration(config);\r\n\r\n this._cls += ' js-list';\r\n this._listCls = this._getConfigParam('listCls', 'list');\r\n this._tableId = `${this._id}-table`;\r\n this._dataUrl = this._getConfigParam('dataUrl', '');\r\n this._operations = this._getConfigParam('operations', null);\r\n this._itemActions = this._getConfigParam('itemActions', {});\r\n this._columns = this._getConfigParam('columns', []).filter(Boolean);\r\n this._limitValues = this._getConfigParam('limitValues', [10, 25, 100, ITEMS_UNLIMITED]);\r\n this._splitListData(this._getConfigParam('data', { data: null, pathbar: null, state: null, pager: null, locale: null, additional: null }));\r\n this._searchFilters = $H(this._getConfigParam('searchFilters', {}));\r\n this._searchOveral = this._getConfigParam('searchOveral', null);\r\n this._pageable = this._getConfigParam('pageable', true);\r\n /** @deprecated use renderDisabledSelectHint instead */\r\n this._disabledSelectHint = this._getConfigParam('disabledSelectHint', '');\r\n this._renderDisabledSelectHint = this._getConfigParam('renderDisabledSelectHint', null);\r\n this._clearStatusOnReload = this._getConfigParam('clearStatusOnReload', true);\r\n this.isDisabledItem = this._getConfigParam('isDisabledItem', () => false);\r\n this._onRedraw = this._getConfigParam('onRedraw', emptyFn);\r\n this._emptyViewMode = this._getConfigParam('emptyViewMode', 'items');\r\n this._getTotalInfo = this._getConfigParam('getTotalInfo', function () {\r\n return this.getLocale().formatMessage('recordsTotal', { total: this._pager.totalItemCount });\r\n });\r\n this._getRowClass = this._getConfigParam('getRowClass', function () {\r\n return '';\r\n });\r\n\r\n if (Array.isArray(this._operations)) {\r\n this._operations = this._operations.filter(value => value !== null);\r\n if (!this._operations.length) {\r\n this._operations = null;\r\n }\r\n }\r\n }\r\n\r\n _getSearchOveralField() {\r\n if (null === this._searchOveral) {\r\n this._searchFilters.each(function (pair) {\r\n if (pair.value.overal) {\r\n this._searchOveral = pair.key;\r\n }\r\n }, this);\r\n if (null === this._searchOveral && 1 === this._searchFilters.keys().length) {\r\n this._searchOveral = this._searchFilters.keys()[0];\r\n }\r\n if (null === this._searchOveral) {\r\n this._searchOveral = false;\r\n }\r\n }\r\n\r\n return this._searchOveral;\r\n }\r\n\r\n _initComponentElement() {\r\n super._initComponentElement();\r\n\r\n this._updateComponentElement(``);\r\n this._initDisablerOverlay();\r\n }\r\n\r\n _splitListData(listData, place) {\r\n if (!listData || !listData.data) {\r\n return false;\r\n }\r\n\r\n const dataLen = listData.data.length;\r\n if ('before' === place) {\r\n this._data = listData.data.concat(this._data);\r\n } else if ('after' === place) {\r\n this._data = this._data.concat(listData.data);\r\n } else {\r\n this._data = listData.data;\r\n }\r\n this._state = listData.state || {};\r\n this._pager = listData.pager || {};\r\n if (listData.locale) {\r\n this._locale.messages = { ...this._locale.messages, ...listData.locale };\r\n }\r\n if (listData.pathbar) {\r\n this._pathbar = listData.pathbar;\r\n }\r\n if (listData.additional) {\r\n this._additionalData = { ...this._additionalData, ...listData.additional };\r\n }\r\n return dataLen;\r\n }\r\n\r\n _isColumnSelectionPresent() {\r\n return this._getColumns().includes(COLUMN_SELECTION);\r\n }\r\n\r\n /**\r\n * @param {String} dataIndex\r\n */\r\n onHeaderClick(dataIndex) {\r\n this._state.sortField = dataIndex;\r\n this._state.sortDirection = ('down' === this._state.sortDirection)\r\n ? 'up'\r\n : 'down';\r\n\r\n this.reload(`/sort-field/${dataIndex}/sort-dir/${this._state.sortDirection}`);\r\n }\r\n\r\n /**\r\n * @param {Boolean} [force]\r\n */\r\n updateFilter(force) {\r\n if (!document.getElementById(this._tableId)) {\r\n this.checkEmptyList();\r\n return;\r\n }\r\n let filterChanged = false;\r\n let hasFilter = false;\r\n this._getColumns()\r\n .filter(({ isVisible }) => 'function' !== typeof isVisible || isVisible())\r\n .forEach(column => {\r\n if (!column.filter || !column.filter.type) {\r\n return;\r\n }\r\n\r\n let input;\r\n if (column.filter.options) {\r\n if (column.filter.multi) {\r\n input = this._componentElement.querySelector(`th[data-index=\"${column.dataIndex}\"]`).querySelectorAll('input[type=checkbox]:checked');\r\n } else {\r\n input = this._componentElement.querySelector(`th[data-index=\"${column.dataIndex}\"] select`);\r\n }\r\n } else {\r\n input = this._componentElement.querySelector(`th[data-index=\"${column.dataIndex}\"] input`);\r\n }\r\n if (!input) {\r\n column.filter.value = '';\r\n return;\r\n }\r\n\r\n hasFilter = true;\r\n\r\n let value;\r\n if (column.filter.multi) {\r\n value = [];\r\n input.forEach(function (el) {\r\n value.push(el.value.toLowerCase());\r\n });\r\n if (value.length === column.filter.options.length) {\r\n value = [];\r\n }\r\n } else {\r\n value = input.value.toLowerCase();\r\n }\r\n if (value === column.filter.value) {\r\n return;\r\n }\r\n\r\n column.filter.value = value;\r\n filterChanged = true;\r\n });\r\n\r\n if (!hasFilter || (!force && !filterChanged)) {\r\n this.checkEmptyList();\r\n return;\r\n }\r\n let oddEvenRowClass = 'even';\r\n document.getElementById(this._tableId).querySelectorAll('tr.odd, tr.even').forEach((row, rowIndex) => {\r\n const cells = row.childNodes;\r\n let match = true;\r\n\r\n this._getColumns()\r\n .filter(({ isVisible }) => 'function' !== typeof isVisible || isVisible())\r\n .forEach((column, columnIndex) => {\r\n const value = this._data[rowIndex][column.dataIndex];\r\n if (cells[columnIndex]._filtered) {\r\n if (column.noEscape) {\r\n cells[columnIndex].innerHTML = value;\r\n } else {\r\n cells[columnIndex].innerHTML = escapeHtml(value);\r\n }\r\n delete cells[columnIndex]._filtered;\r\n }\r\n\r\n if (!match || !column.filter || !column.filter.type || 0 === column.filter.value.length) {\r\n return;\r\n }\r\n\r\n if (column.filter.type === 'date') {\r\n if (new Date(value.replace(/ /g, 'T')) < new Date(column.filter.value.replace(/ /g, 'T'))) {\r\n match = false;\r\n }\r\n return;\r\n }\r\n\r\n if (column.filter.options) {\r\n if (column.filter.multi) {\r\n if (column.filter.value.indexOf(value.toLowerCase()) === -1) {\r\n match = false;\r\n }\r\n } else if (value.toLowerCase() !== column.filter.value) {\r\n match = false;\r\n }\r\n return;\r\n }\r\n\r\n const pos = value.toLowerCase().indexOf(column.filter.value);\r\n\r\n if (pos === -1 || (column.filter.startsWith && pos !== 0)) {\r\n match = false;\r\n return;\r\n }\r\n\r\n if (column.noEscape) {\r\n cells[columnIndex].innerHTML = `${value.substr(0, pos)\r\n }${\r\n value.substr(pos, column.filter.value.length)\r\n }${\r\n value.substr(pos + column.filter.value.length)}`;\r\n } else {\r\n cells[columnIndex].innerHTML = `${escapeHtml(value.substr(0, pos))\r\n }${\r\n escapeHtml(value.substr(pos, column.filter.value.length))\r\n }${\r\n escapeHtml(value.substr(pos + column.filter.value.length))}`;\r\n }\r\n cells[columnIndex]._filtered = true;\r\n });\r\n\r\n if (match) {\r\n row.classList.remove(oddEvenRowClass);\r\n oddEvenRowClass = oddEvenRowClass === 'odd' ? 'even' : 'odd';\r\n row.classList.add(oddEvenRowClass);\r\n row.style.display = '';\r\n } else {\r\n row.style.display = 'none';\r\n }\r\n });\r\n this.checkEmptyList();\r\n }\r\n\r\n /**\r\n * @param {String} value\r\n */\r\n onLimitClick(value) {\r\n this.reload({ 'items-per-page': value });\r\n }\r\n\r\n /**\r\n * @param {String} page\r\n */\r\n onPagerClick(page) {\r\n this.reload({ page });\r\n }\r\n\r\n handleSelectButtonClick = () => {\r\n const globalCheckbox = this._componentElement.querySelector('input[name=\"listGlobalCheckbox\"]');\r\n globalCheckbox.checked = !globalCheckbox.checked;\r\n this.onListGlobalCheckboxClick();\r\n };\r\n\r\n onListGlobalCheckboxClick() {\r\n const actionsBox = this._getActionBoxElement();\r\n const globalCheckbox = this._componentElement.querySelector('input[name=\"listGlobalCheckbox\"]');\r\n\r\n if (actionsBox) {\r\n const selectButton = actionsBox.querySelector('.r-actions-select');\r\n if (selectButton) {\r\n if (globalCheckbox.checked) {\r\n selectButton.classList.add('r-actions-item-active');\r\n } else {\r\n selectButton.classList.remove('r-actions-item-active');\r\n }\r\n }\r\n }\r\n\r\n this._componentElement.querySelectorAll('input[name=\"listCheckbox[]\"]').forEach(checkbox => {\r\n if (globalCheckbox.checked) {\r\n checkbox.closest('tr').classList.add('selected');\r\n } else {\r\n checkbox.closest('tr').classList.remove('selected');\r\n }\r\n checkbox.checked = globalCheckbox.checked;\r\n });\r\n }\r\n\r\n onPagerButtonClick(event) {\r\n const paging = this._componentElement.querySelector('.paging');\r\n const show = !paging.classList.contains('r-paging-visible');\r\n if (this._actionBox) {\r\n this._actionBox._hideResponsiveButtonBlocks();\r\n }\r\n if (show) {\r\n paging.classList.add('r-paging-visible');\r\n }\r\n event.stopPropagation();\r\n }\r\n\r\n listHeadersView() {\r\n const headers = [];\r\n const filters = [];\r\n let hasFilter = false;\r\n let colspan = 0;\r\n\r\n this._getColumns().forEach(column => {\r\n if (colspan) {\r\n colspan--;\r\n return;\r\n }\r\n\r\n if ('function' === typeof column.isVisible) {\r\n if (!column.isVisible()) {\r\n return;\r\n }\r\n }\r\n\r\n if (column.headerColspan) {\r\n colspan = column.headerColspan;\r\n }\r\n\r\n let { header } = column;\r\n\r\n let headerCls = column.headerCls ? `.${column.headerCls}` : '';\r\n\r\n if ('undefined' !== typeof column.headerRenderer) {\r\n header = column.headerRenderer(column);\r\n } else {\r\n let sortCssClass = '';\r\n if (this._state.sortField === column.dataIndex) {\r\n sortCssClass = 'down' === this._state.sortDirection ? '' : '.sort-up';\r\n headerCls += '.sort';\r\n }\r\n\r\n if (column.sortable) {\r\n header = createElement(`a${sortCssClass}`, { onclick: this.onHeaderClick.bind(this, column.dataIndex) }, header);\r\n }\r\n }\r\n headers.push(createElement(`th${headerCls}${colspan ? `[colspan=\"${colspan}\"]` : ''}`, { ...column.headerParams }, header));\r\n\r\n let filter = '';\r\n if (column.filter) {\r\n hasFilter = true;\r\n filter = Filters.create({\r\n name: column.dataIndex,\r\n locale: this.getLocale(),\r\n ...column.filter,\r\n }, this.updateFilter.bind(this, false));\r\n }\r\n filters.push(createElement('th', { 'data-index': column.dataIndex }, filter));\r\n });\r\n\r\n return createElement('thead',\r\n hasFilter ? createElement('tr.list-search-filter', filters) : '',\r\n createElement('tr', headers),\r\n );\r\n }\r\n\r\n listDataView(listData = this._data, indexOffset = 0) {\r\n if (!listData) {\r\n return null;\r\n }\r\n\r\n return createElement('tbody',\r\n Object.keys(listData).map(index => this.rowView(listData[index], index, indexOffset)),\r\n );\r\n }\r\n\r\n rowView(item, index, indexOffset) {\r\n const columns = this._getColumns()\r\n .filter(column => 'function' !== typeof column.isVisible || column.isVisible())\r\n .map(column => {\r\n let cell = null;\r\n\r\n if (typeof column.renderer === 'function') {\r\n const isDisabled = this.isDisabledItem(item);\r\n\r\n if (!isDisabled || !column.hideDisabled) {\r\n cell = column.renderer.call(this, item, isDisabled);\r\n }\r\n } else if ('undefined' !== typeof column.dataIndex && 'undefined' !== typeof item[column.dataIndex]) {\r\n if (column.noEscape) {\r\n cell = item[column.dataIndex];\r\n } else {\r\n cell = escapeHtml(item[column.dataIndex]);\r\n }\r\n }\r\n\r\n return createElement('td', {\r\n class: column.cls,\r\n }, cell);\r\n });\r\n\r\n return createElement(`tr.${this._getRowClass(item)}.${(index + indexOffset) % 2 ? 'even' : 'odd'}`, {\r\n 'data-row-id': item.id,\r\n }, columns);\r\n }\r\n\r\n listView() {\r\n return createElement(`.${this._listCls}`,\r\n createElement(`table#${this._tableId}[width=\"100%\"][cellspacing=\"0\"]`,\r\n this.listHeadersView(),\r\n this.listDataView(),\r\n ),\r\n );\r\n }\r\n\r\n containerView() {\r\n return createElement(`#${this._id}-container`,\r\n this._getActionBox(),\r\n this._getPathbarHtml(),\r\n this._getPagerHtml(),\r\n this.listView(),\r\n this._getPagerHtml(),\r\n this.emptyViewContainer(),\r\n );\r\n }\r\n\r\n checkEmptyList() {\r\n const isEmpty = this.isListEmpty();\r\n this._componentElement.querySelectorAll('.js-empty-list').forEach(element => {\r\n element.style.display = isEmpty ? '' : 'none';\r\n });\r\n this._componentElement.querySelectorAll('.paging').forEach(element => {\r\n element.style.display = isEmpty ? 'none' : '';\r\n });\r\n const listSelector = this._listCls.split(' ').reduce((previousValue, currentValue) => {\r\n if (currentValue !== '') {\r\n previousValue += `.${currentValue}`;\r\n }\r\n return previousValue;\r\n }, '');\r\n this._componentElement.querySelectorAll(listSelector).forEach(element => {\r\n element.style.display = isEmpty ? 'none' : '';\r\n });\r\n }\r\n\r\n isFiltered() {\r\n return Object.values(this._state?.searchFilters || {}).some(({ searchText }) => searchText);\r\n }\r\n\r\n isListEmpty() {\r\n if (!document.getElementById(this._tableId)) {\r\n return !this._data.length;\r\n }\r\n return ![...document.getElementById(this._tableId).querySelectorAll('tr.odd, tr.even')].filter(element => element.style.display !== 'none').length;\r\n }\r\n\r\n _getActionBox() {\r\n if (!this._operations && !this._searchFilters.keys().length) {\r\n return null;\r\n }\r\n\r\n if (!this.isFiltered() && this.isListEmpty() && this._emptyViewMode === 'all') {\r\n return null;\r\n }\r\n\r\n if (this._state.forceShowSearch) {\r\n Cookie.set(`${this._id}-search-show`, 'true');\r\n }\r\n\r\n this._actionBox = new SmallTools({\r\n locale: this.getLocale(),\r\n operationsId: `${this._id}-operations`,\r\n operations: this._getOperations(),\r\n listId: this._id,\r\n searchFilters: this._searchFilters,\r\n searchFiltersState: this._state.searchFilters,\r\n searchOveral: this._searchOveral,\r\n searchHandler: this._onSearchClick.bind(this),\r\n resetSearchHandler: this._onResetSearchClick.bind(this),\r\n searchCollapsed: 'true' !== Cookie.get(`${this._id}-search-show`),\r\n onToggleSearch: collapsed => {\r\n Cookie.set(`${this._id}-search-show`, !collapsed);\r\n this._hideItemsNotSelectedWarning();\r\n },\r\n quickSearchInputId: `${this._id}-search-text-${this._getSearchOveralField()}`,\r\n });\r\n\r\n return this._actionBox;\r\n }\r\n\r\n _getActionBoxElement() {\r\n return this._componentElement.querySelector('.actions-box');\r\n }\r\n\r\n _getPathbarHtml() {\r\n if (!this._pathbar) {\r\n return '';\r\n }\r\n\r\n return ``;\r\n }\r\n\r\n _getPagerHtml() {\r\n return this._pageable ? (\r\n createElement('.paging',\r\n createElement('.paging-area',\r\n createElement('span.paging-info', { onclick: e => this.onPagerButtonClick(e) }, this._getTotalInfo()),\r\n createElement('span.paging-view', this.lmsg('numberOfItemPerPage'), ': ', this._getLimitValuesHtml()),\r\n this._pager.pageCount > 1 ? createElement('span.paging-nav', this.lmsg('pages'), ': ', this._getPagesItemsHtml()) : null,\r\n ),\r\n )\r\n ) : null;\r\n }\r\n\r\n _getLimitValuesHtml() {\r\n const result = [];\r\n this._limitValues.forEach((limitValue, index) => {\r\n const limitValueTitle = (ITEMS_UNLIMITED === limitValue)\r\n ? this.lmsg('allItems')\r\n : limitValue;\r\n\r\n if (index > 0) {\r\n result.push(' ');\r\n }\r\n result.push(this._pager.itemCountPerPage !== limitValue ? (\r\n createElement('a', { onclick: () => this.onLimitClick(limitValue) }, limitValueTitle)\r\n ) : (\r\n createElement('span', limitValueTitle)\r\n ));\r\n });\r\n return result;\r\n }\r\n\r\n _getPagesItemsHtml() {\r\n const result = [];\r\n\r\n if (this._pager.first !== this._pager.current) {\r\n result.push(createElement('a', { onclick: () => this.onPagerClick(this._pager.first) }, this.lmsg('firstPage')));\r\n } else {\r\n result.push(createElement('span', this.lmsg('firstPage')));\r\n }\r\n result.push(' ');\r\n\r\n if (this._pager.previous) {\r\n result.push(createElement('a', { onclick: () => this.onPagerClick(this._pager.previous) }, '<<'));\r\n } else {\r\n result.push(createElement('span', '<<'));\r\n }\r\n result.push(' ');\r\n\r\n $H(this._pager.pagesInRange).values().each(page => {\r\n if (page !== this._pager.current) {\r\n result.push(createElement('a', { onclick: () => this.onPagerClick(page) }, page));\r\n } else {\r\n result.push(page);\r\n }\r\n result.push(' ');\r\n });\r\n\r\n if (this._pager.next) {\r\n result.push(createElement('a', { onclick: () => this.onPagerClick(this._pager.next) }, '>>'));\r\n } else {\r\n result.push(createElement('span', '>>'));\r\n }\r\n result.push(' ');\r\n\r\n if (this._pager.last !== this._pager.current) {\r\n result.push(createElement('a', { onclick: () => this.onPagerClick(this._pager.last) }, this.lmsg('lastPage')));\r\n } else {\r\n result.push(createElement('span', this.lmsg('lastPage')));\r\n }\r\n\r\n return result;\r\n }\r\n\r\n emptyViewContainer() {\r\n return createElement('.js-empty-list.empty-list',\r\n this.isFiltered() ? createElement('p.text-muted', this.lmsg('noEntriesFound')) : this.emptyView(),\r\n );\r\n }\r\n\r\n emptyView() {\r\n return this._getConfigParam('emptyView', createElement('p.text-muted', this.lmsg('noEntries')));\r\n }\r\n\r\n _onSearchClick(form) {\r\n this.reload(`?${Form.serialize(form)}`);\r\n }\r\n\r\n _onResetSearchClick() {\r\n this.reload('/reset-search/true/');\r\n }\r\n\r\n _addSelectionHandlers() {\r\n let selectButton;\r\n\r\n const rActionsList = this._componentElement.querySelector('.actions-box .r-actions-list');\r\n if (rActionsList) {\r\n selectButton = new Element('li', { class: 'r-actions-item r-actions-select' });\r\n selectButton.innerHTML = '';\r\n selectButton.addEventListener('click', event => {\r\n event.stopPropagation();\r\n this.handleSelectButtonClick();\r\n });\r\n render(rActionsList, selectButton, 'top');\r\n }\r\n\r\n const globalCheckbox = this._componentElement.querySelector('input[name=\"listGlobalCheckbox\"]');\r\n globalCheckbox.addEventListener('click', this.onListGlobalCheckboxClick.bind(this));\r\n\r\n this._componentElement.querySelectorAll('input[name=\"listCheckbox[]\"]').forEach(checkbox => {\r\n checkbox.addEventListener('click', () => {\r\n if (checkbox.checked) {\r\n checkbox.closest('tr').classList.add('selected');\r\n } else {\r\n checkbox.closest('tr').classList.remove('selected');\r\n globalCheckbox.checked = false;\r\n if (selectButton) {\r\n selectButton.classList.remove('r-actions-item-active');\r\n }\r\n }\r\n });\r\n });\r\n\r\n document.body.addEventListener('click', event => {\r\n if (event.target.closest('.actions-box')) {\r\n return;\r\n }\r\n\r\n this._hideItemsNotSelectedWarning();\r\n });\r\n document.body.addEventListener('touchstart', () => {\r\n this._hideItemsNotSelectedWarning();\r\n });\r\n }\r\n\r\n _addPathbar() {\r\n if (!this._pathbar) {\r\n return;\r\n }\r\n\r\n render(document.getElementById(`${this._id}-pathbar`), createComponent(this._pathbar));\r\n }\r\n\r\n disable() {\r\n this._disablerOverlay.style.display = '';\r\n }\r\n\r\n enable() {\r\n this._disablerOverlay.style.display = 'none';\r\n }\r\n\r\n getSelectedItemsIds() {\r\n return [...this._componentElement.querySelectorAll('input[name=\"listCheckbox[]\"]')]\r\n .filter(({ checked }) => checked)\r\n .map(({ value }) => value);\r\n }\r\n\r\n getSelectedItems() {\r\n const ids = [];\r\n const selectedItems = [];\r\n\r\n this.getSelectedItemsIds().forEach(function (id) {\r\n ids.push(id);\r\n });\r\n\r\n this._data.forEach(function (dataItem) {\r\n const itemIndex = ids.indexOf(dataItem.id.toString());\r\n if (itemIndex < 0) {\r\n return;\r\n }\r\n\r\n selectedItems.push(dataItem);\r\n });\r\n\r\n return selectedItems;\r\n }\r\n\r\n checkNonEmptySelection() {\r\n if (!this.getSelectedItemsIds().length) {\r\n this._showItemsNotSelectedWarning();\r\n return false;\r\n }\r\n this._hideItemsNotSelectedWarning();\r\n return true;\r\n }\r\n\r\n execLongGroupOperation(params, event) {\r\n let itemId;\r\n params.onSuccess = function () {\r\n const progressBar = getComponent('asyncProgressBarWrapper');\r\n progressBar.removePreparingItem(itemId);\r\n progressBar.update();\r\n };\r\n\r\n params.beforeSendRequest = function (sendRequest) {\r\n const beginOffset = Element.cumulativeOffset(event.target);\r\n itemId = getComponent('asyncProgressBarWrapper').fly(beginOffset,\r\n params.taskName,\r\n function () {\r\n sendRequest();\r\n });\r\n };\r\n\r\n this.execGroupOperation(params);\r\n }\r\n\r\n execGroupOperation(params) {\r\n const payload = params.payload || {};\r\n // workaround for $A(payload) called in extensions\r\n Object.defineProperty(payload, 'toArray', {\r\n value() {\r\n return Object.entries(this).map(([key, value]) => ({ key, value }));\r\n },\r\n });\r\n\r\n const idsParamName = params.submitVarName\r\n ? params.submitVarName\r\n : 'ids';\r\n\r\n const { toJsonPayload } = params;\r\n const selectedItems = params.selectedItems ? params.selectedItems : this.getSelectedItemsIds();\r\n selectedItems.forEach((id, index) => {\r\n if (toJsonPayload) {\r\n payload[idsParamName] ||= [];\r\n payload[idsParamName].push(id);\r\n } else {\r\n payload[`${idsParamName}[${index}]`] = id;\r\n }\r\n });\r\n\r\n if (params.checkSelection) {\r\n if (!params.checkSelection()) {\r\n return;\r\n }\r\n } else if (!selectedItems.length) {\r\n this._showItemsNotSelectedWarning();\r\n return;\r\n } else {\r\n this._hideItemsNotSelectedWarning();\r\n }\r\n\r\n const submit = this._submit;\r\n const sendRequestHandler = params.submitHandler\r\n ? params.submitHandler\r\n : (url, payload) => {\r\n const parameters = {\r\n method: 'post',\r\n parameters: payload,\r\n reloading: false,\r\n context: this,\r\n\r\n onSuccess: transport => {\r\n let response;\r\n try {\r\n response = JSON.parse(transport.responseText);\r\n } catch {\r\n showInternalError(transport.responseText);\r\n return;\r\n }\r\n if (response.redirect) {\r\n redirect(response.redirect);\r\n } else if (!response.noReload) {\r\n parameters.reloading = true;\r\n this.reload();\r\n }\r\n\r\n if (this._clearStatusOnReload) {\r\n clearStatusMessages();\r\n }\r\n response.statusMessages?.forEach(({ status, content }) => {\r\n addStatusMessage(status, content);\r\n });\r\n\r\n if (params.onSuccess) {\r\n params.onSuccess(response);\r\n }\r\n },\r\n\r\n onCreate: () => {\r\n this.disable();\r\n },\r\n\r\n onComplete: () => {\r\n if (!parameters.reloading) {\r\n this.enable();\r\n }\r\n },\r\n\r\n onFailure: req => {\r\n if (504 === req.status) {\r\n addStatusMessage('error', this.lmsg('timeoutMessage'));\r\n } else {\r\n showInternalError(req.responseText);\r\n }\r\n\r\n this.enable();\r\n },\r\n };\r\n\r\n submit(prepareUrl(url), parameters);\r\n };\r\n\r\n const sendRequest = function () {\r\n if (params.beforeSendRequest) {\r\n params.beforeSendRequest(() => {\r\n sendRequestHandler(params.url, payload);\r\n }, payload);\r\n } else {\r\n sendRequestHandler(params.url, payload);\r\n }\r\n };\r\n\r\n let { skipConfirmation } = params;\r\n const { mouseEvent } = params;\r\n\r\n if (mouseEvent && !skipConfirmation) {\r\n mouseEvent.preventDefault();\r\n skipConfirmation = mouseEvent.shiftKey;\r\n }\r\n\r\n if (skipConfirmation) {\r\n sendRequest();\r\n } else {\r\n params.confirmationPopup = params.confirmationPopup || this._confirmationPopup.bind(this, params, sendRequest);\r\n params.confirmationPopup(payload);\r\n }\r\n }\r\n\r\n _submit(url, params) {\r\n new Ajax.Request(url, params);\r\n }\r\n\r\n _confirmationPopup({\r\n getConfirmOnGroupOperation,\r\n text,\r\n description,\r\n subtype,\r\n needAttention = false,\r\n needAttentionText = '',\r\n needAttentionBlockSubmit = false,\r\n needAttentionOnChange = null,\r\n requestUrl,\r\n isAjax,\r\n loadingTitle,\r\n locale = {},\r\n }, onYesClick, requestParams) {\r\n messageBox.show({\r\n type: messageBox.TYPE_YESNO,\r\n buttonTitles: ['Yes', 'No', 'Wait'].reduce((titles, key) => {\r\n const buttonKey = `button${key}`;\r\n if (locale[buttonKey]) {\r\n titles[key.toLowerCase()] = locale[buttonKey];\r\n }\r\n return titles;\r\n }, {}),\r\n text: getConfirmOnGroupOperation ? getConfirmOnGroupOperation() : text || locale.confirmOnGroupOperation,\r\n description,\r\n subtype,\r\n needAttention,\r\n needAttentionText,\r\n needAttentionBlockSubmit,\r\n needAttentionOnChange,\r\n onYesClick,\r\n\r\n isAjax,\r\n requestUrl,\r\n requestParams,\r\n loadingTitle,\r\n });\r\n }\r\n\r\n _showItemsNotSelectedWarning() {\r\n this._hideItemsNotSelectedWarning();\r\n const element = this._getActionBoxElement()?.querySelector('.actions-msg-container');\r\n if (element) {\r\n element.style.display = '';\r\n } else {\r\n render(this._getActionBoxElement(), (\r\n '| ' +\r\n ' ' +\r\n ' ' +\r\n '' +\r\n ' ' +\r\n ' |
| ' +\r\n ' ' +\r\n ' ' +\r\n ' ' +\r\n '' +\r\n '' +\r\n ' ' +\r\n '' +\r\n `${this._getConfigParam('title', '')}` +\r\n '' +\r\n '' +\r\n ' ' +\r\n '' +\r\n ` ' +\r\n '
| ' +\r\n '
| ${message} | ` +\r\n '' +\r\n ' ' +\r\n `` +\r\n ' ' +\r\n ' | ' +\r\n '
![](\"${require('images/tree-open.gif')}\")
`);\r\n wrapper.querySelector('.tree-item-state').addEventListener('click', this._onNodeToggle.bind(this, item.path, element));\r\n wrapper.addEventListener('dblclick', this._onNodeToggle.bind(this, item.path, element));\r\n if (!this._selectOnlyFiles) {\r\n wrapper.querySelector('.tree-item-state').addEventListener('mouseover', this._onNodeMouseover.bind(this, element));\r\n wrapper.querySelector('.tree-item-state').addEventListener('mouseleave', this._onNodeMouseleave.bind(this, element));\r\n }\r\n } else if (!item.isRootDirectory) {\r\n render(wrapper, `![](\"${require('images/blank.gif')}\"){kind=spacer}
`);\r\n }\r\n const linkElement = document.createElement('a');\r\n linkElement.className = 'tree-item-content';\r\n linkElement.innerHTML = ``;\r\n subTreeElement.parentNode.removeChild(subTreeElement);\r\n containerElement.data.showNewNode = false;\r\n return;\r\n }\r\n\r\n this._loadNode(directoryPath, containerElement);\r\n }\r\n\r\n _loadNode(directoryPath, containerElement) {\r\n if (containerElement.querySelector('.tree-item-state').querySelector('.js-loader')) {\r\n return;\r\n }\r\n this._onNodeLoadStart(containerElement);\r\n api.get(prepareUrl(this._dataUrl), { rootDir: directoryPath, showFiles: this._showFiles })\r\n .then(this._onNodeLoadSuccess.bind(this, containerElement))\r\n .catch(this._onNodeLoadFailure.bind(this));\r\n }\r\n\r\n _isNodeExpanded(nodeElement) {\r\n return !!nodeElement.querySelector('ul') || nodeElement.classList.contains('tree-item-root');\r\n }\r\n\r\n _onNodeLoadStart(containerElement) {\r\n const expandElement = containerElement.querySelector('.tree-item-state');\r\n expandElement.innerHTML = `![](\"${require('images/indicator.gif')}\")
`;\r\n }\r\n\r\n _onNodeLoadSuccess(containerElement, items) {\r\n const expandElement = containerElement.querySelector('.tree-item-state');\r\n if (items.status) {\r\n expandElement.innerHTML = ``;\r\n this._showMessage(items.status, items.message);\r\n return;\r\n }\r\n\r\n clearStatusMessages();\r\n expandElement.innerHTML = `![](\"${require('images/tree-close.gif')}\")
`;\r\n render(containerElement, this._getNodes(items));\r\n if (containerElement.data.showNewNode) {\r\n this.showNewNode(containerElement);\r\n }\r\n }\r\n\r\n _showMessage(status, message) {\r\n clearStatusMessages();\r\n addStatusMessage(status, message);\r\n }\r\n\r\n _onNodeSelect(event, containerElement) {\r\n if (event) {\r\n event.preventDefault();\r\n }\r\n this.resetSelection();\r\n containerElement.querySelector('.tree-item-wrap').classList.add('tree-item-row-active');\r\n this.hideNewNode();\r\n }\r\n\r\n resetSelection() {\r\n this._componentElement.querySelectorAll('.tree-item-wrap').forEach(element => {\r\n element.classList.remove('tree-item-row-active');\r\n });\r\n }\r\n\r\n _onNodeMouseover(containerElement) {\r\n this.resetHover();\r\n containerElement.querySelector('.tree-item-select').classList.add('tree-item-hover');\r\n }\r\n\r\n _onNodeMouseleave(containerElement) {\r\n this.resetHover();\r\n containerElement.querySelector('.tree-item-select').classList.remove('tree-item-hover');\r\n }\r\n\r\n resetHover() {\r\n this._componentElement.querySelectorAll('.tree-item-select').forEach(element => {\r\n element.classList.remove('tree-item-hover');\r\n });\r\n }\r\n\r\n /**\r\n * @param {String} directory\r\n */\r\n setDirectory(directory) {\r\n const node = this._getNodeElement(directory);\r\n if (node) {\r\n this._onNodeSelect(null, node);\r\n }\r\n }\r\n\r\n reload() {\r\n this._componentElement.innerHTML = '${this.lmsg('collecting')}${this._getTooltip()}
`;\r\n this._addTooltips();\r\n new Ajax.Request(\r\n prepareUrl('/admin/report/collect/'), {\r\n method: 'post',\r\n onException: this._onException.bind(this),\r\n onSuccess: response => {\r\n const data = JSON.parse(response.responseText);\r\n if (this._checkResponseStatus(data)) {\r\n DynamicPopupHint.unset();\r\n const link = `${this.lmsg('downloadLink')}`;\r\n document.getElementById(this._contentAreaId).innerHTML = (\r\n `${this.lmsg('collectedDescription')}
` +\r\n `${this.lmsg('collectedDownload', { link })}
` +\r\n `${this.lmsg('collectedConsent')}
`\r\n );\r\n this.file = data.file;\r\n this._enableSendButton(this.lmsg('buttonSend'));\r\n }\r\n },\r\n },\r\n );\r\n }\r\n\r\n _onSendClick() {\r\n const collectRadio = document.getElementById(this._actionCollectId);\r\n if (collectRadio && collectRadio.checked) {\r\n this._onCollectClick();\r\n return;\r\n }\r\n\r\n if (collectRadio && !collectRadio.checked) {\r\n this._onSupportClick(true);\r\n return;\r\n }\r\n\r\n if (!this.file) {\r\n this._onSupportClick(false);\r\n return;\r\n }\r\n\r\n this._disableSendButton(this.lmsg('buttonSending'));\r\n new Ajax.Request(\r\n prepareUrl('/admin/report/send/'), {\r\n method: 'post',\r\n parameters: { file: this.file },\r\n onException: this._onException.bind(this),\r\n onSuccess: response => {\r\n const data = JSON.parse(response.responseText);\r\n if (this._checkResponseStatus(data)) {\r\n delete this.file;\r\n document.getElementById(this._contentAreaId).innerHTML = `${this.lmsg('sentInfo', { id: escapeHtml(data.reportId) })}
`;\r\n this._enableSendButton(this.lmsg('buttonToSupport'));\r\n }\r\n },\r\n },\r\n );\r\n }\r\n\r\n _onCancelClick() {\r\n this.hide();\r\n }\r\n\r\n _onShowReportsClick(e) {\r\n e.preventDefault();\r\n this._componentElement.querySelector('.js-show-previous-reports').classList.add('hidden');\r\n if (getComponent('reports-list') && this._componentElement.querySelector('.list-box')) {\r\n this._componentElement.querySelector('.list-box').classList.remove('hidden');\r\n this._componentElement.querySelector('.js-hide-previous-reports').classList.remove('hidden');\r\n return;\r\n }\r\n this._componentElement.querySelector('.ajax-loading').classList.remove('hidden');\r\n const dialogHeight = Element.getHeight(this._componentElement);\r\n const list = new List({\r\n id: 'reports-list',\r\n dataUrl: prepareUrl('/admin/report/list-data'),\r\n pageable: false,\r\n columns: [\r\n {\r\n header: this.lmsg('date'),\r\n dataIndex: 'date',\r\n },\r\n {\r\n header: this.lmsg('reportId'),\r\n dataIndex: 'id',\r\n },\r\n ],\r\n onRedraw: () => {\r\n this._componentElement.querySelector('.js-hide-previous-reports').classList.remove('hidden');\r\n this._componentElement.querySelector('.ajax-loading').classList.add('hidden');\r\n const maxHeight = Math.max(document.viewport.getScrollOffsets().top + document.viewport.getHeight() -\r\n (parseInt(Element.getStyle(this._componentElement, 'top')) * 1.5) - dialogHeight, 100);\r\n this._componentElement.querySelector('.list').style.maxHeight = `${parseInt(maxHeight)}px`;\r\n },\r\n });\r\n new Panel({\r\n cls: 'list-box',\r\n renderTo: 'js-reports',\r\n items: [\r\n list,\r\n ],\r\n });\r\n }\r\n\r\n _onHideReportsClick(e) {\r\n e.preventDefault();\r\n this._componentElement.querySelector('.list-box').classList.add('hidden');\r\n this._componentElement.querySelector('.js-show-previous-reports').classList.remove('hidden');\r\n this._componentElement.querySelector('.js-hide-previous-reports').classList.add('hidden');\r\n }\r\n\r\n _addEvents() {\r\n super._addEvents();\r\n\r\n document.getElementById(this._actionCollectId).addEventListener('click', () => {\r\n this._enableSendButton(this.lmsg('buttonCollect'));\r\n });\r\n document.getElementById(this._actionToSupportId).addEventListener('click', () => {\r\n this._enableSendButton(this.lmsg('buttonToSupport'));\r\n });\r\n this._componentElement.querySelector('.js-show-previous-reports').addEventListener('click', this._onShowReportsClick.bind(this));\r\n this._componentElement.querySelector('.js-hide-previous-reports').addEventListener('click', this._onHideReportsClick.bind(this));\r\n }\r\n\r\n _addTooltips() {\r\n super._addTooltips();\r\n\r\n new DynamicPopupHint.Instance({\r\n title: this.lmsg('hintTitle'),\r\n target: document.getElementById('tooltip'),\r\n placement: 'right',\r\n content: this.lmsg('hintText'),\r\n });\r\n }\r\n\r\n _getTooltip() {\r\n if (!this._tooltip) {\r\n this._tooltip = ` ${this.lmsg('hintLink')}`;\r\n }\r\n return this._tooltip;\r\n }\r\n\r\n _disableSendButton(title) {\r\n const el = document.getElementById(this._sendButtonId);\r\n el.disabled = true;\r\n el.classList.add('disabled');\r\n if (title) {\r\n el.innerHTML = `${title}`;\r\n }\r\n }\r\n\r\n _enableSendButton(title) {\r\n const el = document.getElementById(this._sendButtonId);\r\n el.disabled = false;\r\n el.classList.remove('disabled');\r\n if (title) {\r\n el.innerHTML = title;\r\n }\r\n }\r\n\r\n _checkResponseStatus(response) {\r\n if (response.redirect) {\r\n redirect(response.redirect);\r\n }\r\n\r\n if (response.status && 'success' !== response.status) {\r\n (response.statusMessages || []).forEach(function (message) {\r\n addStatusMessage(message.status, message.content);\r\n });\r\n this.hide();\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n _onException(transport, exception) {\r\n addStatusMessage('error', `Internal error: ${exception}`);\r\n this.hide();\r\n }\r\n}\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\nimport { LookUp } from './lookup';\r\nimport { Tooltip } from './tooltip';\r\nimport render from './render';\r\nimport createElement from './createElement';\r\n\r\nimport './object-switcher.less';\r\n\r\nexport class ObjectSwitcher extends LookUp {\r\n _initConfiguration(config) {\r\n super._initConfiguration({\r\n tag: 'div',\r\n cls: 'btn-group object-switcher',\r\n ...config,\r\n });\r\n\r\n this._listUrl = this._getConfigParam('listUrl', '');\r\n this._itemUrlTemplate = this._getConfigParam('itemUrlTemplate', '');\r\n this._owner = this._getConfigParam('owner', null);\r\n this._navigate = this._getConfigParam('navigate');\r\n }\r\n\r\n _initCustomLookUpComponent() {\r\n render(this._componentElement, createElement('button', {\r\n type: 'button',\r\n class: 'pul-button pul-button--ghost pul-button--empty dropdown-toggle',\r\n onrender: el => {\r\n this._customLookUpComponent = el;\r\n },\r\n }, ''));\r\n }\r\n\r\n _getSearchMoreText(count) {\r\n return super._getSearchMoreText(count)\r\n + (this._listUrl ? ` ${this.lmsg('refineSearchMessage', { link: `${this.lmsg('listOfAllObjects')}` })}` : '');\r\n }\r\n\r\n _updateData(data) {\r\n this._clearData();\r\n\r\n let myData = [];\r\n\r\n if (null !== this._owner) {\r\n myData = data.filter(({ isSameParent }) => isSameParent == 1);\r\n\r\n data = data.filter(({ isSameParent }) => isSameParent != 1);\r\n }\r\n\r\n if (myData.length) {\r\n if (data.length) {\r\n render(this._dropdownList, createElement('li.dropdown-header', this.lmsg('myObjectsLabel', { name: this._owner })));\r\n }\r\n\r\n myData.forEach(item => {\r\n render(this._dropdownList, this._createItem(item));\r\n });\r\n\r\n if (data.length) {\r\n render(this._dropdownList, [\r\n createElement('li.divider'),\r\n createElement('li.dropdown-header', this.lmsg('otherObjectsLabel')),\r\n ]);\r\n }\r\n }\r\n\r\n data.forEach(item => {\r\n render(this._dropdownList, this._createItem(item));\r\n });\r\n\r\n this._addSearchMoreElement();\r\n }\r\n\r\n _addTooltips() {\r\n this._tooltip = Tooltip.init(this._customLookUpComponent, { text: this.lmsg('description') });\r\n }\r\n\r\n handleChange() {\r\n super.handleChange();\r\n\r\n let url = this._itemUrlTemplate;\r\n Object.entries(this._currentValue).forEach(([key, val]) => {\r\n url = url.replaceAll(new RegExp(`(%%|%25%25)${key}(%%|%25%25)`, 'g'), val);\r\n });\r\n\r\n this._navigate(url);\r\n }\r\n}\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\nimport Popup from './Popup';\r\nimport { LEFT_ARROW, RIGHT_ARROW } from './keyCode';\r\nimport ce from './createElement';\r\nimport render from './render';\r\n\r\nimport './PopupSlider.less';\r\n\r\nclass PopupSlider extends Popup {\r\n _initConfiguration(config) {\r\n super._initConfiguration({\r\n popupCls: 'popup-panel popup-panel-slider popup-panel-auto',\r\n closeButtonEnabled: true,\r\n hideOnEscape: true,\r\n ...config,\r\n });\r\n\r\n this._slides = this._getConfigParam('slides', []);\r\n this._current = this._getConfigParam('current', 0);\r\n }\r\n\r\n _initComponentElement() {\r\n super._initComponentElement();\r\n this.setCurrent(this._current);\r\n }\r\n\r\n _getContentArea() {\r\n return ce('.slider',\r\n ce('ul.slider__container',\r\n this._slides.map(() => ce('li.slider__item')),\r\n ),\r\n this._slides.length > 1 ? ce('.slider__arrows',\r\n ce('.slider__arrow.slider__arrow--start',\r\n { onclick: () => this.prev() },\r\n '',\r\n ),\r\n ce('.slider__arrow.slider__arrow--end',\r\n { onclick: () => this.next() },\r\n '',\r\n ),\r\n ) : null,\r\n ce('.slider__navigation',\r\n ce('.slider__navigation-inner',\r\n this._slides.map((item, index) => ce('span.slider__navigation-dot', { onclick: () => this.setCurrent(index) })),\r\n ),\r\n ),\r\n );\r\n }\r\n\r\n _onKeyDown(e) {\r\n super._onKeyDown(e);\r\n switch (e.keyCode) {\r\n case LEFT_ARROW:\r\n this.prev();\r\n break;\r\n case RIGHT_ARROW:\r\n this.next();\r\n break;\r\n }\r\n }\r\n\r\n setCurrent(current) {\r\n this.renderSlide(current);\r\n\r\n const firstItem = this._componentElement.querySelector('.slider__item');\r\n const dots = this._componentElement.querySelectorAll('.slider__navigation-dot');\r\n\r\n dots.item(this._current).classList.remove('slider__navigation-dot--current');\r\n this._current = current;\r\n firstItem.style.marginLeft = `${-100 * current}%`;\r\n dots.item(this._current).classList.add('slider__navigation-dot--current');\r\n }\r\n\r\n renderSlide(current) {\r\n const curItem = this._componentElement.querySelector(`.slider__item:nth-child(${current + 1})`);\r\n if (curItem.innerHTML.length === 0) {\r\n render(curItem, this._slides[current]);\r\n }\r\n }\r\n\r\n next() {\r\n this.setCurrent(this._current === this._slides.length - 1 ? 0 : this._current + 1);\r\n }\r\n\r\n prev() {\r\n this.setCurrent(this._current === 0 ? this._slides.length - 1 : this._current - 1);\r\n }\r\n}\r\n\r\nexport default PopupSlider;\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\nimport { List } from './list';\r\nimport createElement from './createElement';\r\n\r\n/**\r\n * The extension of the list widget: fits 100% height of screen.\r\n */\r\nexport class ScrollableList extends List {\r\n listView() {\r\n const view = super.listView();\r\n\r\n view.attrs.class += ' scrollable-list';\r\n view.children[0].attrs.class = 'scrollable-list-table';\r\n view.children = [\r\n createElement('table.fixed-table-head[width=\"100%\"][cellspacing=\"0\"]',\r\n this.listHeadersView(),\r\n ),\r\n createElement('.scrollable-list-wrapper', view.children),\r\n ];\r\n\r\n return view;\r\n }\r\n\r\n checkEmptyList() {\r\n super.checkEmptyList();\r\n\r\n const isEmpty = this.isListEmpty();\r\n this._componentElement.querySelectorAll(`.${this._listCls}`).forEach(el => {\r\n el.style.display = '';\r\n });\r\n this._componentElement.querySelectorAll('.scrollable-list-wrapper').forEach(el => {\r\n el.style.display = isEmpty ? 'none' : '';\r\n });\r\n }\r\n\r\n /**\r\n * @param {String} place\r\n * @param {Number} dataLen\r\n */\r\n redraw(place, dataLen) {\r\n let bottom = true;\r\n let scrollTop;\r\n let tableHeight = 0;\r\n const wrapper = document.getElementById(this._id).querySelector('.scrollable-list-wrapper');\r\n\r\n if (wrapper) {\r\n bottom = (wrapper.offsetHeight + wrapper.scrollTop >= wrapper.scrollHeight);\r\n // eslint-disable-next-line prefer-destructuring\r\n scrollTop = wrapper.scrollTop;\r\n tableHeight = Element.getHeight(document.getElementById(this._tableId));\r\n }\r\n\r\n super.redraw(place, dataLen);\r\n const table = document.getElementById(this._tableId);\r\n const headerTable = table.closest(`.${this._listCls}`).querySelector('.fixed-table-head');\r\n\r\n table.style.marginTop = `${-Element.getHeight(headerTable)}px`;\r\n setTimeout(() => {\r\n this._resizeList();\r\n const wrapper = table.closest('.scrollable-list-wrapper');\r\n if (bottom) {\r\n this.scrollToBottom();\r\n } else if ('before' === place) {\r\n wrapper.scrollTop += Element.getHeight(table) - tableHeight;\r\n } else if ('after' === place) {\r\n // empty\r\n } else {\r\n wrapper.scrollTop = scrollTop;\r\n }\r\n }, 0);\r\n }\r\n\r\n updateFilter(force) {\r\n super.updateFilter(force);\r\n this._resizeList();\r\n }\r\n\r\n scrollToBottom() {\r\n const table = document.getElementById(this._tableId);\r\n const wrapper = table.closest('.scrollable-list-wrapper');\r\n const rows = [...wrapper.querySelectorAll('tr')].filter(el => el.style.display !== 'none');\r\n wrapper.scrollTop = rows[rows.length - 1].offsetTop;\r\n }\r\n\r\n _resizeList = () => {\r\n const minHeight = 200;\r\n const table = document.getElementById(this._tableId);\r\n const wrapper = table.closest('.scrollable-list-wrapper');\r\n\r\n const headerTable = table.closest(`.${this._listCls}`).querySelector('.fixed-table-head');\r\n const visibleHeader = headerTable.querySelector('thead');\r\n if (visibleHeader) {\r\n const isEmpty = this.isListEmpty();\r\n visibleHeader.querySelectorAll('tr').forEach(function (tr) {\r\n if (!tr.classList.contains('list-search-filter')) {\r\n tr.style.display = isEmpty ? 'none' : '';\r\n }\r\n });\r\n }\r\n\r\n let blockHeight = Element.getHeight(document.body) - Element.cumulativeOffset(wrapper).top;\r\n for (let up = wrapper; up instanceof Element; up = up.parentNode) {\r\n blockHeight = blockHeight\r\n - (parseInt(Element.getStyle(up, 'borderBottomWidth')) || 0)\r\n - (parseInt(Element.getStyle(up, 'marginBottom')) || 0)\r\n - (parseInt(Element.getStyle(up, 'paddingBottom')) || 0);\r\n for (let next = up.nextElementSibling; next instanceof Element; next = next.nextElementSibling) {\r\n if ('none' !== Element.getStyle(next, 'display') && 'fixed' !== Element.getStyle(next, 'position') && 'absolute' !== Element.getStyle(next, 'position')) {\r\n blockHeight = blockHeight - Element.getHeight(next);\r\n }\r\n }\r\n }\r\n\r\n if (blockHeight < minHeight) {\r\n blockHeight = minHeight;\r\n }\r\n\r\n if (blockHeight > Element.getHeight(table) + parseInt(Element.getStyle(table, 'marginTop'))) {\r\n wrapper.style.height = null;\r\n } else {\r\n wrapper.style.height = `${blockHeight}px`;\r\n }\r\n\r\n if (!visibleHeader || ![...table.querySelectorAll('tr.odd,tr.even')].filter(el => el.style.display !== 'none').length) {\r\n return;\r\n }\r\n\r\n const invisibleHeader = table.querySelector('thead');\r\n invisibleHeader.querySelectorAll('th').forEach((th, index) => {\r\n visibleHeader.querySelectorAll('th')[index].style.width = `${Element.getWidth(th)}px`;\r\n });\r\n const headers = visibleHeader.querySelectorAll('th');\r\n const lastHeader = headers[headers.length - 1];\r\n lastHeader.style.width = `${(Element.getWidth(headerTable) - Element.getWidth(invisibleHeader.closest('table'))) + parseInt(Element.getStyle(lastHeader, 'width'))}px`;\r\n };\r\n\r\n _addResponsiveHtml() {\r\n // Don't need responsive UI in case of logs list\r\n }\r\n\r\n _addEvents() {\r\n super._addEvents();\r\n window.addEventListener('resize', this._resizeList, false);\r\n }\r\n\r\n remove() {\r\n window.removeEventListener('resize', this._resizeList, false);\r\n super.remove();\r\n }\r\n}\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\n/* global update_oC:true */\r\n\r\nimport Cookie from 'common/cookie';\r\nimport { List } from './list';\r\nimport { ConfirmationPopupManager } from './confirmation-popup-manager';\r\nimport { AjaxPopupForm } from './ajax-popup-form';\r\nimport { FormAjax } from './form-ajax';\r\nimport { MessageBox, AjaxMessageBox, MultiCheckboxMessageWindow, WebspaceFoldersMessageBox } from './message-box';\r\nimport { getComponent } from './component';\r\nimport UAT, { request, getUrl, prepareNodeData } from 'common/user-activity-tracking';\r\nimport { isAnalyticsAllowed } from 'common/gdpr-storage';\r\n\r\nconst { PopupForm } = ConfirmationPopupManager;\r\n\r\nconst patchesFactory = () => {\r\n const wrap = (handler, fn, after) => {\r\n fn = fn || function () {\r\n // default empty handler\r\n };\r\n if (typeof fn === 'string') {\r\n try {\r\n eval(`fn = ${fn}`); // eslint-disable-line no-eval\r\n } catch {\r\n fn = function () {\r\n // default empty handler\r\n };\r\n }\r\n }\r\n return after === true\r\n ? function (...args) {\r\n const result = fn.apply(this, args);\r\n args.push(result);\r\n try {\r\n handler.apply(this, args);\r\n } catch {\r\n }\r\n return result;\r\n }\r\n : function (...args) {\r\n try {\r\n handler.apply(this, args);\r\n } catch {\r\n }\r\n return fn.apply(this, args);\r\n };\r\n };\r\n\r\n return {\r\n ajaxRequest() {\r\n if (!window.Ajax) {\r\n return;\r\n }\r\n const ajaxRequestsHistory = {};\r\n const ajaxRequestProto = Ajax.Request.prototype;\r\n\r\n ajaxRequestProto.request = wrap(function () {\r\n const { url, options: { ignoreUAT }, method, parameters } = this;\r\n\r\n if (ignoreUAT || method.toLowerCase() === 'get') {\r\n return;\r\n }\r\n\r\n const targetUrl = getUrl(url);\r\n const requestFingerprint = `${targetUrl} ${JSON.stringify(parameters)}`;\r\n\r\n if (ajaxRequestsHistory[requestFingerprint]) {\r\n return;\r\n }\r\n\r\n ajaxRequestsHistory[requestFingerprint] = true;\r\n\r\n request({ name: 'REQUEST', url: getUrl(), data: { url: targetUrl } });\r\n }, ajaxRequestProto.request, true);\r\n },\r\n\r\n uiPointerForm() {\r\n document.addEventListener('DOMContentLoaded', function () {\r\n const lastUrl = Cookie.get('uat-data-source');\r\n if (lastUrl) {\r\n document.querySelectorAll('div[data-source]').forEach(msg => {\r\n const dataSource = msg.dataset.source;\r\n if (dataSource && dataSource.indexOf(lastUrl) !== -1) {\r\n let result = null;\r\n switch (true) {\r\n case msg.classList.contains('msg-warning'):\r\n result = 'WARNING';\r\n break;\r\n case msg.classList.contains('msg-error'):\r\n result = 'ERROR';\r\n break;\r\n }\r\n request({ name: 'POST', url: getUrl(dataSource) }, null, result);\r\n }\r\n });\r\n Cookie.remove('uat-data-source', '/');\r\n }\r\n if (typeof update_oC === 'undefined') { // eslint-disable-line camelcase\r\n return;\r\n }\r\n update_oC = wrap(function (form) { // eslint-disable-line camelcase\r\n Cookie.set('uat-data-source', getUrl(form.action), null, '/');\r\n }, update_oC, true);\r\n }, true);\r\n },\r\n\r\n jswFormAjax() {\r\n const formAjaxProto = FormAjax.prototype;\r\n\r\n formAjaxProto._onSubmit = wrap(function () {\r\n this._componentElement._formSubmit = wrap(function () {\r\n const url = getUrl(this._componentElement.action);\r\n request({ name: 'POST', post: { self: ['id', 'name'] }, url }, this._componentElement);\r\n }.bind(this), this._componentElement._formSubmit);\r\n }, formAjaxProto._onSubmit);\r\n\r\n formAjaxProto._onFailure = wrap(function (transport) {\r\n const name = this._componentElement.noRedirect ? 'APPLY' : 'OK';\r\n const url = getUrl(transport.request.url);\r\n request({ name, url, post: { self: ['id', 'name'] } }, this._componentElement, 'ERROR');\r\n }, formAjaxProto._onFailure);\r\n\r\n formAjaxProto._onSuccess = wrap(function (transport) {\r\n const name = this._componentElement.noRedirect ? 'APPLY' : 'OK';\r\n const url = getUrl(transport.request.url);\r\n const result = transport.responseJSON.formMessages\r\n ? 'VALIDATION_ERROR'\r\n : transport.responseJSON.status === 'error'\r\n ? 'ERROR'\r\n : null;\r\n request({ name, url, post: { self: ['id', 'name'] } }, this._componentElement, result);\r\n }, formAjaxProto._onSuccess);\r\n },\r\n\r\n jswList() {\r\n const listProto = List.prototype;\r\n\r\n listProto._submit = wrap(function (url, params) {\r\n const self = params.context || this;\r\n params.onSuccess = wrap(function (transport) {\r\n const name = self._lastOperation ? self._lastOperation.toUpperCase() : 'POST';\r\n const data = { selected: Object.keys(transport.request.parameters).length };\r\n const result = transport.responseJSON.status === 'error' ? 'ERROR' : null;\r\n request({ url: getUrl(transport.request.url), name, data }, null, result);\r\n }, params.onSuccess);\r\n\r\n params.onFailure = wrap(function (transport) {\r\n const name = self._lastOperation ? self._lastOperation.toUpperCase() : 'POST';\r\n const data = { selected: Object.keys(transport.request.parameters).length };\r\n request({ url: getUrl(transport.request.url), name, data }, null, 'ERROR');\r\n }, params.onFailure);\r\n }, listProto._submit);\r\n\r\n listProto._showItemsNotSelectedWarning = wrap(function () {\r\n const name = this._lastOperation ? this._lastOperation.toUpperCase() : 'POST';\r\n request({ name, url: getUrl() }, null, 'NOT_SELECTED');\r\n }, listProto._showItemsNotSelectedWarning);\r\n\r\n listProto._getOperations = wrap(function (result) {\r\n // eslint-disable-next-line @typescript-eslint/no-this-alias\r\n const self = this;\r\n const replaceHandlers = operations => {\r\n operations.forEach(function (operation) {\r\n if (operation.handler) {\r\n operation.handler = wrap(function () {\r\n const o = operation;\r\n const last = o.id || o.title || o.description || o.addCls || '';\r\n self._lastOperation = last\r\n .replace('button', '')\r\n .replace(' ', '')\r\n .replace('sb-', '')\r\n .replace('-', '');\r\n }, operation.handler);\r\n }\r\n if (operation.operations) {\r\n replaceHandlers(operation.operations);\r\n }\r\n });\r\n };\r\n replaceHandlers(result);\r\n }, listProto._getOperations, true);\r\n },\r\n\r\n confirmationPopupManager() {\r\n const popupFormProto = PopupForm.prototype;\r\n\r\n popupFormProto._onSuccess = wrap(function () {\r\n const name = typeof this._id === 'string' ? this._id.toUpperCase() : 'POST';\r\n request({ name, url: this._handlerUrl });\r\n }, popupFormProto._onSuccess);\r\n\r\n popupFormProto._onException = wrap(function () {\r\n const name = typeof this._id === 'string' ? this._id.toUpperCase() : 'POST';\r\n request({ name, url: this._handlerUrl }, null, 'ERROR');\r\n }, popupFormProto._onException);\r\n\r\n popupFormProto._onCancelClick = wrap(function () {\r\n request({ name: 'CANCEL', url: getUrl(), data: { popup: this._text } });\r\n }, popupFormProto._onCancelClick);\r\n },\r\n\r\n ajaxPopupForm() {\r\n AjaxPopupForm.prototype._onSuccess = wrap(function () {\r\n (function () {\r\n const cancelBtn = getComponent('btn-cancel');\r\n cancelBtn && cancelBtn.addEventObserver('click', function () {\r\n request({ name: 'CANCEL', url: this._url });\r\n }.bind(this));\r\n }).bind(this)\r\n .defer();\r\n }, AjaxPopupForm.prototype._onSuccess, true);\r\n },\r\n\r\n messageBox() {\r\n const msgBoxProto = MessageBox.prototype;\r\n\r\n msgBoxProto._onNoClick = wrap(function () {\r\n request({ name: 'CANCEL', url: getUrl(), data: { popup: this._text } });\r\n }, msgBoxProto._onNoClick);\r\n },\r\n\r\n ajaxMessageBox() {\r\n const ajaxMsgBoxProto = AjaxMessageBox.prototype;\r\n\r\n ajaxMsgBoxProto._onSuccess = wrap(function () {\r\n request({ url: this._requestUrl });\r\n }, ajaxMsgBoxProto._onSuccess);\r\n },\r\n\r\n multiCheckboxMessageWindow() {\r\n const msgWindowProto = MultiCheckboxMessageWindow.prototype;\r\n\r\n msgWindowProto._onSuccess = wrap(function () {\r\n request({ url: this._requestUrl });\r\n }, msgWindowProto._onSuccess);\r\n },\r\n\r\n webspaceFoldersMessageBox() {\r\n const msgBoxProto = WebspaceFoldersMessageBox.prototype;\r\n\r\n msgBoxProto._onSuccess = wrap(function () {\r\n request({ url: this._requestUrl });\r\n }, msgBoxProto._onSuccess);\r\n },\r\n\r\n drawersWatcher() {\r\n const getDrawer = node => {\r\n if (!node.classList || !node.classList.contains('pul-layer')) {\r\n return null;\r\n }\r\n\r\n const drawer = node.querySelector('.pul-drawer');\r\n if (!drawer) {\r\n return null;\r\n }\r\n\r\n return drawer;\r\n };\r\n const reportDrawerAction = name => node => {\r\n const drawer = getDrawer(node);\r\n if (!drawer) {\r\n return;\r\n }\r\n\r\n request({ name, data: prepareNodeData(drawer) });\r\n };\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const callback = mutations => {\r\n mutations.forEach(({ addedNodes, removedNodes }) => {\r\n addedNodes.forEach(reportDrawerAction('OPEN-DRAWER'));\r\n removedNodes.forEach(reportDrawerAction('CLOSE-DRAWER'));\r\n });\r\n };\r\n const observer = new MutationObserver(callback);\r\n observer.observe(document.body, {\r\n childList: true,\r\n subtree: false,\r\n attributes: false,\r\n characterData: false,\r\n });\r\n });\r\n },\r\n };\r\n};\r\n\r\nconst pleskActions = [\r\n {\r\n name: 'LOGIN',\r\n expects: [{\r\n sessionChanged: {},\r\n }],\r\n },\r\n {\r\n name: 'LOGOUT',\r\n expects: [{\r\n unloadByClick: {\r\n selector: '#account-menu-content-area a[href=\"/logout.php\"]',\r\n },\r\n }],\r\n },\r\n {\r\n name: 'HELP',\r\n expects: [{\r\n click: {\r\n elements: [\r\n {\r\n selector: 'a[data-type=\"link-read-manual\"]',\r\n },\r\n ],\r\n },\r\n }],\r\n },\r\n {\r\n name: 'CANCEL',\r\n expects: [{\r\n click: {\r\n elements: [\r\n {\r\n selector: ['button[name=\"cancel\"]', 'button[name=\"bname_cancel\"]'],\r\n },\r\n ],\r\n },\r\n }],\r\n },\r\n {\r\n name: 'SITE_PREVIEW',\r\n expects: [{\r\n click: {\r\n elements: [\r\n {\r\n selector: 'a[href*=\"/plesk-site-preview/\"]',\r\n },\r\n ],\r\n },\r\n }],\r\n },\r\n {\r\n name: 'RADIO_SELECT',\r\n expects: [{\r\n click: {\r\n elements: [{\r\n selector: 'input[type=\"radio\"]',\r\n attributes: ['name', 'value'],\r\n }],\r\n },\r\n }],\r\n },\r\n];\r\n\r\nconst watchersFactory = () => ({\r\n sessionChanged() {\r\n document.addEventListener('DOMContentLoaded', function () {\r\n const config = UAT.getConfig();\r\n\r\n if (isAnalyticsAllowed()) {\r\n if (Cookie.get('uat-iid') !== config.instanceId) {\r\n Cookie.remove('uat-iid', '/');\r\n Cookie.set('uat-iid', config.instanceId, null, '/');\r\n }\r\n if (Cookie.get('uat-sid') !== config.sessionId) {\r\n Cookie.remove('uat-sid', '/');\r\n Cookie.set('uat-sid', config.sessionId, null, '/');\r\n }\r\n }\r\n\r\n if (config.sessionId && window.localStorage.getItem('uat-sid') !== config.sessionId) {\r\n window.localStorage.setItem('uat-sid', config.sessionId);\r\n const data = {\r\n userAgent: navigator.userAgent,\r\n versionInfo: config.versionInfo,\r\n accountCreated: config.accountCreated,\r\n width: window.innerWidth,\r\n height: window.innerHeight,\r\n ratio: window.devicePixelRatio,\r\n };\r\n request({ name: 'LOGIN', url: getUrl(), data });\r\n }\r\n }, true);\r\n },\r\n unloadByClick({ selector }, expect, action) {\r\n window.addEventListener('beforeunload', () => {\r\n const el = document.querySelector(selector);\r\n if (el === document.activeElement) {\r\n request(action, el);\r\n }\r\n }, true);\r\n },\r\n});\r\n\r\nUAT.setPatches(patches => ({\r\n ...patches,\r\n ...patchesFactory(),\r\n}));\r\n\r\nUAT.setActions(actions => [\r\n ...actions,\r\n ...pleskActions,\r\n]);\r\n\r\nUAT.setWatchers(watchers => ({\r\n ...watchers,\r\n ...watchersFactory(),\r\n}));\r\n\r\nconst { init } = UAT;\r\nUAT.init = initConfig => {\r\n init(initConfig);\r\n};\r\n\r\nexport { UAT };\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\nconst COOKIE_POLICY_LOCAL_STORAGE_KEY = 'cookie-policy';\r\n\r\nexport const hasPreferences = () => !!localStorage.getItem(COOKIE_POLICY_LOCAL_STORAGE_KEY);\r\n\r\nexport const savePreferences = preferences => {\r\n localStorage.setItem(COOKIE_POLICY_LOCAL_STORAGE_KEY, JSON.stringify(preferences));\r\n};\r\n\r\nexport const loadPreferences = () => {\r\n let analytics = false;\r\n let marketing = false;\r\n try {\r\n const data = JSON.parse(localStorage.getItem(COOKIE_POLICY_LOCAL_STORAGE_KEY));\r\n if (typeof data.analytics === 'boolean') {\r\n ({ analytics } = data);\r\n }\r\n if (typeof data.marketing === 'boolean') {\r\n ({ marketing } = data);\r\n }\r\n } catch {}\r\n return {\r\n analytics,\r\n marketing,\r\n };\r\n};\r\n\r\nexport const isAnalyticsAllowed = () => loadPreferences().analytics;\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\nimport prepareUrl from './prepareUrl';\r\n\r\nexport default (id, options = {}) => {\r\n options = {\r\n openInNew: false,\r\n label: '',\r\n hint: '',\r\n returnUrl: '',\r\n isClassicUi: '',\r\n showAll: false,\r\n ...options,\r\n };\r\n\r\n if (options.isClassicUi) {\r\n options.returnUrl = `/subscription/overview/id/${id}`;\r\n }\r\n let url = prepareUrl(`/subscription/login/id/${id}`);\r\n\r\n if (options.showAll) {\r\n url += '/all/true';\r\n }\r\n\r\n if (options.returnUrl) {\r\n url += `/?returnUrl=${prepareUrl(options.returnUrl)}`;\r\n }\r\n\r\n return (\r\n '' +\r\n `${options.hint}` +\r\n `` +\r\n `${options.label}` +\r\n '' +\r\n ''\r\n );\r\n};\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\nimport punycode from 'punycode';\r\n\r\nconst toPunycode = domain => punycode.toASCII(domain);\r\n\r\nexport { toPunycode };\r\n","// Copyright 1999-2025. WebPros International GmbH. All rights reserved.\r\n\r\nimport { render } from 'react-dom';\r\nimport { createPortal } from 'react';\r\nimport { gql } from '@apollo/client';\r\nimport { LocaleProvider, FormFieldPassword } from '@plesk/ui-library';\r\nimport { Locale } from 'jsw';\r\nimport App from 'components/App';\r\nimport ErrorBoundary from 'components/common/ErrorBoundary';\r\nimport require from 'app';\r\nimport sentry from 'common/sentry';\r\nimport pageData from 'helpers/pageData';\r\nimport apolloClient from 'apolloClient';\r\nimport estimatePassword from 'helpers/estimatePassword';\r\n\r\nexport { require };\r\nexport { default as Form } from 'components/Form';\r\n\r\nconst isInFrame = () => {\r\n try {\r\n if (window.self === window.top) {\r\n return false;\r\n }\r\n } catch {\r\n }\r\n\r\n return true;\r\n};\r\n\r\nFormFieldPassword.defaultProps.passwordMeterProps.onEstimate = password => estimatePassword(password);\r\n\r\nlet app = null;\r\n\r\nexport const run = ({\r\n config = {},\r\n data: { showModal, ...data } = {},\r\n graphqlQueries = [],\r\n localeSections = {},\r\n}) => {\r\n if (config.feedback) {\r\n sentry(config.feedback);\r\n }\r\n\r\n if (isInFrame()) {\r\n document.body.classList.add('page-content-only');\r\n }\r\n\r\n Locale.addSections(localeSections);\r\n\r\n pageData(data);\r\n\r\n graphqlQueries.forEach(({ query, ...options }) => {\r\n try {\r\n apolloClient.writeQuery({\r\n query: gql(query),\r\n ...options,\r\n });\r\n } catch {}\r\n });\r\n\r\n if (showModal) {\r\n const { name, ...props } = showModal;\r\n Plesk.require(name, run => run(props));\r\n }\r\n\r\n app = render(\r\n}){kind=logo}
\r\n \r\n \r\n {renderActionMessage()}\r\n
\r\n {showPowerUserViewWarning && (\r\n\r\n
\r\n
{exception ? exception.message : descriptions[code]}
\r\n\r\n
| ' +\r\n `${this._getConfigParam('message', '')}` +\r\n ' | ' +\r\n '' +\r\n `` +\r\n `` +\r\n `${linkLater.text}` +\r\n ' | ' +\r\n '
| ' +\r\n `${this._getConfigParam('message', '')}` +\r\n ' | ' +\r\n '' +\r\n `` +\r\n `${linkLater.text}` +\r\n ' | ' +\r\n '