Task related views using the C++ model

1 files changed, 88 insertions, 0 deletions

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"
+        }
+    }
+}