aboutsummaryrefslogtreecommitdiff
path: root/modules/system/quickshell/Bluetooth.qml
diff options
context:
space:
mode:
Diffstat (limited to 'modules/system/quickshell/Bluetooth.qml')
-rw-r--r--modules/system/quickshell/Bluetooth.qml352
1 files changed, 352 insertions, 0 deletions
diff --git a/modules/system/quickshell/Bluetooth.qml b/modules/system/quickshell/Bluetooth.qml
new file mode 100644
index 0000000..17091ff
--- /dev/null
+++ b/modules/system/quickshell/Bluetooth.qml
@@ -0,0 +1,352 @@
+import QtQuick
+import QtQuick.Layouts
+import Quickshell
+import Quickshell.Bluetooth
+import Quickshell.Widgets
+import QtQuick.Effects // Required for icon tinting
+
+Item {
+ id: root
+
+ Scope {
+ id: internal
+ readonly property BluetoothAdapter adapter: Bluetooth.defaultAdapter
+
+ readonly property var allDevices: adapter ? adapter.devices.values : []
+
+ property bool hasPaired: false
+ property bool hasNewVisible: false
+
+ function updateState() {
+ let paired = false
+ let newVisible = false
+
+ for (const d of internal.allDevices) {
+ if (d?.paired) paired = true
+ if (d && !d.paired && d.name) newVisible = true
+ }
+
+ internal.hasPaired = paired
+ internal.hasNewVisible = newVisible
+ }
+ }
+
+ width: childrenRect.width
+ height: parent.height
+
+ Row {
+ anchors.verticalCenter: parent.verticalCenter
+ spacing: 4
+
+ Image {
+ width: 20
+ height: 20
+ source: Quickshell.iconPath(internal.adapter?.enabled ? "bluetooth-active-symbolic" : "bluetooth-disabled-symbolic")
+ sourceSize: Qt.size(width, height)
+ smooth: true
+ mipmap: true
+ opacity: internal.adapter?.enabled ? 1.0 : 0.5
+ }
+ }
+
+ MouseArea {
+ anchors.fill: parent
+ acceptedButtons: Qt.LeftButton | Qt.RightButton
+ onClicked: mouse => {
+ if (mouse.button === Qt.LeftButton) {
+ GlobalState.toggle("Bluetooth")
+ } else if (mouse.button === Qt.RightButton && internal.adapter) {
+ internal.adapter.enabled = !internal.adapter.enabled
+ }
+ }
+ }
+
+ PopupWindow {
+ id: popup
+ visible: GlobalState.activePopup === "Bluetooth"
+ grabFocus: true
+ implicitWidth: card.width
+ implicitHeight: card.height
+
+ anchor {
+ window: barWindow
+ item: root
+ edges: Edges.Bottom
+ gravity: Edges.Bottom
+ margins.top: Theme.popupGap
+ }
+
+ color: Theme.transparent
+
+ onVisibleChanged: {
+ if (visible) {
+ anchor.updateAnchor()
+ if (internal.adapter) internal.adapter.discovering = true
+ } else if (internal.adapter?.discovering) {
+ internal.adapter.discovering = false
+ }
+ }
+
+ Connections {
+ target: internal.adapter ? internal.adapter.devices : null
+ function onValuesChanged() { internal.updateState() }
+ }
+
+ PopupCard {
+ id: card
+
+ // Main Toggle Header
+ RowLayout {
+ Layout.fillWidth: true
+ spacing: 8
+
+ Text {
+ text: "Bluetooth"
+ color: Theme.text
+ font {
+ family: Theme.mainFont
+ pixelSize: 14
+ weight: Font.DemiBold
+ }
+ }
+
+ Item { Layout.fillWidth: true }
+
+ Toggle {
+ checked: internal.adapter?.enabled ?? false
+ enabled: internal.adapter !== null
+ onToggled: internal.adapter.enabled = !internal.adapter.enabled
+ }
+ }
+
+ Rectangle {
+ Layout.fillWidth: true
+ Layout.preferredHeight: 1
+ color: Theme.border
+ }
+
+ // Paired Devices Header
+ Text {
+ visible: internal.hasPaired
+ text: "My Devices" // macOS typically labels this "My Devices"
+ color: Theme.textMuted
+ font {
+ family: Theme.mainFont
+ pixelSize: 12
+ weight: Font.DemiBold
+ }
+ }
+
+ // Paired Devices List
+ ColumnLayout {
+ Layout.fillWidth: true
+ spacing: 2
+ visible: internal.hasPaired
+
+ Repeater {
+ model: internal.adapter ? internal.adapter.devices : null
+
+ delegate: Squircle {
+ id: pairedItem
+ required property BluetoothDevice modelData
+ readonly property bool hovered: pairedArea.containsMouse
+ visible: pairedItem.modelData?.paired ?? false
+ Layout.fillWidth: true
+ Layout.preferredHeight: visible ? 36 : 0
+ fillColor: hovered ? Theme.surface : Theme.transparent
+ cornerRadius: 6
+
+ Connections {
+ target: pairedItem.modelData
+ function onPairedChanged() { internal.updateState() }
+ function onConnectedChanged() { internal.updateState() }
+ function onNameChanged() { internal.updateState() }
+ }
+ Component.onCompleted: internal.updateState()
+ Component.onDestruction: internal.updateState()
+
+ MouseArea {
+ id: pairedArea
+ anchors.fill: parent
+ hoverEnabled: true
+ onClicked: {
+ const d = pairedItem.modelData
+ if (d.connected) d.disconnect()
+ else d.connect()
+ }
+ }
+
+ RowLayout {
+ anchors {
+ fill: parent
+ margins: 8
+ }
+ spacing: 10
+
+ // macOS uses bare icons in the list, tinted accent color when connected
+ Item {
+ Layout.preferredWidth: 20
+ Layout.preferredHeight: 20
+
+ Image {
+ id: deviceIcon
+ anchors.fill: parent
+ source: Quickshell.iconPath("bluetooth-active-symbolic")
+ sourceSize: Qt.size(20, 20)
+ visible: false
+ }
+
+ MultiEffect {
+ anchors.fill: deviceIcon
+ source: deviceIcon
+ colorizationColor: (pairedItem.modelData?.connected ?? false) ? Theme.accent : Theme.text
+ colorization: 1.0
+ }
+ }
+
+ Text {
+ Layout.fillWidth: true
+ text: pairedItem.modelData?.name || pairedItem.modelData?.deviceName || pairedItem.modelData?.address || ""
+ color: Theme.text
+ font {
+ family: Theme.mainFont
+ pixelSize: 13
+ }
+ elide: Text.ElideRight
+ }
+
+ // macOS displays connection status text instead of a toggle/button
+ Text {
+ text: (pairedItem.modelData?.connected ?? false) ? "Connected" : "Not Connected"
+ color: Theme.textMuted
+ font {
+ family: Theme.mainFont
+ pixelSize: 11
+ }
+ }
+ }
+ }
+ }
+ }
+
+ Rectangle {
+ Layout.fillWidth: true
+ Layout.preferredHeight: 1
+ color: Theme.border
+ visible: internal.hasPaired
+ }
+
+ // Other Devices Header
+ RowLayout {
+ Layout.fillWidth: true
+
+ Text {
+ text: "Other Devices"
+ color: Theme.textMuted
+ font {
+ family: Theme.mainFont
+ pixelSize: 12
+ weight: Font.DemiBold
+ }
+ Layout.fillWidth: true
+ }
+
+ // Passive scanning indicator instead of interactive refresh button
+ Image {
+ width: 14
+ height: 14
+ source: Quickshell.iconPath("process-working-symbolic")
+ sourceSize: Qt.size(width, height)
+ smooth: true
+ mipmap: true
+ visible: internal.adapter?.discovering ?? false
+ opacity: 0.6
+
+ RotationAnimation on rotation {
+ running: parent.visible
+ from: 0
+ to: 360
+ duration: 1000
+ loops: Animation.Infinite
+ }
+ }
+ }
+
+ // Unpaired Devices List
+ ColumnLayout {
+ Layout.fillWidth: true
+ spacing: 2
+ visible: internal.hasNewVisible
+
+ Repeater {
+ model: internal.adapter ? internal.adapter.devices : null
+
+ delegate: Squircle {
+ id: newItem
+ required property BluetoothDevice modelData
+ visible: !(newItem.modelData?.paired ?? true) && (newItem.modelData?.name ?? "") !== ""
+ Layout.fillWidth: true
+ Layout.preferredHeight: visible ? 36 : 0
+ fillColor: newArea.containsMouse ? Theme.surface : Theme.transparent
+ cornerRadius: 6
+
+ Connections {
+ target: newItem.modelData
+ function onPairedChanged() { internal.updateState() }
+ function onNameChanged() { internal.updateState() }
+ }
+ Component.onCompleted: internal.updateState()
+ Component.onDestruction: internal.updateState()
+
+ MouseArea {
+ id: newArea
+ anchors.fill: parent
+ hoverEnabled: true
+ cursorShape: Qt.PointingHandCursor
+ enabled: !(newItem.modelData?.pairing ?? false)
+ onClicked: newItem.modelData.pair()
+ }
+
+ RowLayout {
+ anchors {
+ fill: parent
+ margins: 8
+ }
+ spacing: 10
+
+ Image {
+ Layout.preferredWidth: 20
+ Layout.preferredHeight: 20
+ source: Quickshell.iconPath("bluetooth-active-symbolic")
+ sourceSize: Qt.size(20, 20)
+ opacity: 0.6
+ }
+
+ Text {
+ Layout.fillWidth: true
+ text: newItem.modelData?.name || newItem.modelData?.address || ""
+ color: Theme.text
+ font {
+ family: Theme.mainFont
+ pixelSize: 13
+ }
+ elide: Text.ElideRight
+ }
+
+ // Replace + icon with "Connecting..." text when pairing
+ Text {
+ visible: newItem.modelData?.pairing ?? false
+ text: "Connecting..."
+ color: Theme.textMuted
+ font {
+ family: Theme.mainFont
+ pixelSize: 11
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+}
generated by cgit v1.3.1 (git 2.54.0) at 2026-05-30 21:01:15 +0000