DankMaterialShell/Modules/ControlCenter/Network/WiFiCard.qml

import QtQuick
import QtQuick.Controls
import Quickshell
import Quickshell.Io
import Quickshell.Widgets
import qs.Common
import qs.Services
import qs.Widgets

Rectangle {
    id: wifiCard
    
    property var refreshTimer
    
    function getWiFiSignalIcon(signalStrength) {
        switch (signalStrength) {
            case "excellent": return "wifi";
            case "good": return "wifi_2_bar";
            case "fair": return "wifi_1_bar";
            case "poor": return "signal_wifi_0_bar";
            default: return "wifi";
        }
    }
    
    width: parent.width
    height: 80
    radius: Theme.cornerRadius
    color: {
        if (wifiPreferenceArea.containsMouse && NetworkService.ethernetConnected && NetworkService.wifiEnabled && NetworkService.networkStatus !== "wifi")
            return Qt.rgba(Theme.surfaceContainer.r, Theme.surfaceContainer.g, Theme.surfaceContainer.b, 0.8);
        return Qt.rgba(Theme.surfaceContainer.r, Theme.surfaceContainer.g, Theme.surfaceContainer.b, 0.5);
    }
    border.color: NetworkService.networkStatus === "wifi" ? Theme.primary : Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.12)
    border.width: NetworkService.networkStatus === "wifi" ? 2 : 1
    visible: NetworkService.wifiAvailable

    Column {
        anchors.left: parent.left
        anchors.leftMargin: Theme.spacingM
        anchors.verticalCenter: parent.verticalCenter
        anchors.right: wifiToggle.left
        anchors.rightMargin: Theme.spacingM
        spacing: Theme.spacingS

        Row {
            spacing: Theme.spacingM

            DankIcon {
                name: {
                    if (!NetworkService.wifiEnabled) {
                        return "wifi_off";
                    } else if (WifiService.currentWifiSSID !== "") {
                        return getWiFiSignalIcon(WifiService.wifiSignalStrength);
                    } else {
                        return "wifi";
                    }
                }
                size: Theme.iconSize
                color: NetworkService.networkStatus === "wifi" ? Theme.primary : Theme.surfaceText
                anchors.verticalCenter: parent.verticalCenter
            }

            Text {
                text: {
                    if (!NetworkService.wifiEnabled) {
                        return "WiFi is off";
                    } else if (NetworkService.wifiEnabled && WifiService.currentWifiSSID) {
                        return WifiService.currentWifiSSID || "Connected";
                    } else {
                        return "Not Connected";
                    }
                }
                font.pixelSize: Theme.fontSizeMedium
                color: NetworkService.networkStatus === "wifi" ? Theme.primary : Theme.surfaceText
                font.weight: Font.Medium
                anchors.verticalCenter: parent.verticalCenter
                elide: Text.ElideRight
            }
        }

        Text {
            text: {
                if (!NetworkService.wifiEnabled) {
                    return "Turn on WiFi to see networks";
                } else if (NetworkService.wifiEnabled && WifiService.currentWifiSSID) {
                    return NetworkService.wifiIP || "Connected";
                } else {
                    return "Select a network below";
                }
            }
            font.pixelSize: Theme.fontSizeSmall
            color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
            leftPadding: Theme.iconSize + Theme.spacingM
            elide: Text.ElideRight
        }
    }

    // Loading spinner for preference changes
    DankIcon {
        id: wifiLoadingSpinner
        name: "refresh"
        size: Theme.iconSize - 4
        color: Theme.primary
        anchors.right: wifiToggle.left
        anchors.rightMargin: Theme.spacingS
        anchors.verticalCenter: parent.verticalCenter
        visible: NetworkService.changingPreference && NetworkService.targetPreference === "wifi"
        z: 10
        
        RotationAnimation {
            target: wifiLoadingSpinner
            property: "rotation"
            running: wifiLoadingSpinner.visible
            from: 0
            to: 360
            duration: 1000
            loops: Animation.Infinite
        }
    }

    // WiFi toggle switch
    DankToggle {
        id: wifiToggle
        checked: NetworkService.wifiEnabled
        enabled: true
        toggling: NetworkService.wifiToggling
        anchors.right: parent.right
        anchors.rightMargin: Theme.spacingM
        anchors.verticalCenter: parent.verticalCenter
        onClicked: {
            if (NetworkService.wifiEnabled) {
                // When turning WiFi off, clear all cached WiFi data
                WifiService.currentWifiSSID = "";
                WifiService.wifiSignalStrength = "excellent";
                WifiService.wifiNetworks = [];
                WifiService.savedWifiNetworks = [];
                WifiService.connectionStatus = "";
                WifiService.connectingSSID = "";
                WifiService.isScanning = false;
                NetworkService.refreshNetworkStatus();
            }
            NetworkService.toggleWifiRadio();
            if (refreshTimer) {
                refreshTimer.triggered = true;
            }
        }
    }

    // MouseArea for network preference (excluding toggle area)
    MouseArea {
        id: wifiPreferenceArea
        anchors.fill: parent
        anchors.rightMargin: 60 // Exclude toggle area
        hoverEnabled: true
        cursorShape: (NetworkService.ethernetConnected && NetworkService.wifiEnabled && NetworkService.networkStatus !== "wifi") ? Qt.PointingHandCursor : Qt.ArrowCursor
        enabled: NetworkService.ethernetConnected && NetworkService.wifiEnabled && NetworkService.networkStatus !== "wifi" && !NetworkService.changingNetworkPreference
        onClicked: {
            if (NetworkService.ethernetConnected && NetworkService.wifiEnabled) {
                console.log("WiFi card clicked for preference");
                if (NetworkService.networkStatus !== "wifi")
                    NetworkService.setNetworkPreference("wifi");
                else
                    NetworkService.setNetworkPreference("auto");
            }
        }
    }

    Behavior on color {
        ColorAnimation {
            duration: Theme.shortDuration
            easing.type: Theme.standardEasing
        }
    }
}