/*
** 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;
	}
}