From ae8baa6f1ea5b4b5aa17292a2d2b4622247dd2de Mon Sep 17 00:00:00 2001
From: matt1432 <matt@nelim.org>
Date: Wed, 13 Dec 2023 00:21:31 -0500
Subject: [PATCH] feat(binto ags): add powermenu widget

---
 devices/binto/config/ags/config.js            |  3 ++
 devices/binto/config/ags/scss/main.scss       |  1 +
 .../config/ags/scss/widgets/powermenu.scss    | 34 +++++++++++++++++++
 3 files changed, 38 insertions(+)
 create mode 100644 devices/binto/config/ags/scss/widgets/powermenu.scss

diff --git a/devices/binto/config/ags/config.js b/devices/binto/config/ags/config.js
index a8aec530..83b3c2f8 100644
--- a/devices/binto/config/ags/config.js
+++ b/devices/binto/config/ags/config.js
@@ -6,6 +6,7 @@ import Pointers from 'file:///home/matt/.nix/devices/wim/config/ags/services/poi
 import AppLauncher from 'file:///home/matt/.nix/devices/wim/config/ags/js/applauncher/main.js';
 import Bar from './js/bar/main.js';
 import { NotifPopups, NotifCenter } from './js/notifications/main.js';
+import Powermenu from 'file:///home/matt/.nix/devices/wim/config/ags/js/powermenu.js';
 
 const scss = App.configDir + '/scss/main.scss';
 const css  = App.configDir + '/style.css';
@@ -25,10 +26,12 @@ export default {
     closeWindowDelay: {
         'applauncher': 500,
         'notification-center': 500,
+        'powermenu': 500,
     },
     windows: [
         AppLauncher(),
         NotifCenter(),
+        Powermenu(),
 
         Bar(),
         NotifPopups(),
diff --git a/devices/binto/config/ags/scss/main.scss b/devices/binto/config/ags/scss/main.scss
index 0d3c7881..7e66a95d 100644
--- a/devices/binto/config/ags/scss/main.scss
+++ b/devices/binto/config/ags/scss/main.scss
@@ -13,3 +13,4 @@ undershoot {
 @import './widgets/bar';
 @import './widgets/notification';
 @import './widgets/notification-center';
+@import './widgets/powermenu';
diff --git a/devices/binto/config/ags/scss/widgets/powermenu.scss b/devices/binto/config/ags/scss/widgets/powermenu.scss
new file mode 100644
index 00000000..a33bd8b0
--- /dev/null
+++ b/devices/binto/config/ags/scss/widgets/powermenu.scss
@@ -0,0 +1,34 @@
+.powermenu {
+  background-color: $bg;
+  color: $fg;
+  padding: 10px;
+  font-family: "MesloLGS NF";
+
+  /* font-family: Iosevka Nerd Font; */
+  font-size: 70px;
+  border: 2px solid $contrast-bg;
+
+  label {
+    min-width: 140px;
+    min-height: 130px;
+  }
+
+  button {
+    margin: 5px 10px;
+    min-width: 80px;
+    transition: all ease .2s;
+    &:hover { background-color: $bg-secondary; }
+    &:active { background-color: $bg-secondary; }
+
+    .content {
+      padding: 0 15px;
+    }
+  }
+  .shutdown { color: $red; }
+  .reboot { color: $magenta; }
+  .logout { color: $yellow; }
+}
+
+.powermenu-clickhandler {
+  background-color: black;
+}