sidebar: refractor wifi dialog to new file, make it dynamically loaded

.config/quickshell/ii/modules/sidebarRight/wifiNetworks/WifiDialog.qml

@@ -0,0 +1,76 @@
+import qs
+import qs.services
+import qs.services.network
+import qs.modules.common
+import qs.modules.common.widgets
+import qs.modules.common.functions
+import "./quickToggles/"
+import "./wifiNetworks/"
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+import Qt5Compat.GraphicalEffects
+import Quickshell.Io
+import Quickshell
+import Quickshell.Wayland
+import Quickshell.Hyprland
+
+WindowDialog {
+    id: root
+    
+    WindowDialogTitle {
+        text: Translation.tr("Connect to Wi-Fi")
+    }
+    // TODO: add indeterminate progress bar when scanning
+    WindowDialogSeparator {}
+    StyledListView {
+        Layout.fillHeight: true
+        Layout.fillWidth: true
+        Layout.topMargin: -15
+        Layout.bottomMargin: -16
+        Layout.leftMargin: -Appearance.rounding.large
+        Layout.rightMargin: -Appearance.rounding.large
+
+        clip: true
+        spacing: 0
+        animateAppearance: false
+
+        model: ScriptModel {
+            values: [...Network.wifiNetworks].sort((a, b) => {
+                if (a.active && !b.active)
+                    return -1;
+                if (!a.active && b.active)
+                    return 1;
+                return b.strength - a.strength;
+            })
+        }
+        // model: Network.wifiNetworks
+        delegate: WifiNetworkItem {
+            required property WifiAccessPoint modelData
+            wifiNetwork: modelData
+            anchors {
+                left: parent?.left
+                right: parent?.right
+            }
+        }
+    }
+    WindowDialogSeparator {}
+    WindowDialogButtonRow {
+        DialogButton {
+            buttonText: Translation.tr("Details")
+            onClicked: {
+                Quickshell.execDetached(["bash", "-c", `${Network.ethernet ? Config.options.apps.networkEthernet : Config.options.apps.network}`]);
+                GlobalStates.sidebarRightOpen = false;
+            }
+        }
+
+        Item {
+            Layout.fillWidth: true
+        }
+
+        DialogButton {
+            buttonText: Translation.tr("Done")
+            onClicked: root.dismiss()
+        }
+    }
+}

.config/quickshell/ii/modules/sidebarRight/wifiNetworks/WifiNetworkItem.qml

@@ -45,20 +45,21 @@ RippleButton {
             spacing: 10
             MaterialSymbol {
                 iconSize: Appearance.font.pixelSize.larger
-                text: root.wifiNetwork?.strength > 80 ? "signal_wifi_4_bar" :
-                    root.wifiNetwork?.strength > 60 ? "network_wifi_3_bar" :
-                    root.wifiNetwork?.strength > 40 ? "network_wifi_2_bar" :
-                    root.wifiNetwork?.strength > 20 ? "network_wifi_1_bar" :
+                property int strength: root.wifiNetwork?.strength ?? 0
+                text: strength > 80 ? "signal_wifi_4_bar" :
+                    strength > 60 ? "network_wifi_3_bar" :
+                    strength > 40 ? "network_wifi_2_bar" :
+                    strength > 20 ? "network_wifi_1_bar" :
                     "signal_wifi_0_bar"
                 color: Appearance.colors.colOnSurfaceVariant
             }
             StyledText {
                 Layout.fillWidth: true
-                text: root.wifiNetwork?.ssid
+                text: root.wifiNetwork?.ssid ?? Translation.tr("Unknown")
                 color: Appearance.colors.colOnSurfaceVariant
             }
             MaterialSymbol {
-                visible: root.wifiNetwork?.isSecure || root.wifiNetwork?.active
+                visible: (root.wifiNetwork?.isSecure || root.wifiNetwork?.active) ?? false
                 text: root.wifiNetwork?.active ? "check" : Network.wifiConnectTarget === root.wifiNetwork ? "settings_ethernet" : "lock"
                 iconSize: Appearance.font.pixelSize.larger
                 color: Appearance.colors.colOnSurfaceVariant
@@ -67,7 +68,7 @@ RippleButton {
 
         ColumnLayout {
             id: passwordPrompt
-            visible: root.wifiNetwork?.askingPassword
+            visible: root.wifiNetwork?.askingPassword ?? false
             Layout.topMargin: 12
 
             MaterialTextField {