feat(qtquick): chat example to build up on

3 files changed, 73 insertions, 7 deletions

diff --git a/res/gui/EventInfoPage.qml b/res/gui/EventInfoPage.qml
new file mode 100644
index 0000000..956507e
--- /dev/null
+++ b/res/gui/EventInfoPage.qml
@@ -0,0 +1,27 @@
+import QtQuick
+import QtQuick.Layouts
+import QtQuick.Controls
+
+Page {
+  id: root
+  property string event_id
+
+  header: ToolBar {
+    ToolButton {
+      text: qsTr("Back")
+      anchors.left: parent.left
+      anchors.leftMargin: 10
+      anchors.verticalCenter: parent.verticalCenter
+      onClicked: root.StackView.view.pop()
+    }
+    Label {
+      id: pageTitle
+      font.pixelSize: 20
+      anchors.centerIn: parent
+      text: qsTr("Event Info")
+    }
+  }
+
+
+}
+
diff --git a/res/gui/EventsPage.qml b/res/gui/EventsPage.qml
new file mode 100644
index 0000000..772418e
--- /dev/null
+++ b/res/gui/EventsPage.qml
@@ -0,0 +1,37 @@
+import QtQuick
+import QtQuick.Controls
+
+Page {
+  id: root
+  header: ToolBar {
+    Label {
+      text: qsTr("Olympia 2024 Events")
+      font.pixelSize: 20
+      anchors.centerIn: parent
+    }
+  }
+
+  ListView {
+    id: listView
+    anchors.fill: parent
+    topMargin: 48
+    leftMargin: 48
+    bottomMargin: 48
+    rightMargin: 48
+    spacing: 20
+    model: ["Albert Einstein", "Ernest Hemingway", "Hans Gude"]
+    delegate: ItemDelegate {
+      text: modelData
+      width: listView.width - listView.leftMargin - listView.rightMargin
+      height: avatar.implicitHeight + 32
+      leftPadding: avatar.implicitWidth + 32
+      onClicked: root.StackView.view.push("EventInfoPage.qml", { event_id: 1 })
+
+      Image {
+        id: avatar
+        // source: "images/" + modelData.replace(" ", "_") + ".png"
+      }
+    }
+  }
+}
+
diff --git a/res/gui/application.qml b/res/gui/application.qml
index 38da5d6..cf7b04d 100644
--- a/res/gui/application.qml
+++ b/res/gui/application.qml
@@ -2,12 +2,14 @@ import QtQuick
 import QtQuick.Controls
 
 ApplicationWindow {
-    width: 400
-    height: 400
-    visible: true
+  width: 400
+  height: 400
+  visible: true
 
-    Button {
-        id: button
-        text: "A Special Button"
-    }
+  StackView {
+    id: stackView
+    anchors.fill: parent
+    initialItem: EventsPage {}
+  }
 }
+