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.
98 lines
3.1 KiB
98 lines
3.1 KiB
<?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.
|
|
**/
|
|
|
|
|
|
use Widgets\Clock\Widget;
|
|
|
|
?>
|
|
|
|
window.widget_clock_form = new class {
|
|
|
|
init() {
|
|
this._form = document.getElementById('widget-dialogue-form');
|
|
this._time_type = document.getElementById('time_type');
|
|
this._clock_type = document.getElementById('clock_type');
|
|
|
|
this._show_date = document.getElementById('show_1');
|
|
this._show_time = document.getElementById('show_2');
|
|
this._show_tzone = document.getElementById('show_3');
|
|
|
|
for (const colorpicker of this._form.querySelectorAll('.<?= ZBX_STYLE_COLOR_PICKER ?> input')) {
|
|
$(colorpicker).colorpicker({
|
|
appendTo: '.overlay-dialogue-body',
|
|
use_default: true,
|
|
onUpdate: window.setIndicatorColor
|
|
});
|
|
}
|
|
|
|
this._time_type.addEventListener('change', () => {
|
|
ZABBIX.Dashboard.reloadWidgetProperties();
|
|
this.updateForm();
|
|
});
|
|
|
|
for (const checkbox of this._clock_type.querySelectorAll('input')) {
|
|
checkbox.addEventListener('change', () => this.updateForm());
|
|
}
|
|
|
|
const show = [this._show_date, this._show_time, this._show_tzone];
|
|
|
|
for (const checkbox of show) {
|
|
checkbox.addEventListener('change', (e) => {
|
|
if (show.filter((checkbox) => checkbox.checked).length > 0) {
|
|
this.updateForm();
|
|
}
|
|
else {
|
|
e.target.checked = true;
|
|
}
|
|
});
|
|
}
|
|
|
|
this.updateForm();
|
|
}
|
|
|
|
updateForm() {
|
|
const is_digital = this._clock_type.querySelector('input:checked').value == <?= Widget::TYPE_DIGITAL ?>;
|
|
|
|
for (const element of this._form.querySelectorAll('.js-row-show')) {
|
|
element.style.display = is_digital ? '' : 'none';
|
|
}
|
|
|
|
this._form.querySelector('.js-fieldset-adv-conf').style.display = is_digital ? 'contents' : 'none';
|
|
|
|
if (is_digital) {
|
|
for (const element of this._form.querySelectorAll('.fields-group-date')) {
|
|
element.style.display = this._show_date.checked ? '' : 'none';
|
|
}
|
|
|
|
for (const element of this._form.querySelectorAll('.fields-group-time')) {
|
|
element.style.display = this._show_time.checked ? '' : 'none';
|
|
}
|
|
|
|
for (const element of this._form.querySelectorAll('.fields-group-tzone')) {
|
|
element.style.display = this._show_tzone.checked ? '' : 'none';
|
|
}
|
|
|
|
for (const element of this._form.querySelectorAll('.field-tzone-timezone, .field-tzone-format')) {
|
|
element.style.display = this._time_type.value != <?= TIME_TYPE_HOST ?> ? '' : 'none';
|
|
}
|
|
}
|
|
}
|
|
};
|