home form uses toolbar

1 files changed, 46 insertions, 4 deletions

diff --git a/pages/HomeForm.ui.qml b/pages/HomeForm.ui.qml
index 2df9430..02c502d 100644
--- a/pages/HomeForm.ui.qml
+++ b/pages/HomeForm.ui.qml
@@ -1,12 +1,54 @@
 import QtQuick 2.15
 import QtQuick.Controls 2.15
+import QtQuick.Layouts 1.12
 
 Page {
+    property alias menuButton: menuButton
+    property alias profileButton: profileButton
+    property alias contentView: contentView
 
-    title: qsTr("Home")
+    header: ToolBar {
+        background: Rectangle {
+            color: "transparent"
+        }
+        RowLayout {
+            anchors.fill: parent
+            spacing: 0
+            ToolButton {
+                id: menuButton
+                icon.name: "menu-button"
+                icon.source: "../icons/menu-24px.svg"
+                highlighted: true
+            }
+            Label {
+                text: "Today"
+                Layout.leftMargin: 16
+                verticalAlignment: Text.AlignVCenter
+                horizontalAlignment: Text.AlignLeft
+                wrapMode: Text.WordWrap
+                font.family: "Work Sans"
+                font.weight: Font.Medium
+                font.pointSize: 20
+                color: "#000000"
+                Layout.fillWidth: true
+            }
+            ToolButton {
+                id: profileButton
+                icon.name: "profile-button"
+                icon.source: "../icons/profile-24px.svg"
+                highlighted: true
+            }
+        }
+    }
 
-    Label {
-        text: qsTr("You are on the home page.")
-        anchors.centerIn: parent
+    StackView {
+        id: contentView
+        anchors.fill: parent
     }
 }
+/*##^##
+Designer {
+    D{i:0;autoSize:true;height:480;width:640}
+}
+##^##*/
+