window.templategroup_edit_popup = new class { init({popup_url, groupid, name}) { history.replaceState({}, '', popup_url); this.groupid = groupid; this.name = name; this.overlay = overlays_stack.getById('templategroup_edit'); this.dialogue = this.overlay.$dialogue[0]; this.form = this.overlay.$dialogue.$body[0].querySelector('form'); this.footer = this.overlay.$dialogue.$footer[0]; } submit() { const fields = getFormFields(this.form); fields.name = fields.name.trim(); this.overlay.setLoading(); const curl = new Curl('zabbix.php'); curl.setArgument('action', this.groupid !== null ? 'templategroup.update' : 'templategroup.create'); this._post(curl.getUrl(), fields, (response) => { overlayDialogueDestroy(this.overlay.dialogueid); this.dialogue.dispatchEvent(new CustomEvent('dialogue.submit', {detail: response.success})); }); } cancel() { overlayDialogueDestroy(this.overlay.dialogueid); } clone() { this.overlay.setLoading(); const parameters = getFormFields(this.form); PopUp('popup.templategroup.edit', {name: parameters.name}, { dialogueid: 'templategroup_edit', dialogue_class: 'modal-popup-static', prevent_navigation: true }); } delete() { const curl = new Curl('zabbix.php'); curl.setArgument('action', 'templategroup.delete'); curl.setArgument('', ); this._post(curl.getUrl(), {groupids: [this.groupid]}, (response) => { overlayDialogueDestroy(this.overlay.dialogueid); this.dialogue.dispatchEvent(new CustomEvent('dialogue.submit', {detail: response.success})); }); } _post(url, data, success_callback) { fetch(url, { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify(data) }) .then((response) => response.json()) .then((response) => { if ('error' in response) { throw {error: response.error}; } return response; }) .then(success_callback) .catch((exception) => { for (const element of this.form.parentNode.children) { if (element.matches('.msg-good, .msg-bad, .msg-warning')) { element.parentNode.removeChild(element); } } let title, messages; if (typeof exception === 'object' && 'error' in exception) { title = exception.error.title; messages = exception.error.messages; } else { messages = []; } const message_box = makeMessageBox('bad', messages, title)[0]; this.form.parentNode.insertBefore(message_box, this.form); }) .finally(() => { this.overlay.unsetLoading(); }); } }