Refactor UI to add Mpv player widget with overlay

2022-09-03 00:54:20 -04:00
parent 9bcf042157
commit 628f02831e
11 changed files with 170 additions and 32 deletions
@@ -0,0 +1,69 @@
+import QtQuick 2.12
+
+import Ikinuki.Client 1.0
+
+import "./Sidebar"
+
+Rectangle {
+    id: rect
+    property var providers
+    property bool maximized: true
+    property int selectedElement: 0
+    property var max_elements: providers.length
+    width: parent.width * 0.2
+    height: parent.height
+    color: "#22282A"
+    state: maximized ? "maximized" : "minimized"
+    //color: "#0a3d4a"
+    Column {
+        anchors.fill: parent
+        Header {}
+        Repeater {
+            id: sidebarElements
+            model: providers
+            Element {
+                provider: modelData
+                maximized: rect.maximized
+                selected: (index == selectedElement) ? true : false
+            }
+        }
+    }
+    states: [
+        State {
+            name: "minimized"
+            PropertyChanges {
+                target: rect
+                width: parent.width * 0.05
+            }
+        },
+        State {
+            name: "maximized"
+            PropertyChanges {
+                target: rect
+                width: parent.width * 0.2
+            }
+        }
+    ]
+    transitions: [
+        Transition {
+            NumberAnimation {
+                properties: "width"
+                duration: 150
+                easing.type: Easing.Linear
+            }
+        }
+    ]
+    function mod(n, m) {
+        return ((n % m) + m) % m;
+    }
+    Keys.onPressed: (event)=> {
+        // Handle scrolling
+        if (event.key == Qt.Key_Down) {
+            selectedElement = mod(selectedElement + 1, max_elements);
+        }
+        else if (event.key == Qt.Key_Up) {
+            selectedElement = mod(selectedElement - 1, max_elements);
+        }
+        event.accepted = true;
+    }
+}