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

dashboard: traffic widget should persist interface identifiers

Browse Source
This commit is contained in:
Stephan de Wit 2024-12-09 11:11:35 +01:00
parent d6812ec2a1
commit ecfa01b2fa
1 changed files with 14 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/opnsense/www/js/widgets/Traffic.js
View File

@ -132,7 +132,7 @@ export default class Traffic extends BaseWidget {
i++;
this.datasets[dir].push({
label: data.interfaces[intf].name,
hidden: !config.interfaces.includes(data.interfaces[intf].name),
hidden: !config.interfaces.includes(intf),
borderColor: colors[idx],
backgroundColor: this._set_alpha(colors[idx], 0.5),
pointHoverBackgroundColor: colors[idx],
@ -176,7 +176,7 @@ export default class Traffic extends BaseWidget {
let elapsed_time = data.time - dataset.last_time;
if (this.configChanged) {
// check hidden status of dataset
dataset.hidden = !config.interfaces.includes(data.interfaces[intf].name);
dataset.hidden = !config.interfaces.includes(intf);
}
dataset.data.push({
x: new Date(data.time * 1000.0),
@ -215,20 +215,25 @@ export default class Traffic extends BaseWidget {
}
async getWidgetOptions() {
const interfaces = await this.ajaxCall('/api/diagnostics/traffic/interface');
const data = await this.ajaxCall('/api/diagnostics/traffic/interface');
const interfaces = Object.entries(data.interfaces).map(([key, intf]) => {
return [key, intf.name]
});
return {
interfaces: {
title: this.translations.interfaces,
type: 'select_multiple',
options: Object.entries(interfaces.interfaces).map(([key,intf]) => {
options: interfaces.map(([key,intf]) => {
return {
value: intf.name,
label: intf.name,
value: key,
label: intf,
};
}),
default: Object.entries(interfaces.interfaces)
.filter(([key, intf]) => key === 'lan' || key === 'wan')
.map(([key, intf]) => (intf.name))
default: interfaces
.filter(([key]) => key === 'lan' || key === 'wan')
.map(([key]) => (key))
}
};
}