added component for player control pannel

LenaPi/MusicPlayer.qml

@@ -6,6 +6,16 @@ Item{
 
     property int margins: 20
 
+    RoundButton{
+        id: backNavigation
+        anchors.left: parent.left
+        anchors.top: parent.top
+        anchors.margins: container.margins
+        onClicked: {
+            musicModel.navigateBack();
+        }
+    }
+
     Rectangle{
         id: coverBorder
         anchors.horizontalCenter: parent.horizontalCenter
@@ -28,44 +38,13 @@ Item{
         }
     }
 
-    RoundButton{
+    PlayerControlPannel {
-        id: backNavigation
-        anchors.left: parent.left
-        anchors.top: parent.top
-        anchors.margins: container.margins
-        onClicked: {
-            musicModel.navigateBack();
-        }
-    }
-
-    Rectangle {
         id: controlPannel
-
         anchors.left: parent.left
         anchors.right: parent.right
         anchors.bottom: parent.bottom
-        color: "#99ffffff"
-        height: 140
 
-        MediaProgress{
+        model: musicModel
-           id: progress
+        margins: container.margins
-           anchors.top: parent.top
-           anchors.left: parent.left
-           anchors.right: parent.right
-           anchors.margins: container.margins
-
-           model: musicModel
-        }
-
-        PlayerButtons{
-            id: buttons
-            anchors.left: parent.left
-            anchors.right: parent.right
-            anchors.top: progress.bottom
-            anchors.bottom: parent.bottom
-
-            model: musicModel
-            spacing: 20
-        }
     }
 }

LenaPi/PlayerControlPannel.qml

@@ -0,0 +1,31 @@
+import QtQuick 2.0
+
+Rectangle {
+    id: container
+    property var model
+    property int margins
+
+    color: "#99ffffff"
+    height: 140
+
+    MediaProgress{
+       id: progress
+       anchors.top: parent.top
+       anchors.left: parent.left
+       anchors.right: parent.right
+       anchors.margins: container.margins
+
+       model: container.model
+    }
+
+    PlayerButtons{
+        id: buttons
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.top: progress.bottom
+        anchors.bottom: parent.bottom
+
+        model: container.model
+        spacing: 20
+    }
+}

LenaPi/qml.qrc

@@ -9,5 +9,6 @@
         <file>MusicPlayer.qml</file>
         <file>MediaProgress.qml</file>
         <file>PlayerButtons.qml</file>
+        <file>PlayerControlPannel.qml</file>
     </qresource>
 </RCC>