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.

97 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 Zabbix\Widgets\Fields\CWidgetFieldThresholds;
class CWidgetFieldThresholdsView extends CWidgetFieldView {
public function __construct(CWidgetFieldThresholds $field) {
$this->field = $field;
}
public function getView(): CDiv {
$thresholds_table = (new CTable())
->setId($this->field->getName().'-table')
->addClass(ZBX_STYLE_TABLE_FORMS)
->setHeader([
'',
(new CColHeader(_('Threshold')))->setWidth('100%'),
_('Action')
])
->setFooter(new CRow(
new CCol(
(new CButtonLink(_('Add')))->addClass('element-table-add')
)
));
foreach ($this->field->getValue() as $i => $threshold) {
$thresholds_table->addRow(
$this->getRowTemplate($i, $threshold['color'], $threshold['threshold'])
);
}
return (new CDiv($thresholds_table))->setWidth(ZBX_TEXTAREA_STANDARD_WIDTH);
}
public function getJavaScript(): string {
return '
var $thresholds_table = jQuery("#'.$this->field->getName().'-table");
$thresholds_table
.dynamicRows({template: "#'.$this->field->getName().'-row-tmpl", allow_empty: true})
.on("afteradd.dynamicRows", function(opt) {
const rows = this.querySelectorAll(".form_row");
const colors = jQuery("#widget-dialogue-form")[0]
.querySelectorAll(".'.ZBX_STYLE_COLOR_PICKER.' input");
const used_colors = [];
for (const color of colors) {
if (color.value !== "" && color.name.includes("thresholds")) {
used_colors.push(color.value);
}
}
jQuery(".color-picker input", rows[rows.length - 1])
.val(colorPalette.getNextColor(used_colors))
.colorpicker({
appendTo: ".overlay-dialogue-body"
});
});
';
}
public function getTemplates(): array {
return [
new CTemplateTag($this->field->getName().'-row-tmpl', $this->getRowTemplate())
];
}
public function getRowTemplate($row_num = '#{rowNum}', $color = '#{color}', $threshold = '#{threshold}'): CRow {
return (new CRow([
(new CColor($this->field->getName().'['.$row_num.'][color]', $color))->appendColorPickerJs(false),
(new CTextBox($this->field->getName().'['.$row_num.'][threshold]', $threshold, false))
->setWidth(ZBX_TEXTAREA_TINY_WIDTH)
->setAriaRequired(),
(new CButton($this->field->getName().'['.$row_num.'][remove]', _('Remove')))
->addClass(ZBX_STYLE_BTN_LINK)
->addClass('element-table-remove')
]))->addClass('form_row');
}
}