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.

**/

​

​

const DASHBOARD_PAGE_STATE_INITIAL = 'initial';

const DASHBOARD_PAGE_STATE_ACTIVE = 'active';

const DASHBOARD_PAGE_STATE_INACTIVE = 'inactive';

const DASHBOARD_PAGE_STATE_DESTROYED = 'destroyed';

​

const DASHBOARD_PAGE_EVENT_EDIT = 'dashboard-page-edit';

const DASHBOARD_PAGE_EVENT_WIDGET_ADD = 'dashboard-page-widget-add';

const DASHBOARD_PAGE_EVENT_WIDGET_ADD_NEW = 'dashboard-page-widget-add-new';

const DASHBOARD_PAGE_EVENT_WIDGET_DELETE = 'dashboard-page-widget-delete';

const DASHBOARD_PAGE_EVENT_WIDGET_POSITION = 'dashboard-page-widget-position';

const DASHBOARD_PAGE_EVENT_WIDGET_EDIT = 'dashboard-page-widget-edit';

const DASHBOARD_PAGE_EVENT_WIDGET_ACTIONS = 'dashboard-page-widget-actions';

const DASHBOARD_PAGE_EVENT_WIDGET_COPY = 'dashboard-page-widget-copy';

const DASHBOARD_PAGE_EVENT_WIDGET_PASTE = 'dashboard-page-widget-paste';

const DASHBOARD_PAGE_EVENT_ANNOUNCE_WIDGETS = 'dashboard-page-announce-widgets';

const DASHBOARD_PAGE_EVENT_RESERVE_HEADER_LINES = 'dashboard-page-reserve-header-lines';

​

class CDashboardPage extends CBaseComponent {

​

    constructor(target, {

        data,

        dashboard,

        cell_width,

        cell_height,

        max_columns,

        max_rows,

        widget_min_rows,

        widget_max_rows,

        widget_defaults,

        is_editable,

        is_edit_mode,

        can_edit_dashboards,

        time_period,

        dynamic_hostid,

        unique_id

    }) {

        super(document.createElement('div'));

​

        this._dashboard_grid = target;

​

        this._data = {

            dashboard_pageid: data.dashboard_pageid,

            name: data.name,

            display_period: data.display_period

        };

​

        this._dashboard = {

            templateid: dashboard.templateid,

            dashboardid: dashboard.dashboardid

        };

​

        this._cell_width = cell_width;

        this._cell_height = cell_height;

        this._max_columns = max_columns;

        this._max_rows = max_rows;

        this._widget_min_rows = widget_min_rows;

        this._widget_max_rows = widget_max_rows;

        this._widget_defaults = widget_defaults;

        this._is_editable = is_editable;

        this._is_edit_mode = is_edit_mode;

        this._can_edit_dashboards = can_edit_dashboards;

        this._time_period = time_period;

        this._dynamic_hostid = dynamic_hostid;

        this._unique_id = unique_id;

​

        this._init();

        this._registerEvents();

    }

​

    _init() {

        this._state = DASHBOARD_PAGE_STATE_INITIAL;