addJsFile('flickerfreescreen.js'); $this->addJsFile('gtlc.js'); $this->addJsFile('leaflet.js'); $this->addJsFile('leaflet.markercluster.js'); $this->addJsFile('class.dashboard.js'); $this->addJsFile('class.dashboard.page.js'); $this->addJsFile('class.dashboard.widget.placeholder.js'); $this->addJsFile('class.geomaps.js'); $this->addJsFile('class.widget-base.js'); $this->addJsFile('class.widget.js'); $this->addJsFile('class.widget.inaccessible.js'); $this->addJsFile('class.widget.iterator.js'); $this->addJsFile('class.widget.paste-placeholder.js'); $this->addJsFile('class.form.fieldset.collapsible.js'); $this->addJsFile('class.calendar.js'); $this->addJsFile('layout.mode.js'); $this->addJsFile('class.coverride.js'); $this->addJsFile('class.crangecontrol.js'); $this->addJsFile('colorpicker.js'); $this->addJsFile('class.csvggraph.js'); $this->addJsFile('class.cnavtree.js'); $this->addJsFile('class.svg.canvas.js'); $this->addJsFile('class.svg.map.js'); $this->addJsFile('class.csvggauge.js'); $this->addJsFile('class.tagfilteritem.js'); $this->addJsFile('class.sortable.js'); $this->includeJsFile('monitoring.dashboard.view.js.php'); $this->addCssFile('assets/styles/vendors/Leaflet/Leaflet/leaflet.css'); $this->enableLayoutModes(); $web_layout_mode = $this->getLayoutMode(); $main_filter_form = null; if ($data['dynamic']['has_dynamic_widgets']) { $main_filter_form = (new CForm('get')) ->setAttribute('name', 'dashboard_filter') ->setAttribute('aria-label', _('Main filter')) ->addVar('action', 'dashboard.view') ->addItem([ (new CLabel(_('Host'), 'dynamic_hostid_ms'))->addStyle('margin-right: 5px;'), (new CMultiSelect([ 'name' => 'dynamic_hostid', 'object_name' => 'hosts', 'data' => $data['dynamic']['host'] ? [$data['dynamic']['host']] : [], 'multiple' => false, 'popup' => [ 'parameters' => [ 'srctbl' => 'hosts', 'srcfld1' => 'hostid', 'dstfrm' => 'dashboard_filter', 'dstfld1' => 'dynamic_hostid', 'monitored_hosts' => true, 'with_items' => true ] ] ]))->setWidth(ZBX_TEXTAREA_FILTER_STANDARD_WIDTH) ]); } $html_page = (new CHtmlPage()) ->setTitle($data['dashboard']['name']) ->setWebLayoutMode($web_layout_mode) ->setDocUrl(CDocHelper::getUrl(CDocHelper::DASHBOARDS_VIEW)) ->setControls( (new CList()) ->setId('dashboard-control') ->addItem($main_filter_form) ->addItem((new CTag('nav', true, (new CList()) ->addItem( (new CButton('dashboard-edit', _('Edit dashboard'))) ->setEnabled($data['dashboard']['can_edit_dashboards'] && $data['dashboard']['editable']) ->setAttribute('aria-disabled', !$data['dashboard']['editable'] ? 'true' : null) ) ->addItem( (new CSimpleButton()) ->addClass(ZBX_STYLE_BTN_ACTION) ->addClass(ZBX_ICON_MENU) ->setId('dashboard-actions') ->setTitle(_('Actions')) ->setEnabled($data['dashboard']['can_edit_dashboards'] || $data['dashboard']['can_view_reports'] ) ->setAttribute('aria-haspopup', true) ->setMenuPopup(CMenuPopupHelper::getDashboard($data['dashboard']['dashboardid'], $data['dashboard']['editable'], $data['dashboard']['has_related_reports'], $data['dashboard']['can_edit_dashboards'], $data['dashboard']['can_view_reports'], $data['dashboard']['can_create_reports'] )) ) ->addItem(get_icon('kioskmode', ['mode' => $web_layout_mode])) ))->setAttribute('aria-label', _('Content controls'))) ->addItem((new CListItem( (new CTag('nav', true, new CList([ (new CButton('dashboard-config')) ->addClass(ZBX_STYLE_BTN_ICON) ->addClass(ZBX_ICON_COG_FILLED), (new CList()) ->addClass(ZBX_STYLE_BTN_SPLIT) ->addItem( (new CButton('dashboard-add-widget', _('Add'))) ->addClass(ZBX_STYLE_BTN_ALT) ->addClass(ZBX_ICON_PLUS_SMALL) ) ->addItem( (new CButton('dashboard-add')) ->addClass(ZBX_STYLE_BTN_ALT) ->addClass(ZBX_ICON_CHEVRON_DOWN_SMALL) ), (new CButton('dashboard-save', _('Save changes'))), (new CLink(_('Cancel'), '#'))->setId('dashboard-cancel'), '' ]))) ->setAttribute('aria-label', _('Content controls')) ->addClass(ZBX_STYLE_DASHBOARD_EDIT) ))->addStyle('display: none')) ) ->setKioskModeControls( count($data['dashboard']['pages']) > 1 ? (new CList()) ->addClass(ZBX_STYLE_DASHBOARD_KIOSKMODE_CONTROLS) ->addItem( (new CSimpleButton()) ->addClass(ZBX_ICON_CHEVRON_LEFT) ->addClass(ZBX_STYLE_BTN_DASHBOARD_KIOSKMODE_PREVIOUS_PAGE) ->setTitle(_('Previous page')) ) ->addItem( (new CSimpleButton()) ->addClass(ZBX_ICON_PAUSE) ->addClass(ZBX_STYLE_BTN_DASHBOARD_KIOSKMODE_TOGGLE_SLIDESHOW) ->setTitle(($data['dashboard']['dashboardid'] !== null && $data['dashboard']['auto_start'] == 1) ? _s('Stop slideshow') : _s('Start slideshow') ) ->addClass( ($data['dashboard']['dashboardid'] !== null && $data['dashboard']['auto_start'] == 1) ? 'slideshow-state-started' : 'slideshow-state-stopped' ) ) ->addItem( (new CSimpleButton()) ->addClass(ZBX_ICON_CHEVRON_RIGHT) ->addClass(ZBX_STYLE_BTN_DASHBOARD_KIOSKMODE_NEXT_PAGE) ->setTitle(_('Next page')) ) : null ) ->setNavigation((new CList())->addItem(new CBreadcrumbs([ (new CSpan())->addItem(new CLink(_('All dashboards'), (new CUrl('zabbix.php'))->setArgument('action', 'dashboard.list') )), (new CSpan()) ->addItem((new CLink($data['dashboard']['name'], (new CUrl('zabbix.php')) ->setArgument('action', 'dashboard.view') ->setArgument('dashboardid', $data['dashboard']['dashboardid']))) ->setId('dashboard-direct-link') ) ->addClass(ZBX_STYLE_SELECTED) ]))); if ($data['has_time_selector']) { $html_page->addItem( (new CFilter()) ->setProfile($data['time_period']['profileIdx'], $data['time_period']['profileIdx2']) ->setActiveTab($data['active_tab']) ->addTimeSelector($data['time_period']['from'], $data['time_period']['to'], $web_layout_mode != ZBX_LAYOUT_KIOSKMODE ) ); } $dashboard = (new CDiv())->addClass(ZBX_STYLE_DASHBOARD); if (count($data['dashboard']['pages']) > 1) { $dashboard->addClass(ZBX_STYLE_DASHBOARD_IS_MULTIPAGE); } if ($data['dashboard']['dashboardid'] === null) { $dashboard->addClass(ZBX_STYLE_DASHBOARD_IS_EDIT_MODE); } if ($web_layout_mode != ZBX_LAYOUT_KIOSKMODE) { $dashboard->addItem( (new CDiv()) ->addClass(ZBX_STYLE_DASHBOARD_NAVIGATION) ->addItem((new CDiv())->addClass(ZBX_STYLE_DASHBOARD_NAVIGATION_TABS)) ->addItem( (new CDiv()) ->addClass(ZBX_STYLE_DASHBOARD_NAVIGATION_CONTROLS) ->addItem([ (new CButtonIcon(ZBX_ICON_CHEVRON_LEFT, _('Previous page'))) ->addClass(ZBX_STYLE_BTN_DASHBOARD_PREVIOUS_PAGE) ->setEnabled(false), (new CButtonIcon(ZBX_ICON_CHEVRON_RIGHT, _('Next page'))) ->addClass(ZBX_STYLE_BTN_DASHBOARD_NEXT_PAGE) ->setEnabled(false), (new CSimpleButton([ (new CSpan(_s('Start slideshow')))->addClass('slideshow-state-stopped'), (new CSpan(_s('Stop slideshow')))->addClass('slideshow-state-started') ])) ->addClass(ZBX_STYLE_BTN_DASHBOARD_TOGGLE_SLIDESHOW) ->addClass(ZBX_STYLE_BTN_ALT) ->addClass( ($data['dashboard']['dashboardid'] !== null && $data['dashboard']['auto_start'] == 1) ? 'slideshow-state-started' : 'slideshow-state-stopped' ) ]) ) ); } $dashboard->addItem((new CDiv())->addClass(ZBX_STYLE_DASHBOARD_GRID)); $html_page ->addItem($dashboard) ->show(); (new CScriptTag(' view.init('.json_encode([ 'dashboard' => $data['dashboard'], 'widget_defaults' => $data['widget_defaults'], 'widget_last_type' => $data['widget_last_type'], 'configuration_hash' => $data['configuration_hash'], 'has_time_selector' => $data['has_time_selector'], 'time_period' => $data['time_period'], 'dynamic' => $data['dynamic'], 'web_layout_mode' => $web_layout_mode, 'clone' => $data['clone'] ]).'); ')) ->setOnDocumentReady() ->show();