Added very simple photo viewer

sailfish/qml/Utils.js

@@ -86,6 +86,8 @@ function getPageUrl(mediaType, itemType) {
             return Qt.resolvedUrl("pages/itemdetails/CollectionPage.qml")
         case "video":
             return Qt.resolvedUrl("pages/itemdetails/VideoPage.qml")
+        case "photo":
+            return Qt.resolvedUrl("pages/itemdetails/PhotoPage.qml")
         default:
             return Qt.resolvedUrl("pages/itemdetails/UnsupportedPage.qml")
         }

sailfish/qml/components/VideoPlayer.qml

@@ -41,14 +41,10 @@ SilicaItem {
     property alias subtitleTrack: mediaSource.subtitleIndex
     property real startTicks: 0
 
-    // Force a Light on Dark theme since I doubt that there are persons who are willing to watch a Video
-    // on a white background.
-    palette.colorScheme: Theme.LightOnDark
-
     // Blackground to prevent the ambience from leaking through
     Rectangle {
         anchors.fill: parent
-        color: "black"
+        color: Theme.overlayBackgroundColor
     }
 
     PlaybackManager {

sailfish/qml/pages/itemdetails/PhotoPage.qml

@@ -0,0 +1,35 @@
+import QtQuick 2.6
+import Sailfish.Silica 1.0
+
+import nl.netsoj.chris.Jellyfin 1.0
+
+BaseDetailPage {
+    id: pageRoot
+    navigationStyle: PageNavigation.Vertical
+
+    Rectangle {
+        anchors.fill: parent
+        color: Theme.overlayBackgroundColor
+    }
+
+    PageHeader {
+        title: itemData.name
+        titleColor: Theme.primaryColor
+    }
+
+    Image {
+        id: image
+        source: ApiClient.downloadUrl(itemId)
+        fillMode: Image.PreserveAspectFit
+        anchors.fill: parent
+
+        opacity: status == Image.Ready ? 1.0 : 0.0
+        Behavior on opacity { FadeAnimator {}}
+    }
+
+    BusyIndicator {
+            running: image.status == Image.Loading
+            size: BusyIndicatorSize.Large
+            anchors.centerIn: parent
+        }
+}