feat/Implement QR code generation and scanning

2026-06-23 02:00:20 +07:00 · 2026-05-07 14:34:40 +03:00
parent 009ca981d5
commit 2f6714e278
19 changed files with 864 additions and 0 deletions
@@ -0,0 +1,171 @@
+import QtQuick
+import QtQuick.Controls
+import QtQuick.Layouts
+
+import PageEnum 1.0
+import Style 1.0
+
+import "../Controls2"
+import "../Controls2/TextTypes"
+import "../Config"
+import "../Components"
+
+PageType {
+    id: root
+
+    property int qrImageIndex: 0
+
+    FlickableType {
+        anchors.fill: parent
+        contentHeight: layout.implicitHeight
+
+        ColumnLayout {
+            id: layout
+            width: root.width
+            spacing: 8
+
+            BackButtonType {
+                Layout.topMargin: 20 + PageController.safeAreaTopMargin
+            }
+
+            Label {
+                Layout.fillWidth: true
+                Layout.leftMargin: 16
+                Layout.rightMargin: 16
+                Layout.topMargin: 8
+                text: qsTr("QR pairing")
+                font.pixelSize: 28
+                font.bold: true
+                color: AmneziaStyle.color.paleGray
+                wrapMode: Text.Wrap
+            }
+
+            ParagraphTextType {
+                Layout.fillWidth: true
+                Layout.leftMargin: 16
+                Layout.rightMargin: 16
+                text: qsTr("Experimental: transfer API configuration to another device via gateway. Use “Receive” on the device that shows the QR code, and “Send” on the premium device.")
+                wrapMode: Text.Wrap
+            }
+
+            Label {
+                Layout.fillWidth: true
+                Layout.leftMargin: 16
+                Layout.rightMargin: 16
+                Layout.topMargin: 16
+                text: qsTr("Receive configuration (TV / second device)")
+                font.pixelSize: 18
+                font.bold: true
+                color: AmneziaStyle.color.mutedGray
+            }
+
+            BasicButtonType {
+                Layout.fillWidth: true
+                Layout.leftMargin: 16
+                Layout.rightMargin: 16
+                text: PairingUiController.tvPairingBusy ? qsTr("Waiting…") : qsTr("Start and show QR")
+                enabled: !PairingUiController.tvPairingBusy && !PairingUiController.phonePairingBusy
+                clickedFunc: function() {
+                    PairingUiController.startTvQrSession()
+                }
+            }
+
+            BasicButtonType {
+                Layout.fillWidth: true
+                Layout.leftMargin: 16
+                Layout.rightMargin: 16
+                defaultColor: "transparent"
+                text: qsTr("Cancel receive")
+                enabled: PairingUiController.tvPairingBusy
+                clickedFunc: function() {
+                    PairingUiController.cancelTvQrSession()
+                }
+            }
+
+            ParagraphTextType {
+                Layout.fillWidth: true
+                Layout.leftMargin: 16
+                Layout.rightMargin: 16
+                visible: PairingUiController.tvStatusMessage.length > 0
+                text: PairingUiController.tvStatusMessage
+                wrapMode: Text.Wrap
+            }
+
+            Image {
+                id: qrImage
+                Layout.alignment: Qt.AlignHCenter
+                Layout.topMargin: 8
+                visible: PairingUiController.tvQrCodesCount > 0
+                width: Math.min(220, parent.width - 32)
+                height: width
+                fillMode: Image.PreserveAspectFit
+                source: PairingUiController.tvQrCodesCount > 0 ? PairingUiController.tvQrCodes[root.qrImageIndex] : ""
+
+                MouseArea {
+                    anchors.fill: parent
+                    enabled: PairingUiController.tvQrCodesCount > 1
+                    onClicked: {
+                        root.qrImageIndex = (root.qrImageIndex + 1) % PairingUiController.tvQrCodesCount
+                    }
+                }
+            }
+
+            Label {
+                Layout.fillWidth: true
+                Layout.leftMargin: 16
+                Layout.rightMargin: 16
+                Layout.topMargin: 24
+                text: qsTr("Send configuration (premium device)")
+                font.pixelSize: 18
+                font.bold: true
+                color: AmneziaStyle.color.mutedGray
+            }
+
+            TextFieldWithHeaderType {
+                id: uuidField
+                Layout.fillWidth: true
+                Layout.leftMargin: 16
+                Layout.rightMargin: 16
+                headerText: qsTr("QR session UUID")
+                textField.placeholderText: qsTr("Paste UUID from TV QR")
+            }
+
+            BasicButtonType {
+                Layout.fillWidth: true
+                Layout.leftMargin: 16
+                Layout.rightMargin: 16
+                text: PairingUiController.phonePairingBusy ? qsTr("Sending…") : qsTr("Send from current subscription")
+                enabled: !PairingUiController.tvPairingBusy && !PairingUiController.phonePairingBusy
+                clickedFunc: function() {
+                    PairingUiController.submitPhonePairing(uuidField.textField.text, ServersUiController.getProcessedServerIndex())
+                }
+            }
+
+            ParagraphTextType {
+                Layout.fillWidth: true
+                Layout.leftMargin: 16
+                Layout.rightMargin: 16
+                Layout.bottomMargin: 24 + PageController.safeAreaBottomMargin
+                visible: PairingUiController.phoneStatusMessage.length > 0
+                text: PairingUiController.phoneStatusMessage
+                wrapMode: Text.Wrap
+            }
+        }
+    }
+
+    Connections {
+        target: PairingUiController
+
+        function onTvQrCodesChanged() {
+            root.qrImageIndex = 0
+        }
+
+        function onTvPairingConfigReceived() {
+            PageController.showNotificationMessage(qsTr("Configuration received from gateway"))
+        }
+
+        function onPhonePairingSucceeded() {
+            PageController.showNotificationMessage(qsTr("Configuration sent"))
+        }
+    }
+}
@@ -375,6 +375,20 @@ PageType {
                visible: footer.isVisibleForAmneziaFree
            }

+            LabelWithButtonType {
+                Layout.fillWidth: true
+
+                text: qsTr("QR pairing (beta)")
+                descriptionText: qsTr("Transfer config via gateway using a QR code")
+                rightImageSource: "qrc:/images/controls/chevron-right.svg"
+
+                clickedFunction: function() {
+                    PageController.goToPage(PageEnum.PageSettingsApiQrPairing)
+                }
+            }
+
+            DividerType {}
+
            LabelWithButtonType {
                Layout.fillWidth: true
                Layout.topMargin: footer.isVisibleForAmneziaFree ? 0 : 32