Merge pull request #117 from DavisNT/feature/RefreshPlaylists

Feature refresh playlists

README.rst

@@ -59,6 +59,7 @@ v2.0.1 (UNRELEASED)
 - Fixed slow to start playing from a large tracklist of browsed tracks.
 - Added link to `Alarm Clock <https://pypi.python.org/pypi/Mopidy-AlarmClock/>`_ (if present).
 - Added ability to save Queue as local Playlist.
+- Added ability to manually initiate refresh of Playlists.
 
 v2.0.0 (26-3-2015)
 ------------------

mopidy_musicbox_webclient/static/css/webclient.css

@@ -417,7 +417,6 @@
 #playlistspane {
 /*  height: 90% !important;*/
     margin: 0px !important;
-    padding: 2px !important;
 }
 
 a {

mopidy_musicbox_webclient/static/index.html

@@ -314,7 +314,10 @@
 </div>
 <!-- /nowplaying -->
 
-<div data-role="content" id="playlistspane" class="pane ui-grid-a pl-breakpoint">
+<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>
@@ -322,13 +325,13 @@
         <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-->
 
 <div data-role="content" id="browsepane" class="pane">
-    <h3>Browse</h3>
+    <h4>Browse</h4>
-    <h4 id="browsepath"></h4>
+    <h5 id="browsepath"></h5>
         <ul id="browselist" class="table"></ul>
 </div>
 <!--/browsepane-->

mopidy_musicbox_webclient/static/js/controls.js

@@ -251,6 +251,12 @@ function saveQueue() {
     return false;
 }
 
+
+function refreshPlaylists() {
+    mopidy.playlists.refresh();
+    return false;
+}
+
 /**********************
  * Buttons
  */

mopidy_musicbox_webclient/static/js/functionsvars.js

@@ -126,7 +126,7 @@ function scrollToTracklist() {
         playlistslistScroll.refresh();
     }
 */
-    var divtop = $("#playlisttracksdiv").offset().top - 50;
+    var divtop = $("#playlisttracksdiv").offset().top - 120;
     $('body,html').animate({
         scrollTop: divtop
     }, 250);