Salastil/DankMaterialShell
1
0
Fork 0
mirror of https://github.com/AvengeMedia/DankMaterialShell.git synced 2026-01-24 21:42:51 -05:00
Code Packages Releases Activity

bluetooth: pairing dialog

Browse Source 
- Allows connecting pin/passkey/confirmation dialogs
- Fixes inability to connect to many devices
- Dependent on un-merged quickshell PR: https://github.com/quickshell-mirror/quickshell/pull/138
This commit is contained in:
bbedward
2025-07-22 19:20:10 -04:00
parent 02bd9bbc72
commit 3157622c8b
4 changed files with 555 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

372
Modules/BluetoothPairingDialog.qml Normal file
View File

@@ -0,0 +1,372 @@
import QtQuick
import QtQuick.Controls
import Quickshell
import Quickshell.Wayland
import Quickshell.Widgets
import Quickshell.Bluetooth
import qs.Common
import qs.Services
import qs.Widgets
PanelWindow {
id: root
property bool bluetoothPairingDialogVisible: BluetoothService.pairingDialogVisible
property int pairingType: BluetoothService.pairingType
property int passkey: BluetoothService.pendingPasskey
property string deviceAddress: BluetoothService.pendingDeviceAddress
property alias inputText: pairingInput.text
visible: bluetoothPairingDialogVisible
WlrLayershell.layer: WlrLayershell.Overlay
WlrLayershell.exclusiveZone: -1
WlrLayershell.keyboardFocus: bluetoothPairingDialogVisible ? WlrKeyboardFocus.Exclusive : WlrKeyboardFocus.None
color: "transparent"
onVisibleChanged: {
if (visible) {
console.log("BluetoothPairingDialog: Showing dialog for device:", deviceAddress, "name:", BluetoothService.pendingDeviceName, "type:", pairingType);
pairingInput.enabled = true;
BluetoothService.inputText = "";
Qt.callLater(function() {
if (pairingType === BluetoothPairingRequestType.PinCode || pairingType === BluetoothPairingRequestType.Passkey)
pairingInput.forceActiveFocus();
});
} else {
pairingInput.enabled = false;
}
}
anchors {
top: true
left: true
right: true
bottom: true
}
Rectangle {
anchors.fill: parent
color: Qt.rgba(0, 0, 0, 0.5)
opacity: bluetoothPairingDialogVisible ? 1 : 0
MouseArea {
anchors.fill: parent
onClicked: {
pairingInput.enabled = false;
BluetoothService.rejectPairing();
}
}
Behavior on opacity {
NumberAnimation {
duration: Theme.mediumDuration
easing.type: Theme.standardEasing
}
}
}
Rectangle {
width: Math.min(400, parent.width - Theme.spacingL * 2)
height: Math.min(contentColumn.implicitHeight + Theme.spacingL * 2, parent.height - Theme.spacingL * 2)
anchors.centerIn: parent
color: Theme.surfaceContainer
radius: Theme.cornerRadiusLarge
border.color: Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.12)
border.width: 1
opacity: bluetoothPairingDialogVisible ? 1 : 0
scale: bluetoothPairingDialogVisible ? 1 : 0.9
MouseArea {
// Prevent propagation to background
anchors.fill: parent
onClicked: {
}
}
Column {
id: contentColumn
anchors.fill: parent
anchors.margins: Theme.spacingL
spacing: Theme.spacingL
// Header
Row {
width: parent.width
spacing: Theme.spacingM
DankIcon {
name: "bluetooth"
size: Theme.iconSize
color: Theme.primary
anchors.verticalCenter: parent.verticalCenter
}
Column {
width: parent.width - 40 - Theme.spacingM - Theme.iconSize
spacing: Theme.spacingXS
anchors.verticalCenter: parent.verticalCenter
Text {
text: "Bluetooth Pairing"
font.pixelSize: Theme.fontSizeLarge
color: Theme.surfaceText
font.weight: Font.Medium
}
Text {
text: BluetoothService.pendingDeviceName || deviceAddress || "Unknown Device"
font.pixelSize: Theme.fontSizeMedium
color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
width: parent.width
elide: Text.ElideRight
}
Text {
text: deviceAddress || ""
font.pixelSize: Theme.fontSizeSmall
color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.5)
font.family: "monospace"
visible: deviceAddress && deviceAddress !== BluetoothService.pendingDeviceName
}
}
DankActionButton {
iconName: "close"
iconSize: Theme.iconSize - 4
iconColor: Theme.surfaceText
hoverColor: Qt.rgba(Theme.error.r, Theme.error.g, Theme.error.b, 0.12)
onClicked: {
pairingInput.enabled = false;
BluetoothService.rejectPairing();
}
}
}
// Dynamic content based on pairing type
Column {
width: parent.width
spacing: Theme.spacingM
// Authorization
Text {
text: "Allow pairing with this device?"
font.pixelSize: Theme.fontSizeLarge
color: Theme.surfaceText
font.weight: Font.Medium
anchors.horizontalCenter: parent.horizontalCenter
visible: pairingType === BluetoothPairingRequestType.Authorization
}
// Service Authorization
Text {
text: "Allow service connection from this device?"
font.pixelSize: Theme.fontSizeLarge
color: Theme.surfaceText
font.weight: Font.Medium
anchors.horizontalCenter: parent.horizontalCenter
visible: pairingType === BluetoothPairingRequestType.ServiceAuthorization
}
// Confirmation
Rectangle {
width: parent.width
height: 80
radius: Theme.cornerRadius
color: Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.08)
border.color: Theme.primary
border.width: 1
visible: pairingType === BluetoothPairingRequestType.Confirmation
Column {
anchors.centerIn: parent
spacing: Theme.spacingS
Text {
text: "Confirm this passkey matches on both devices:"
font.pixelSize: Theme.fontSizeMedium
color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
anchors.horizontalCenter: parent.horizontalCenter
}
Text {
text: passkey.toString().padStart(6, '0')
font.pixelSize: Theme.fontSizeXXLarge
color: Theme.primary
font.weight: Font.Bold
font.family: "monospace"
anchors.horizontalCenter: parent.horizontalCenter
}
}
}
// PIN Code or Passkey Input
Column {
width: parent.width
spacing: Theme.spacingS
visible: pairingType === BluetoothPairingRequestType.PinCode || pairingType === BluetoothPairingRequestType.Passkey
Text {
text: pairingType === BluetoothPairingRequestType.PinCode ? "Enter PIN code for this device:" : "Enter 6-digit passkey shown on other device:"
font.pixelSize: Theme.fontSizeMedium
color: Theme.surfaceText
anchors.horizontalCenter: parent.horizontalCenter
}
Rectangle {
width: parent.width
height: 50
radius: Theme.cornerRadius
color: Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.08)
border.color: pairingInput.activeFocus ? Theme.primary : Qt.rgba(Theme.outline.r, Theme.outline.g, Theme.outline.b, 0.12)
border.width: pairingInput.activeFocus ? 2 : 1
DankTextField {
id: pairingInput
anchors.fill: parent
font.pixelSize: Theme.fontSizeLarge
textColor: Theme.surfaceText
text: BluetoothService.inputText
enabled: bluetoothPairingDialogVisible
placeholderText: pairingType === BluetoothPairingRequestType.PinCode ? "e.g., 0000 or 1234" : "123456"
backgroundColor: "transparent"
normalBorderColor: "transparent"
focusedBorderColor: "transparent"
inputMethodHints: pairingType === BluetoothPairingRequestType.Passkey ? Qt.ImhDigitsOnly : Qt.ImhNone
onTextEdited: {
// For passkey, limit to 6 digits only
if (pairingType === BluetoothPairingRequestType.Passkey) {
var filtered = text.replace(/[^0-9]/g, '').substring(0, 6);
if (text !== filtered) {
text = filtered;
return ;
}
}
BluetoothService.inputText = text;
}
onAccepted: {
if (text.length > 0)
BluetoothService.acceptPairing();
}
}
}
}
}
// Buttons
Row {
width: parent.width
spacing: Theme.spacingM
Rectangle {
width: (parent.width - Theme.spacingM) / 2
height: 40
radius: Theme.cornerRadius
color: rejectArea.containsMouse ? Qt.rgba(Theme.error.r, Theme.error.g, Theme.error.b, 0.12) : Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.08)
border.color: Theme.error
border.width: 1
Text {
anchors.centerIn: parent
text: "Cancel"
font.pixelSize: Theme.fontSizeMedium
color: Theme.error
font.weight: Font.Medium
}
MouseArea {
id: rejectArea
anchors.fill: parent
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
onClicked: BluetoothService.rejectPairing()
}
}
Rectangle {
width: (parent.width - Theme.spacingM) / 2
height: 40
radius: Theme.cornerRadius
color: acceptArea.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.16) : Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12)
border.color: Theme.primary
border.width: 1
opacity: {
// Authorization/Confirmation/ServiceAuthorization always enabled
if (pairingType <= BluetoothPairingRequestType.Confirmation || pairingType === BluetoothPairingRequestType.ServiceAuthorization)
return 1;
// PIN/Passkey need input
return BluetoothService.inputText.length > 0 ? 1 : 0.5;
}
Text {
anchors.centerIn: parent
text: {
switch (pairingType) {
case BluetoothPairingRequestType.Authorization:
return "Accept";
case BluetoothPairingRequestType.Confirmation:
return "Confirm";
case BluetoothPairingRequestType.ServiceAuthorization:
return "Allow";
case BluetoothPairingRequestType.PinCode:
return "Pair";
case BluetoothPairingRequestType.Passkey:
return "Enter";
default:
return "OK";
}
}
font.pixelSize: Theme.fontSizeMedium
color: Theme.primary
font.weight: Font.Medium
}
MouseArea {
id: acceptArea
anchors.fill: parent
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
enabled: pairingType <= BluetoothPairingRequestType.Confirmation || pairingType === BluetoothPairingRequestType.ServiceAuthorization || BluetoothService.inputText.length > 0
onClicked: BluetoothService.acceptPairing()
}
}
}
}
Behavior on opacity {
NumberAnimation {
duration: Theme.mediumDuration
easing.type: Theme.emphasizedEasing
}
}
Behavior on scale {
NumberAnimation {
duration: Theme.mediumDuration
easing.type: Theme.emphasizedEasing
}
}
}
}

49
Modules/ControlCenter/BluetoothTab.qml
View File

@@ -25,8 +25,8 @@ Item {
width: parent.width
height: 60
radius: Theme.cornerRadius
color: bluetoothToggle.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : (BluetoothService.adapter && BluetoothService.adapter.enabled ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.16) : Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.12))
border.color: BluetoothService.adapter && BluetoothService.adapter.enabled ? Theme.primary : "transparent"
color: bluetoothToggle.containsMouse ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.12) : (BluetoothService.enabled ? Qt.rgba(Theme.primary.r, Theme.primary.g, Theme.primary.b, 0.16) : Qt.rgba(Theme.surfaceVariant.r, Theme.surfaceVariant.g, Theme.surfaceVariant.b, 0.12))
border.color: BluetoothService.enabled ? Theme.primary : "transparent"
border.width: 2
Row {
@@ -38,7 +38,7 @@ Item {
DankIcon {
name: "bluetooth"
size: Theme.iconSizeLarge
color: BluetoothService.adapter && BluetoothService.adapter.enabled ? Theme.primary : Theme.surfaceText
color: BluetoothService.enabled ? Theme.primary : Theme.surfaceText
anchors.verticalCenter: parent.verticalCenter
}
@@ -49,12 +49,12 @@ Item {
Text {
text: "Bluetooth"
font.pixelSize: Theme.fontSizeLarge
color: BluetoothService.adapter && BluetoothService.adapter.enabled ? Theme.primary : Theme.surfaceText
color: BluetoothService.enabled ? Theme.primary : Theme.surfaceText
font.weight: Font.Medium
}
Text {
text: BluetoothService.adapter && BluetoothService.adapter.enabled ? "Enabled" : "Disabled"
text: BluetoothService.enabled ? "Enabled" : "Disabled"
font.pixelSize: Theme.fontSizeSmall
color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
}
@@ -68,11 +68,10 @@ Item {
anchors.fill: parent
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
enabled: !BluetoothService.operationInProgress
cursorShape: enabled ? Qt.PointingHandCursor : Qt.BusyCursor
onClicked: {
if (BluetoothService.adapter) {
BluetoothService.adapter.enabled = !BluetoothService.adapter.enabled;
}
BluetoothService.toggleAdapter();
}
}
@@ -81,7 +80,7 @@ Item {
Column {
width: parent.width
spacing: Theme.spacingM
visible: BluetoothService.adapter && BluetoothService.adapter.enabled
visible: BluetoothService.enabled
Text {
text: "Paired Devices"
@@ -91,7 +90,7 @@ Item {
}
Repeater {
model: BluetoothService.adapter && BluetoothService.adapter.devices ? BluetoothService.adapter.devices.values.filter((dev) => {
model: BluetoothService.devices ? BluetoothService.devices.values.filter((dev) => {
return dev && (dev.paired || dev.trusted);
}) : []
@@ -224,7 +223,7 @@ Item {
Column {
width: parent.width
spacing: Theme.spacingM
visible: BluetoothService.adapter && BluetoothService.adapter.enabled
visible: BluetoothService.enabled
Row {
width: parent.width
@@ -256,7 +255,7 @@ Item {
spacing: Theme.spacingXS
DankIcon {
name: BluetoothService.adapter && BluetoothService.adapter.discovering ? "stop" : "bluetooth_searching"
name: BluetoothService.discovering ? "stop" : "bluetooth_searching"
size: Theme.iconSize - 4
color: Theme.primary
anchors.verticalCenter: parent.verticalCenter
@@ -265,7 +264,7 @@ Item {
Text {
id: scanText
text: BluetoothService.adapter && BluetoothService.adapter.discovering ? "Stop Scanning" : "Start Scanning"
text: BluetoothService.discovering ? "Stop Scanning" : "Start Scanning"
font.pixelSize: Theme.fontSizeMedium
color: Theme.primary
font.weight: Font.Medium
@@ -279,11 +278,10 @@ Item {
anchors.fill: parent
hoverEnabled: true
cursorShape: Qt.PointingHandCursor
enabled: !BluetoothService.operationInProgress
cursorShape: enabled ? Qt.PointingHandCursor : Qt.BusyCursor
onClicked: {
if (BluetoothService.adapter) {
BluetoothService.adapter.discovering = !BluetoothService.adapter.discovering;
}
BluetoothService.toggleDiscovery();
}
}
@@ -293,10 +291,10 @@ Item {
Repeater {
model: {
if (!BluetoothService.adapter || !BluetoothService.adapter.discovering || !Bluetooth.devices)
if (!BluetoothService.discovering || !BluetoothService.devices)
return [];
var filtered = Bluetooth.devices.values.filter((dev) => {
var filtered = BluetoothService.devices.values.filter((dev) => {
return dev && !dev.paired && !dev.pairing && !dev.blocked && (dev.signalStrength === undefined || dev.signalStrength > 0);
});
return BluetoothService.sortDevices(filtered);
@@ -496,10 +494,10 @@ Item {
width: parent.width
spacing: Theme.spacingM
visible: {
if (!BluetoothService.adapter || !BluetoothService.adapter.discovering || !Bluetooth.devices)
if (!BluetoothService.discovering || !BluetoothService.devices)
return false;
var availableCount = Bluetooth.devices.values.filter((dev) => {
var availableCount = BluetoothService.devices.values.filter((dev) => {
return dev && !dev.paired && !dev.pairing && !dev.blocked && (dev.signalStrength === undefined || dev.signalStrength > 0);
}).length;
@@ -550,20 +548,21 @@ Item {
font.pixelSize: Theme.fontSizeMedium
color: Qt.rgba(Theme.surfaceText.r, Theme.surfaceText.g, Theme.surfaceText.b, 0.7)
visible: {
if (!BluetoothService.adapter || !Bluetooth.devices)
if (!BluetoothService.devices)
return true;
var availableCount = Bluetooth.devices.values.filter((dev) => {
var availableCount = BluetoothService.devices.values.filter((dev) => {
return dev && !dev.paired && !dev.pairing && !dev.blocked && (dev.signalStrength === undefined || dev.signalStrength > 0);
}).length;
return availableCount === 0 && !BluetoothService.adapter.discovering;
return availableCount === 0 && !BluetoothService.discovering;
}
wrapMode: Text.WordWrap
width: parent.width
horizontalAlignment: Text.AlignHCenter
}
}
}