134 lines
3.7 KiB
TypeScript
134 lines
3.7 KiB
TypeScript
import { App } from "astal/gtk3"
|
|
import { Variable, GLib, bind } from "astal"
|
|
import { Astal, Gtk, Gdk } from "astal/gtk3"
|
|
import Hyprland from "gi://AstalHyprland"
|
|
import Battery from "gi://AstalBattery"
|
|
import Wp from "gi://AstalWp"
|
|
import Network from "gi://AstalNetwork"
|
|
import Tray from "gi://AstalTray"
|
|
|
|
function SysTray() {
|
|
const tray = Tray.get_default()
|
|
|
|
return <box className="SysTray">
|
|
{bind(tray, "items").as(items => items.map(item => (
|
|
<menubutton
|
|
tooltipMarkup={bind(item, "tooltipMarkup")}
|
|
usePopover={false}
|
|
actionGroup={bind(item, "actionGroup").as(ag => ["dbusmenu", ag])}
|
|
menuModel={bind(item, "menuModel")}>
|
|
<icon gicon={bind(item, "gicon")} />
|
|
</menubutton>
|
|
)))}
|
|
</box>
|
|
}
|
|
|
|
function Wifi() {
|
|
const network = Network.get_default()
|
|
const wifi = bind(network, "wifi")
|
|
|
|
return <box visible={wifi.as(Boolean)}>
|
|
{wifi.as(wifi => wifi && (
|
|
<icon
|
|
tooltipText={bind(wifi, "ssid").as(String)}
|
|
className="Wifi"
|
|
icon={bind(wifi, "iconName")}
|
|
/>
|
|
))}
|
|
</box>
|
|
|
|
}
|
|
|
|
function AudioSlider() {
|
|
const speaker = Wp.get_default()?.audio.defaultSpeaker!
|
|
|
|
return <box className="AudioSlider" css="min-width: 140px">
|
|
<icon icon={bind(speaker, "volumeIcon")} />
|
|
<slider
|
|
hexpand
|
|
onDragged={({ value }) => speaker.volume = value}
|
|
value={bind(speaker, "volume")}
|
|
/>
|
|
</box>
|
|
}
|
|
|
|
function BatteryLevel() {
|
|
const bat = Battery.get_default()
|
|
|
|
return <box className="Battery"
|
|
visible={bind(bat, "isPresent")}>
|
|
<icon icon={bind(bat, "batteryIconName")} />
|
|
<label label={bind(bat, "percentage").as(p =>
|
|
`${Math.floor(p * 100)} %`
|
|
)} />
|
|
</box>
|
|
}
|
|
|
|
function Workspaces() {
|
|
const hypr = Hyprland.get_default()
|
|
|
|
return <box className="Workspaces">
|
|
{bind(hypr, "workspaces").as(wss => wss
|
|
.filter(ws => !(ws.id >= -99 && ws.id <= -2)) // filter out special workspaces
|
|
.sort((a, b) => a.id - b.id)
|
|
.map(ws => (
|
|
<button
|
|
className={bind(hypr, "focusedWorkspace").as(fw =>
|
|
ws === fw ? "focused" : "")}
|
|
onClicked={() => ws.focus()}>
|
|
{ws.id}
|
|
</button>
|
|
))
|
|
)}
|
|
</box>
|
|
}
|
|
|
|
function FocusedClient() {
|
|
const hypr = Hyprland.get_default()
|
|
const focused = bind(hypr, "focusedClient")
|
|
|
|
return <box
|
|
className="Focused"
|
|
visible={focused.as(Boolean)}>
|
|
{focused.as(client => (
|
|
client && <label label={bind(client, "title").as(String)} />
|
|
))}
|
|
</box>
|
|
}
|
|
|
|
function Time({ format = "%d.%m %H:%M" }) {
|
|
const time = Variable<string>("").poll(1000, () =>
|
|
GLib.DateTime.new_now_local().format(format)!)
|
|
|
|
return <label
|
|
className="Time"
|
|
onDestroy={() => time.drop()}
|
|
label={time()}
|
|
/>
|
|
}
|
|
|
|
export default function Bar(monitor: Gdk.Monitor) {
|
|
const { TOP, LEFT, RIGHT } = Astal.WindowAnchor
|
|
|
|
return <window
|
|
className="Bar"
|
|
gdkmonitor={monitor}
|
|
exclusivity={Astal.Exclusivity.EXCLUSIVE}
|
|
anchor={TOP | LEFT | RIGHT}>
|
|
<centerbox>
|
|
<box hexpand halign={Gtk.Align.START}>
|
|
<Workspaces />
|
|
<FocusedClient />
|
|
</box>
|
|
<box />
|
|
<box hexpand halign={Gtk.Align.END} >
|
|
<AudioSlider />
|
|
<Wifi />
|
|
<BatteryLevel />
|
|
<Time />
|
|
<SysTray />
|
|
</box>
|
|
</centerbox>
|
|
</window>
|
|
}
|