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/popup.proxy.edit.js.php

254 lines
7.8 KiB

1 year ago
<?php declare(strict_types = 0);
/*
** 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.
**/
?>
window.proxy_edit_popup = new class {
constructor() {
this.clone_proxyid = null;
}
init({proxyid}) {
this.proxyid = proxyid;
this.overlay = overlays_stack.getById('proxy_edit');
this.dialogue = this.overlay.$dialogue[0];
this.form = this.overlay.$dialogue.$body[0].querySelector('form');
this.footer = this.overlay.$dialogue.$footer[0];
this.display_change_psk =
this.form.querySelector('#tls_connect input:checked').value == <?= HOST_ENCRYPTION_PSK ?>
|| document.getElementById('tls_accept_psk').checked;
if (this.display_change_psk) {
document
.getElementById('tls-psk-change')
.addEventListener('click', () => this._changePsk());
for (const element of this.form.querySelectorAll('.js-tls-psk-identity, .js-tls-psk')) {
element.style.display = 'none';
}
}
for (const id of ['operating_mode', 'tls_connect', 'tls_accept_psk', 'tls_accept_certificate']) {
document
.getElementById(id)
.addEventListener('change', () => this._update());
}
this._update();
document.getElementById('proxy-form').style.display = '';
document.getElementById('name').focus();
}
_changePsk() {
for (const element of this.form.querySelectorAll('.js-tls-psk-change')) {
element.remove();
}
for (const element of this.form.querySelectorAll('.js-tls-psk-identity, .js-tls-psk')) {
element.style.display = '';
}
for (const id of ['tls_psk_identity', 'tls_psk']) {
document.getElementById(id).disabled = false;
}
this.display_change_psk = false;
}
_update() {
const operating_mode_active =
document.querySelector('#operating_mode input:checked').value == <?= PROXY_OPERATING_MODE_ACTIVE ?>;
for (const element of this.form.querySelectorAll('.js-interface')) {
element.style.display = operating_mode_active ? 'none' : '';
}
for (const element of this.form.querySelectorAll('.js-proxy-address')) {
element.style.display = operating_mode_active ? '' : 'none';
}
for (const element of this.form.querySelectorAll('#tls_connect input')) {
element.disabled = operating_mode_active;
}
for (const id of ['tls_accept_none', 'tls_accept_psk', 'tls_accept_certificate']) {
document.getElementById(id).disabled = !operating_mode_active;
}
const tls_connect = this.form.querySelector('#tls_connect input:checked').value;
const tls_connect_psk = tls_connect == <?= HOST_ENCRYPTION_PSK ?>;
const tls_connect_certificate = tls_connect == <?= HOST_ENCRYPTION_CERTIFICATE ?>;
const tls_accept_psk = document.getElementById('tls_accept_psk').checked;
const tls_accept_certificate = document.getElementById('tls_accept_certificate').checked;
for (const element of this.form.querySelectorAll('.js-tls-issuer, .js-tls-subject')) {
element.style.display = tls_connect_certificate || tls_accept_certificate ? '' : 'none';
}
for (const id of ['tls_issuer', 'tls_subject']) {
document.getElementById(id).disabled =
!(operating_mode_active && tls_accept_certificate || !operating_mode_active && tls_connect_certificate);
}
if (this.display_change_psk) {
for (const id of ['tls_psk_identity', 'tls_psk']) {
document.getElementById(id).disabled = true;
}
for (const element of this.form.querySelectorAll('.js-tls-psk-change')) {
element.style.display = tls_connect_psk || tls_accept_psk ? '' : 'none';
}
document.getElementById('tls-psk-change').disabled =
!(operating_mode_active && tls_accept_psk || !operating_mode_active && tls_connect_psk);
}
else {
for (const element of this.form.querySelectorAll('.js-tls-psk-identity, .js-tls-psk')) {
element.style.display = tls_connect_psk || tls_accept_psk ? '' : 'none';
}
for (const id of ['tls_psk_identity', 'tls_psk']) {
document.getElementById(id).disabled =
!(operating_mode_active && tls_accept_psk || !operating_mode_active && tls_connect_psk);
}
}
}
refreshConfig() {
const curl = new Curl('zabbix.php');
curl.setArgument('action', 'proxy.config.refresh');
curl.setArgument('<?= CCsrfTokenHelper::CSRF_TOKEN_NAME ?>',
<?= json_encode(CCsrfTokenHelper::get('proxy')) ?>
);
this._post(curl.getUrl(), {proxyids: [this.proxyid]}, (response) => {
for (const element of this.form.parentNode.children) {
if (element.matches('.msg-good, .msg-bad, .msg-warning')) {
element.parentNode.removeChild(element);
}
}
const message_box = makeMessageBox('good', response.success.messages, response.success.title)[0];
this.form.parentNode.insertBefore(message_box, this.form);
});
}
clone({title, buttons}) {
this.clone_proxyid = this.proxyid;
this.proxyid = null;
this.overlay.unsetLoading();
this.overlay.setProperties({title, buttons});
}
delete() {
const curl = new Curl('zabbix.php');
curl.setArgument('action', 'proxy.delete');
curl.setArgument('<?= CCsrfTokenHelper::CSRF_TOKEN_NAME ?>',
<?= json_encode(CCsrfTokenHelper::get('proxy')) ?>
);
this._post(curl.getUrl(), {proxyids: [this.proxyid]}, (response) => {
overlayDialogueDestroy(this.overlay.dialogueid);
this.dialogue.dispatchEvent(new CustomEvent('dialogue.submit', {detail: response.success}));
});
}
submit() {
const fields = getFormFields(this.form);
if (this.proxyid !== null) {
fields.proxyid = this.proxyid;
fields.update_psk = !this.display_change_psk;
}
else if (this.clone_proxyid !== null) {
fields.clone_proxyid = this.clone_proxyid;
fields.clone_psk = this.display_change_psk;
}
else {
fields.clone_psk = false;
}
for (const name of ['name', 'allowed_addresses', 'address', 'port', 'description', 'tls_psk_identity',
'tls_psk', 'tls_issuer', 'tls_subject']) {
if (name in fields) {
fields[name] = fields[name].trim();
}
}
const curl = new Curl('zabbix.php');
curl.setArgument('action', this.proxyid !== null ? 'proxy.update' : 'proxy.create');
this._post(curl.getUrl(), fields, (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 = [<?= json_encode(_('Unexpected server error.')) ?>];
}
const message_box = makeMessageBox('bad', messages, title)[0];
this.form.parentNode.insertBefore(message_box, this.form);
})
.finally(() => {
this.overlay.unsetLoading();
});
}
};