Zabbix

<?php declare(strict_types = 0);

/*

** Copyright (C) 2001-2025 Zabbix SIA

**

** This program is free software: you can redistribute it and/or modify it under the terms of

** the GNU Affero General Public License as published by the Free Software Foundation, version 3.

**

** 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 Affero General Public License for more details.

**

** You should have received a copy of the GNU Affero General Public License along with this program.

** If not, see <https://www.gnu.org/licenses/>.

**/

?>

​

​

window.widget_tophosts_form = new class {

​

    init({templateid}) {

        this._form = document.getElementById('widget-dialogue-form');

        this._templateid = templateid;

​

        this._list_columns = document.getElementById('list_columns');

​

        new CSortable(this._list_columns.querySelector('tbody'), {

            selector_handle: 'div.<?= ZBX_STYLE_DRAG_ICON ?>',

            freeze_end: 1

        });

​

        this._list_columns.addEventListener('click', (e) => this.processColumnsAction(e));

    }

​

    processColumnsAction(e) {

        const target = e.target;

​

        let column_popup;

​

        switch (target.getAttribute('name')) {

            case 'add':

                this._column_index = this._list_columns.querySelectorAll('tr').length;

​

                column_popup = PopUp(

                    'widget.tophosts.column.edit',

                    {templateid: this._templateid},

                    {dialogue_class: 'modal-popup-generic'}

                ).$dialogue[0];

                column_popup.addEventListener('dialogue.submit', (e) => this.updateColumns(e));

                column_popup.addEventListener('dialogue.close', this.removeColorpicker);

                break;

​

            case 'edit':

                const form_fields = getFormFields(this._form);

​

                this._column_index = target.closest('tr').querySelector('[name="sortorder[columns][]"]').value;

​

                column_popup = PopUp('widget.tophosts.column.edit',

                    {...form_fields.columns[this._column_index], edit: 1, templateid: this._templateid}).$dialogue[0];

                column_popup.addEventListener('dialogue.submit', (e) => this.updateColumns(e));

                column_popup.addEventListener('dialogue.close', this.removeColorpicker);

                break;

​

            case 'remove':