summaryrefslogtreecommitdiff
path: root/pages/ConfirmPasswordForm.ui.qml
blob: 34e03eff797d4d6b85b8ba01d2a471effe3d9527 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
import QtQuick 2.12
import QtQuick.Layouts 1.12
import QtQuick.Controls 2.12
import QtQuick.Controls.Material 2.12

Rectangle {
    id: rectangle
    color: "#fff"
    border.width: 0

    property alias backButton: backButton
    property alias confirmPassTextField: confirmPassTextField
    property alias confirmPassButton: confirmPassButton
    property alias emailAddressLabel: emailAddressLabel

    Rectangle {
        id: appBar
        height: 56
        color: "#ffffff"
        anchors.top: parent.top
        anchors.topMargin: 0
        anchors.right: parent.right
        anchors.rightMargin: 0
        anchors.left: parent.left
        anchors.leftMargin: 0

        RoundButton {
            id: backButton
            flat: true
            anchors.verticalCenter: parent.verticalCenter
            anchors.left: parent.left
            display: AbstractButton.IconOnly
            icon.name: "back-icon"
            icon.source: "/assets/arrow-back-24px.svg"
            icon.color: "transparent"
        }
    }

    Label {
        x: 16
        y: 232
        color: "#2b2626"
        text: qsTr("Re-Enter password")
        anchors.bottom: userEmail.top
        anchors.bottomMargin: 16
        font.letterSpacing: 0.25
        lineHeight: 1
        font.weight: Font.Bold
        wrapMode: Text.WordWrap
        anchors.left: parent.left
        anchors.leftMargin: 16
        anchors.right: parent.right
        anchors.rightMargin: 88

        font.family: "Google Sans"
        font.pointSize: 34
    }

    Rectangle {
        id: userEmail
        y: 292
        height: 48
        anchors.right: parent.right
        anchors.rightMargin: 16
        anchors.left: parent.left
        anchors.leftMargin: 16
        anchors.bottom: confirmPassTextField.top
        anchors.bottomMargin: 16

        Label {
            id: emailAddressLabel
            anchors.right: parent.right
            anchors.rightMargin: 16
            anchors.left: parent.left
            anchors.leftMargin: 16
            anchors.verticalCenter: parent.verticalCenter

            text: qsTr("your@email.com")
            font.family: "Google Sans"
            font.pointSize: 16
            color: "#99000000"
        }
    }

    TextField {
        id: confirmPassTextField
        y: 501
        font.pointSize: 16
        anchors.bottom: confirmPassButton.top
        anchors.bottomMargin: 16
        font.family: "Google Sans"
        Layout.fillWidth: true
        placeholderText: qsTr("Re-enter Password")
        anchors.right: parent.right
        anchors.rightMargin: 16
        anchors.left: parent.left
        anchors.leftMargin: 16
        Layout.maximumHeight: 56
        echoMode: TextInput.Password
    }

    RoundButton {
        id: confirmPassButton
        x: 34
        y: 278
        text: qsTr("Confirm password")
        font.family: "Google Sans"
        font.capitalization: Font.MixedCase
        anchors.right: parent.right
        anchors.rightMargin: 8
        anchors.bottom: parent.bottom
        anchors.bottomMargin: 8
        anchors.left: parent.left
        anchors.leftMargin: 8
        highlighted: true
        Material.background: Material.primary
    }
}