feat: enhance power button configuration with additional actions and update layout

Author: rubiin

config.json

@@ -73,7 +73,7 @@
   },
   "layout": {
     "left_section": ["workspaces", "window_title"],
-    "middle_section": ["date_time"],
+    "middle_section": ["date_time", "power"],
     "right_section": ["recorder", "@group:1", "@group:0", "system_tray"]
   },
   "module_groups": [
@@ -152,7 +152,8 @@
   "power": {
     "icon": "󰐥",
     "icon_size": "18px",
-    "tooltip": true
+    "tooltip": true,
+    "buttons": ["suspend", "hibernate", "shutdown", "reboot", "logout", "lock"]
   },
   "recorder": {
     "path": "Videos/Screencasting",

hydepanel.schema.json

@@ -630,6 +630,20 @@
           },
           "tooltip": {
             "type": "boolean"
+          },
+          "buttons": {
+            "type": "array",
+            "items": {
+              "type": "string",
+              "enum": [
+                "logout",
+                "reboot",
+                "shutdown",
+                "suspend",
+                "lock",
+                "hibernate"
+              ]
+            }
           }
         }
       },

styles/power.scss

@@ -2,6 +2,10 @@
 @use "theme.scss";
 @use "common" as common;
 
+#power-button-menu {
+  background-color: theme.$background;
+}
+
 #power-control-button {
   padding: common.toEm(40) common.toEm(120);
   border-radius: 0;
@@ -22,7 +26,7 @@
   &:focus,
   &:active,
   &:hover {
-    background-color: #3700b3;
+    background-color: theme.$accent-purple;
     outline-style: none;
   }
 }

utils/constants.py

@@ -196,7 +196,19 @@
         "location": "top",
         "widget_style": "default",
     },
-    "power": {"icon": "󰐥", "icon_size": "18px", "tooltip": True},
+    "power": {
+        "icon": "󰐥",
+        "icon_size": "18px",
+        "tooltip": True,
+        "buttons": [
+            "lock",
+            "logout",
+            "suspend",
+            "hibernate",
+            "shutdown",
+            "reboot",
+        ],
+    },
     "recorder": {
         "path": "Videos/Screencasting",
         "icon_size": 16,

utils/widget_settings.py

@@ -12,7 +12,9 @@
 )
 
 # Power button configuration
-PowerButton = TypedDict("PowerButton", {"icon": str, "icon_size": int, "tooltip": bool})
+PowerButton = TypedDict(
+    "PowerButton", {"icon": str, "icon_size": int, "tooltip": bool, "items": List[str]}
+)
 
 # HyprSunset configuration
 HyprSunset = TypedDict(

widgets/power_button.py

@@ -8,18 +8,12 @@
 
 from shared import PopupWindow
 from shared.widget_container import ButtonWidget
+from utils.config import widget_config
 from utils.functions import handle_power_action
 from utils.widget_settings import BarConfig
 from utils.widget_utils import text_icon
 
-POWER_BUTTONS = [
-    {"name": "lock", "label": "Lock"},
-    {"name": "logout", "label": "Logout"},
-    {"name": "suspend", "label": "Suspend"},
-    {"name": "hibernate", "label": "Hibernate"},
-    {"name": "shutdown", "label": "Shutdown"},
-    {"name": "reboot", "label": "Reboot"},
-]
+POWER_BUTTONS = widget_config["power"]["buttons"]
 
 
 class PowerMenuPopup(PopupWindow):
@@ -48,8 +42,7 @@ def __init__(
                     orientation="h",
                     children=[
                         PowerControlButtons(
-                            name=value["name"],
-                            label=value["label"],
+                            name=value,
                             size=self.icon_size,
                         )
                         for value in POWER_BUTTONS[0:3]
@@ -59,8 +52,7 @@ def __init__(
                     orientation="h",
                     children=[
                         PowerControlButtons(
-                            name=value["name"],
-                            label=value["label"],
+                            name=value,
                             size=self.icon_size,
                         )
                         for value in POWER_BUTTONS[3:]
@@ -90,7 +82,7 @@ def toggle_popup(self):
 class PowerControlButtons(ButtonWidget):
     """A widget to show power options."""
 
-    def __init__(self, name, label, size, **kwargs):
+    def __init__(self, name: str, size: int, show_label=True, **kwargs):
         (
             super().__init__(
                 orientation="v",
@@ -103,7 +95,11 @@ def __init__(self, name, label, size, **kwargs):
                             image_file=get_relative_path(f"../assets/icons/{name}.png"),
                             size=size,
                         ),
-                        Label(label=label, style_classes="panel-text"),
+                        Label(
+                            label=name.capitalize(),
+                            style_classes="panel-text",
+                            visible=show_label,
+                        ),
                     ],
                 ),
                 **kwargs,
@@ -143,5 +139,6 @@ def __init__(self, widget_config: BarConfig, bar, **kwargs):
             self.set_tooltip_text("Power")
 
         self.connect(
-            "clicked", lambda *_: PowerMenuPopup().get_default().toggle_popup()
+            "clicked",
+            lambda *_: PowerMenuPopup().get_default().toggle_popup(),
         )