Display a playback page on the remote after selecting a file

[xinema.git] / remote / qml / pages / PlaybackPage.qml

diff --git a/remote/qml/pages/PlaybackPage.qml b/remote/qml/pages/PlaybackPage.qml
new file mode 100644 (file)
index 0000000..4a487a4
--- /dev/null
+++ b/remote/qml/pages/PlaybackPage.qml
@@ -0,0 +1,65 @@
+import QtQuick 2.0
+import Sailfish.Silica 1.0
+import fi.mikkosoft.xinema 0.1
+
+Page
+{
+       id: page
+
+       Column
+       {
+               width: parent.width
+               spacing: Theme.paddingLarge
+
+               PageHeader
+               {
+                       title: qsTr("Playback")
+               }
+
+               Label
+               {
+                       text: streamControl.title
+               }
+
+               Slider
+               {
+                       id: slider
+                       width: parent.width
+                       minimumValue: 0.0
+                       maximumValue: Math.max(streamControl.duration, 1.0)
+                       valueText:
+                       {
+                               var secs = Math.round(value);
+                               var mins = Math.floor(secs/60);
+                               secs %= 60;
+                               var hours = Math.floor(mins/60);
+                               mins %= 60;
+
+                               var str = "";
+                               if(hours>0)
+                               {
+                                       str = hours+":";
+                                       if(mins<10)
+                                               str += "0";
+                               }
+
+                               str += mins+":";
+                               if(secs<10)
+                                       str += "0";
+
+                               return str+secs;
+                       }
+               }
+       }
+
+       StreamControl
+       {
+               id: streamControl
+               control: xinemaControl
+               onPositionChanged:
+               {
+                       if(!slider.down)
+                               slider.value = streamControl.position
+               }
+       }
+}