Zabbix

/*

** Zabbix

** Copyright (C) 2001-2022 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-labeledby': this.headerid

    });

​

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

​

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

        class: 'overlay-close-btn',

        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'});