Zabbix
Public
Source
1
+
/*2
+
** Zabbix3
+
** Copyright (C) 2001-2023 Zabbix SIA4
+
**5
+
** This program is free software; you can redistribute it and/or modify6
+
** it under the terms of the GNU General Public License as published by7
+
** the Free Software Foundation; either version 2 of the License, or8
+
** (at your option) any later version.9
+
**10
+
** This program is distributed in the hope that it will be useful,11
+
** but WITHOUT ANY WARRANTY; without even the implied warranty of12
+
** MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the13
+
** GNU General Public License for more details.14
+
**15
+
** You should have received a copy of the GNU General Public License16
+
** along with this program; if not, write to the Free Software17
+
** Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.18
+
**/19
+
20
+
class ClassWidgetSelectPopup {21
+
22
+
static #table_template = `23
+
<table class="${ZBX_STYLE_LIST_TABLE}">24
+
<thead>25
+
<tr>26
+
<th>${t('Name')}</th>27
+
</tr>28
+
</thead>29
+
<tbody></tbody>30
+
</table>31
+
`;32
+
33
+
static #row_template = `34
+
<tr>35
+
<td>36
+
<a class="js-select-reference" data-reference="#{id}" role="button" href="javascript:void(0)">#{name}</a>37
+
</td>38
+
</tr>39
+
`;40
+
41
+
static #nothing_to_show_template = `42
+
<tr class="${ZBX_STYLE_NOTHING_TO_SHOW}">43
+
<td>${t('No compatible widgets.')}</td>44
+
</tr>45
+
`;46
+
47
+
/**48
+
* @type {Overlay}49
+
*/50
+
#overlay;51
+
52
+
constructor(widgets) {53
+
const widgets_table = new Template(ClassWidgetSelectPopup.#table_template).evaluateToElement();54
+
55
+
let rows_html = '';56
+
57
+
if (widgets.length > 0) {58
+
const widget_row = new Template(ClassWidgetSelectPopup.#row_template);59
+
60
+
for (const widget of widgets) {61
+
rows_html += widget_row.evaluate(widget);62
+
}63
+
}64
+
else {65
+
rows_html = ClassWidgetSelectPopup.#nothing_to_show_template;66
+
}67
+
68
+
widgets_table.querySelector('tbody').innerHTML = rows_html;69
+
70
+
widgets_table.addEventListener('click', (e) => {71
+
if (e.target.classList.contains('js-select-reference')) {72
+
overlayDialogueDestroy(this.#overlay.dialogueid);73
+
this.fire('dialogue.submit', {reference: e.target.dataset.reference});74
+
}75
+
});76
+
77
+
this.#overlay = overlayDialogue({78
+
title: t('Widget'),79
+
class: 'modal-popup modal-popup-medium',80
+
content: widgets_table,81
+
buttons: [{82
+
title: t('Cancel'),83
+
cancel: true,84
+
class: ZBX_STYLE_BTN_ALT,85
+
action: () => {}86
+
}],87
+
element: document.activeElement ?? undefined88
+
});89
+
}90
+
91
+
/**92
+
* Attach event listener to events.93
+
*94
+
* @param {string} type95
+
* @param {function} listener96
+
* @param {Object|false} options97
+
*98
+
* @returns {ClassWidgetSelectPopup}99
+
*/100
+
on(type, listener, options = false) {101
+
this.#overlay.$dialogue[0].addEventListener(type, listener, options);102
+
103
+
return this;104
+
}105
+
106
+
/**107
+
* Detach event listener from events.108
+
*109
+
* @param {string} type110
+
* @param {function} listener111
+
* @param {Object|false} options112
+
*113
+
* @returns {ClassWidgetSelectPopup}114
+
*/115
+
off(type, listener, options = false) {116
+
this.#overlay.$dialogue[0].removeEventListener(type, listener, options);117
+
118
+
return this;119
+
}120
+
121
+
/**122
+
* Dispatch event.123
+
*124
+
* @param {string} type125
+
* @param {Object} detail126
+
* @param {Object} options127
+
*128
+
* @returns {boolean}129
+
*/130
+
fire(type, detail = {}, options = {}) {131
+
return this.#overlay.$dialogue[0].dispatchEvent(132
+
new CustomEvent(type, {options, detail: {target: this, detail}})133
+
);134
+
}135
+
}