Zabbix

/*

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

**/

​

​

/**

 * Overlay object DOM node to be mounted before document body closing tag.

 *

 * @param {string} type

 * @param {string} (optional) dialogueid

 *

 * @prop {jQuery} $dialogue

 * @prop {jQuery} $backdrop

 * @prop {string} type

 * @prop {string} headerid

 */

function Overlay(type, dialogueid) {

    this.type = type;

    this.dialogueid = dialogueid || overlays_stack.getNextId();

    this.headerid =  'overlay-dialogue-header-title-' + this.dialogueid;

    this.$backdrop = jQuery('<div>', {

        'class': 'overlay-bg',

        'data-dialogueid': this.dialogueid

    });

​

    this.$dialogue = jQuery('<div>', {

        'class': 'overlay-dialogue modal',

        'data-dialogueid': this.dialogueid,

        'role': 'dialog',

        'aria-modal': 'true',

        'aria-labelledby': this.headerid

    });

​

    this.$dialogue.$header = jQuery('<h4>', {id: this.headerid});

​

    const $close_btn = jQuery('<button>', {

        class: 'btn-overlay-close',

        title: t('S_CLOSE')

    }).click(function(e) {

        overlayDialogueDestroy(this.dialogueid);

        e.preventDefault();

    }.bind(this));

​

    this.$dialogue.$controls = jQuery('<div>', {class: 'overlay-dialogue-controls'});

    this.$dialogue.$head = jQuery('<div>', {class: 'overlay-dialogue-header'});

    this.$dialogue.$body = jQuery('<div>', {class: 'overlay-dialogue-body'});

    this.$dialogue.$debug = jQuery('<pre>', {class: 'debug-output'});

    this.$dialogue.$footer = jQuery('<div>', {class: 'overlay-dialogue-footer'});

    this.$dialogue.$script = jQuery('<script>');

​

    this.$dialogue.$head.append(this.$dialogue.$header, $close_btn);

​

    this.$dialogue.append(this.$dialogue.$head);

    this.$dialogue.append(this.$dialogue.$body);

    this.$dialogue.append(this.$dialogue.$footer);

​

    this.$dialogue.$body.on('submit', 'form', function(e) {

        e.preventDefault();

​

        if (this.$btn_submit && this.$btn_submit.prop('disabled') === false) {

            this.$btn_submit.trigger('click');

        }

    }.bind(this));

​

    this.center_dialog_animation_frame = null;

    this.center_dialog_function = () => {

        if (this.center_dialog_animation_frame !== null) {

            cancelAnimationFrame(this.center_dialog_animation_frame);

        }

​

        this.center_dialog_animation_frame = requestAnimationFrame(() => {

            this.center_dialog_animation_frame = null;

            this.centerDialog();

        });

    };

​

    var body_mutation_observer = window.MutationObserver || window.WebKitMutationObserver;

    this.body_mutation_observer = new body_mutation_observer(this.center_dialog_function);

​

    jQuery(window).resize(function() {

        this.$dialogue.is(':visible') && this.centerDialog();