Zabbix

<?php

/*

** 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

 */

?>

$(() => {

    let VALUEMAP_MAPPING_TYPE_DEFAULT = <?= VALUEMAP_MAPPING_TYPE_DEFAULT ?>;

    let type_placeholder = <?= json_encode([

        VALUEMAP_MAPPING_TYPE_EQUAL => _('value'),

        VALUEMAP_MAPPING_TYPE_GREATER_EQUAL => _('value'),

        VALUEMAP_MAPPING_TYPE_LESS_EQUAL => _('value'),

        VALUEMAP_MAPPING_TYPE_IN_RANGE => _('value'),

        VALUEMAP_MAPPING_TYPE_REGEXP => _('regexp')

    ]) ?>;

    const table = document.getElementById('mappings-table');

    let observer = new MutationObserver(mutationHandler);

​

    // Observe changes for form fields: type, value.

    observer.observe(table, {

        childList: true,

        subtree: true,

        attributes: true,

        attributeFilter: ['value']

    });

    updateOnTypeChange();

​

    function updateOnTypeChange() {

        let default_select = table.querySelector(`z-select[value="${VALUEMAP_MAPPING_TYPE_DEFAULT}"]`);

​

        table.querySelectorAll('tr').forEach((row) => {

            let zselect = row.querySelector('z-select[name$="[type]"]');

            let input = row.querySelector('input[name$="[value]"]');

​

            if (zselect) {

                zselect.getOptionByValue(VALUEMAP_MAPPING_TYPE_DEFAULT).disabled = (default_select

                    && zselect !== default_select

                );

                input.classList.toggle('visibility-hidden', (zselect === default_select));

                input.disabled = (zselect === default_select);

                input.setAttribute('placeholder', type_placeholder[zselect.value]||'');

            }

        });

    }

​

    function mutationHandler(mutation_records, observer) {

        let update = mutation_records.filter((mutation) => {

            return (mutation.target.tagName === 'INPUT' && mutation.target.getAttribute('name').substr(-6) === '[type]')

                || (mutation.target.tagName === 'TBODY' && mutation.removedNodes.length > 0);