4ae1651720
Also placeholder for empty lists (notifs and events) To switch panes, primary click + scroll
47 lines
1.7 KiB
TypeScript
47 lines
1.7 KiB
TypeScript
import type { Monitor } from "@/services/monitors";
|
|
import { bind, register, Variable } from "astal";
|
|
import { App, Astal, Gdk, Gtk, Widget } from "astal/gtk3";
|
|
import Dashboard from "./dashboard";
|
|
import NotifPane from "./notifpane";
|
|
|
|
@register()
|
|
export default class SideBar extends Widget.Window {
|
|
readonly shown: Variable<string> = Variable("dashboard");
|
|
|
|
constructor({ monitor }: { monitor: Monitor }) {
|
|
super({
|
|
application: App,
|
|
name: "sidebar",
|
|
namespace: "caelestia-sidebar",
|
|
monitor: monitor.id,
|
|
anchor: Astal.WindowAnchor.LEFT | Astal.WindowAnchor.TOP | Astal.WindowAnchor.BOTTOM,
|
|
exclusivity: Astal.Exclusivity.EXCLUSIVE,
|
|
// visible: false,
|
|
});
|
|
|
|
const panes = [<Dashboard />, <NotifPane />];
|
|
|
|
this.add(
|
|
<eventbox
|
|
onScroll={(_, event) => {
|
|
if (event.modifier & Gdk.ModifierType.BUTTON1_MASK) {
|
|
const index = panes.findIndex(p => p.name === this.shown.get()) + (event.delta_y < 0 ? -1 : 1);
|
|
if (index < 0 || index >= panes.length) return;
|
|
this.shown.set(panes[index].name);
|
|
}
|
|
}}
|
|
>
|
|
<box vertical className="sidebar">
|
|
<stack
|
|
vexpand
|
|
transitionType={Gtk.StackTransitionType.SLIDE_UP_DOWN}
|
|
transitionDuration={200}
|
|
shown={bind(this.shown)}
|
|
>
|
|
{panes}
|
|
</stack>
|
|
</box>
|
|
</eventbox>
|
|
);
|
|
}
|
|
}
|