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/>.

**/

​

​

/**

 * @var CView $this

 */

?>

​

window.services_popup = new class {

​

    init({is_multiple}) {

        this.is_multiple = is_multiple;

​

        this.overlay = overlays_stack.getById('services');

        this.dialogue = this.overlay.$dialogue[0];

        this.form = this.overlay.$dialogue.$body[0].querySelector('form');

​

        const filter_form = this.overlay.$dialogue.$controls[0].querySelector('form');

​

        filter_form.addEventListener('submit', (e) => {

            e.preventDefault();

​

            PopUp('popup.services', getFormFields(filter_form), {

                dialogueid: 'services',

                dialogue_class: 'modal-popup-generic',

                trigger_element: e.target

            });

        }, {passive: false});

​

        filter_form.addEventListener('reset', (e) => {

            e.preventDefault();

​

            filter_form.elements.filter_name.value = '';

​

            PopUp('popup.services', getFormFields(filter_form), {

                dialogueid: 'services',

                dialogue_class: 'modal-popup-generic',

                trigger_element: e.target

            });

        }, {passive: false});

​

        this.form.addEventListener('click', (e) => {

            if (this.is_multiple && e.target.matches('input[name="serviceid_all"]')) {

                for (const checkbox of this.form.querySelectorAll('input[name="serviceid"]')) {

                    checkbox.checked = e.target.checked;

                    checkbox.closest('tr').classList.toggle('row-selected', e.target.checked);

                }

            }

            else if (this.is_multiple && e.target.matches('input[name="serviceid"]')) {

                e.target.closest('tr').classList.toggle('row-selected', e.target.checked);