Difuse/luci
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #6723 from knarrff/channel_analysis__base-channel

Browse source 
luci-mod-status: highlight primary 20 MHz channel
This commit is contained in:
Paul Donald 2023-12-18 00:21:01 +01:00 committed by GitHub
commit 8b651996ff
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 43 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
modules/luci-mod-status/htdocs/luci-static/resources/svg/channel_analysis.svg
View file

@ -16,4 +16,21 @@
<line x1="0" y1="90%" x2="100%" y2="90%" style="stroke:black;stroke-width:0.1" />
<text id="label_10" x="10" y="89%" style="fill:#eee; font-size:9pt; font-family:sans-serif; text-shadow:1px 1px 1px #000">-90 dbm</text>
<defs>
<linearGradient id="GradientVerticalCenteredBlack">
<stop class="stopinvis" offset="0%" />
<stop class="stopblack" offset="50%" />
<stop class="stopinvis" offset="100%" />
</linearGradient>
</defs>
<style>
.stopinvis {
stop-color: "transparent";
stop-opacity: 0;
}
.stopblack {
stop-color: "black";
stop-opacity: .1;
}
</style>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

35
modules/luci-mod-status/htdocs/luci-static/resources/view/status/channel_analysis.js
View file

@ -64,14 +64,6 @@ return view.extend({
scanCache[res.bssid].graph = [];
channels.forEach(function(channel) {
var chan_offset = offset_tbl[channel],
points = [
(chan_offset-(step*channel_width))+','+height,
(chan_offset-(step*(channel_width-1)))+','+height_diff,
(chan_offset+(step*(channel_width-1)))+','+height_diff,
(chan_offset+(step*(channel_width)))+','+height
];
if (scanCache[res.bssid].graph[i] == null) {
var group = document.createElementNS('http://www.w3.org/2000/svg', 'g'),
line = document.createElementNS('http://www.w3.org/2000/svg', 'polyline'),
@ -88,8 +80,33 @@ return view.extend({
chan_analysis.graph.firstElementChild.appendChild(group);
scanCache[res.bssid].graph[i] = { group : group, line : line, text : text };
}
if (channel_width > 2) {
if (!("main" in scanCache[res.bssid].graph[i])) {
var main = document.createElementNS('http://www.w3.org/2000/svg', 'polyline');
main.setAttribute('style', 'fill:url(#GradientVerticalCenteredBlack)');
scanCache[res.bssid].graph[i].group.appendChild(main)
chan_analysis.graph.firstElementChild.lastElementChild.appendChild(main);
scanCache[res.bssid].graph[i]["main"] = main;
}
var main_offset = offset_tbl[res.channel],
points = [
(main_offset-(step*(2 )))+','+height,
(main_offset-(step*(2-1)))+','+height_diff,
(main_offset+(step*(2-1)))+','+height_diff,
(main_offset+(step*(2 )))+','+height
];
scanCache[res.bssid].graph[i].main.setAttribute('points', points);
}
scanCache[res.bssid].graph[i].text.setAttribute('x', chan_offset-step);
var chan_offset = offset_tbl[channel],
points = [
(chan_offset-(step*(channel_width )))+','+height,
(chan_offset-(step*(channel_width-1)))+','+height_diff,
(chan_offset+(step*(channel_width-1)))+','+height_diff,
(chan_offset+(step*(channel_width )))+','+height
];
scanCache[res.bssid].graph[i].text.setAttribute('x', offset_tbl[res.channel]-step);
scanCache[res.bssid].graph[i].text.setAttribute('y', height_diff - 2);
scanCache[res.bssid].graph[i].line.setAttribute('points', points);
scanCache[res.bssid].graph[i].group.style.zIndex = res.signal*-1;