Release v2.4.0

pimusicbox · Mar 15, 2017 · 17f85d7 · 17f85d7
2 parents 4cb98a5 + 06ccae6
commit 17f85d7
Show file tree

Hide file tree

Showing 40 changed files with 4,491 additions and 1,095 deletions.
diff --git a/README.rst b/README.rst
@@ -6,10 +6,6 @@ Mopidy-MusicBox-Webclient
     :target: https://pypi.python.org/pypi/Mopidy-MusicBox-Webclient/
     :alt: Latest PyPI version
 
-.. image:: https://img.shields.io/pypi/dm/Mopidy-MusicBox-Webclient.svg?style=flat
-    :target: https://pypi.python.org/pypi/Mopidy-MusicBox-Webclient/
-    :alt: Number of PyPI downloads
-
 .. image:: https://img.shields.io/travis/pimusicbox/mopidy-musicbox-webclient/develop.svg?style=flat
     :target: https://travis-ci.org/pimusicbox/mopidy-musicbox-webclient
     :alt: Travis CI build status
@@ -38,7 +34,9 @@ Features
 - Deep integration with, and additional features for, the `Pi MusicBox <http://www.pimusicbox.com/>`_.
 - Fullscreen mode.
 
-.. image:: https://github.com/pimusicbox/mopidy-musicbox-webclient/raw/develop/screenshots/queue_desktop.png
+.. image:: https://github.com/pimusicbox/mopidy-musicbox-webclient/raw/develop/screenshots/overview.png
+    :width: 1312
+    :height: 723
 
 Dependencies
 ============
@@ -107,6 +105,33 @@ Project resources
 Changelog
 =========
 
+v2.4.0 (2017-03-15)
+-------------------
+
+- Now shows server name/IP address and port number at the bottom of the navigation pane. (Addresses: `#67 <https://github.com/pimusicbox/mopidy-musicbox-webclient/issues/67>`_).
+- Add ability to insert a track anywhere in the current queue. (Addresses: `#75 <https://github.com/pimusicbox/mopidy-musicbox-webclient/issues/75>`_).
+- Add 'Show Track Info' popup which can be activated from any context menu or by clicking on either the 'info' icon next
+  to the album cover or the track's title text on the 'Now Playing' pane. The popup includes the URI of the track, which
+  can be inserted into various lists elsewhere in the player.
+- Updated icon set for font-awesome 4.7.0.
+- Added 'Refresh' button for refreshing libraries. (Addresses: `#75 <https://github.com/pimusicbox/mopidy-musicbox-webclient/issues/75>`_).
+
+**Fixes**
+
+- Only show 'Show Album' or 'Show Artist' options in popup menus if URI's for those resources are available.
+  (Fixes: `#213 <https://github.com/pimusicbox/mopidy-musicbox-webclient/issues/213>`_).
+- Now shows correct hostname information in loader popup. (Fixes: `#209 <https://github.com/pimusicbox/mopidy-musicbox-webclient/issues/209>`_).
+- Reset 'Now Playing' info when the last track in the tracklist is deleted. Fixes an issue where info of the last song played would be displayed even after the queue had been cleared.
+- Now initializes the GUI properly, even if the user is offline or the Mopidy server cannot be reached.
+- Fixed `Alarm Clock <https://pypi.python.org/pypi/Mopidy-AlarmClock/>`_ detection.
+- Unplayable files are shown with a different icon in track lists.
+- Show all available track information in the 'Show Track Info...' popup. (Fixes: `#227 <https://github.com/pimusicbox/mopidy-musicbox-webclient/issues/227>`_). 
+- The last scroll position is now always saved when navigating between pages or browsing the library.
+  (Fixes: `#73 <https://github.com/pimusicbox/mopidy-musicbox-webclient/issues/73>`_, `#93 <https://github.com/pimusicbox/mopidy-musicbox-webclient/issues/93>`_).
+- Playlists will now list tracks even if they are no longer available in the library. (Fixes: `#226 <https://github.com/pimusicbox/mopidy-musicbox-webclient/issues/226>`_).
+- Fixed an issue on Safari where the first page to load would be too wide to fit on the screen.
+- Refreshing album or artist info pages no longer raises an exception. (Fixes: `#230 <https://github.com/pimusicbox/mopidy-musicbox-webclient/issues/230>`_).
+
 v2.3.0 (2016-05-15)
 -------------------
 

diff --git a/mopidy_musicbox_webclient/__init__.py b/mopidy_musicbox_webclient/__init__.py
@@ -4,7 +4,7 @@
 
 from mopidy import config, ext
 
-__version__ = '2.3.0'
+__version__ = '2.4.0'
 
 
 class Extension(ext.Extension):

diff --git a/mopidy_musicbox_webclient/static/css/webclient.css b/mopidy_musicbox_webclient/static/css/webclient.css
@@ -1,6 +1,6 @@
 /*
  * Mopidy Webclient CSS
- * (c) Wouter van Wijk 2012-2013
+ * (c) Wouter van Wijk 2012-2017
  */
 
 /****************************
@@ -118,7 +118,6 @@
 /******************
  *  Track Slider  *
  ******************/
-
 #trackslider {
     display: inline;
     width: 100%;
@@ -160,6 +159,20 @@
     display: inline;
 }
 
+div.hostInfo {
+    width: 100%;
+    text-align: center;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+span.hostInfo {
+    font-weight: normal;
+    font-size: 0.75em;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
 /********************
  *  Pages, content  *
  ********************/
@@ -207,6 +220,17 @@
 #homerows div i {
     font-size: 28px;
 }
+
+.ui-block-a-min {
+    float: left !important;
+    width: initial !important;
+}
+
+.ui-block-b-min {
+    float:right !important;
+    width: initial !important;
+}
+
 /***************
  *  listviews  *
  ***************/
@@ -235,6 +259,45 @@
     border-bottom: 1px solid #CECECE;
 }
 
+.info-table {
+    display: table !important;
+}
+
+.info-table thead {
+    visibility: collapse;
+}
+
+.info-table th {
+    border-bottom: none !important;
+}
+
+.info-table tr {
+    border-bottom: 1px solid #f2f2f2
+}
+
+.info-table td {
+    color: #555 !important;
+    padding: 2px;
+    padding-right: 14px;
+    padding-left: 14px;
+    border: none !important;
+}
+
+.info-table td.label {
+    font-weight: bold;
+}
+
+.info-table td.label-center {
+    vertical-align: middle;
+}
+
+.info-table input {
+    color: #555;
+    border: none;
+    font-size: 1em;
+    width: 100%;
+}
+
 .albumdivider h1, .table li h1 {
     font-size: 120% !important;
 }
@@ -305,15 +368,33 @@
     font-size: initial;
 }
 
+.infoBtn {
+    top: 0;
+    width: 90%;
+    position: absolute;
+}
+
+.infoBtn i {
+    font-size: 1.33em;
+    color: #ddd;
+    background: white;
+    border-radius: 50%;
+    height: 1em;
+    width: 1em;
+}
+
 .backnav {
     background-color: #ccc !important;
 }
 
+.refreshLibraryBtnDiv {
+    display: none;
+}
+
 
 /**********************
  *  Now Playing area  *
  **********************/
-
 #nowPlayingFooter {
     height: 50px;
     line-height: 48px;
@@ -342,11 +423,17 @@
 /************
  *  Popups  *
  ************/
-#modalalbum a, #modalartist a {
+#modalalbum a, #modalartist a, #modalname a {
     color: #444;
     text-decoration: none;
 }
 
+#modalinfo {
+    position: relative;
+    display: inline-block;
+    padding-top: .5em;
+}
+
 .popupArtistLi,
 .popupAlbumLi {
     display: none
@@ -392,6 +479,7 @@
 .ui-icon-playAll:after,
 .ui-icon-play:after,
 .ui-icon-playNext:after,
+.ui-icon-insert:after,
 .ui-icon-add:after,
 .ui-icon-addAll:after,
 .ui-icon-remove:after {
@@ -411,6 +499,10 @@
     content: '\f149';
 }
 
+.ui-icon-insert:after {
+    content: '\f177';
+}
+
 .ui-icon-add:after {
     content: '\f196';
 }
@@ -434,11 +526,17 @@
     font-weight: normal;
 }
 
-.popupDialog {
+.popupDialog,
+.popupDialog-full-width {
     padding: 10px;
     text-align: center;
 }
 
+.popupDialog-full-width {
+    padding-left: 0;
+    padding-right: 0;
+}
+
 /*dont hide clear buttons in text input */
 .ui-input-clear-hidden {
     display: block !important;
@@ -447,7 +545,6 @@
 /****************
  *  Common use  *
  ****************/
-
 #playlistspane {
     margin: 0 !important;
 }
@@ -531,31 +628,40 @@ a {
 }
 
 /*helper*/
-
 .ui-loader h1 {
     color: #efefef;
 }
 
-/* panel workaround to make it responsive wrap push on wide viewports once open */
-@media (min-width: 35em){
-    .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
-    .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
-    .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
-    .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal {
+/*desktop*/
+@media (min-width: 55em) {
+    /* panel workaround to make it responsive wrap push on wide viewports once open */
+    .ui-responsive-panel.ui-page-panel .ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-push,
+    .ui-responsive-panel.ui-page-panel .ui-panel-content-fixed-toolbar-open.ui-panel-content-fixed-toolbar-display-reveal,
+    .ui-responsive-panel.ui-page-panel .ui-panel-content-wrap-open.ui-panel-content-wrap-display-push,
+    .ui-responsive-panel.ui-page-panel .ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal {
         margin-right: 17em;
+        width: auto;
     }
 
-    .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-open.ui-panel-content-wrap-display-push.ui-panel-content-fixed-toolbar-position-right,
-    .ui-responsive-panel.ui-page-panel-open .ui-panel-content-fixed-toolbar-open.ui-panel-content-wrap-display-reveal.ui-panel-content-fixed-toolbar-position-right,
-    .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-open.ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
-    .ui-responsive-panel.ui-page-panel-open .ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
+    .ui-responsive-panel.ui-page-panel .ui-panel-content-fixed-toolbar-open.ui-panel-content-wrap-display-push.ui-panel-content-fixed-toolbar-position-right,
+    .ui-responsive-panel.ui-page-panel .ui-panel-content-fixed-toolbar-open.ui-panel-content-wrap-display-reveal.ui-panel-content-fixed-toolbar-position-right,
+    .ui-responsive-panel.ui-page-panel .ui-panel-content-wrap-open.ui-panel-content-wrap-display-push.ui-panel-content-wrap-position-right,
+    .ui-responsive-panel.ui-page-panel .ui-panel-content-wrap-open.ui-panel-content-wrap-display-reveal.ui-panel-content-wrap-position-right {
         margin: 0 0 0 17em;
     }
+}
 
+/*tablets and desktop*/
+@media (min-width: 35em) {
     .ui-responsive-panel .ui-panel-dismiss-display-reveal {
         display: none;
     }
+
+    .popupDialog {
+        min-width: 320px;
+    }
 }
+
 /*smartphones*/
 @media (max-width: 35em) {
     #nowPlayingpane {