0bdaf461f6
* feat: show battery on bluetooth device list * feat: show battery on bluetooth device list * fix: handle case when battery is not defined * fix: handle case when battery is not defined * feat: add bluetooth menu * feat: add bluetooth menu * fix: separate icon and percentage * fix: group battery stuffs * Update options.ts * Update modules/menus/bluetooth/devices/devicelist.ts * Update modules/menus/bluetooth/devices/devicelist.ts * Update modules/menus/bluetooth/devices/devicelist.ts --------- Co-authored-by: Jas Singh <jaskiratpal.singh@outlook.com>
187 lines
10 KiB
TypeScript
187 lines
10 KiB
TypeScript
import { Bluetooth } from 'types/service/bluetooth.js';
|
|
import Box from 'types/widgets/box.js';
|
|
import { connectedControls } from './connectedControls.js';
|
|
import { getBluetoothIcon } from '../utils.js';
|
|
import Gtk from 'types/@girs/gtk-3.0/gtk-3.0.js';
|
|
import { Attribute, Child } from 'lib/types/widget.js';
|
|
import options from 'options';
|
|
|
|
const { showBattery, batteryIcon } = options.menus.bluetooth;
|
|
|
|
const devices = (bluetooth: Bluetooth, self: Box<Gtk.Widget, unknown>): Box<Child, Attribute> => {
|
|
return self.hook(bluetooth, () => {
|
|
if (!bluetooth.enabled) {
|
|
return (self.child = Widget.Box({
|
|
class_name: 'bluetooth-items',
|
|
vertical: true,
|
|
expand: true,
|
|
vpack: 'center',
|
|
hpack: 'center',
|
|
children: [
|
|
Widget.Label({
|
|
class_name: 'bluetooth-disabled dim',
|
|
hexpand: true,
|
|
label: 'Bluetooth is disabled',
|
|
}),
|
|
],
|
|
}));
|
|
}
|
|
|
|
const availableDevices = bluetooth.devices
|
|
.filter((btDev) => btDev.name !== null)
|
|
.sort((a, b) => {
|
|
if (a.connected || a.paired) {
|
|
return -1;
|
|
}
|
|
|
|
if (b.connected || b.paired) {
|
|
return 1;
|
|
}
|
|
|
|
return b.name - a.name;
|
|
});
|
|
|
|
const conDevNames = availableDevices.filter((d) => d.connected || d.paired).map((d) => d.address);
|
|
|
|
if (!availableDevices.length) {
|
|
return (self.child = Widget.Box({
|
|
class_name: 'bluetooth-items',
|
|
vertical: true,
|
|
expand: true,
|
|
vpack: 'center',
|
|
hpack: 'center',
|
|
children: [
|
|
Widget.Label({
|
|
class_name: 'no-bluetooth-devices dim',
|
|
hexpand: true,
|
|
label: 'No devices currently found',
|
|
}),
|
|
Widget.Label({
|
|
class_name: 'search-bluetooth-label dim',
|
|
hexpand: true,
|
|
label: "Press '' to search",
|
|
}),
|
|
],
|
|
}));
|
|
}
|
|
|
|
return (self.child = Widget.Box({
|
|
vertical: true,
|
|
children: availableDevices.map((device) => {
|
|
return Widget.Box({
|
|
children: [
|
|
Widget.Button({
|
|
hexpand: true,
|
|
class_name: `bluetooth-element-item ${device}`,
|
|
on_primary_click: () => {
|
|
if (!conDevNames.includes(device.address)) device.setConnection(true);
|
|
},
|
|
child: Widget.Box({
|
|
hexpand: true,
|
|
children: [
|
|
Widget.Box({
|
|
hexpand: true,
|
|
hpack: 'start',
|
|
class_name: 'menu-button-container',
|
|
children: [
|
|
Widget.Label({
|
|
vpack: 'start',
|
|
class_name: `menu-button-icon bluetooth ${conDevNames.includes(device.address) ? 'active' : ''} txt-icon`,
|
|
label: getBluetoothIcon(`${device['icon_name']}-symbolic`),
|
|
}),
|
|
Widget.Box({
|
|
vertical: true,
|
|
vpack: 'center',
|
|
children: [
|
|
Widget.Label({
|
|
vpack: 'center',
|
|
hpack: 'start',
|
|
class_name: 'menu-button-name bluetooth',
|
|
truncate: 'end',
|
|
wrap: true,
|
|
label: device.alias,
|
|
}),
|
|
Widget.Revealer({
|
|
hpack: 'start',
|
|
reveal_child: device.connected || device.paired,
|
|
child: Widget.Box({
|
|
hpack: 'start',
|
|
children: Utils.merge(
|
|
[showBattery.bind('value'), batteryIcon.bind('value')],
|
|
(showBat, batIcon) => {
|
|
if (!showBat) {
|
|
return [
|
|
Widget.Label({
|
|
hpack: 'start',
|
|
class_name: 'connection-status dim',
|
|
label: device.connected
|
|
? 'Connected'
|
|
: 'Paired',
|
|
}),
|
|
];
|
|
}
|
|
|
|
return [
|
|
Widget.Label({
|
|
hpack: 'start',
|
|
class_name: 'connection-status dim',
|
|
label: device.connected
|
|
? 'Connected'
|
|
: 'Paired',
|
|
}),
|
|
Widget.Box({
|
|
children:
|
|
typeof device.battery_percentage ===
|
|
'number' &&
|
|
device.battery_percentage >= 0
|
|
? [
|
|
Widget.Separator({
|
|
class_name:
|
|
'menu-separator',
|
|
}),
|
|
Widget.Label({
|
|
class_name:
|
|
'connection-status txt-icon',
|
|
label: `${batIcon}`,
|
|
}),
|
|
Widget.Label({
|
|
class_name:
|
|
'connection-status battery',
|
|
label: `${device.battery_percentage}%`,
|
|
}),
|
|
]
|
|
: [],
|
|
}),
|
|
];
|
|
},
|
|
),
|
|
}),
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}),
|
|
Widget.Box({
|
|
hpack: 'end',
|
|
children: device.connecting
|
|
? [
|
|
Widget.Spinner({
|
|
vpack: 'start',
|
|
class_name: 'spinner bluetooth',
|
|
}),
|
|
]
|
|
: [],
|
|
}),
|
|
],
|
|
}),
|
|
}),
|
|
connectedControls(device, conDevNames),
|
|
],
|
|
});
|
|
}),
|
|
}));
|
|
});
|
|
};
|
|
|
|
export { devices };
|