Added Power menu and show only the workspaces allocated to monitor

modules/menus/power/index.js

@@ -0,0 +1,37 @@
+import PopupWindow from "../PopupWindow.js";
+import powermenu from "./helpers/actions.js";
+import icons from "../../icons/index.js";
+
+const SysButton = (action, label) =>
+  Widget.Button({
+    class_name: `widget-button powermenu-button-${action}`,
+    on_clicked: () => powermenu.action(action),
+    child: Widget.Box({
+      vertical: true,
+      class_name: "system-button widget-button",
+      children: [
+        Widget.Icon({
+          class_name: `system-button_icon ${action}`,
+          icon: icons.powermenu[action],
+        }),
+        Widget.Label({
+          class_name: `system-button_label ${action}`,
+          label,
+        }),
+      ],
+    }),
+  });
+export default () =>
+  PopupWindow({
+    name: "powermenu",
+    transition: "crossfade",
+    child: Widget.Box({
+      class_name: "powermenu horizontal",
+      children: [
+        SysButton("shutdown", "SHUTDOWN"),
+        SysButton("logout", "LOG OUT"),
+        SysButton("reboot", "REBOOT"),
+        SysButton("sleep", "SLEEP"),
+      ],
+    }),
+  });