Linter cleanup of css and html files.

mopidy_musicbox_webclient/static/css/webclient.css

@@ -14,18 +14,6 @@
  ****************************/
 
 @media all and (min-width: 961px) {
-    /*header*/
-    .header-breakpoint.ui-grid-b .ui-block-a {
-        width: 30%;
-    }
-
-    .header-breakpoint.ui-grid-b .ui-block-b {
-        width: 30%;
-    }
-
-    .header-breakpoint.ui-grid-b .ui-block-c {
-        width: 30.1%;
-    }
 
     /*playlists*/
     .pl-breakpoint.ui-grid-a .ui-block-a {
@@ -65,34 +53,24 @@
         margin-left: .5em;
     }
 
-    .srch-breakpoint.ui-grid-a .ui-block-a, .srch-breakpoint.ui-grid-a .ui-block-b {
+    .srch-breakpoint.ui-grid-a .ui-block-a,
+    .srch-breakpoint.ui-grid-a .ui-block-b {
         width: 49%;
     }
 }
 
 /* phone landscape */
 @media all and (max-width: 960px) {
-    /*header*/
-    .header-breakpoint.ui-grid-b .ui-block-a {
-        width: 35%;
-        clear: left;
-    }
-
-    .header-breakpoint.ui-grid-b .ui-block-b {
-        display: none;
-    }
-
-    .header-breakpoint.ui-grid-b .ui-block-c {
-        width: 33%;
-    }
 
     /*playlists*/
-    .pl-breakpoint .ui-block-a, .pl-breakpoint .ui-block-b {
+    .pl-breakpoint .ui-block-a,
+    .pl-breakpoint .ui-block-b {
         width: 100%;
   }
 
     /*search*/
-    .srch-breakpoint.ui-grid-a .ui-block-a, .srch-breakpoint.ui-grid-a .ui-block-b {
+    .srch-breakpoint.ui-grid-a .ui-block-a,
+    .srch-breakpoint.ui-grid-a .ui-block-b {
         width: 100%;
     }
 
@@ -107,7 +85,6 @@
     #playlistslistdiv {
         display: block;
     }
-
 }
 
 /*****************************
@@ -125,21 +102,11 @@
     clear: left;
 }
 
-.bottom{
-    width: 100%;
-    margin: -15px;
-    margin-top: 30px;
-}
-
-/**headers and controls**/
-#nextimg, #previmg, #backimg, #controlsimg {
-    margin-top: 6px;
-}
-
 #contentHeadline a {
     color:white;
 }
 
+/**headers and controls**/
 #headermenubtn {
     padding-top: 2px;
 }
@@ -212,11 +179,16 @@
     display: none;
 }
 
-#currentpane, #searchpane, #albumspane, #artistspane, #streampane {
+#currentpane,
+#searchpane,
+#albumspane,
+#artistspane,
+#streampane {
     display: none;
 }
 
-#artistviewimage, #albumviewcover {
+#artistviewimage,
+#albumviewcover {
     float: right;
     height: 90px;
     max-width: 90%;
@@ -366,11 +338,15 @@
     text-decoration: none;
 }
 
-.popupArtistName, .popupTrackName, .popupAlbumName, .popupArtistName {
+.popupArtistName,
+.popupTrackName,
+.popupAlbumName,
+.popupArtistName {
     font-style: oblique;
 }
 
-#controlspopup, #artistpopup, #coverpopup {
+#artistpopup,
+#coverpopup {
     max-width: 90%;
     background: white;
     padding: 5px;
@@ -381,7 +357,9 @@
     margin-top: 10px;
 }
 
-#buttons, #controlspopupimage, #coverpopupimage, #artistpopupimage {
+#controlspopupimage,
+#coverpopupimage,
+#artistpopupimage {
     display: block;
     margin-left: auto;
     margin-right: auto;
@@ -390,17 +368,13 @@
     max-height: 90%;
 }
 
-#buttons {
+#popupTracksLv li,
-    font-size: 24px;
+#popupQueueLv li {
-    padding-right: 15px;
-    margin-bottom: 15px;
-}
-
-#popupTracksLv li, #popupQueueLv li {
     border-bottom: 1px solid #aaa;
 }
 
-#popupTracksLv, #popupQueueLv {
+#popupTracksLv,
+#popupQueueLv {
     border: 1px solid #aaa;
 }
 
@@ -414,17 +388,13 @@
  ****************/
 
 #playlistspane {
-    margin: 0px !important;
+    margin: 0 !important;
 }
 
 a {
     text-decoration: none !important;
 }
 
-.nobreak, .btsquare {
-    display: inline !important;
-}
-
 .pull-right {
     float: right;
     font-size: 10px;
@@ -437,19 +407,6 @@ a {
     margin-top: 12px;
 }
 
-.hidden, #allresultloader, .loader {
-    display: none;
-}
-
-.breakafter {
-    margin-right: 15px;
-}
-
-.pright {
-    display: inline;
-    margin-top: 4px;
-    float: right;
-}
 /**********************
  *  Song information  *
  **********************/
@@ -513,19 +470,11 @@ a {
 }
 
 /*helper*/
-.hidden{
+
-    display: none;
-}
 .ui-loader h1 {
     color: #efefef;
 }
 
-.settingscoll label {
-    font-size: 120%;
-    font-weight: bold;
-    padding-top: 30px;
-}
-
 /* 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,
@@ -549,7 +498,7 @@ a {
 /*smartphones*/
 @media (max-width: 35em) {
     #nowPlayingpane {
-        padding: 15px 25px 0px 25px;
+        padding: 15px 25px 0 25px;
         max-width: 90%;
         max-height: 90%;
     }
@@ -558,14 +507,8 @@ a {
         font-size: 12px;
     }
 
-    .nowPlaying-artistInfo h4{
-        margin: 0px;
-        font-weight: normal;
-        font-size:  12px;
-    }
-
     .nowPlaying-artistInfo h3 {
-        margin: 0px 0px 3px 00px;
+        margin: 0 0 3px 0;
         white-space: nowrap;
         overflow: hidden;
     }
@@ -605,7 +548,3 @@ input[type=text] {
     -o-user-select: text;
     user-select: text;
 }
-
-.mediaicon {
-    float: right;
-}

mopidy_musicbox_webclient/static/dialog-success.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+	<title>Success dialog</title>
     <meta charset="utf-8">
 
     <script type="text/javascript" src="vendors/jquery/jquery-1.12.0.min.js"></script>

mopidy_musicbox_webclient/static/index.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html manifest="mb.appcache">
 <head>
+    <title>Musicbox</title>
     <meta charset="utf-8">
     <script type="text/javascript" src="vendors/jquery/jquery-1.12.0.min.js"></script>
     <link rel="stylesheet" type="text/css" href="vendors/jquery_mobile_flat_ui_theme/jquery.mobile.flatui.min.css"/>
@@ -101,7 +102,7 @@
             <a href="system.html">
                 <span class="navtxt">System </span><i class="fa fa-power-off"></i></a>
         </li>
-        <li id="" data-icon="false">
+        <li data-icon="false">
             <div><!-- slider for volume -->
                 <a href="#" onclick="doMute(); return false;"><span title="Toggle mute"><i id="mutebt" class="fa fa-volume-up"></i></span></a>
                 <label for="volumeslider" class="ui-hidden-accessible">Volume</label>
@@ -118,14 +119,14 @@
 
     <h3 id="coverpopupalbumname"></h3>
     <h4 id="coverpopupartist"></h4>
-    <a href="#" onclick="closePopups();"><img id="coverpopupimage" src=""/></a>
+    <a href="#" onclick="closePopups();"><img id="coverpopupimage" src="" alt="Album cover"/></a>
 </div>
 
 <div id="artistpopup" data-role="popup" data-theme="c">
     <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext"
        class="ui-btn-right">Close</a>
     <h4 id="artistpopupname">&nbsp;</h4>
-    <a href="#" onclick="closePopups();"><img id="artistpopupimage" src=""/></a>
+    <a href="#" onclick="closePopups();"><img id="artistpopupimage" src="" alt="Album artist"/></a>
 </div>
 
 <div data-role="popup" data-transition="none" data-theme="c" id="popupBrowse">
@@ -170,8 +171,7 @@
                 <a href="#" onclick="showAlbumPopup('#popupTracks')">Show Album <span class="popupAlbumName"></span></a>
             </li>
             <li id="popupArtistsLi">
-                <a href="#" onclick="showArtist()" class="popupArtistHref">Show Artist <span
+                <a href="#" onclick="showArtist()" class="popupArtistHref">Show Artist <span class="popupArtistName"></span>
-                        class="popupArtistName"></span>
                 </a>
             </li>
             <div data-role="collapsible" data-icon="false" data-inset="false" class="popupArtistsDiv">
@@ -195,8 +195,7 @@
                 <a href="#" onclick="showAlbumPopup('#popupQueue')">Show Album <span class="popupAlbumName"></span></a>
             </li>
             <li id="popupArtistsLi">
-                <a href="#" onclick="showArtist()" class="popupArtistHref">Show Artist <span
+                <a href="#" onclick="showArtist()" class="popupArtistHref">Show Artist <span class="popupArtistName"></span>
-                        class="popupArtistName"></span>
                 </a>
             </li>
             <div data-role="collapsible" data-icon="false" data-inset="false" class="popupArtistsDiv">
@@ -280,7 +279,7 @@
 
 <div id="nowPlayingpane" data-role="content" class="pane">
 
-    <img id="controlspopupimage" src="images/default_cover.png" />
+    <img id="controlspopupimage" src="images/default_cover.png" alt="Album cover"/>
 
 
     <div class="nowPlaying-artistInfo">
@@ -305,7 +304,9 @@
             <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>
+            <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>
@@ -328,7 +329,7 @@
 </div>
 
 <div data-role="content" class="pane" id="albumspane">
-    <a href="#coverpopup" data-position-to="window" data-rel="popup"><img height="90" src="" id="albumviewcover"/></a>
+    <a href="#coverpopup" data-position-to="window" data-rel="popup"><img height="90" src="" id="albumviewcover" alt="Album cover"/></a>
 
     <h3 id="h_albumname"></h3>
     <h5 id="h_albumartist"></h5>
@@ -337,7 +338,7 @@
 </div>
 
 <div data-role="content" class="pane" id="artistspane">
-    <a href="#artistpopup" data-position-to="window" data-rel="popup"><img height="90" src="" id="artistviewimage"/></a>
+    <a href="#artistpopup" data-position-to="window" data-rel="popup"><img height="90" src="" id="artistviewimage" alt="Album artist"/></a>
 
     <h3 id="h_artistname"></h3>
     <ul class="table" id="artiststable"></ul>
@@ -350,11 +351,13 @@
         <div class="ui-block">
             <form>
                 <p>Search for artists, albums, or specific tracks.
-                <select id="selectSearchService"> <!-- data-native-menu="false"> <!-- multiple="multiple" data-native-menu="false">
+                <select id="selectSearchService"> 
+                    <!-- data-native-menu="false"> 
+                    multiple="multiple" data-native-menu="false">
                     <option data-placeholder="true">Choose services</option> -->
                 </select>
                 <input id="searchinput" placeholder="Search term" class="span2" data-clear-btn="true"
-                       onkeypress="return searchPressed(event.keyCode);" id="appendedInputButton" type="text"/>
+                       onkeypress="return searchPressed(event.keyCode);" type="text"/>
                 <button class="btn" type="button" onclick="return initSearch(event.value);">
                     Search!
                 </button>
@@ -403,13 +406,13 @@
                     Get currently playing
                 </button>
                 <input id="streamuriinput" placeholder="URI" class="span2" data-clear-btn="true"
-                       onkeypress="return streamPressed(event.keyCode);" id="appendedInputButton" type="text"/>
+                       onkeypress="return streamPressed(event.keyCode);" type="text"/>
                 <button class="btn" type="button" onclick="return playStreamUri();">
                     Play
                 </button>
 
                 <input id="streamnameinput" placeholder="Name" class="span2" data-clear-btn="true"
-                       onkeypress="return streamPressed(event.keyCode);" id="appendedInputButton" type="text"/>
+                       onkeypress="return streamPressed(event.keyCode);" type="text"/>
                 <button class="btn" type="button" onclick="return addFavourite();">
                     Save
                 </button>
@@ -426,7 +429,7 @@
 <div data-role="footer" data-tap-toggle="false" data-position="fixed" id="normalFooter">
     <div class="footerControls">
         <div class="songinfo" id="songinfo">
-            <a href="#"><div style="float: left"><img id="infocover" src="images/default_cover.png"/></div></a>
+            <a href="#"><div style="float: left"><img id="infocover" src="images/default_cover.png" alt="Album cover"/></div></a>
             <div class="songinfo-text">
                 <div id="infoname"></div>
                 <div id="infoartist"></div>

mopidy_musicbox_webclient/static/mb.appcache

@@ -1,6 +1,6 @@
 CACHE MANIFEST
 
-# 2016-02-28:v1
+# 2016-02-29:v1
 
 NETWORK:
 *

mopidy_musicbox_webclient/static/system.html

@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <head>
+    <title>System</title>
     <meta charset="utf-8">
     <meta name="HandheldFriendly" content="True">
     <meta name="MobileOptimized" content="320">