summaryrefslogtreecommitdiff
path: root/pages/HomeForm.ui.qml
blob: 2fde3743521580179070992b37e9f7449209e9c9 (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
122
123
124
125
126
127
128
129
import QtQuick 2.12
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.12
import QtQuick.Controls.Material 2.12

Rectangle {
    id: rectangle

    property alias menuButton: menuButton
    property alias taskList: taskList
    property alias chevronRight: chevronRight
    property alias checkBox: checkBox

    ToolBar {
        id: toolbar
        height: 56
        font.family: "Google Sans"
        anchors.top: parent.top
        anchors.topMargin: 0
        anchors.right: parent.right
        anchors.rightMargin: 0
        anchors.left: parent.left
        anchors.leftMargin: 0
        background: Rectangle {
            color: "#FFF"
        }

        RowLayout {
            anchors.fill: parent
            spacing: 8

            ToolButton {
                id: menuButton
                icon.name: "menu-icon"
                icon.source: "/assets/menu-24px.svg"
                highlighted: true
            }
            Label {
                id: title
                text: qsTr("Today")
                font.weight: Font.Medium
                wrapMode: Text.WordWrap
                color: "#000000"
                font.family: "Google Sans"
                font.pointSize: 20
                elide: Label.ElideRight
                horizontalAlignment: Text.AlignLeft
                verticalAlignment: Qt.AlignVCenter
                Layout.fillWidth: true
            }
            ToolButton {
            }
        }
    }

    RowLayout {
        id: taskList
        height: 72
        anchors.top: toolbar.bottom
        anchors.topMargin: 8
        anchors.right: parent.right
        anchors.rightMargin: 0
        anchors.left: parent.left
        anchors.leftMargin: 0
        spacing: 8

        CheckBox {
            id: checkBox
            height: 54
            text: qsTr("This is a task title")
            padding: 8
            rightPadding: 16
            leftPadding: 16
            bottomPadding: 16
            topPadding: 16
            Layout.fillWidth: true
            font.family: "Google Sans"
            font.pointSize: 16
            font.weight: Font.Medium
            spacing: 24
        }
        RoundButton {
            id: chevronRight
            flat: true
            icon.name: "chevron-right-icon"
            icon.source: "/assets/chevron-right-24px.svg"
            icon.color: "#99000000"
        }
    }

    RoundButton {
        id: roundButton
        width: 144
        spacing: 8
        height: 64

        text: qsTr("New task")
        padding: 16
        font.capitalization: Font.MixedCase
        font.family: "Google Sans"
        font.pointSize: 16
        font.weight: Font.Medium

        rightPadding: 24
        leftPadding: 16
        bottomPadding: 16
        topPadding: 16
        autoExclusive: false
        focusPolicy: Qt.NoFocus
        anchors.bottom: parent.bottom
        anchors.bottomMargin: 16
        anchors.right: parent.right
        anchors.rightMargin: 16
        highlighted: true

        icon.name: "add-icon"
        icon.source: "/assets/add-24px.svg"
    }
}






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