You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
152 lines
3.0 KiB
152 lines
3.0 KiB
/*
|
|
** 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.
|
|
**/
|
|
|
|
|
|
class CWidgetSvgGraph extends CWidget {
|
|
|
|
onInitialize() {
|
|
this._has_contents = false;
|
|
this._svg_options = {};
|
|
}
|
|
|
|
onActivate() {
|
|
this._activateGraph();
|
|
}
|
|
|
|
onDeactivate() {
|
|
this._deactivateGraph();
|
|
}
|
|
|
|
onResize() {
|
|
if (this._state === WIDGET_STATE_ACTIVE) {
|
|
this._startUpdating();
|
|
}
|
|
}
|
|
|
|
onEdit() {
|
|
this._deactivateGraph();
|
|
}
|
|
|
|
setTimePeriod(time_period) {
|
|
super.setTimePeriod(time_period);
|
|
|
|
if (this._state === WIDGET_STATE_ACTIVE) {
|
|
this._startUpdating();
|
|
}
|
|
}
|
|
|
|
getUpdateRequestData() {
|
|
return {
|
|
...super.getUpdateRequestData(),
|
|
from: this._time_period.from,
|
|
to: this._time_period.to
|
|
};
|
|
}
|
|
|
|
processUpdateResponse(response) {
|
|
this._destroyGraph();
|
|
|
|
super.processUpdateResponse(response);
|
|
|
|
if (response.svg_options !== undefined) {
|
|
this._has_contents = true;
|
|
|
|
this._initGraph({
|
|
sbox: false,
|
|
show_problems: true,
|
|
show_simple_triggers: true,
|
|
hint_max_rows: 20,
|
|
min_period: 60,
|
|
...response.svg_options.data
|
|
});
|
|
}
|
|
else {
|
|
this._has_contents = false;
|
|
}
|
|
}
|
|
|
|
_initGraph(options) {
|
|
this._svg_options = options;
|
|
this._svg = this._body.querySelector('svg');
|
|
jQuery(this._svg).svggraph(this);
|
|
|
|
this._activateGraph();
|
|
}
|
|
|
|
_activateGraph() {
|
|
if (this._has_contents) {
|
|
jQuery(this._svg).svggraph('activate');
|
|
}
|
|
}
|
|
|
|
_deactivateGraph() {
|
|
if (this._has_contents) {
|
|
jQuery(this._svg).svggraph('deactivate');
|
|
}
|
|
}
|
|
|
|
_destroyGraph() {
|
|
if (this._has_contents) {
|
|
this._deactivateGraph();
|
|
this._svg.remove();
|
|
}
|
|
}
|
|
|
|
getActionsContextMenu({can_paste_widget}) {
|
|
const menu = super.getActionsContextMenu({can_paste_widget});
|
|
|
|
if (this.isEditMode()) {
|
|
return menu;
|
|
}
|
|
|
|
let menu_actions = null;
|
|
|
|
for (const search_menu_actions of menu) {
|
|
if ('label' in search_menu_actions && search_menu_actions.label === t('Actions')) {
|
|
menu_actions = search_menu_actions;
|
|
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (menu_actions === null) {
|
|
menu_actions = {
|
|
label: t('Actions'),
|
|
items: []
|
|
};
|
|
|
|
menu.unshift(menu_actions);
|
|
}
|
|
|
|
menu_actions.items.push({
|
|
label: t('Download image'),
|
|
disabled: !this._has_contents,
|
|
clickCallback: () => {
|
|
downloadSvgImage(this._svg, 'image.png');
|
|
}
|
|
});
|
|
|
|
return menu;
|
|
}
|
|
|
|
hasPadding() {
|
|
return true;
|
|
}
|
|
}
|