%PDF- %PDF-
| Direktori : /proc/thread-self/root/backups/router/usr/local/opnsense/www/js/widgets/ |
| Current File : //proc/thread-self/root/backups/router/usr/local/opnsense/www/js/widgets/Carp.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 Carp extends BaseTableWidget {
constructor() {
super();
}
getGridOptions() {
return {
// trigger overflow-y:scroll after 650px height
sizeToContent: 650
}
}
getMarkup() {
let $carp_table = this.createTable('carp-table', {
headerPosition: 'left',
});
return $('<div></div>').append($carp_table);
}
async onWidgetTick() {
const data = await this.ajaxCall('/api/diagnostics/interface/get_vip_status');
if (!data.rows.length) {
$('#carp-table').html(`<a href="/ui/interfaces/vip">${this.translations.unconfigured}</a>`);
return;
}
$('.carp-status-icon').tooltip('hide');
let ifs = {};
data.rows.forEach(({ interface: iface, vhid, status, status_txt, subnet, mode, vhid_txt }) => {
let key = `${iface}_${vhid}`;
let obj = { interface: iface, vhid, status, status_txt, subnet: subnet ?? '', mode, vhid_txt };
if (!ifs[key]) {
ifs[key] = { primary: null, aliases: [] };
}
obj.mode === 'carp' ? ifs[key].primary = obj : ifs[key].aliases.push(obj);
});
Object.values(ifs).forEach(({ primary, aliases }) => {
if (primary == null) {
return;
}
let $intf = `<div>
<a href="/ui/interfaces/vip#search=${encodeURIComponent(primary.interface)}" target="_blank" rel="noopener noreferrer">
${primary.interface} @ VHID ${primary.vhid}
</a>
</div>`;
let vips = [
`<div>
<span class="badge badge-pill carp-status-icon"
data-toggle="tooltip"
title="${primary.vhid_txt}"
style="background-color: ${primary.status == 'MASTER' ? 'green' : 'primary'}">
${primary.status_txt}
</span>
${primary.subnet} (${this.translations.carp})
</div>`
];
aliases.forEach(({ status, status_txt, subnet }) => {
vips.push(`
<div>
<span class="badge badge-pill carp-status-icon"
data-toggle="tooltip"
title="${primary.vhid_txt}"
style="background-color: ${status == 'MASTER' ? 'green' : 'primary'}">
${status_txt}
</span>
${subnet} (${this.translations.alias})
</div>
`);
});
this.updateTable('carp-table', [[$intf, vips]], `carp_${primary.interface}_${primary.vhid}`);
});
$('.carp-status-icon').tooltip({container: 'body'});
}
}