Some web enhancement

src/main/resources/static/index.html

@@ -45,7 +45,15 @@
 <!--  Scripts-->
 <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
 <script src="js/materialize.js"></script>
-<script src="js/init.js"></script>
+<script>
+    $('.button-collapse-1').sideNav({
+        menuWidth: 400, // Default is 300
+        edge: 'right', // Choose the horizontal origin
+        closeOnClick: false, // Closes side-nav on <a> clicks, useful for Angular/Meteor
+        draggable: true // Choose whether you can drag to open on touch screens,
+    });
+</script>
+<!--<script src="js/init.js"></script>-->
 
 </body>
 </html>

src/main/resources/static/js/init.js

@@ -72,15 +72,18 @@ $(document).ready(function() {
             playlistLimit: $('#limit_range').val(),
             onHead: true
         };
+        $('#input_link').val('');
         sendCommand(JSON.stringify(command));
     })
     $('#btn_add_bottom').click(function () {
+
         var command = {
             command: "ADD",
             url: $('#input_link').val(),
             playlistLimit: $('#limit_range').val(),
             onHead: false
         };
+        $('#input_link').val('');
         sendCommand(JSON.stringify(command));
     })
 
@@ -200,7 +203,7 @@ function getPlayList() {
                     content = content.replace("@title", element.title);
                     content = content.replace("@author", element.author);
                     content = content.replace("@lenght", msToTime(element.length));
-                    content = content.replace("@url", element.uri)
+                    content = content.replace(/@url/g, element.uri);
                     template.html(content);
 
                     $('#playlist_list').append(template);
@@ -254,7 +257,7 @@ function updateControl(data){
         $('#btn_next').removeClass("disabled");
     }
 
-    $('#music_img').attr("src","http://img.youtube.com/vi/"+data.info.identifier+"/hqdefault.jpg");
+    $('#music_img').attr("src","https://img.youtube.com/vi/"+data.info.identifier+"/hqdefault.jpg");
     updateModal(data);
 }
 

src/main/resources/templates/music.html

@@ -167,7 +167,7 @@
         <ul class="collection">
             <li class="collection-item">Author: @author</li>
             <li class="collection-item">Duration: @lenght</li>
-            <li class="collection-item">URL: <a>@url</a></li>
+            <li class="collection-item">URL: <a href="@url">@url</a></li>
         </ul>
     </div>
 </li>