lucaspalomodevelop/core
1
0
Fork 0
mirror of https://github.com/lucaspalomodevelop/core.git synced 2026-03-16 09:34:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

dashboard: openvpn clients: properly manage state for tooltips and include client status in tooltip title

Browse Source
This commit is contained in:
Stephan de Wit 2024-07-11 14:54:03 +02:00
parent 6882c30f5b
commit 07941e14b3
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/opnsense/www/js/widgets/OpenVPNClients.js
View File

@ -100,23 +100,23 @@ export default class OpenVPNClients extends BaseTableWidget {
// sort the sessions per server
server.clients.sort((a, b) => (b.bytes_received + b.bytes_sent) - (a.bytes_received + a.bytes_sent));
server.clients.forEach((client) => {
let color = "text-success";
let color = "text-muted";
// disabled servers are not included in the list. Stopped servers have no "status" property
if (client.status) {
// server active, status may either be 'ok' or 'failed'
if (client.status === 'failed') {
color = "text-danger";
} else {
color = "text-success";
}
} else {
// server is stopped
color = "text-muted";
}
$clients.append($(`
<div class="ovpn-client-container">
<div class="ovpn-common-name">
<i class="fa fa-circle ${color}" style="font-size: 11px;">
<i class="ovpn-client-status fa fa-circle ${color}"
style="font-size: 11px; cursor: pointer;"
data-toggle="tooltip"
title="${client.status}">
</i>
&nbsp;
<a href="/ui/openvpn/status">${client.common_name}</a>
@ -164,13 +164,16 @@ export default class OpenVPNClients extends BaseTableWidget {
});
};
$('.ovpn-client-command').tooltip({container: 'body'});
}
async onWidgetTick() {
if (!this.locked) {
$('.ovpn-client-command').tooltip('hide');
$('.ovpn-client-status').tooltip('hide');
await this.updateClients();
}
$('.ovpn-client-command').tooltip({container: 'body'});
$('.ovpn-client-status').tooltip({container: 'body'});
}
}