Added track selection and minor UI improvements

qml/components/GlassyBackground.qml

@@ -26,10 +26,11 @@ Rectangle {
     }
 
     FastBlur {
+        cached: true
         anchors.fill: backgroundImage
         source: backgroundImage
         opacity: dimmedOpacity
-        radius: 100
+        radius: 50
     }
 
     Image {

qml/components/VideoPlayer.qml

@@ -18,6 +18,8 @@ SilicaItem {
     readonly property bool landscape: videoOutput.contentRect.width > videoOutput.contentRect.height
     property MediaPlayer player
     readonly property bool hudVisible: !hud.hidden
+    property alias audioTrack: mediaSource.audioIndex
+    property alias subtitleTrack: mediaSource.subtitleIndex
 
     // Force a Light on Dark theme since I doubt that there are persons who are willing to watch a Video
     // on a white background.

qml/components/itemdetails/FilmDetails.qml

@@ -1,5 +1,41 @@
-import QtQuick 2.0
+import QtQuick 2.6
+import Sailfish.Silica 1.0
+
+import "../"
+import "../../Utils.js" as Utils
+
+Column {
+    property var itemData
+    spacing: Theme.paddingMedium
+
+    PlayToolbar {
+        onPlayPressed: pageStack.push(Qt.resolvedUrl("../../pages/VideoPage.qml"),
+                                      {"itemId": itemId, "itemData": itemData, "audioTrack": trackSelector.audioTrack,
+                                      "subtitleTrack": trackSelector.subtitleTrack })
+    }
+
+    VideoTrackSelector {
+        id: trackSelector
+        width: parent.width
+        tracks: itemData.MediaStreams
+    }
+
+    PlainLabel {
+        text: "sub: %1 dub: %2".arg(trackSelector.subtitleTrack).arg(trackSelector.audioTrack)
+    }
+
+    PlainLabel {
+        id: tinyDetails
+        text: qsTr("Released: %1 — Run time: %2").arg(itemData.ProductionYear).arg(Utils.ticksToText(itemData.RunTimeTicks))
+    }
+
+    PlainLabel {
+        id: overviewText
+        text: itemData.Overview
+        font.pixelSize: Theme.fontSizeSmall
+        color: Theme.secondaryHighlightColor
+    }
+
 
-Item {
 
 }

qml/components/itemdetails/PlayToolbar.qml

@@ -0,0 +1,23 @@
+import QtQuick 2.6
+import Sailfish.Silica 1.0
+
+Row {
+    signal playPressed()
+
+    anchors {
+        //left: parent.left
+        right: parent.right
+        leftMargin: Theme.horizontalPageMargin
+        rightMargin: Theme.horizontalPageMargin
+    }
+    spacing: Theme.paddingMedium
+    IconButton {
+        id: favouriteButton
+        icon.source: "image://theme/icon-m-favorite"
+    }
+    IconButton {
+        id: playButton
+        icon.source: "image://theme/icon-l-play"
+        onPressed: playPressed()
+    }
+}

qml/components/itemdetails/UnsupportedDetails.qml

@@ -0,0 +1,8 @@
+import QtQuick 2.6
+import Sailfish.Silica 1.0
+
+ViewPlaceholder {
+    enabled: true
+    text: qsTr("Item type unsupported")
+    hintText: qsTr("This is still an alpha version :)")
+}

qml/components/itemdetails/VideoTrackSelector.qml

@@ -0,0 +1,67 @@
+import QtQuick 2.6
+import Sailfish.Silica 1.0
+
+Column {
+    property var tracks
+    readonly property int audioTrack: audioSelector.currentItem ? audioSelector.currentItem._index : 0
+    readonly property int subtitleTrack: subitleSelector.currentItem._index
+
+    ListModel {
+        id: audioModel
+    }
+
+    ListModel {
+        id: subtitleModel
+    }
+
+    ComboBox {
+        id: audioSelector
+        label: qsTr("Audio track")
+        menu: ContextMenu {
+            Repeater {
+                model: audioModel
+                MenuItem {
+                    readonly property int _index: model.Index
+                    text: model.DisplayTitle
+                }
+            }
+        }
+    }
+
+    ComboBox {
+        id: subitleSelector
+        label: qsTr("Subtitle track")
+        menu: ContextMenu {
+            MenuItem {
+                readonly property int _index: -1
+                //: Value in ComboBox to disable subtitles
+                text: qsTr("Off")
+            }
+            Repeater {
+                model: subtitleModel
+                MenuItem {
+                    readonly property int _index: model.Index
+                    text: model.DisplayTitle
+                }
+            }
+        }
+    }
+
+    onTracksChanged: {
+        audioModel.clear()
+        subtitleModel.clear()
+        for(var i = 0; i < tracks.length; i++) {
+            var track = tracks[i];
+            switch(track.Type) {
+            case "Audio":
+                audioModel.append(track)
+                break;
+            case "Subtitle":
+                subtitleModel.append(track)
+                break;
+            default:
+                break;
+            }
+        }
+    }
+}

qml/components/videoplayer/VideoHud.qml

@@ -2,6 +2,8 @@ import QtQuick 2.6
 import QtMultimedia 5.6
 import Sailfish.Silica 1.0
 
+import "../../Utils.js" as Utils
+
 /**
  * The video "hud" or controls. This is the overlay displayed over a video player, which contains controls
  * and playback information.
@@ -92,7 +94,7 @@ Item {
                 anchors.left: parent.left
                 anchors.leftMargin: Theme.horizontalPageMargin
                 anchors.verticalCenter: progressSlider.verticalCenter
-                text: timeToText(player.position)
+                text: Utils.timeToText(player.position)
             }
 
             Slider {
@@ -112,21 +114,12 @@ Item {
                 anchors.right: parent.right
                 anchors.rightMargin: Theme.horizontalPageMargin
                 anchors.verticalCenter: progress.verticalCenter
-                text: timeToText(player.duration)
+                text: Utils.timeToText(player.duration)
             }
         }
     }
 
-    function timeToText(time) {
-        if (time < 0) return "??:??:??"
-        var hours = Math.floor(time / (60 * 60 * 1000))
-        var left = time % (60 * 60 * 1000)
-        var minutes = Math.floor(left / (60 * 1000))
-        left = time % (60 * 1000)
-        var seconds = Math.floor(left / 1000)
 
-        return hours + ":" + (minutes < 10 ? "0" : "") + minutes + ":" + (seconds < 10 ? "0" : "")+ seconds
-    }
 
     Connections {
         target: player