added component for media progress bar

idea: add components PlayerButtons.qml and PlayerControlPannel.qml

LenaPi/MediaProgress.qml

@@ -0,0 +1,41 @@
+import QtQuick 2.0
+import QtQuick.Controls 1.4
+import QtQuick.Controls.Styles 1.4
+
+Item {
+    id: container
+    property var model
+
+    Label{
+        anchors.right: progress.right
+        anchors.bottom: progress.top
+        font.pointSize: 9
+        color: "grey"
+        text: model.pTime + " / " + model.pMediaLength
+    }
+
+    ProgressBar{
+        id: progress
+        anchors.top: parent.top
+        anchors.left: parent.left
+
+        value: model.pProgress
+
+        style:ProgressBarStyle {
+            background: Rectangle {
+                radius: 5
+                color: "white"
+                border.color: "grey"
+                border.width: 1
+                implicitWidth: container.width
+                implicitHeight: 10
+            }
+            progress: Rectangle {
+                color: "blue"
+                border.color: "blue"
+                radius: 5
+                implicitHeight: 8
+            }
+        }
+    }
+}

LenaPi/MusicPlayer.qml

@@ -1,6 +1,4 @@
 import QtQuick 2.0
- import QtQuick.Controls 1.4
- import QtQuick.Controls.Styles 1.4
 import QtGraphicalEffects 1.0
 
 Item{
@@ -49,38 +47,14 @@ Item{
         color: "#99ffffff"
         height: 140
 
-        Label{
+        MediaProgress{
-            anchors.right: progress.right
+           id: progress
-            anchors.bottom: progress.top
+           anchors.top: parent.top
-            font.pointSize: 9
+           anchors.left: parent.left
-            color: "grey"
+           anchors.right: parent.right
-            text: musicModel.pTime + " / " + musicModel.pMediaLength
+           anchors.margins: container.margins
-        }
 
-        ProgressBar{
+           model: musicModel
-            id: progress
-            anchors.top: parent.top
-            anchors.left: parent.left
-            anchors.margins: container.margins
-
-            value: musicModel.pProgress
-
-            style:ProgressBarStyle {
-                background: Rectangle {
-                    radius: 5
-                    color: "lightgrey"
-                    border.color: "grey"
-                    border.width: 1
-                    implicitWidth: controlPannel.width - 2*container.margins
-                    implicitHeight: 10
-                }
-                progress: Rectangle {
-                    color: "blue"
-                    border.color: "blue"
-                    radius: 5
-                    implicitHeight: 8
-                }
-            }
         }
 
         Item{

LenaPi/qml.qrc

@@ -7,5 +7,6 @@
         <file>RoundButton.qml</file>
         <file>Navigation.qml</file>
         <file>MusicPlayer.qml</file>
+        <file>MediaProgress.qml</file>
     </qresource>
 </RCC>