1 files changed, 100 insertions, 0 deletions
diff --git a/ui/include/classes/html/widgets/CWidgetFieldThresholdsView.php b/ui/include/classes/html/widgets/CWidgetFieldThresholdsView.php
new file mode 100644
index 00000000000..331efe4e145
--- /dev/null
+++ b/ui/include/classes/html/widgets/CWidgetFieldThresholdsView.php
@@ -0,0 +1,100 @@
+<?php declare(strict_types = 0);
+/*
+** Zabbix
+** Copyright (C) 2001-2022 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 CSimpleButton(_('Add')))
+						->addClass(ZBX_STYLE_BTN_LINK)
+						->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))
+			->addClass('table-forms-separator')
+			->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"})
+				.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');
+	}
+}