edit tags dialog can edit some tags

src/client/app.js

@@ -431,6 +431,7 @@ var $settingsLastFmOut = $('#settings-lastfm-out');
 var settingsLastFmUserDom = document.getElementById('settings-lastfm-user');
 var $toggleScrobble = $('#toggle-scrobble');
 var $shortcuts = $('#shortcuts');
+var $editTagsDialog = $('#edit-tags');
 var $playlistMenu = $('#menu-playlist');
 var $libraryMenu = $('#menu-library');
 
@@ -1361,7 +1362,7 @@ var keyboard_handlers = (function(){
             minWidth: 600,
             height: $document.height() - 40,
             close: function(){
-              $('#shortcuts').remove();
+              $shortcuts.remove();
             }
           });
         } else {
@@ -1696,19 +1697,34 @@ function onDeleteContextMenu() {
 }
 function onEditTagsContextMenu() {
   if (!permissions.admin) return false;
-  editTags();
+  showEditTags(selection.toTrackKeys());
   removeContextMenu();
   return false;
 }
-function editTags() {
-  var trackKeys = selection.toTrackKeys();
-  var cmd = {};
-  trackKeys.forEach(function(trackKey) {
-    cmd[trackKey] = {
-      name: player.library.trackTable[trackKey].name + "_lol",
-    };
+function showEditTags(trackKeys) {
+  $editTagsDialog.dialog({
+    modal: true,
+    title: "Edit Tags",
+    minWidth: 600,
+    height: $document.height() - 40,
+    close: function() {
+      $editTagsDialog.remove();
+    }
+  });
+  var track = player.library.trackTable[trackKeys[0]];
+  var $editTrackName = $("#edit-track-name").val(track.name);
+  var $editArtist = $("#edit-artist").val(track.artistName);
+  var $editAlbum = $("#edit-album").val(track.albumName);
+  $("#edit-tags-ok").on('click', function() {
+    var cmd = {};
+    cmd[track.key] = {
+      name: $editTrackName.val(),
+      artistName: $editArtist.val(),
+      albumName: $editAlbum.val(),
+    };
+    player.sendCommand('updateTags', cmd);
+    $editTagsDialog.remove();
   });
-  player.sendCommand('updateTags', cmd);
 }
 
 function updateSliderUi(value){

src/public/index.html

@@ -289,6 +289,12 @@
       <dd>Hold while selecting to select all items in between<dd>
     </dl>
   </div>
+  <div id="edit-tags" style="display: none">
+    <label>Title: <input id="edit-track-name" style="width: 400px"></label><br>
+    <label>Artist: <input id="edit-artist" style="width: 400px"></label><br>
+    <label>Album: <input id="edit-album" style="width: 400px"></label><br>
+    <input id="edit-tags-ok" type="button" value="OK">
+  </div>
   <ul id="menu-playlist" style="display: none">
     <li><a href="#" class="remove">Remove</a></li>
     <li><a href="#" class="delete">Delete From Library</a></li>