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.
146 lines
3.2 KiB
146 lines
3.2 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 CWidgetGauge extends CWidget {
|
|
|
|
static ZBX_STYLE_DASHBOARD_WIDGET_PADDING_V = 8;
|
|
static ZBX_STYLE_DASHBOARD_WIDGET_PADDING_H = 10;
|
|
|
|
onInitialize() {
|
|
this.gauge = null;
|
|
this.gauge_link = document.createElement('a');
|
|
}
|
|
|
|
setDynamicHost(dynamic_hostid) {
|
|
if (this.gauge !== null) {
|
|
this.gauge.destroy();
|
|
this.gauge = null;
|
|
}
|
|
|
|
this._body.innerHTML = '';
|
|
|
|
super.setDynamicHost(dynamic_hostid);
|
|
}
|
|
|
|
onResize() {
|
|
if (this._state === WIDGET_STATE_ACTIVE && this.gauge !== null) {
|
|
this.gauge.setSize(super._getContentsSize());
|
|
}
|
|
}
|
|
|
|
updateProperties({name, view_mode, fields}) {
|
|
if (this.gauge !== null) {
|
|
this.gauge.destroy();
|
|
this.gauge = null;
|
|
}
|
|
|
|
this._body.innerHTML = '';
|
|
|
|
super.updateProperties({name, view_mode, fields});
|
|
}
|
|
|
|
getUpdateRequestData() {
|
|
return {
|
|
...super.getUpdateRequestData(),
|
|
with_config: this.gauge === null ? 1 : undefined
|
|
};
|
|
}
|
|
|
|
setContents(response) {
|
|
if ('body' in response) {
|
|
if (this.gauge !== null) {
|
|
this.gauge.destroy();
|
|
this.gauge = null;
|
|
}
|
|
|
|
this._body.innerHTML = response.body;
|
|
|
|
return;
|
|
}
|
|
|
|
this.gauge_link.href = response.url;
|
|
|
|
const value_data = {
|
|
value: response.value,
|
|
value_text: response.value_text,
|
|
units_text: response.units_text
|
|
};
|
|
|
|
if (this.gauge !== null) {
|
|
this.gauge.setValue(value_data);
|
|
|
|
return;
|
|
}
|
|
|
|
this._body.innerHTML = '';
|
|
this._body.appendChild(this.gauge_link);
|
|
|
|
const padding = {
|
|
vertical: CWidgetGauge.ZBX_STYLE_DASHBOARD_WIDGET_PADDING_V,
|
|
horizontal: CWidgetGauge.ZBX_STYLE_DASHBOARD_WIDGET_PADDING_H
|
|
};
|
|
|
|
this.gauge = new CSVGGauge(this.gauge_link, padding, response.config);
|
|
this.gauge.setSize(super._getContentsSize());
|
|
this.gauge.setValue(value_data);
|
|
}
|
|
|
|
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.gauge === null,
|
|
clickCallback: () => {
|
|
downloadSvgImage(this.gauge.getSVGElement(), 'image.png');
|
|
}
|
|
});
|
|
|
|
return menu;
|
|
}
|
|
|
|
hasPadding() {
|
|
return false;
|
|
}
|
|
}
|