Touch up network menu and finish bluetooth menu rework.

2024-06-30 04:02:38 -07:00
parent de72c05088
commit 9cf5b0f5ea
19 changed files with 907 additions and 491 deletions
--- a/modules/menus/bluetooth/devices/devicelist.js
+++ b/modules/menus/bluetooth/devices/devicelist.js
@@ -0,0 +1,134 @@
+import { connectedControls } from "./connectedControls.js";
+
+const devices = (bluetooth, self) => {
+  return self.hook(bluetooth, () => {
+    if (!bluetooth.enabled) {
+      return (self.child = Widget.Box({
+        class_name: "bluetooth-items",
+        vertical: true,
+        expand: true,
+        vpack: "center",
+        hpack: "center",
+        children: [
+          Widget.Label({
+            class_name: "dim",
+            hexpand: true,
+            label: "Bluetooth is disabled",
+          }),
+        ],
+      }));
+    }
+
+    const availableDevices = bluetooth.devices
+      .filter(
+        (btDev) => btDev.name !== null,
+      )
+      .sort((a, b) => {
+        if (a.connected || a.paired) {
+          return -1;
+        }
+
+        if (b.connected || b.paired) {
+          return -1;
+        }
+
+        return b.name - a.name;
+      });
+
+    const conDevNames = availableDevices
+      .filter((d) => d.connected || d.paired)
+      .map((d) => d.address);
+
+    if (!availableDevices.length) {
+      return (self.child = Widget.Box({
+        class_name: "bluetooth-items",
+        vertical: true,
+        expand: true,
+        vpack: "center",
+        hpack: "center",
+        children: [
+          Widget.Label({
+            class_name: "dim",
+            hexpand: true,
+            label: "No devices currently found",
+          }),
+          Widget.Label({
+            class_name: "dim",
+            hexpand: true,
+            label: "Press '󰑐' to search",
+          }),
+        ],
+      }));
+    }
+
+    return (self.child = Widget.Box({
+      vertical: true,
+      children: availableDevices.map((device) => {
+        return Widget.Box({
+          children: [
+            Widget.Button({
+              hexpand: true,
+              class_name: `bluetooth-element-item ${device}`,
+              on_primary_click: () => {
+                if (!conDevNames.includes(device.address))
+                  device.setConnection(true);
+              },
+              child: Widget.Box({
+                hexpand: true,
+                children: [
+                  Widget.Box({
+                    hexpand: true,
+                    hpack: "start",
+                    children: [
+                      Widget.Icon({
+                        vpack: "start",
+                        class_name: `menu-button-icon bluetooth ${conDevNames.includes(device.address) ? "active" : ""}`,
+                        icon: `${device["icon-name"]}-symbolic`,
+                      }),
+                      Widget.Box({
+                        vertical: true,
+                        children: [
+                          Widget.Label({
+                            vpack: "center",
+                            hpack: "start",
+                            class_name: "menu-button-name bluetooth",
+                            truncate: "end",
+                            wrap: true,
+                            label: device.alias,
+                          }),
+                          Widget.Revealer({
+                            hpack: "start",
+                            reveal_child: device.connected || device.paired,
+                            child: Widget.Label({
+                              hpack: "start",
+                              class_name: "connection-status dim",
+                              label: device.connected ? "Connected" : "Paired",
+                            }),
+                          }),
+                        ],
+                      }),
+                    ],
+                  }),
+                  Widget.Box({
+                    hpack: "end",
+                    children: device.connecting
+                      ? [
+                          Widget.Spinner({
+                            vpack: "start",
+                            class_name: "spinner bluetooth",
+                          }),
+                        ]
+                      : [],
+                  }),
+                ],
+              }),
+            }),
+            connectedControls(device, conDevNames),
+          ],
+        });
+      }),
+    }));
+  });
+};
+
+export { devices };