Task related views using the C++ model

4 files changed, 153 insertions, 1 deletions

diff --git a/pages/CreateProfile.qml b/pages/CreateProfile.qml
index 048c861..e4d6f78 100644
--- a/pages/CreateProfile.qml
+++ b/pages/CreateProfile.qml
@@ -11,7 +11,7 @@ CreateProfileForm {
 	}
     skipButton {
         onClicked: {
-            stackView.push("qrc:/pages/Home.qml")
+            stackView.push("qrc:/pages/TaskList.qml")
         }
     }
 }
diff --git a/pages/TaskForm.ui.qml b/pages/TaskForm.ui.qml
new file mode 100644
index 0000000..0a08736
--- /dev/null
+++ b/pages/TaskForm.ui.qml
@@ -0,0 +1,43 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.12
+import QtQuick.Layouts 1.12
+
+Item {
+	property alias task: task
+	property alias checkBox: checkBox
+	width: 360
+
+	RowLayout {
+		id: task
+		height: 72
+		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"
+		}
+	}
+}
diff --git a/pages/TaskList.qml b/pages/TaskList.qml
new file mode 100644
index 0000000..712eb45
--- /dev/null
+++ b/pages/TaskList.qml
@@ -0,0 +1,21 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.12
+
+TaskListForm {
+	objectName: "taskList"
+	model: taskList
+	delegate: TaskForm {
+		width: parent.width
+		height: task.height
+
+		checkBox.text: subject
+	}
+
+	menuButton {
+		onClicked: {
+			drawer.visible = !drawer.visible
+		}
+	}
+
+	ScrollBar.vertical: ScrollBar {}
+}
diff --git a/pages/TaskListForm.ui.qml b/pages/TaskListForm.ui.qml
new file mode 100644
index 0000000..dd2d683
--- /dev/null
+++ b/pages/TaskListForm.ui.qml
@@ -0,0 +1,88 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.12
+import QtQuick.Controls.Material 2.12
+import QtQuick.Layouts 1.3
+
+ListView {
+    width: 362
+    spacing: 12
+    property alias menuButton: menuButton
+
+    Rectangle {
+        id: rectangle
+        anchors.fill: parent
+	z: -1
+
+        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 {
+                    anchors.right: parent.right
+                }
+            }
+        }
+
+        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"
+        }
+    }
+}