add Home UI

5 files changed, 73 insertions, 0 deletions

diff --git a/assets/menu-24px.svg b/assets/menu-24px.svg
new file mode 100644
index 0000000..770b192
--- /dev/null
+++ b/assets/menu-24px.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/></svg>
\ No newline at end of file
diff --git a/kelakon.qrc b/kelakon.qrc
index b89472b..bab06ed 100644
--- a/kelakon.qrc
+++ b/kelakon.qrc
@@ -18,5 +18,8 @@
         <file>pages/CreateProfile.qml</file>
         <file>pages/CreateProfileForm.ui.qml</file>
         <file>assets/photo_camera_24px.svg</file>
+        <file>pages/Home.qml</file>
+        <file>pages/HomeForm.ui.qml</file>
+        <file>assets/menu-24px.svg</file>
     </qresource>
 </RCC>
diff --git a/pages/CreateProfile.qml b/pages/CreateProfile.qml
index 9cfb615..048c861 100644
--- a/pages/CreateProfile.qml
+++ b/pages/CreateProfile.qml
@@ -9,4 +9,9 @@ CreateProfileForm {
 			stackView.pop()
 		}
 	}
+    skipButton {
+        onClicked: {
+            stackView.push("qrc:/pages/Home.qml")
+        }
+    }
 }
diff --git a/pages/Home.qml b/pages/Home.qml
new file mode 100644
index 0000000..1cce621
--- /dev/null
+++ b/pages/Home.qml
@@ -0,0 +1,7 @@
+import QtQuick 2.12
+import id.co.darapsa.kelakon.user 0.1
+
+HomeForm {
+    width: stackView.width
+    height: stackView.height
+}
diff --git a/pages/HomeForm.ui.qml b/pages/HomeForm.ui.qml
new file mode 100644
index 0000000..191f459
--- /dev/null
+++ b/pages/HomeForm.ui.qml
@@ -0,0 +1,57 @@
+import QtQuick 2.12
+import QtQuick.Layouts 1.3
+import QtQuick.Controls 2.12
+import QtQuick.Controls.Material 2.12
+
+Rectangle {
+
+    property alias backButton: menuButton
+
+    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
+
+        RowLayout {
+            anchors.fill: parent
+            spacing: 8
+
+            ToolButton {
+                id: menuButton
+                icon.name: "back-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 {
+            }
+        }
+    }
+}
+
+
+
+
+/*##^## Designer {
+    D{i:0;autoSize:true;height:480;width:640}
+}
+ ##^##*/