| /* |
| * Copyright (C) 2020 by Savoir-faire Linux |
| * Author: Yang Wang <yang.wang@savoirfairelinux.com> |
| * |
| * This program is free software; you can redistribute it and/or modify |
| * it under the terms of the GNU General Public License as published by |
| * the Free Software Foundation; either version 3 of the License, or |
| * (at your option) any later version. |
| * |
| * This program is distributed in the hope that it will be useful, |
| * but WITHOUT ANY WARRANTY; without even the implied warranty of |
| * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
| * GNU General Public License for more details. |
| * |
| * You should have received a copy of the GNU General Public License |
| * along with this program. If not, see <https://www.gnu.org/licenses/>. |
| */ |
| |
| import QtQuick 2.15 |
| import QtQuick.Controls 2.14 |
| import QtQuick.Layouts 1.14 |
| import QtQuick.Controls.Styles 1.4 |
| import net.jami.Models 1.0 |
| |
| import "../../commoncomponents" |
| |
| Dialog { |
| id: linkDeviceDialog |
| |
| function openLinkDeviceDialog(){ |
| infoLabel.text = qsTr("This pin and the account password should be entered in your device within 10 minutes.") |
| passwordEdit.clear() |
| linkDeviceDialog.open() |
| if(ClientWrapper.accountAdaptor.hasPassword()){ |
| stackedWidget.currentIndex = 0 |
| } else { |
| setGeneratingPage() |
| } |
| } |
| |
| function setGeneratingPage(){ |
| if(passwordEdit.length === 0 && ClientWrapper.accountAdaptor.hasPassword()){ |
| setExportPage(NameDirectory.ExportOnRingStatus.WRONG_PASSWORD, "") |
| return |
| } |
| |
| stackedWidget.currentIndex = 1 |
| spinnerMovie.playing = true |
| |
| timerForExport.restart() |
| } |
| |
| function slotExportOnRing(){ |
| ClientWrapper.accountModel.exportOnRing(ClientWrapper.utilsAdaptor.getCurrAccId(),passwordEdit.text) |
| } |
| |
| Timer{ |
| id: timerForExport |
| |
| repeat: false |
| interval: 200 |
| |
| onTriggered: { |
| timeOut.restart() |
| slotExportOnRing() |
| } |
| } |
| |
| Timer{ |
| id: timeOut |
| |
| repeat: false |
| interval: exportTimeout |
| |
| onTriggered: { |
| setExportPage(NameDirectory.ExportOnRingStatus.NETWORK_ERROR, "") |
| } |
| } |
| |
| function setExportPage(status, pin){ |
| timeOut.stop() |
| |
| if(status === NameDirectory.ExportOnRingStatus.SUCCESS){ |
| infoLabel.isSucessState = true |
| yourPinLabel.visible = true |
| exportedPIN.visible = true |
| infoLabel.text = qsTr("This pin and the account password should be entered in your device within 10 minutes.") |
| exportedPIN.text = pin |
| } else { |
| infoLabel.isSucessState = false |
| yourPinLabel.visible = false |
| exportedPIN.visible = false |
| |
| switch(status){ |
| case NameDirectory.ExportOnRingStatus.WRONG_PASSWORD: |
| infoLabel.text = qsTr("Incorrect password") |
| |
| break |
| case NameDirectory.ExportOnRingStatus.NETWORK_ERROR: |
| infoLabel.text = qsTr("Error connecting to the network.\nPlease try again later.") |
| |
| break |
| case NameDirectory.ExportOnRingStatus.INVALID: |
| infoLabel.text = qsTr("Something went wrong.\n") |
| |
| break |
| } |
| } |
| stackedWidget.currentIndex = 2 |
| } |
| |
| property int exportTimeout : 20000 |
| |
| Connections{ |
| target: ClientWrapper.nameDirectory |
| |
| function onExportOnRingEnded(status, pin){ |
| setExportPage(status, pin) |
| } |
| } |
| |
| visible: false |
| |
| anchors.centerIn: parent.Center |
| x: (parent.width - width) / 2 |
| y: (parent.height - height) / 2 |
| |
| title: qsTr("Link another device") |
| |
| onClosed: { |
| if(infoLabel.isSucessState){ |
| accept() |
| } else { |
| reject() |
| } |
| } |
| |
| contentItem: Rectangle{ |
| implicitWidth: 365 |
| implicitHeight: 208 |
| |
| StackLayout{ |
| id: stackedWidget |
| anchors.fill: parent |
| |
| currentIndex: 2 |
| |
| Rectangle{ |
| id: passwordConfirmPage |
| |
| Layout.fillWidth: true |
| Layout.fillHeight: true |
| |
| Layout.leftMargin: 11 |
| Layout.rightMargin: 11 |
| Layout.topMargin: 11 |
| Layout.bottomMargin: 11 |
| |
| ColumnLayout{ |
| anchors.fill: parent |
| spacing: 7 |
| |
| Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter |
| |
| Item{ |
| Layout.alignment: Qt.AlignHCenter |
| |
| Layout.fillHeight: true |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| |
| Label{ |
| Layout.preferredWidth: 219 |
| Layout.alignment: Qt.AlignHCenter |
| wrapMode: Text.Wrap |
| text: qsTr("Enter your account password") |
| font.pointSize: 8 |
| font.kerning: true |
| horizontalAlignment: Text.AlignHCenter |
| verticalAlignment: Text.AlignVCenter |
| } |
| |
| Item{ |
| Layout.alignment: Qt.AlignHCenter |
| |
| Layout.fillHeight: true |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| |
| InfoLineEdit{ |
| id: passwordEdit |
| |
| Layout.alignment: Qt.AlignHCenter |
| |
| Layout.minimumWidth: 294 |
| Layout.preferredWidth: 294 |
| |
| Layout.preferredHeight: 30 |
| Layout.minimumHeight: 30 |
| |
| echoMode: TextInput.Password |
| |
| placeholderText: qsTr("Password") |
| } |
| |
| Item{ |
| Layout.alignment: Qt.AlignHCenter |
| |
| Layout.fillHeight: true |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| |
| RowLayout{ |
| spacing: 7 |
| |
| Layout.alignment: Qt.AlignHCenter |
| Layout.fillWidth: true |
| |
| Item{ |
| Layout.fillWidth: true |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| |
| HoverableRadiusButton{ |
| id: btnPasswordOk |
| |
| Layout.maximumWidth: 130 |
| Layout.preferredWidth: 130 |
| Layout.minimumWidth: 130 |
| |
| Layout.maximumHeight: 30 |
| Layout.preferredHeight: 30 |
| Layout.minimumHeight: 30 |
| |
| radius: height /2 |
| |
| text: qsTr("Register") |
| font.pointSize: 10 |
| font.kerning: true |
| |
| onClicked: { |
| setGeneratingPage() |
| } |
| } |
| |
| Item{ |
| Layout.fillWidth: true |
| Layout.minimumWidth: 40 |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| |
| HoverableButtonTextItem { |
| id: btnCancel |
| |
| Layout.maximumWidth: 130 |
| Layout.preferredWidth: 130 |
| Layout.minimumWidth: 130 |
| |
| Layout.maximumHeight: 30 |
| Layout.preferredHeight: 30 |
| Layout.minimumHeight: 30 |
| |
| backgroundColor: "red" |
| onEnterColor: Qt.rgba(150 / 256, 0, 0, 0.7) |
| onDisabledBackgroundColor: Qt.rgba( |
| 255 / 256, |
| 0, 0, 0.8) |
| onPressColor: backgroundColor |
| textColor: "white" |
| |
| radius: height /2 |
| |
| text: qsTr("Cancel") |
| font.pointSize: 10 |
| font.kerning: true |
| |
| onClicked: { |
| reject() |
| } |
| } |
| |
| Item{ |
| Layout.fillWidth: true |
| Layout.minimumWidth: 40 |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| } |
| |
| Item{ |
| Layout.alignment: Qt.AlignHCenter |
| |
| Layout.fillHeight: true |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| } |
| } |
| |
| Rectangle{ |
| id: exportingPage |
| |
| Layout.fillWidth: true |
| Layout.fillHeight: true |
| |
| Layout.leftMargin: 11 |
| Layout.rightMargin: 11 |
| Layout.topMargin: 11 |
| Layout.bottomMargin: 11 |
| |
| ColumnLayout{ |
| anchors.fill: parent |
| spacing: 7 |
| |
| Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter |
| |
| Item{ |
| Layout.alignment: Qt.AlignHCenter |
| |
| Layout.fillHeight: true |
| Layout.minimumHeight: 40 |
| |
| Layout.maximumWidth: 20 |
| Layout.preferredWidth: 20 |
| Layout.minimumWidth: 20 |
| } |
| |
| RowLayout{ |
| Layout.fillWidth: true |
| spacing: 0 |
| |
| Layout.maximumHeight: 30 |
| |
| Item{ |
| Layout.fillWidth: true |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| |
| Label{ |
| Layout.alignment: Qt.AlignHCenter |
| |
| Layout.maximumWidth: 0 |
| Layout.preferredWidth: 341 |
| |
| Layout.minimumHeight: 0 |
| Layout.preferredHeight: 30 |
| Layout.maximumHeight: 30 |
| |
| wrapMode: Text.Wrap |
| text: qsTr("Exporting Account") |
| font.pointSize: 8 |
| font.kerning: true |
| horizontalAlignment: Text.AlignHCenter |
| verticalAlignment: Text.AlignVCenter |
| } |
| |
| Item{ |
| Layout.fillWidth: true |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| } |
| |
| Item{ |
| Layout.alignment: Qt.AlignHCenter |
| |
| Layout.fillHeight: true |
| |
| Layout.maximumWidth: 20 |
| Layout.preferredWidth: 20 |
| Layout.minimumWidth: 20 |
| } |
| |
| RowLayout{ |
| spacing: 7 |
| |
| Item{ |
| Layout.fillWidth: true |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| |
| Label{ |
| id: exportingSpinner |
| |
| Layout.alignment: Qt.AlignHCenter |
| |
| Layout.maximumWidth: 96 |
| Layout.preferredWidth: 96 |
| Layout.minimumWidth: 96 |
| |
| Layout.maximumHeight: 96 |
| Layout.preferredHeight: 96 |
| Layout.minimumHeight: 96 |
| |
| background: Rectangle { |
| anchors.fill: parent |
| AnimatedImage { |
| id: spinnerMovie |
| |
| anchors.fill: parent |
| |
| source: "qrc:/images/jami_eclipse_spinner.gif" |
| |
| playing: exportingSpinner.visible |
| paused: false |
| fillMode: Image.PreserveAspectFit |
| mipmap: true |
| } |
| } |
| } |
| |
| Item{ |
| Layout.fillWidth: true |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| |
| } |
| |
| Item{ |
| Layout.alignment: Qt.AlignHCenter |
| |
| Layout.fillHeight: true |
| Layout.minimumHeight: 40 |
| |
| Layout.maximumWidth: 20 |
| Layout.preferredWidth: 20 |
| Layout.minimumWidth: 20 |
| } |
| } |
| } |
| |
| Rectangle{ |
| id: exportedPage |
| |
| Layout.fillWidth: true |
| Layout.fillHeight: true |
| |
| Layout.leftMargin: 11 |
| Layout.rightMargin: 11 |
| Layout.topMargin: 11 |
| Layout.bottomMargin: 11 |
| |
| ColumnLayout{ |
| anchors.fill: parent |
| spacing: 7 |
| |
| Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter |
| |
| Item{ |
| Layout.fillHeight: true |
| |
| Layout.maximumWidth: 20 |
| Layout.preferredWidth: 20 |
| Layout.minimumWidth: 20 |
| } |
| |
| RowLayout{ |
| spacing: 7 |
| |
| Layout.alignment: Qt.AlignHCenter |
| Layout.fillWidth: true |
| |
| Item{ |
| Layout.fillWidth: true |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| |
| Label{ |
| id: yourPinLabel |
| |
| Layout.alignment: Qt.AlignHCenter |
| |
| Layout.preferredHeight: 25 |
| |
| wrapMode: Text.Wrap |
| text: "Your PIN is:" |
| font.pointSize: 8 |
| font.kerning: true |
| horizontalAlignment: Text.AlignHCenter |
| verticalAlignment: Text.AlignVCenter |
| } |
| |
| Item{ |
| Layout.alignment: Qt.AlignHCenter |
| |
| Layout.maximumWidth: 20 |
| Layout.preferredWidth: 20 |
| Layout.minimumWidth: 20 |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| |
| Label{ |
| id: exportedPIN |
| |
| Layout.alignment: Qt.AlignHCenter |
| |
| Layout.preferredHeight: 25 |
| |
| wrapMode: Text.Wrap |
| text: "PIN" |
| font.pointSize: 12 |
| font.kerning: true |
| horizontalAlignment: Text.AlignHCenter |
| verticalAlignment: Text.AlignVCenter |
| } |
| |
| Item{ |
| Layout.fillWidth: true |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| } |
| |
| RowLayout{ |
| spacing: 7 |
| |
| Layout.alignment: Qt.AlignHCenter |
| Layout.fillWidth: true |
| |
| Item{ |
| Layout.fillWidth: true |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| |
| Label{ |
| id: infoLabel |
| |
| property bool isSucessState: false |
| property int borderWidth : isSucessState? 1 : 0 |
| property int borderRadius : isSucessState? 15 : 0 |
| property string backgroundColor : isSucessState? "whitesmoke" : "transparent" |
| property string borderColor : isSucessState? "lightgray" : "transparent" |
| color: isSucessState ? "#2b5084" : "black" |
| padding: isSucessState ? 8 : 0 |
| |
| Layout.alignment: Qt.AlignHCenter |
| Layout.preferredWidth: 320 |
| Layout.preferredHeight: 50 |
| |
| wrapMode: Text.Wrap |
| text: qsTr("This pin and the account password should be entered in your device within 10 minutes.") |
| font.pointSize: 8 |
| font.kerning: true |
| |
| horizontalAlignment: Text.AlignHCenter |
| verticalAlignment: Text.AlignVCenter |
| |
| background: Rectangle{ |
| id: infoLabelBackground |
| |
| anchors.fill: parent |
| border.width: infoLabel.borderWidth |
| border.color: infoLabel.borderColor |
| radius: infoLabel.borderRadius |
| color: infoLabel.backgroundColor |
| } |
| } |
| |
| Item{ |
| Layout.fillWidth: true |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| } |
| |
| Item{ |
| Layout.fillHeight: true |
| |
| Layout.maximumWidth: 20 |
| Layout.preferredWidth: 20 |
| Layout.minimumWidth: 20 |
| } |
| |
| RowLayout{ |
| spacing: 7 |
| |
| Layout.alignment: Qt.AlignHCenter |
| Layout.fillWidth: true |
| |
| Item{ |
| Layout.fillWidth: true |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| |
| HoverableRadiusButton{ |
| id: btnCloseExportDialog |
| |
| Layout.alignment: Qt.AlignHCenter |
| |
| Layout.maximumWidth: 130 |
| Layout.preferredWidth: 130 |
| Layout.minimumWidth: 130 |
| |
| Layout.maximumHeight: 30 |
| Layout.preferredHeight: 30 |
| Layout.minimumHeight: 30 |
| |
| radius: height /2 |
| |
| text: qsTr("Close") |
| font.pointSize: 10 |
| font.kerning: true |
| |
| onClicked: { |
| if(infoLabel.isSucessState){ |
| accept() |
| } else { |
| reject() |
| } |
| } |
| } |
| |
| Item{ |
| Layout.fillWidth: true |
| |
| Layout.maximumHeight: 20 |
| Layout.preferredHeight: 20 |
| Layout.minimumHeight: 20 |
| } |
| } |
| |
| Item{ |
| Layout.fillHeight: true |
| |
| Layout.maximumWidth: 20 |
| Layout.preferredWidth: 20 |
| Layout.minimumWidth: 20 |
| } |
| } |
| } |
| } |
| } |
| } |