IntenseWebs/LibreQoS
3
0
Fork 0
mirror of https://github.com/LibreQoE/LibreQoS.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

More theme application.

Browse Source
This commit is contained in:
Herbert Wolverson 2024-07-23 08:36:41 -05:00
parent 23e7655065
commit 2fd853aadc
9 changed files with 117 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/rust/lqosd/src/node_manager/js_build/src/graphs/cake_backlog.js
View File

@ -27,25 +27,25 @@ export class CakeBacklog extends DashboardGraph {
name: "Bulk",
icon: 'circle',
itemStyle: {
color: "gray"
color: window.graphPalette[0]
}
}, {
name: "Best Effort",
icon: 'circle',
itemStyle: {
color: "green"
color: window.graphPalette[1]
}
}, {
name: "RT Video",
icon: 'circle',
itemStyle: {
color: "orange"
color: window.graphPalette[2]
}
}, {
name: "Voice",
icon: 'circle',
itemStyle: {
color: "yellow"
color: window.graphPalette[3]
}
}
]
@ -69,6 +69,7 @@ export class CakeBacklog extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[0] }
},
{
name: 'Best Effort',
@ -76,6 +77,7 @@ export class CakeBacklog extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[1] }
},
{
name: 'RT Video',
@ -83,6 +85,7 @@ export class CakeBacklog extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[2] }
},
{
name: 'Voice',
@ -90,6 +93,7 @@ export class CakeBacklog extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[3] }
},
{
name: 'Bulk Up',
@ -97,6 +101,7 @@ export class CakeBacklog extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[0] },
},
{
name: 'Best Effort Up',
@ -104,6 +109,7 @@ export class CakeBacklog extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[1] }
},
{
name: 'RT Video Up',
@ -111,6 +117,7 @@ export class CakeBacklog extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[2] }
},
{
name: 'RT Voice Up',
@ -118,6 +125,7 @@ export class CakeBacklog extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[3] }
},
],
tooltip: {

16
src/rust/lqosd/src/node_manager/js_build/src/graphs/cake_delays.js
View File

@ -27,25 +27,25 @@ export class CakeDelays extends DashboardGraph {
name: "Bulk",
icon: 'circle',
itemStyle: {
color: "gray"
color: window.graphPalette[0]
}
}, {
name: "Best Effort",
icon: 'circle',
itemStyle: {
color: "green"
color: window.graphPalette[1]
}
}, {
name: "RT Video",
icon: 'circle',
itemStyle: {
color: "orange"
color: window.graphPalette[2]
}
}, {
name: "Voice",
icon: 'circle',
itemStyle: {
color: "yellow"
color: window.graphPalette[3]
}
}
]
@ -64,6 +64,7 @@ export class CakeDelays extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[0] }
},
{
name: 'Best Effort',
@ -71,6 +72,7 @@ export class CakeDelays extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[1] }
},
{
name: 'RT Video',
@ -78,6 +80,7 @@ export class CakeDelays extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[2] }
},
{
name: 'Voice',
@ -85,6 +88,7 @@ export class CakeDelays extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[3] }
},
{
name: 'Bulk Up',
@ -92,6 +96,7 @@ export class CakeDelays extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[0] },
},
{
name: 'Best Effort Up',
@ -99,6 +104,7 @@ export class CakeDelays extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[1] }
},
{
name: 'RT Video Up',
@ -106,6 +112,7 @@ export class CakeDelays extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[2] }
},
{
name: 'RT Voice Up',
@ -113,6 +120,7 @@ export class CakeDelays extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[3] }
},
],
tooltip: {

16
src/rust/lqosd/src/node_manager/js_build/src/graphs/cake_drops.js
View File

@ -27,25 +27,25 @@ export class CakeDrops extends DashboardGraph {
name: "Bulk",
icon: 'circle',
itemStyle: {
color: "gray"
color: window.graphPalette[0]
}
}, {
name: "Best Effort",
icon: 'circle',
itemStyle: {
color: "green"
color: window.graphPalette[1]
}
}, {
name: "RT Video",
icon: 'circle',
itemStyle: {
color: "orange"
color: window.graphPalette[2]
}
}, {
name: "Voice",
icon: 'circle',
itemStyle: {
color: "yellow"
color: window.graphPalette[3]
}
}
]
@ -69,6 +69,7 @@ export class CakeDrops extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[0] }
},
{
name: 'Best Effort',
@ -76,6 +77,7 @@ export class CakeDrops extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[1] }
},
{
name: 'RT Video',
@ -83,6 +85,7 @@ export class CakeDrops extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[2] }
},
{
name: 'Voice',
@ -90,6 +93,7 @@ export class CakeDrops extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[3] }
},
{
name: 'Bulk Up',
@ -97,6 +101,7 @@ export class CakeDrops extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[0] }
},
{
name: 'Best Effort Up',
@ -104,6 +109,7 @@ export class CakeDrops extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[1] }
},
{
name: 'RT Video Up',
@ -111,6 +117,7 @@ export class CakeDrops extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[2] }
},
{
name: 'RT Voice Up',
@ -118,6 +125,7 @@ export class CakeDrops extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[3] }
},
],
tooltip: {

16
src/rust/lqosd/src/node_manager/js_build/src/graphs/cake_marks.js
View File

@ -27,25 +27,25 @@ export class CakeMarks extends DashboardGraph {
name: "Bulk",
icon: 'circle',
itemStyle: {
color: "gray"
color: window.graphPalette[0]
}
}, {
name: "Best Effort",
icon: 'circle',
itemStyle: {
color: "green"
color: window.graphPalette[1]
}
}, {
name: "RT Video",
icon: 'circle',
itemStyle: {
color: "orange"
color: window.graphPalette[2]
}
}, {
name: "Voice",
icon: 'circle',
itemStyle: {
color: "yellow"
color: window.graphPalette[3]
}
}
]
@ -69,6 +69,7 @@ export class CakeMarks extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[0] }
},
{
name: 'Best Effort',
@ -76,6 +77,7 @@ export class CakeMarks extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[1] }
},
{
name: 'RT Video',
@ -83,6 +85,7 @@ export class CakeMarks extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[2] }
},
{
name: 'Voice',
@ -90,6 +93,7 @@ export class CakeMarks extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[3] }
},
{
name: 'Bulk Up',
@ -97,6 +101,7 @@ export class CakeMarks extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[0] },
},
{
name: 'Best Effort Up',
@ -104,6 +109,7 @@ export class CakeMarks extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[1] }
},
{
name: 'RT Video Up',
@ -111,6 +117,7 @@ export class CakeMarks extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[2] }
},
{
name: 'RT Voice Up',
@ -118,6 +125,7 @@ export class CakeMarks extends DashboardGraph {
type: 'scatter',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[3] }
},
],
tooltip: {

18
src/rust/lqosd/src/node_manager/js_build/src/graphs/cake_queue_length.js
View File

@ -27,7 +27,7 @@ export class CakeQueueLength extends DashboardGraph {
name: "Queue Length",
icon: 'circle',
itemStyle: {
color: "orange"
color: window.graphPalette[0]
}
}
]
@ -43,20 +43,24 @@ export class CakeQueueLength extends DashboardGraph {
{
name: 'Queue Length',
data: [],
type: 'line',
type: 'scatter',
lineStyle: {
color: 'orange',
color: window.graphPalette[0]
},
symbol: 'none',
symbol: 'circle',
symbolSize: 2,
itemStyle: window.graphPalette[0]
},
{
name: 'Queue Length Up',
data: [],
type: 'line',
type: 'scatter',
lineStyle: {
color: 'orange',
color: window.graphPalette[0]
},
symbol: 'none',
symbol: 'circle',
symbolSize: 2,
itemStyle: window.graphPalette[0]
},
],
tooltip: {

72
src/rust/lqosd/src/node_manager/js_build/src/graphs/cake_traffic.js
View File

@ -27,25 +27,25 @@ export class CakeTraffic extends DashboardGraph {
name: "Bulk",
icon: 'circle',
itemStyle: {
color: "gray"
color: window.graphPalette[0]
}
}, {
name: "Best Effort",
icon: 'circle',
itemStyle: {
color: "green"
color: window.graphPalette[1]
}
}, {
name: "RT Video",
icon: 'circle',
itemStyle: {
color: "orange"
color: window.graphPalette[2]
}
}, {
name: "Voice",
icon: 'circle',
itemStyle: {
color: "yellow"
color: window.graphPalette[3]
}
}
]
@ -66,74 +66,90 @@ export class CakeTraffic extends DashboardGraph {
{
name: 'Bulk',
data: [],
type: 'line',
type: 'scatter',
lineStyle: {
color: 'gray',
color: window.graphPalette[0],
},
symbol: 'none',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[0] }
},
{
name: 'Best Effort',
data: [],
type: 'line',
type: 'scatter',
lineStyle: {
color: 'green',
color: window.graphPalette[1]
},
symbol: 'none',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[1] }
},
{
name: 'RT Video',
data: [],
type: 'line',
type: 'scatter',
lineStyle: {
color: 'orange',
color: window.graphPalette[2]
},
symbol: 'none',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[2] }
},
{
name: 'Voice',
data: [],
type: 'line',
type: 'scatter',
lineStyle: {
color: 'yellow',
color: window.graphPalette[3]
},
symbol: 'none',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[3] }
},
{
name: 'Bulk Up',
data: [],
type: 'line',
type: 'scatter',
lineStyle: {
color: 'gray',
color: window.graphPalette[0],
},
symbol: 'none',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[0] }
},
{
name: 'Best Effort Up',
data: [],
type: 'line',
type: 'scatter',
lineStyle: {
color: 'green',
color: window.graphPalette[1]
},
symbol: 'none',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[1] }
},
{
name: 'RT Video Up',
data: [],
type: 'line',
type: 'scatter',
lineStyle: {
color: 'orange',
color: window.graphPalette[2]
},
symbol: 'none',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[2] }
},
{
name: 'RT Voice Up',
data: [],
type: 'line',
type: 'scatter',
lineStyle: {
color: 'yellow',
color: window.graphPalette[3]
},
symbol: 'none',
symbol: 'circle',
symbolSize: 2,
itemStyle: { color: window.graphPalette[3] }
},
],
tooltip: {

8
src/rust/lqosd/src/node_manager/js_build/src/graphs/circuit_retransmit_graph.js
View File

@ -29,13 +29,13 @@ export class CircuitRetransmitGraph extends DashboardGraph {
name: "Download",
icon: 'circle',
itemStyle: {
color: "green"
color: window.graphPalette[0]
}
}, {
name: "Upload",
icon: 'circle',
itemStyle: {
color: "orange"
color: window.graphPalette[1]
}
}
],
@ -61,7 +61,7 @@ export class CircuitRetransmitGraph extends DashboardGraph {
data: [],
type: 'line',
lineStyle: {
color: 'green',
color: window.graphPalette[0]
},
symbol: 'none',
},
@ -70,7 +70,7 @@ export class CircuitRetransmitGraph extends DashboardGraph {
data: [],
type: 'line',
lineStyle: {
color: 'green',
color: window.graphPalette[1]
},
symbol: 'none',
},

8
src/rust/lqosd/src/node_manager/js_build/src/graphs/circuit_throughput_graph.js
View File

@ -29,13 +29,13 @@ export class CircuitTotalGraph extends DashboardGraph {
name: "Download",
icon: 'circle',
itemStyle: {
color: "green"
color: window.graphPalette[0]
}
}, {
name: "Upload",
icon: 'circle',
itemStyle: {
color: "orange"
color: window.graphPalette[1]
}
}
],
@ -61,7 +61,7 @@ export class CircuitTotalGraph extends DashboardGraph {
data: [],
type: 'line',
lineStyle: {
color: 'green',
color: window.graphPalette[0]
},
symbol: 'none',
},
@ -70,7 +70,7 @@ export class CircuitTotalGraph extends DashboardGraph {
data: [],
type: 'line',
lineStyle: {
color: 'green',
color: window.graphPalette[1]
},
symbol: 'none',
},

6
src/rust/lqosd/src/node_manager/static2/node_manager.css
View File

@ -90,6 +90,12 @@ body {
font-size: 9pt;
text-overflow: ellipsis;
}
h5 {
color: var(--bs-secondary-text-emphasis)
}
.table>:not(caption)>*>* {
color: var(--bs-secondary-color);
}
/* Funky tricks for the tree view */
.overlayThroughputWrapper {