Zabbix

/*

** Zabbix

** Copyright (C) 2001-2023 Zabbix SIA

**

** This program is free software; you can redistribute it and/or modify

** it under the terms of the GNU General Public License as published by

** the Free Software Foundation; either version 2 of the License, or

** (at your option) any later version.

**

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

**

** You should have received a copy of the GNU General Public License

** along with this program; if not, write to the Free Software

** Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.

**/

​

​

/**

 * 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 = 'dashboard-widget-head-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: 'dashboard-widget-head'});

    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) {

        if (this.$btn_submit) {

            e.preventDefault();

            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;