Add episode browser

layouts/components/BrowserView/ContentView/EpisodeView.qml

@@ -0,0 +1,34 @@
+import QtQuick 2.12
+import QtQuick.Layouts 1.12
+import QtQuick.Controls 1.4
+import QtQuick.Controls 2.15
+
+import Ikinuki.Client 1.0
+
+import "./ShowView"
+
+ScrollView {
+    id: root
+    property var episodeModel
+    property int scrollIndex: 0
+    contentHeight: root.height * 0.1 * episodeModel.length
+    ScrollBar.vertical.position: scrollIndex / (episodeModel.length)
+    clip: true
+    Behavior on ScrollBar.vertical.position {
+        NumberAnimation {
+            duration: 200
+            easing.type: Easing.Linear
+        }
+    }
+    Column {
+        Repeater {
+            model: episodeModel
+            Episode {
+                episode: modelData
+                selected: index == xIndex
+                height: root.height * 0.1
+                width: root.width
+            }
+        }
+    }
+}

layouts/components/BrowserView/ContentView/ProviderBrowse.qml

@@ -11,6 +11,8 @@ Rectangle {
     id: root
     property var provider
     property bool viewExit: false
+    property bool enterShow: false
+    property var enterShowShow
     property int currentView: 0
     color: "#22282A"
     Row {
@@ -76,6 +78,9 @@ Rectangle {
                         coverGrid.scrollIndex--;
                     }
                 }
+            } else if (event.key == Qt.Key_Return) {
+                enterShowShow = root.provider.getShow(root.provider.showsAlphabetic[(coverGrid.xIndex + coverGrid.yIndex * coverGrid.numColumns)])
+                enterShow = true;
             }
         } else if (currentView == 1) { // alphabet
             if (event.key == Qt.Key_Left) {

layouts/components/BrowserView/ContentView/ProviderHome.qml

@@ -11,8 +11,9 @@ Rectangle {
     id: root
     property var provider
     property int ySelect: 0
-    property int xSelect: 0
     property bool viewExit: false
+    property bool enterShow: false
+    property var enterShowShow
     color: "#22282A"
     Row {
         Item {
@@ -82,6 +83,9 @@ Rectangle {
             ySelect++;
         } else if (event.key == Qt.Key_Up) {
             ySelect--;
+        } else if (event.key == Qt.Key_Return) {
+            enterShowShow = provider.getShow(elementColumn.children[ySelect].showId)
+            enterShow = true;
         }
         event.accepted = true;
     }

layouts/components/BrowserView/ContentView/ShowView.qml

@@ -0,0 +1,76 @@
+import QtQuick 2.12
+import QtQuick.Layouts 1.12
+import QtQuick.Controls 1.4
+import QtQuick.Controls 2.15
+
+import Ikinuki.Client 1.0
+
+import "./ShowView"
+
+Rectangle {
+    property var show
+    property bool viewExit: false
+    property bool enterShow: false
+    property int xIndex: 0
+    color: "#22282A"
+
+    Column {
+        anchors.fill: parent
+        anchors.leftMargin: parent.width * 0.01
+        anchors.rightMargin: parent.width * 0.01
+        anchors.topMargin: parent.height * 0.05
+        anchors.bottomMargin: parent.height * 0.01
+        Text { // header
+            height: parent.height * 0.1
+            width: parent.width
+            text: show.title
+            font.pointSize: 20
+            color: "#cdd7d9"
+        }
+        Row { // main view
+            height: parent.height * 0.8
+            width: parent.width
+            spacing: parent.width * 0.01
+            Item {
+                height: parent.height
+                width: height * 0.68
+                Image {
+                    source: show.poster
+                    anchors.fill: parent
+                    mipmap: true
+                }
+            }
+            EpisodeView {
+                id: episodeView
+                height: parent.height
+                width: parent.width * 0.65
+                episodeModel: show.episodes
+            }
+        }
+        Item {
+            height: parent.height * 0.1
+            width: parent.width
+        }
+    }
+
+    Keys.onPressed: (event)=> {
+        if (event.key == Qt.Key_Up) {
+            if (xIndex > 0) {
+                xIndex--;
+                if (episodeView.scrollIndex > xIndex) {
+                    episodeView.scrollIndex--;
+                }
+            }
+        } else if (event.key == Qt.Key_Down) {
+            if (xIndex < show.episodes.length - 1) {
+                if (episodeView.scrollIndex < (xIndex - 8)) {
+                    episodeView.scrollIndex++;
+                }
+                xIndex++;
+            }
+        } else if (event.key == Qt.Key_Escape) {
+            viewExit = true;
+        }
+        event.accepted = true;
+    }
+}

layouts/components/BrowserView/ContentView/ShowView/Episode.qml

@@ -0,0 +1,49 @@
+import QtQuick 2.12
+import QtQuick.Layouts 1.12
+import QtQuick.Controls 1.4
+import QtQuick.Controls 2.15
+
+import Ikinuki.Client 1.0
+
+Item {
+    property var episode
+    property bool selected
+
+    Rectangle {
+        anchors.fill: parent
+        color: "white"
+        visible: selected
+        radius: 10
+    }
+    Row {
+        anchors.fill: parent
+        Item {
+            height: parent.height
+            width: parent.width * 0.04
+        }
+        Column {
+            anchors.verticalCenter: parent.verticalCenter
+            anchors.verticalCenterOffset: 4
+            Text {
+                text: {
+                    if (modelData.season == 0) {
+                        return "S" + modelData.episode + " " + modelData.title
+                    } else {
+                        return String(modelData.episode).padStart(2, "0") + ". " + modelData.title
+                    }
+                }
+                font.pointSize: 20
+                color: selected ? "#3c3c3c" : "#99afb4"
+            }
+            Item {
+                height: parent.height * 0.1
+                width: parent.width
+            }
+            Text {
+                text: " air date"
+                font.pointSize: 12
+                color: selected ? "#3c3c3c" : "#99afb4"
+            }
+        }
+    }
+}