Modularlize the TopBar

2025-12-08 22:45:38 -05:00 · 2025-07-11 22:07:54 -04:00
parent ecbc835f10
commit 962c56c0ce
12 changed files with 1060 additions and 870 deletions
--- a/Widgets/TopBar/ControlCenterButton.qml
+++ b/Widgets/TopBar/ControlCenterButton.qml
@@ -0,0 +1,104 @@
+import QtQuick
+import "../../Common"
+import "../../Services"
+
+Rectangle {
+    id: root
+    
+    property string networkStatus: "disconnected"
+    property string wifiSignalStrength: "good"
+    property int volumeLevel: 50
+    property bool bluetoothAvailable: false
+    property bool bluetoothEnabled: false
+    property bool isActive: false
+    
+    signal clicked()
+    
+    width: Math.max(80, controlIndicators.implicitWidth + Theme.spacingS * 2)
+    height: 32
+    radius: Theme.cornerRadius
+    color: controlCenterArea.containsMouse || root.isActive ? 
+           Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.16) : 
+           Qt.rgba(Theme.secondary.r, Theme.secondary.g, Theme.secondary.b, 0.08)
+    
+    Row {
+        id: controlIndicators
+        anchors.centerIn: parent
+        spacing: Theme.spacingXS
+        
+        // Network Status Icon
+        Text {
+            text: {
+                if (root.networkStatus === "ethernet") return "lan"
+                else if (root.networkStatus === "wifi") {
+                    switch (root.wifiSignalStrength) {
+                        case "excellent": return "wifi"
+                        case "good": return "wifi_2_bar"
+                        case "fair": return "wifi_1_bar"
+                        case "poor": return "wifi_calling_3"
+                        default: return "wifi"
+                    }
+                }
+                else return "wifi_off"
+            }
+            font.family: Theme.iconFont
+            font.pixelSize: Theme.iconSize - 8
+            font.weight: Theme.iconFontWeight
+            color: root.networkStatus !== "disconnected" ? Theme.primary : Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.5)
+            anchors.verticalCenter: parent.verticalCenter
+            visible: true
+        }
+        
+        // Audio Icon
+        Text {
+            text: root.volumeLevel === 0 ? "volume_off" : 
+                  root.volumeLevel < 33 ? "volume_down" : "volume_up"
+            font.family: Theme.iconFont
+            font.pixelSize: Theme.iconSize - 8
+            font.weight: Theme.iconFontWeight
+            color: controlCenterArea.containsMouse || root.isActive ? 
+                   Theme.primary : Theme.surfaceText
+            anchors.verticalCenter: parent.verticalCenter
+        }
+        
+        // Microphone Icon (when active)
+        Text {
+            text: "mic"
+            font.family: Theme.iconFont
+            font.pixelSize: Theme.iconSize - 8
+            font.weight: Theme.iconFontWeight
+            color: Theme.primary
+            anchors.verticalCenter: parent.verticalCenter
+            visible: false // TODO: Add mic detection
+        }
+        
+        // Bluetooth Icon (when available and enabled)
+        Text {
+            text: "bluetooth"
+            font.family: Theme.iconFont
+            font.pixelSize: Theme.iconSize - 8
+            font.weight: Theme.iconFontWeight
+            color: root.bluetoothEnabled ? Theme.primary : Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.5)
+            anchors.verticalCenter: parent.verticalCenter
+            visible: root.bluetoothAvailable && root.bluetoothEnabled
+        }
+    }
+    
+    MouseArea {
+        id: controlCenterArea
+        anchors.fill: parent
+        hoverEnabled: true
+        cursorShape: Qt.PointingHandCursor
+        
+        onClicked: {
+            root.clicked()
+        }
+    }
+    
+    Behavior on color {
+        ColorAnimation {
+            duration: Theme.shortDuration
+            easing.type: Theme.standardEasing
+        }
+    }
+}