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

**/

​

​

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_RESERVE_HEADER_LINES = 'dashboard-page-reserve-header-lines';

​

class CDashboardPage {

​

    // Dashboard page ready event: informs the dashboard that the dashboard page has been fully loaded (fired once).

    static EVENT_READY = 'dashboard-page-ready';

​

    // Require data source event: informs the dashboard to load the referred data source.

    static EVENT_REQUIRE_DATA_SOURCE = 'dashboard-page-require-data-source';

​

    static PLACEHOLDER_DEFAULT_WIDTH = 6;

    static PLACEHOLDER_DEFAULT_HEIGHT = 2;

​

    // Minimum distance of mouse movement in pixels to assume that user is interacting intentionally.

    static PLACEHOLDER_RESIZE_TRIGGER_DISTANCE = 25;

​

    constructor(target, {

        data,

        dashboard,

        cell_width,

        cell_height,

        max_columns,

        max_rows,

        widget_defaults,

        is_editable,

        is_edit_mode,

        csrf_token = null,

        unique_id

    }) {

        this._target = 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_defaults = widget_defaults;

        this._is_editable = is_editable;

        this._is_edit_mode = is_edit_mode;

        this._csrf_token = csrf_token;

        this._unique_id = unique_id;

​

        this.#initialize();

    }

​

    #initialize() {

        this._state = DASHBOARD_PAGE_STATE_INITIAL;

​

        this._widgets = new Map();

​