108 lines
4.3 KiB
TypeScript
108 lines
4.3 KiB
TypeScript
import Gdk from 'gi://Gdk?version=3.0';
|
|
const network = await Service.import('network');
|
|
import options from 'options';
|
|
import { openMenu } from '../utils.js';
|
|
import { BarBoxChild } from 'lib/types/bar.js';
|
|
import Button from 'types/widgets/button.js';
|
|
import { Attribute, Child } from 'lib/types/widget.js';
|
|
import { runAsyncCommand, throttledScrollHandler } from 'customModules/utils.js';
|
|
|
|
const {
|
|
label: networkLabel,
|
|
truncation,
|
|
truncation_size,
|
|
rightClick,
|
|
middleClick,
|
|
scrollDown,
|
|
scrollUp,
|
|
} = options.bar.network;
|
|
|
|
const Network = (): BarBoxChild => {
|
|
return {
|
|
component: Widget.Box({
|
|
vpack: 'fill',
|
|
vexpand: true,
|
|
className: Utils.merge(
|
|
[options.theme.bar.buttons.style.bind('value'), networkLabel.bind('value')],
|
|
(style, showLabel) => {
|
|
const styleMap = {
|
|
default: 'style1',
|
|
split: 'style2',
|
|
wave: 'style3',
|
|
wave2: 'style3',
|
|
};
|
|
return `network ${styleMap[style]}${!showLabel ? ' no-label' : ''}`;
|
|
},
|
|
),
|
|
children: [
|
|
Widget.Icon({
|
|
class_name: 'bar-button-icon network',
|
|
icon: Utils.merge(
|
|
[network.bind('primary'), network.bind('wifi'), network.bind('wired')],
|
|
(pmry, wfi, wrd) => {
|
|
if (pmry === 'wired') {
|
|
return wrd.icon_name;
|
|
}
|
|
return wfi.icon_name;
|
|
},
|
|
),
|
|
}),
|
|
Widget.Box({
|
|
vpack: 'center',
|
|
child: Utils.merge(
|
|
[
|
|
network.bind('primary'),
|
|
network.bind('wifi'),
|
|
networkLabel.bind('value'),
|
|
truncation.bind('value'),
|
|
truncation_size.bind('value'),
|
|
],
|
|
(pmry, wfi, showLbl, trunc, tSize) => {
|
|
if (!showLbl) {
|
|
return Widget.Box();
|
|
}
|
|
if (pmry === 'wired') {
|
|
return Widget.Label({
|
|
class_name: 'bar-button-label network',
|
|
label: 'Wired'.substring(0, tSize),
|
|
});
|
|
}
|
|
return Widget.Label({
|
|
class_name: 'bar-button-label network',
|
|
label: wfi.ssid ? `${trunc ? wfi.ssid.substring(0, tSize) : wfi.ssid}` : '--',
|
|
});
|
|
},
|
|
),
|
|
}),
|
|
],
|
|
}),
|
|
isVisible: true,
|
|
boxClass: 'network',
|
|
props: {
|
|
on_primary_click: (clicked: Button<Child, Attribute>, event: Gdk.Event): void => {
|
|
openMenu(clicked, event, 'networkmenu');
|
|
},
|
|
setup: (self: Button<Child, Attribute>): void => {
|
|
self.hook(options.bar.scrollSpeed, () => {
|
|
const throttledHandler = throttledScrollHandler(options.bar.scrollSpeed.value);
|
|
|
|
self.on_secondary_click = (clicked: Button<Child, Attribute>, event: Gdk.Event): void => {
|
|
runAsyncCommand(rightClick.value, { clicked, event });
|
|
};
|
|
self.on_middle_click = (clicked: Button<Child, Attribute>, event: Gdk.Event): void => {
|
|
runAsyncCommand(middleClick.value, { clicked, event });
|
|
};
|
|
self.on_scroll_up = (clicked: Button<Child, Attribute>, event: Gdk.Event): void => {
|
|
throttledHandler(scrollUp.value, { clicked, event });
|
|
};
|
|
self.on_scroll_down = (clicked: Button<Child, Attribute>, event: Gdk.Event): void => {
|
|
throttledHandler(scrollDown.value, { clicked, event });
|
|
};
|
|
});
|
|
},
|
|
},
|
|
};
|
|
};
|
|
|
|
export { Network };
|