Linux-specific dotfiles

1 files changed, 69 insertions, 0 deletions

diff --git a/linux/home/.config/ags/widget/quicksettings/widgets/Header.ts b/linux/home/.config/ags/widget/quicksettings/widgets/Header.ts
new file mode 100644
index 0000000..44c26f2
--- /dev/null
+++ b/linux/home/.config/ags/widget/quicksettings/widgets/Header.ts
@@ -0,0 +1,69 @@
+import icons from "lib/icons"
+import { uptime } from "lib/variables"
+import options from "options"
+import powermenu, { Action } from "service/powermenu"
+
+const battery = await Service.import("battery")
+const { image, size } = options.quicksettings.avatar
+
+function up(up: number) {
+  const h = Math.floor(up / 60)
+  const m = Math.floor(up % 60)
+  return `${h}h ${m < 10 ? "0" + m : m}m`
+}
+
+const Avatar = () => Widget.Box({
+  class_name: "avatar",
+  css: Utils.merge([image.bind(), size.bind()], (img, size) => `
+        min-width: ${size}px;
+        min-height: ${size}px;
+        background-image: url('${img}');
+        background-size: cover;
+    `),
+})
+
+const SysButton = (action: Action) => Widget.Button({
+  vpack: "center",
+  child: Widget.Icon(icons.powermenu[action]),
+  on_clicked: () => powermenu.action(action),
+})
+
+export const Header = () => Widget.Box(
+  { class_name: "header horizontal" },
+  Avatar(),
+  Widget.Box({
+    vertical: true,
+    vpack: "center",
+    children: [
+      Widget.Box({
+        visible: battery.bind("available"),
+        children: [
+          Widget.Icon({ icon: battery.bind("icon_name") }),
+          Widget.Label({ label: battery.bind("percent").as(p => `${p}%`) }),
+        ],
+      }),
+      Widget.Box([
+        Widget.Icon({ icon: icons.ui.time }),
+        Widget.Label({ label: uptime.bind().as(up) }),
+
+        //Widget.Label({ label: `${user.name}\n` }),
+        //   //Widget.Label({ label: uptime.bind().value }),
+        //   Widget.Label({ label: `${user.name}\n ${uptime.bind().value}` }),
+        //   //Widget.Icon({ icon: icons.ui.time }),
+      ]),
+
+    ],
+  }),
+  Widget.Box({ hexpand: true }),
+  Widget.Button({
+    vpack: "center",
+    child: Widget.Icon(icons.ui.settings),
+    on_clicked: () => {
+      App.closeWindow("quicksettings")
+      App.closeWindow("settings-dialog")
+      App.openWindow("settings-dialog")
+    },
+  }),
+  SysButton("logout"),
+  SysButton("shutdown"),
+)