jalil/gnome-extension-wifi-signal-plus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Replace nearby card signal percentage with colored bar gauge

Browse source
This commit is contained in:
Jalil Arfaoui 2026-02-27 12:43:53 +01:00
parent 8fa946085d
commit b186c99efb
2 changed files with 31 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

45
src/extension.ts
View file

@ -739,7 +739,11 @@ export default class WifiSignalPlusExtension extends Extension {
card._ssid = ssid;
card.add_style_class_name('wifi-nearby-card');
this.createCardHeader(card, ssid, bestAp, allAps.length);
const barTrack = this.createCardHeader(card, ssid, bestAp, allAps.length);
card.menu.connect('open-state-changed', (_menu: PopupMenu.PopupSubMenu, isOpen: boolean): undefined => {
barTrack.visible = !isOpen;
});
for (const ap of allAps) {
const row = this.createApRow(ap);
@ -754,7 +758,7 @@ export default class WifiSignalPlusExtension extends Extension {
ssid: string,
bestAp: ScannedNetwork,
apCount: number,
): void {
): St.Widget {
const headerBox = new St.BoxLayout({
style_class: 'wifi-nearby-card-header',
x_expand: true,
@ -777,7 +781,29 @@ export default class WifiSignalPlusExtension extends Extension {
const metricsBox = this.createCardMetrics(bestAp, apCount);
headerBox.add_child(metricsBox);
card.replace_child(card.label, headerBox);
const outerBox = new St.BoxLayout({ vertical: true, x_expand: true });
outerBox.add_child(headerBox);
const quality = getSignalQualityFromPercent(bestAp.signalPercent);
const signalColor = SIGNAL_QUALITY_BAR_COLORS[quality] ?? '#ffffff';
const barTrack = new St.Widget({
style_class: 'wifi-bar-track',
x_expand: true,
});
const barFill = new St.Widget({ style_class: 'wifi-bar-fill' });
barFill.set_style(`background-color: ${signalColor};`);
barTrack.add_child(barFill);
outerBox.add_child(barTrack);
barTrack.connect('notify::allocation', () => {
const trackWidth = barTrack.width;
if (trackWidth > 0) {
barFill.set_width(Math.round(((bestAp.signalPercent as number) / 100) * trackWidth));
}
});
card.replace_child(card.label, outerBox);
// Remove the expander (identified by .popup-menu-item-expander)
for (const child of card.get_children()) {
@ -788,6 +814,8 @@ export default class WifiSignalPlusExtension extends Extension {
break;
}
}
return barTrack;
}
private createCardMetrics(ap: ScannedNetwork, apCount: number): St.BoxLayout {
@ -796,17 +824,6 @@ export default class WifiSignalPlusExtension extends Extension {
y_align: Clutter.ActorAlign.CENTER,
});
// Signal % colored
const quality = getSignalQualityFromPercent(ap.signalPercent);
const signalColor = SIGNAL_QUALITY_BAR_COLORS[quality] ?? '#ffffff';
const signalLabel = new St.Label({
text: `${ap.signalPercent}%`,
style_class: 'wifi-nearby-card-signal',
y_align: Clutter.ActorAlign.CENTER,
});
signalLabel.set_style(`color: ${signalColor};`);
box.add_child(signalLabel);
// Band badge
const bandBadge = new St.Label({
text: this.formatBandShort(ap.band),

6
stylesheet.css
View file

@ -160,12 +160,6 @@
font-weight: 500;
}
.wifi-nearby-card-signal {
font-weight: bold;
font-size: 0.9em;
min-width: 3em;
}
.wifi-nearby-card-count {
font-size: 0.8em;
color: rgba(255, 255, 255, 0.5);