mirror of
https://github.com/ntop/ntopng.git
synced 2026-04-29 07:29:32 +00:00
28 lines
1.1 KiB
Text
28 lines
1.1 KiB
Text
{#
|
|
(C) 2021 - ntop.org
|
|
Each widget contained inside the widgets folder has this following field:
|
|
* widget
|
|
#}
|
|
<div class="widget chart-widget" id="widget-{{ widget_name }}" style="{* css_styles *}">
|
|
<div class="widget-error text-center text-danger" style="display: none; height: 100%; margin-top: 2rem">
|
|
Something went wrong when loading this chart.
|
|
</div>
|
|
{% if not isEmptyString(displaying_label) then %}
|
|
<h3 class="widget-name">{{ displaying_label }}</h3>
|
|
{% end %}
|
|
<div id="canvas-widget-{{widget_name}}"></div>
|
|
</div>
|
|
<script type="text/javascript">
|
|
$(document).ready(async function() {
|
|
const datasource = {* json.encode(widget.datasources) *};
|
|
const additionalParams = {* json.encode(widget.additional_params) *};
|
|
const $error = $(`#widget-{{ widget_name }} .widget-error`);
|
|
try {
|
|
await new ChartWidget("{{ widget_name }}", "{{ widget.type }}", datasource[0], {{ widget.update_time }}, additionalParams).init();
|
|
}
|
|
catch (e) {
|
|
console.error("Something went wrong when loading the chart!", e);
|
|
$error.show();
|
|
}
|
|
});
|
|
</script>
|