You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
zabbix/ui/app/views/js/configuration.templategroup...

170 lines
4.5 KiB

1 year ago
<?php declare(strict_types = 1);
/*
** Zabbix
** Copyright (C) 2001-2023 Zabbix SIA
**
** This program is free software; you can redistribute it and/or modify
** it under the terms of the GNU General Public License as published by
** the Free Software Foundation; either version 2 of the License, or
** (at your option) any later version.
**
** This program is distributed in the hope that it will be useful,
** but WITHOUT ANY WARRANTY; without even the implied warranty of
** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
** GNU General Public License for more details.
**
** You should have received a copy of the GNU General Public License
** along with this program; if not, write to the Free Software
** Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
**/
?>
<script>
const view = new class {
init({groupid, name}) {
this.form = document.getElementById('templategroupForm');
this.groupid = groupid;
this.name = name;
this.form.addEventListener('submit', (e) => this._onSubmit(e));
this._initActionButtons();
}
_initActionButtons() {
document.addEventListener('click', (e) => {
if (e.target.classList.contains('js-update-templategroup')) {
this._submit(e.target);
}
else if (e.target.classList.contains('js-clone-templategroup')) {
this._clone();
}
else if (e.target.classList.contains('js-delete-templategroup')) {
this._delete(e.target);
}
});
}
_submit(button) {
this._setLoading(button);
const fields = getFormFields(this.form);
fields.name = fields.name.trim();
const curl = new Curl('zabbix.php');
curl.setArgument('action', this.groupid !== null ? 'templategroup.update' : 'templategroup.create');
this._post(curl.getUrl(), fields, (response) => {
postMessageOk(response.success.title);
if ('messages' in response.success) {
postMessageDetails('success', response.success.messages);
}
const url = new Curl('zabbix.php');
url.setArgument('action', 'templategroup.list');
location.href = url.getUrl();
});
}
_clone() {
const fields = getFormFields(this.form);
const curl = new Curl('zabbix.php');
curl.setArgument('action', 'templategroup.edit');
post(curl.getUrl(), {name: fields.name});
}
_delete(button) {
const confirm_text = button.getAttribute('confirm');
if (!confirm(confirm_text)) {
return;
}
const curl = new Curl('zabbix.php');
curl.setArgument('action', 'templategroup.delete');
curl.setArgument('<?= CCsrfTokenHelper::CSRF_TOKEN_NAME ?>',
<?= json_encode(CCsrfTokenHelper::get('templategroup')) ?>
);
this._post(curl.getUrl(), {groupids: [this.groupid]}, (response) => {
postMessageOk(response.success.title);
if ('messages' in response.success) {
postMessageDetails('success', response.success.messages);
}
const url = new Curl('zabbix.php');
url.setArgument('action', 'templategroup.list');
location.href = url.getUrl();
});
}
_setLoading(active_button) {
active_button.classList.add('is-loading');
for (const button of this.form.querySelectorAll('.tfoot-buttons button:not(.js-cancel)')) {
button.disabled = true;
}
}
_unsetLoading() {
for (const button of this.form.querySelectorAll('.tfoot-buttons button:not(.js-cancel)')) {
button.classList.remove('is-loading');
button.disabled = false;
}
}
_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 = [<?= json_encode(_('Unexpected server error.')) ?>];
}
const message_box = makeMessageBox('bad', messages, title)[0];
clearMessages();
addMessage(message_box);
})
.finally(() => {
this._unsetLoading();
});
}
_onSubmit(e) {
e.preventDefault();
const button = this.form.querySelector('.tfoot-buttons button[type="submit"]');
this._submit(button);
}
}
</script>