134 lines
3.3 KiB
QML
134 lines
3.3 KiB
QML
import QtQuick 2.15
|
|
import QtQuick.Layouts 1.3
|
|
import QtQuick.Controls as Control
|
|
import Linphone
|
|
|
|
LoginLayout {
|
|
id: mainItem
|
|
signal returnToRegister()
|
|
property string phoneNumber
|
|
property string email
|
|
|
|
titleContent: RowLayout {
|
|
Button {
|
|
Layout.preferredHeight: 24 * DefaultStyle.dp
|
|
Layout.preferredWidth: 24 * DefaultStyle.dp
|
|
icon.source: AppIcons.leftArrow
|
|
icon.width: 24 * DefaultStyle.dp
|
|
icon.height: 24 * DefaultStyle.dp
|
|
background: Rectangle {
|
|
color: "transparent"
|
|
}
|
|
onClicked: {
|
|
console.debug("[RegisterCheckingPage] User: return to register")
|
|
mainItem.returnToRegister()
|
|
}
|
|
}
|
|
Image {
|
|
fillMode: Image.PreserveAspectFit
|
|
source: AppIcons.profile
|
|
}
|
|
Text {
|
|
wrapMode: Text.NoWrap
|
|
text: {
|
|
var completeString = (mainItem.email.length > 0) ? qsTr("email") : qsTr("numéro")
|
|
text = qsTr("Inscription | Confirmer votre ") + completeString
|
|
}
|
|
font {
|
|
pixelSize: 36 * DefaultStyle.dp
|
|
weight: 800 * DefaultStyle.dp
|
|
}
|
|
scaleLettersFactor: 1.1
|
|
}
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
|
|
centerContent: ColumnLayout {
|
|
spacing: 2 * DefaultStyle.dp
|
|
Text {
|
|
Layout.alignment: Qt.AlignTop
|
|
font.bold: true
|
|
font {
|
|
pixelSize: 22 * DefaultStyle.dp
|
|
weight: 800 * DefaultStyle.dp
|
|
}
|
|
color: DefaultStyle.main2_700
|
|
text: {
|
|
var completeString = (mainItem.email.length > 0) ? ("email " + mainItem.email) : ("phone number " + mainItem.phoneNumber)
|
|
text = "We have sent a verification code on your " + completeString + " <br>Please enter the verification code below:"
|
|
}
|
|
font {
|
|
pixelSize: 22 * DefaultStyle.dp
|
|
weight: 800 * DefaultStyle.dp
|
|
}
|
|
}
|
|
RowLayout {
|
|
Layout.fillWidth: true
|
|
Layout.margins: 10 * DefaultStyle.dp
|
|
ColumnLayout {
|
|
spacing: 70 * DefaultStyle.dp
|
|
RowLayout {
|
|
Repeater {
|
|
model: 4
|
|
DigitInput {
|
|
required property int index
|
|
Layout.preferredWidth: width
|
|
Layout.preferredHeight: height
|
|
onTextEdited: {
|
|
console.log("textfield text", text, index)
|
|
if (text.length > 0 ) {
|
|
if (index < 3)
|
|
nextItemInFocusChain(true).forceActiveFocus()
|
|
else {
|
|
// validate()
|
|
}
|
|
} else {
|
|
if (index > 0)
|
|
nextItemInFocusChain(false).forceActiveFocus()
|
|
}
|
|
}
|
|
Layout.margins: 10 * DefaultStyle.dp
|
|
}
|
|
}
|
|
}
|
|
RowLayout {
|
|
Layout.alignment: Qt.AlignBottom
|
|
Text {
|
|
Layout.rightMargin: 15 * DefaultStyle.dp
|
|
text: "Didn't receive the code ?"
|
|
color: DefaultStyle.main2_700
|
|
font.pixelSize: 14 * DefaultStyle.dp
|
|
font.weight: 400 * DefaultStyle.dp
|
|
}
|
|
Button {
|
|
Layout.alignment: Qt.AlignRight
|
|
leftPadding: 20 * DefaultStyle.dp
|
|
rightPadding: 20 * DefaultStyle.dp
|
|
topPadding: 11 * DefaultStyle.dp
|
|
bottomPadding: 11 * DefaultStyle.dp
|
|
inversedColors: true
|
|
text: "Resend a code"
|
|
onClicked: {
|
|
console.debug("[RegisterCheckingPage] User: Resend code")
|
|
}
|
|
}
|
|
}
|
|
}
|
|
Item {
|
|
Layout.fillWidth: true
|
|
}
|
|
Image {
|
|
Layout.rightMargin: 40 * DefaultStyle.dp
|
|
Layout.preferredWidth: 300 * DefaultStyle.dp
|
|
fillMode: Image.PreserveAspectFit
|
|
source: AppIcons.verif_page_image
|
|
}
|
|
}
|
|
Item {
|
|
Layout.fillHeight: true
|
|
}
|
|
}
|
|
}
|
|
|