parent
8f82b1885a
commit
6bc32a8d8e
11 changed files with 388 additions and 68 deletions
modules/ags/config/widgets/network
137
modules/ags/config/widgets/network/access-point.tsx
Normal file
137
modules/ags/config/widgets/network/access-point.tsx
Normal file
|
@ -0,0 +1,137 @@
|
|||
import { bind, execAsync } from 'astal';
|
||||
import { Gtk, Widget } from 'astal/gtk3';
|
||||
import { register } from 'astal/gobject';
|
||||
|
||||
import AstalNetwork from 'gi://AstalNetwork';
|
||||
|
||||
import Separator from '../misc/separator';
|
||||
import { notifySend } from '../../lib';
|
||||
|
||||
|
||||
const apCommand = (ap: AstalNetwork.AccessPoint, cmd: string[]): void => {
|
||||
execAsync([
|
||||
'nmcli',
|
||||
...cmd,
|
||||
ap.get_ssid()!,
|
||||
]).catch((e) => notifySend({
|
||||
title: 'Network',
|
||||
iconName: ap.iconName,
|
||||
body: (e as Error).message,
|
||||
actions: [
|
||||
{
|
||||
id: 'open',
|
||||
label: 'Open network manager',
|
||||
callback: () =>
|
||||
execAsync('nm-connection-editor'),
|
||||
},
|
||||
],
|
||||
})).catch((e) => console.error(e));
|
||||
};
|
||||
|
||||
const apConnect = (ap: AstalNetwork.AccessPoint): void => {
|
||||
execAsync(['nmcli', 'connection', 'show', ap.get_ssid()!])
|
||||
.catch(() => apCommand(ap, ['device', 'wifi', 'connect']))
|
||||
.then(() => apCommand(ap, ['connection', 'up']));
|
||||
};
|
||||
|
||||
const apDisconnect = (ap: AstalNetwork.AccessPoint): void => {
|
||||
apCommand(ap, ['connection', 'down']);
|
||||
};
|
||||
|
||||
@register()
|
||||
export default class AccessPointWidget extends Widget.Box {
|
||||
readonly aps: AstalNetwork.AccessPoint[];
|
||||
|
||||
getStrongest() {
|
||||
return this.aps.sort((apA, apB) => apB.get_strength() - apA.get_strength())[0];
|
||||
}
|
||||
|
||||
constructor({ aps }: { aps: AstalNetwork.AccessPoint[] }) {
|
||||
const wifi = AstalNetwork.get_default().get_wifi();
|
||||
|
||||
if (!wifi) {
|
||||
throw new Error('Could not find wifi device.');
|
||||
}
|
||||
|
||||
const rev = (
|
||||
<revealer
|
||||
transitionType={Gtk.RevealerTransitionType.SLIDE_DOWN}
|
||||
>
|
||||
<box vertical halign={Gtk.Align.FILL} hexpand>
|
||||
<Separator size={8} vertical />
|
||||
|
||||
<centerbox>
|
||||
<label
|
||||
label="Connected"
|
||||
valign={Gtk.Align.CENTER}
|
||||
halign={Gtk.Align.START}
|
||||
/>
|
||||
|
||||
<box />
|
||||
|
||||
<switch
|
||||
cursor="pointer"
|
||||
valign={Gtk.Align.CENTER}
|
||||
halign={Gtk.Align.END}
|
||||
|
||||
state={bind(wifi, 'activeAccessPoint')
|
||||
.as((activeAp) => aps.includes(activeAp))}
|
||||
|
||||
onButtonReleaseEvent={(self) => {
|
||||
if (self.state) {
|
||||
apDisconnect(this.getStrongest());
|
||||
}
|
||||
else {
|
||||
apConnect(this.getStrongest());
|
||||
}
|
||||
}}
|
||||
|
||||
/>
|
||||
</centerbox>
|
||||
|
||||
<Separator size={8} vertical />
|
||||
</box>
|
||||
</revealer>
|
||||
) as Widget.Revealer;
|
||||
|
||||
const button = (
|
||||
<button
|
||||
cursor="pointer"
|
||||
onButtonReleaseEvent={() => {
|
||||
rev.revealChild = !rev.revealChild;
|
||||
}}
|
||||
>
|
||||
<box>
|
||||
<icon
|
||||
icon="check-active-symbolic"
|
||||
|
||||
css={bind(wifi, 'activeAccessPoint').as((activeAp) => aps.includes(activeAp) ?
|
||||
'' :
|
||||
'opacity: 0;')}
|
||||
/>
|
||||
|
||||
<Separator size={8} />
|
||||
|
||||
<icon
|
||||
icon={bind(aps[0], 'iconName')}
|
||||
/>
|
||||
|
||||
<Separator size={8} />
|
||||
|
||||
<label label={aps[0].get_ssid()!} />
|
||||
</box>
|
||||
</button>
|
||||
);
|
||||
|
||||
super({
|
||||
vertical: true,
|
||||
children: [
|
||||
button,
|
||||
rev,
|
||||
(<Separator size={8} vertical />),
|
||||
],
|
||||
});
|
||||
|
||||
this.aps = aps;
|
||||
};
|
||||
};
|
Loading…
Add table
Add a link
Reference in a new issue