summaryrefslogtreecommitdiff
path: root/LoginForm.ui.qml
blob: bad893434a11b59f3ade8cd9c9f2d04c3d0f4d95 (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
import QtQuick 2.12
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.12

Rectangle {
    id: rectangle
    width: 360
    height: 640
    color: "#ffffff"
    property alias googleButton: googleButton
    property alias emailButton: emailButton

    RowLayout {
        anchors.right: parent.right
        anchors.rightMargin: 16
        anchors.left: parent.left
        anchors.leftMargin: 16
        anchors.bottom: disclaimer.top
        anchors.bottomMargin: 16
        spacing: 16

        Button {
            id: emailButton
            text: qsTr("Continue with E-Mail")
            height: 36
            Layout.fillWidth: true

            contentItem: Text {
                text: emailButton.text
                color: "#6d22e9"
                font.pointSize: 14
                font.family: "Google Sans"
                horizontalAlignment: Text.AlignHCenter
                verticalAlignment: Text.AlignVCenter
                elide: Text.ElideRight
            }
            background: Rectangle {
                opacity: enabled ? 0.3 : 1
                color: emailButton.down ? "#6d22e9" : "#ffffff"
                border.color: "#6d22e9"
                border.width: 1
                radius: 6
            }
        }

        Button {
            id: googleButton
            text: qsTr("Continue with Google")
            height: 36
            Layout.fillWidth: true

            contentItem: Text {
                text: googleButton.text
                color: "#FFF"
                font.pointSize: 14
                font.family: "Google Sans"
                horizontalAlignment: Text.AlignHCenter
                verticalAlignment: Text.AlignVCenter
                elide: Text.ElideRight
            }
            background: Rectangle {
                opacity: enabled ? 1.0 : 0.3
                color: googleButton.down ? "#6d22e9" : "#4F12DA"
                radius: 6
            }
        }
    }

    Text {
        id: disclaimer
        y: 597
        height: 32
        color: "#99000000"
        text: qsTr("By creating an account you agree to our Terms of Use and Privacy Policy.")
        anchors.right: parent.right
        anchors.rightMargin: 16
        anchors.left: parent.left
        anchors.leftMargin: 16
        anchors.bottom: parent.bottom
        anchors.bottomMargin: 16
        font.family: "Google Sans"
        verticalAlignment: Text.AlignVCenter
        horizontalAlignment: Text.AlignHCenter
        wrapMode: Text.WordWrap
        font.pixelSize: 12
    }

    Image {
        id: logotext
        x: 139
        width: 100
        height: 24
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: parent.top
        anchors.topMargin: 16
        fillMode: Image.PreserveAspectFit
        source: "kelakon-logo.png"
    }
}