feat: network popout

Also qstr dashboard performance pane labels

modules/bar/Content.qml

@@ -14,12 +14,18 @@ StyledRect {
     function checkPopout(y: real): var {
         const aw = activeWindow.child;
         const awy = activeWindow.y + aw.y;
+        const n = statusIconsInner.network;
+        const ny = statusIcons.y + statusIconsInner.y + n.y;
         const b = statusIconsInner.battery;
         const by = statusIcons.y + statusIconsInner.y + b.y;
         if (y >= awy && y <= awy + aw.implicitHeight) {
             Popouts.currentName = "activewindow";
             Popouts.currentCenter = Qt.binding(() => activeWindow.y + aw.y + aw.implicitHeight / 2);
             Popouts.hasCurrent = true;
+        } else if (y >= ny && y <= ny + n.implicitHeight) {
+            Popouts.currentName = "network";
+            Popouts.currentCenter = Qt.binding(() => statusIcons.y + statusIconsInner.y + n.y + n.implicitHeight / 2);
+            Popouts.hasCurrent = true;
         } else if (y >= by && y <= by + b.implicitHeight) {
             Popouts.currentName = "battery";
             Popouts.currentCenter = Qt.binding(() => statusIcons.y + statusIconsInner.y + b.y + b.implicitHeight / 2);

modules/bar/components/StatusIcons.qml

@@ -10,6 +10,8 @@ Item {
     id: root
 
     property color colour: Colours.palette.m3secondary
+
+    readonly property Item network: network
     readonly property Item battery: battery
 
     clip: true

modules/bar/popouts/Content.qml

@@ -26,6 +26,11 @@ Item {
             source: "ActiveWindow.qml"
         }
 
+        Popout {
+            name: "network"
+            source: "Network.qml"
+        }
+
         Popout {
             name: "battery"
             source: "Battery.qml"

modules/bar/popouts/Network.qml

@@ -0,0 +1,22 @@
+import "root:/widgets"
+import "root:/services"
+import "root:/config"
+import QtQuick
+
+Column {
+    id: root
+
+    spacing: Appearance.spacing.normal
+
+    StyledText {
+        text: qsTr("Connected to: %1").arg(Network.active?.ssid ?? "None")
+    }
+
+    StyledText {
+        text: qsTr("Strength: %1/100").arg(Network.active?.strength ?? 0)
+    }
+
+    StyledText {
+        text: qsTr("Frequency: %1 MHz").arg(Network.active?.frequency ?? 0)
+    }
+}

modules/dashboard/Performance.qml

@@ -18,8 +18,8 @@ Row {
         label1: `${Math.ceil(SystemUsage.gpuTemp)}°C`
         label2: `${Math.round(SystemUsage.gpuPerc * 100)}%`
 
-        sublabel1: "GPU temp"
+        sublabel1: qsTr("GPU temp")
-        sublabel2: "Usage"
+        sublabel2: qsTr("Usage")
     }
 
     Resource {
@@ -31,8 +31,8 @@ Row {
         label1: `${Math.ceil(SystemUsage.cpuTemp)}°C`
         label2: `${Math.round(SystemUsage.cpuPerc * 100)}%`
 
-        sublabel1: "CPU temp"
+        sublabel1: qsTr("CPU temp")
-        sublabel2: "Usage"
+        sublabel2: qsTr("Usage")
     }
 
     Resource {
@@ -48,8 +48,8 @@ Row {
             return `${Math.floor(fmt.value)}${fmt.unit}`;
         }
 
-        sublabel1: "Memory"
+        sublabel1: qsTr("Memory")
-        sublabel2: "Storage"
+        sublabel2: qsTr("Storage")
     }
 
     component Resource: Item {