feat: Initial Privacy inidicators implementation

2025-12-06 21:45:38 -05:00 · 2025-08-06 20:48:38 -04:00
parent 732f31d3c1
commit d036684842
4 changed files with 363 additions and 1 deletions
--- a/Modules/TopBar/PrivacyIndicator.qml
+++ b/Modules/TopBar/PrivacyIndicator.qml
@@ -0,0 +1,173 @@
+import QtQuick
+import QtQuick.Controls
+import qs.Common
+import qs.Services
+import qs.Widgets
+
+Rectangle {
+    id: root
+
+    property string section: "right"
+    property var popupTarget: null
+    property var parentScreen: null
+
+    readonly property bool hasActivePrivacy: PrivacyService.anyPrivacyActive
+    readonly property int activeCount: (PrivacyService.microphoneActive ? 1 : 0) + (PrivacyService.cameraActive ? 1 : 0) + (PrivacyService.screensharingActive ? 1 : 0)
+    
+    width: hasActivePrivacy ? (activeCount > 1 ? 80 : 60) : 0
+    height: hasActivePrivacy ? 30 : 0
+    radius: Theme.cornerRadius
+    visible: hasActivePrivacy
+    opacity: hasActivePrivacy ? 1 : 0
+
+    color: {
+        const baseColor = privacyArea.containsMouse ? Theme.errorPressed : Theme.errorHover;
+        return Qt.rgba(baseColor.r, baseColor.g, baseColor.b, baseColor.a * Theme.widgetTransparency);
+    }
+
+    MouseArea {
+        id: privacyArea
+
+        anchors.fill: parent
+        hoverEnabled: true
+        cursorShape: Qt.PointingHandCursor
+        onClicked: {
+        }
+    }
+
+    Row {
+        anchors.centerIn: parent
+        spacing: Theme.spacingXS
+        visible: hasActivePrivacy
+
+        Item {
+            width: 18
+            height: 18
+            visible: PrivacyService.microphoneActive
+            anchors.verticalCenter: parent.verticalCenter
+
+            DankIcon {
+                name: "mic"
+                size: Theme.iconSizeSmall
+                color: Theme.error
+                filled: true
+                anchors.centerIn: parent
+            }
+            
+        }
+
+        Item {
+            width: 18
+            height: 18
+            visible: PrivacyService.cameraActive
+            anchors.verticalCenter: parent.verticalCenter
+
+            DankIcon {
+                name: "camera_video"
+                size: Theme.iconSizeSmall
+                color: Theme.surfaceText
+                filled: true
+                anchors.centerIn: parent
+            }
+
+            Rectangle {
+                width: 6
+                height: 6
+                radius: 3
+                color: Theme.error
+                anchors.right: parent.right
+                anchors.top: parent.top
+                anchors.rightMargin: -2
+                anchors.topMargin: -1
+
+                SequentialAnimation on opacity {
+                    running: parent.visible
+                    loops: Animation.Infinite
+
+                    NumberAnimation {
+                        to: 0.3
+                        duration: Theme.longDuration
+                    }
+                    NumberAnimation {
+                        to: 1.0
+                        duration: Theme.longDuration
+                    }
+                }
+            }
+        }
+
+        Item {
+            width: 18
+            height: 18
+            visible: PrivacyService.screensharingActive
+            anchors.verticalCenter: parent.verticalCenter
+
+            DankIcon {
+                name: "screen_share"
+                size: Theme.iconSizeSmall
+                color: Theme.warning
+                filled: true
+                anchors.centerIn: parent
+            }
+        }
+    }
+
+    Behavior on width {
+        NumberAnimation {
+            duration: Theme.mediumDuration
+            easing.type: Theme.emphasizedEasing
+        }
+    }
+
+    Behavior on opacity {
+        enabled: !hasActivePrivacy
+        NumberAnimation {
+            duration: Theme.mediumDuration
+            easing.type: Theme.standardEasing
+        }
+    }
+
+    Rectangle {
+        id: tooltip
+
+        width: tooltipText.contentWidth + Theme.spacingM * 2
+        height: tooltipText.contentHeight + Theme.spacingS * 2
+        radius: Theme.cornerRadius
+        color: Theme.popupBackground()
+        border.color: Theme.outlineMedium
+        border.width: 1
+        visible: privacyArea.containsMouse && hasActivePrivacy
+        opacity: visible ? 1 : 0
+        z: 100
+
+        x: (parent.width - width) / 2
+        y: -height - Theme.spacingXS
+
+        StyledText {
+            id: tooltipText
+            anchors.centerIn: parent
+            text: PrivacyService.getPrivacySummary()
+            font.pixelSize: Theme.fontSizeSmall
+            color: Theme.surfaceText
+        }
+
+        Behavior on opacity {
+            NumberAnimation {
+                duration: Theme.shortDuration
+                easing.type: Theme.standardEasing
+            }
+        }
+
+        Rectangle {
+            width: 8
+            height: 8
+            color: parent.color
+            border.color: parent.border.color
+            border.width: parent.border.width
+            rotation: 45
+            anchors.horizontalCenter: parent.horizontalCenter
+            anchors.top: parent.bottom
+            anchors.topMargin: -4
+        }
+    }
+}
--- a/Modules/TopBar/TopBar.qml
+++ b/Modules/TopBar/TopBar.qml
@@ -176,6 +176,8 @@ PanelWindow {
                    return true;
                case "systemTray":
                    return true;
+                case "privacyIndicator":
+                    return true;
                case "clipboard":
                    return true;
                case "systemResources":
@@ -211,6 +213,8 @@ PanelWindow {
                    return weatherComponent;
                case "systemTray":
                    return systemTrayComponent;
+                case "privacyIndicator":
+                    return privacyIndicatorComponent;
                case "clipboard":
                    return clipboardComponent;
                case "systemResources":
@@ -552,6 +556,21 @@ PanelWindow {

            }

+            Component {
+                id: privacyIndicatorComponent
+
+                PrivacyIndicator {
+                    section: {
+                        if (parent && parent.parent === leftSection) return "left";
+                        if (parent && parent.parent === rightSection) return "right";
+                        if (parent && parent.parent === centerSection) return "center";
+                        return "right";
+                    }
+                    parentScreen: root.screen
+                }
+
+            }
+
            Component {
                id: clipboardComponent