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.
254 lines
7.8 KiB
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();
|
||
|
});
|
||
|
}
|
||
|
};
|