2c72cc66d8
* Implemented strict linting standards and prettier formatting config. * More linter fixes and type updates. * More linter updates and type fixes * Remove noisy comments * Linter and type updates * Linter, formatting and type updates. * Linter updates * Type updates * Type updates * fixed all linter errors * Fixed all linting, formatting and type issues. * Resolve merge conflicts.
137 lines
6.2 KiB
TypeScript
137 lines
6.2 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';
|
|
|
|
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.Label({
|
|
hpack: 'start',
|
|
class_name: 'connection-status dim',
|
|
label: device.connected ? 'Connected' : 'Paired',
|
|
}),
|
|
}),
|
|
],
|
|
}),
|
|
],
|
|
}),
|
|
Widget.Box({
|
|
hpack: 'end',
|
|
children: device.connecting
|
|
? [
|
|
Widget.Spinner({
|
|
vpack: 'start',
|
|
class_name: 'spinner bluetooth',
|
|
}),
|
|
]
|
|
: [],
|
|
}),
|
|
],
|
|
}),
|
|
}),
|
|
connectedControls(device, conDevNames),
|
|
],
|
|
});
|
|
}),
|
|
}));
|
|
});
|
|
};
|
|
|
|
export { devices };
|