51 lines
1.6 KiB
TypeScript
51 lines
1.6 KiB
TypeScript
import { App, Astal, Gdk, Gtk } from "astal/gtk4";
|
|
|
|
import Battery from "gi://AstalBattery";
|
|
|
|
import NetworkInfo from "./components/network_info";
|
|
import { BatteryInfo } from "./components/battery";
|
|
import Workspace from "./components/workspace";
|
|
import DateTime from "@lib/widgets/datetime";
|
|
import TrayView from "./components/tray";
|
|
|
|
export default function Bar(monitor_id: number) {
|
|
const { BOTTOM, LEFT, RIGHT } = Astal.WindowAnchor
|
|
const battery = Battery.get_default();
|
|
|
|
const openQuickSettings = (_self: Gtk.Button, state: Gdk.ButtonEvent) => {
|
|
if (state.get_button() === Gdk.BUTTON_PRIMARY)
|
|
App.get_window("quick_settings")?.show()
|
|
}
|
|
|
|
return <window
|
|
visible
|
|
name={`bar_${monitor_id}`}
|
|
monitor={monitor_id}
|
|
cssClasses={["bar"]}
|
|
exclusivity={Astal.Exclusivity.EXCLUSIVE}
|
|
anchor={BOTTOM | LEFT | RIGHT}
|
|
application={App}
|
|
hexpand
|
|
>
|
|
<centerbox hexpand>
|
|
<box>
|
|
{Workspace()}
|
|
<menubutton hasFrame={false}>
|
|
<DateTime format="%d.%m.%Y %H:%M:%S" interval={1000} />
|
|
<popover>
|
|
<Gtk.Calendar />
|
|
</popover>
|
|
</menubutton>
|
|
</box>
|
|
<box>
|
|
{NetworkInfo()}
|
|
</box>
|
|
<box>
|
|
<button hasFrame={false} iconName={"applications-system-symbolic"} onButtonPressed={openQuickSettings} />
|
|
{BatteryInfo({ battery })}
|
|
{TrayView()}
|
|
</box>
|
|
</centerbox>
|
|
</window>
|
|
}
|