summaryrefslogtreecommitdiff
path: root/features/OnboardingForm.ui.qml
blob: 90c3dd88358abaa2d727783faa96b282674a2dab (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
119
120
121
import QtQuick 2.12
import QtQuick.Layouts 1.12
import QtQuick.Controls 2.12
import QtQuick.Controls.Material 2.12

Page {
    id: page
    title: qsTr("Onboarding")

    property alias logoImage: logoImage
    property alias registerButton: registerButton
    property alias loginButton: loginButton
    property alias onboardingImage: onboardingImage
    property alias onboardingText1: onboardingText1

    ToolBar {
        id: toolBar

        height: 56
        anchors.top: parent.top
        anchors.topMargin: 0
        anchors.right: parent.right
        anchors.rightMargin: 0
        anchors.left: parent.left
        anchors.leftMargin: 0

        background: Rectangle {
            color: "#9AFAFAFA"
        }
        RowLayout {
            anchors.fill: parent

            Image {
                id: logoImage
                width: 100
                height: 24
                fillMode: Image.PreserveAspectFit
                Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
                Layout.fillWidth: false
                Layout.fillHeight: false
                source: "https://via.placeholder.com/100x24.png"
            }
        }
    }

    StackView {
        id: contentView
        anchors.top: toolBar.bottom
        anchors.right: parent.right
        anchors.bottom: parent.bottom
        anchors.left: parent.left
        anchors.topMargin: 0
        z: -1

        Image {
            id: onboardingImage
            anchors.bottom: onboardingText1.top
            anchors.bottomMargin: 32
            anchors.top: parent.top
            anchors.topMargin: 32
            anchors.right: parent.right
            anchors.rightMargin: 64
            anchors.left: parent.left
            anchors.leftMargin: 64
            source: "https://via.placeholder.com/600x600.png"
            fillMode: Image.PreserveAspectFit
        }
        Text {
            id: onboardingText1
            text: qsTr("Onboarding text")
            anchors.bottom: registerButton.top
            anchors.bottomMargin: 16
            wrapMode: Text.WordWrap
            anchors.right: parent.right
            anchors.rightMargin: 72
            anchors.left: parent.left
            anchors.leftMargin: 16
            font.pointSize: 24
            font.family: "Work Sans"
            font.weight: Font.Bold
        }
        RoundButton {
            id: registerButton
            text: qsTr("Get started")
            hoverEnabled: false
            highlighted: true
            anchors.right: parent.right
            anchors.rightMargin: 8
            anchors.left: parent.left
            anchors.leftMargin: 8
            anchors.bottom: loginButton.top
            anchors.bottomMargin: 8
            font.capitalization: Font.MixedCase
            font.family: "Work Sans"
        }

        RoundButton {
            id: loginButton
            y: 406
            flat: true
            highlighted: false
            Material.foreground: Material.primary
            text: qsTr("Log in")
            anchors.right: parent.right
            anchors.rightMargin: 8
            anchors.left: parent.left
            anchors.leftMargin: 8
            anchors.bottom: parent.bottom
            anchors.bottomMargin: 16
            font.capitalization: Font.MixedCase
            font.family: "Work Sans"
        }
    }
}

/*##^##
Designer {
    D{i:0;autoSize:true;height:480;width:640}
}
##^##*/