1 files changed, 118 insertions, 0 deletions
diff --git a/ui/include/classes/html/widgets/CWidgetFieldTagsView.php b/ui/include/classes/html/widgets/CWidgetFieldTagsView.php
new file mode 100644
index 00000000000..a7d08e29fdb
--- /dev/null
+++ b/ui/include/classes/html/widgets/CWidgetFieldTagsView.php
@@ -0,0 +1,118 @@
+<?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\CWidgetFieldTags;
+
+class CWidgetFieldTagsView extends CWidgetFieldView {
+
+	public function __construct(CWidgetFieldTags $field) {
+		$this->field = $field;
+	}
+
+	public function getView(): CTable {
+		$tags = $this->field->getValue();
+
+		if (!$tags) {
+			$tags = [CWidgetFieldTags::DEFAULT_TAG];
+		}
+
+		$tags_table = (new CTable())
+			->setId('tags_table_'.$this->field->getName())
+			->addClass('table-tags')
+			->addClass('table-initial-width');
+
+		$i = 0;
+
+		foreach ($tags as $tag) {
+			$tags_table->addItem($this->getRowTemplate($tag, $i));
+
+			$i++;
+		}
+
+		$tags_table->addRow(
+			(new CCol(
+				(new CButton('tags_add', _('Add')))
+					->addClass(ZBX_STYLE_BTN_LINK)
+					->addClass('element-table-add')
+					->setEnabled(!$this->isDisabled())
+			))->setColSpan(3)
+		);
+
+		return $tags_table;
+	}
+
+	public function getJavaScript(): string {
+		return '
+			jQuery("#tags_table_'.$this->field->getName().'")
+				.dynamicRows({template: "#'.$this->field->getName().'-row-tmpl"})
+				.on("afteradd.dynamicRows", function() {
+					const rows = this.querySelectorAll(".form_row");
+					new CTagFilterItem(rows[rows.length - 1]);
+				});
+
+			// Init existing fields once loaded.
+			document.querySelectorAll("#tags_table_'.$this->field->getName().' .form_row").forEach(row => {
+				new CTagFilterItem(row);
+			});
+		';
+	}
+
+	public function getTemplates(): array {
+		return [
+			new CTemplateTag($this->field->getName().'-row-tmpl', $this->getRowTemplate(CWidgetFieldTags::DEFAULT_TAG))
+		];
+	}
+
+	private function getRowTemplate(array $tag, $row_num = '#{rowNum}'): CRow {
+		return (new CRow([
+			(new CTextBox($this->field->getName().'['.$row_num.'][tag]', $tag['tag']))
+				->setWidth(ZBX_TEXTAREA_FILTER_SMALL_WIDTH)
+				->setAriaRequired($this->isRequired())
+				->setEnabled(!$this->isDisabled() || $row_num === '#{rowNum}')
+				->setAttribute('placeholder', _('tag')),
+			(new CSelect($this->field->getName().'['.$row_num.'][operator]'))
+				->addOptions(CSelect::createOptionsFromArray([
+					TAG_OPERATOR_EXISTS => _('Exists'),
+					TAG_OPERATOR_EQUAL => _('Equals'),
+					TAG_OPERATOR_LIKE => _('Contains'),
+					TAG_OPERATOR_NOT_EXISTS => _('Does not exist'),
+					TAG_OPERATOR_NOT_EQUAL => _('Does not equal'),
+					TAG_OPERATOR_NOT_LIKE => _('Does not contain')
+				]))
+				->setValue($tag['operator'])
+				->setFocusableElementId($this->field->getName().'-'.$row_num.'-operator-select')
+				->setId($this->field->getName().'_'.$row_num.'_operator')
+				->setDisabled($this->isDisabled() && $row_num !== '#{rowNum}'),
+			(new CTextBox($this->field->getName().'['.$row_num.'][value]', $tag['value']))
+				->setWidth(ZBX_TEXTAREA_FILTER_SMALL_WIDTH)
+				->setAriaRequired($this->isRequired())
+				->setId($this->field->getName().'_'.$row_num.'_value')
+				->setEnabled(!$this->isDisabled() || $row_num === '#{rowNum}')
+				->setAttribute('placeholder', _('value')),
+			(new CCol(
+				(new CButton($this->field->getName().'['.$row_num.'][remove]', _('Remove')))
+					->addClass(ZBX_STYLE_BTN_LINK)
+					->addClass('element-table-remove')
+					->setEnabled(!$this->isDisabled() || $row_num === '#{rowNum}')
+			))->addClass(ZBX_STYLE_NOWRAP)
+		]))->addClass('form_row');
+	}
+}