74 lines
1.9 KiB
TypeScript
74 lines
1.9 KiB
TypeScript
import { bind, execAsync } from "astal"
|
|
import Bluetooth from "gi://AstalBluetooth"
|
|
import { popup } from "./popup"
|
|
import { Astal, Gtk, Widget } from "astal/gtk3"
|
|
|
|
const { TOP, LEFT } = Astal.WindowAnchor
|
|
|
|
const bluetooth = Bluetooth.get_default()
|
|
|
|
function bluetoothItem(device: Bluetooth.Device) {
|
|
return <button
|
|
className="bt toggleButton"
|
|
onClicked={() => {
|
|
execAsync(["bluetoothctl", device.connected ? "disconnect" : "connect", device.address]).then(out => console.log(out)).catch(out => console.log(out))
|
|
}}>
|
|
<overlay overlay={new Widget.Box({
|
|
className: bind(device, "connected").as(c =>
|
|
"toggleIndicator ".concat(c ? "active" : "inactive")
|
|
),
|
|
halign: Gtk.Align.END,
|
|
valign: Gtk.Align.CENTER,
|
|
})}>
|
|
<box>
|
|
<icon icon={device.icon} css="font-size: 32px;" />
|
|
<label valign={Gtk.Align.CENTER}>{device.alias ?? device.name}</label>
|
|
</box>
|
|
</overlay>
|
|
</button>
|
|
}
|
|
|
|
function bluetoothWindow() {
|
|
return <window
|
|
anchor={ TOP | LEFT }
|
|
marginLeft={140}
|
|
namespace="lazerpopup"
|
|
className="popupWindow">
|
|
<box vertical={true} css="margin-left: 40px">
|
|
{bluetooth.devices.map(dev => bluetoothItem(dev))}
|
|
</box>
|
|
</window>
|
|
}
|
|
|
|
export default function bluetoothWidget() {
|
|
return <button
|
|
onClicked={(self) => {
|
|
if (popup.state !== "bluetooth") {
|
|
if (popup.window) {
|
|
popup.window.destroy()
|
|
popup.window = null
|
|
}
|
|
popup.window = bluetoothWindow();
|
|
popup.state = "bluetooth"
|
|
self.toggleClassName("selected", true)
|
|
self.hook(popup.window, "destroy", () => {
|
|
self.toggleClassName("selected", false)
|
|
})
|
|
} else {
|
|
if (popup.window) {
|
|
popup.window.destroy()
|
|
popup.window = null
|
|
}
|
|
popup.state = ""
|
|
}
|
|
}}
|
|
><box>
|
|
<icon
|
|
icon={bind(bluetooth, "isConnected").as(c =>
|
|
c ? "lazer-bluetooth-symbolic" : "nobluetooth-symbolic"
|
|
)}
|
|
css="font-size: 24px;"
|
|
/>
|
|
</box></button>
|
|
}
|