QML UI: allow entering the cloud PIN on the mobile UI

Now the user doesn't need to do this on the desktop app anymore.

Signed-off-by: Dirk Hohndel <dirk@hohndel.org>

1 files changed, 14 insertions, 0 deletions

diff --git a/mobile-widgets/qml/CloudCredentials.qml b/mobile-widgets/qml/CloudCredentials.qml
index 1222dbb2b..7f1e0d986 100644
--- a/mobile-widgets/qml/CloudCredentials.qml
+++ b/mobile-widgets/qml/CloudCredentials.qml
@@ -16,6 +16,7 @@ Item {
 	function saveCredentials() {
 		manager.cloudUserName = login.text
 		manager.cloudPassword = password.text
+		manager.cloudPin = pin.text
 		manager.saveCloudCredentials()
 	}
 
@@ -76,6 +77,7 @@ Item {
 					  Qt.ImhNoAutoUppercase
 			Layout.fillWidth: true
 		}
+
 		GridLayout {
 			columns: 2
 
@@ -90,6 +92,18 @@ Item {
 				text: qsTr("Show password")
 			}
 		}
+
+		Kirigami.Label {
+			text: qsTr("PIN")
+			visible: rootItem.showPin
+		}
+		StyledTextField {
+			id: pin
+			text: ""
+			Layout.fillWidth: true
+			visible: rootItem.showPin
+		}
+
 		Item { width: Kirigami.Units.gridUnit; height: width }
 	}
 }