implement local storage backendv0.0.2-alpha

The 'local' backend is able to serve the music from a path specified
by '-server-music-dir'.

Add command line options to select the server port as well as a list
of backends.

1 files changed, 7 insertions, 8 deletions

diff --git a/web/client.html b/web/client.html
index 20a53ed..87ca51a 100644
--- a/web/client.html
+++ b/web/client.html
@@ -122,10 +122,10 @@
                 votes.set(song.uri, "down")
               }
 
-              url = "/" + (isUpvoteBtn ? "up" : "down") + "?song=" + song.uri;
+              url = "/" + (isUpvoteBtn ? "up" : "down") + "?song=" + encodeURIComponent(song.uri);
             } else {
               votes.delete(song.uri);
-              url = "/unvote?song=" + song.uri;
+              url = "/unvote?song=" + encodeURIComponent(song.uri);
             }
 
             console.log("Get " + url);
@@ -137,8 +137,10 @@
           listItem.appendChild(upvoteBtn);
           listItem.appendChild(downvoteBtn);
 
-          const itemValue = document.createTextNode(song.weight + ' ' + formatSong(song));
-          listItem.appendChild(itemValue);
+          listItem.appendChild(document.createTextNode(song.weight + ' ' + formatSong(song)));
+          const sourceLabel = document.createElement("SMALL");
+          sourceLabel.innerHTML = " (" + song.source + ")";
+          listItem.appendChild(sourceLabel);
           playlist.appendChild(listItem);
         }
       }
@@ -257,10 +259,7 @@
           });
 
           listItem.classList.add("searchResult")
-
-          let searchResultLabel = document.createTextNode(formatSong(song)); 
-          listItem.appendChild(searchResultLabel);
-
+          listItem.innerHTML = formatSong(song) + " <small>(" + song.source + ")</small>";
           searchResults.appendChild(listItem);
         }