feat: start tinkering with adding a footer for the playerbar on the ApplicationWindow

desktop/CMakeLists.txt

@@ -27,9 +27,11 @@ ecm_add_qml_module(com.github.joshstrobl.koto URI "com.github.joshstrobl.koto" G
 
 ecm_target_qml_sources(com.github.joshstrobl.koto
         SOURCES
+        qml/PlayerBar/PlayerBar.qml
         qml/PrimaryNavigation.qml
         qml/HomePage.qml
         qml/Main.qml
+        qml/Root.qml
 )
 
 target_link_libraries(com.github.joshstrobl.koto

desktop/qml/Main.qml

@@ -8,11 +8,13 @@ Kirigami.ApplicationWindow {
     visible: true
     width: 1000
 
+    footer: PlayerBar {
+    }
     globalDrawer: PrimaryNavigation {
         windowRef: root
     }
 
     // TODO: Implement an onboarding page
-    pageStack.initialPage: HomePage {
+    pageStack.initialPage: Root {
     }
 }

desktop/qml/PlayerBar/PlayerBar.qml

@@ -0,0 +1,23 @@
+import QtQuick.Controls as Controls
+import QtQuick.Layouts
+import org.kde.kirigami as Kirigami
+
+ColumnLayout {
+    id: playerBar
+
+    Layout.fillWidth: true
+
+    Controls.Slider {
+        id: seekSlider
+
+        Layout.fillWidth: true
+    }
+    RowLayout {
+        Layout.fillWidth: true
+
+        Controls.Button {
+            icon.height: Kirigami.Units.iconSizes.small
+            icon.name: "media-seek-backward"
+        }
+    }
+}

desktop/qml/Root.qml

@@ -0,0 +1,21 @@
+import QtQuick
+import QtQuick.Controls as Controls
+import QtQuick.Layouts
+import org.kde.kirigami as Kirigami
+
+Kirigami.Page {
+    id: rootPage
+
+    ColumnLayout {
+        id: rootLayout
+
+        Layout.fillWidth: true
+
+        Controls.StackView {
+            id: rootStack
+
+            initialItem: HomePage {
+            }
+        }
+    }
+}