Current File : //backups/router/usr/local/opnsense/www/js/widgets/Monit.js
/*
* Copyright (C) 2024 Deciso B.V.
* All rights reserved.
*
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are met:
*
* 1. Redistributions of source code must retain the above copyright notice,
* this list of conditions and the following disclaimer.
*
* 2. Redistributions in binary form must reproduce the above copyright
* notice, this list of conditions and the following disclaimer in the
* documentation and/or other materials provided with the distribution.
*
* THIS SOFTWARE IS PROVIDED ``AS IS'' AND ANY EXPRESS OR IMPLIED WARRANTIES,
* INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY
* AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
* AUTHOR BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY,
* OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
* SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
* INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
* CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
* ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
* POSSIBILITY OF SUCH DAMAGE.
*/
export default class Monit extends BaseTableWidget {
constructor() {
super();
}
getMarkup() {
let $table = this.createTable('monit-table', {
headerPosition: 'left'
});
return $(`<div id="monit-container"></div>`).append($table);
}
async onMarkupRendered() {
this.serviceIcons = {
"0": "fa-hdd-o",
"1": "fa-folder",
"2": "fa-file",
"3": "fa-cogs",
"4": "fa-desktop",
"5": "fa-server",
"6": "fa-sort-amount-asc",
"7": "fa-cube",
"8": "fa-globe"
};
this.serviceMap = [
this.translations.filesystem,
this.translations.directory,
this.translations.file,
this.translations.process,
this.translations.host,
this.translations.system,
this.translations.fifo,
this.translations.custom,
this.translations.network
];
}
async onWidgetTick() {
const data = await this.ajaxCall(`/api/monit/status/get/${'xml'}`);
if (data['result'] !== 'ok') {
$('#monit-table').html(`<a href="/ui/monit">${this.translations.unconfigured}</a>`);
return;
}
let newServices = data['status']['service'];
if (!this.dataChanged('monit-services', newServices)) {
return;
}
this.processServices(newServices);
}
processServices(newServices) {
$('.monit-status-icon').tooltip('hide');
$('.monit-type-icon').tooltip('hide');
let rows = [];
$.each(newServices, (index, service) => {
// We imply that status 0 is ok, and all others are failed. E.g. ping check status 16384 is failed.
let statusColor = service.status === "0" ? "text-success" : "text-danger";
let statusTooltip = service.status === "0" ? this.translations.ok : this.translations.failed;
let serviceIcon = this.serviceIcons[service['@attributes']['type']] || "fa-circle";
let $header = $(`
<div>
<i class="fa fa-circle text-muted ${statusColor} monit-status-icon" style="font-size: 11px; cursor: pointer;"
data-toggle="tooltip" title="${statusTooltip}">
</i>
<i class="fa ${serviceIcon} monit-type-icon" style="font-size: 11px;"
data-toggle="tooltip" title="${this.serviceMap[service['@attributes']['type']]}">
</i>
<a href="/ui/monit/status">${service['name']}</a>
</div>
`);
rows.push([$header.prop('outerHTML'), '']);
});
this.updateTable('monit-table', rows);
$('.monit-status-icon').tooltip({container: 'body'});
$('.monit-type-icon').tooltip({container: 'body'});
}
}
Mini Shell