From 896ec8afde7f4c370891fb03f825dd7c6ee55b5b Mon Sep 17 00:00:00 2001
From: Davis Mosenkovs <davikovs@gmail.com>
Date: Sun, 12 Jul 2015 02:15:31 +0300
Subject: [PATCH] Add refresh button for playlists

---
 .../static/css/webclient.css                      |  1 -
 mopidy_musicbox_webclient/static/index.html       | 15 +++++++++------
 mopidy_musicbox_webclient/static/js/controls.js   |  6 ++++++
 3 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/mopidy_musicbox_webclient/static/css/webclient.css b/mopidy_musicbox_webclient/static/css/webclient.css
index 507f791..6862608 100644
--- a/mopidy_musicbox_webclient/static/css/webclient.css
+++ b/mopidy_musicbox_webclient/static/css/webclient.css
@@ -417,7 +417,6 @@
 #playlistspane {
 /*  height: 90% !important;*/
     margin: 0px !important;
-    padding: 2px !important;
 }
 
 a {
diff --git a/mopidy_musicbox_webclient/static/index.html b/mopidy_musicbox_webclient/static/index.html
index 59cfea8..d8fe27d 100644
--- a/mopidy_musicbox_webclient/static/index.html
+++ b/mopidy_musicbox_webclient/static/index.html
@@ -314,15 +314,18 @@
 </div>
 <!-- /nowplaying -->
 
-<div data-role="content" id="playlistspane" class="pane ui-grid-a pl-breakpoint">
-    <div class="ui-block-a scroll" id="playlistslistdiv">
-        <ul id="playlistslist" class="table"></ul>
-    </div>
-    <div class="ui-block-b scroll" id="playlisttracksdiv">
+<div data-role="content" id="playlistspane" class="pane">
+    <a style="float:right; padding: 1.2em 10px" onclick="return refreshPlaylists();"><i class="fa fa-refresh"></i></a>
+    <h4>Playlists</h4>
+    <div class="ui-grid-a pl-breakpoint">
+        <div class="ui-block-a scroll" id="playlistslistdiv">
+            <ul id="playlistslist" class="table"></ul>
+        </div>
+        <div class="ui-block-b scroll" id="playlisttracksdiv">
         <div id="playlisttracksback" style="height: 30px; margin: 2px; padding-top: 2px; background-color: #aaa;"><a style="display:block; padding: 5px;" href="#" onclick="return togglePlaylists();"><i class="fa fa-arrow-circle-left"></i> Back</a></div>
         <ul class="table" id="playlisttracks"></ul>
+        </div>
     </div>
-
 </div>
 <!--/playlistspane-->
 
diff --git a/mopidy_musicbox_webclient/static/js/controls.js b/mopidy_musicbox_webclient/static/js/controls.js
index e2c035d..354a3db 100644
--- a/mopidy_musicbox_webclient/static/js/controls.js
+++ b/mopidy_musicbox_webclient/static/js/controls.js
@@ -251,6 +251,12 @@ function saveQueue() {
     return false;
 }
 
+
+function refreshPlaylists() {
+    mopidy.playlists.refresh();
+    return false;
+}
+
 /**********************
  * Buttons
  */