make the bookmarks table editable

htdocs/css/admin.css

@@ -57,4 +57,10 @@ h1 {
 
 table.bookmarks .frequency {
     text-align: right;
+}
+
+table.bookmarks input, table.bookmarks select {
+    width: initial;
+    text-align: inherit;
+    display: initial;
 }

htdocs/lib/settings/BookmarkTable.js

@@ -0,0 +1,41 @@
+$.fn.bookmarktable = function() {
+    $.each(this, function(){
+        var $table = $(this);
+
+        var inputs = $table.find('tr.inputs td').map(function(){
+            var candidates = $(this).find('input, select')
+            return candidates.length ? candidates.first() : false;
+        }).toArray();
+        $table.find('tr.inputs').remove();
+
+        $table.on('dblclick', 'td', function(e) {
+            var $cell = $(e.target);
+            var html = $cell.html();
+
+            var index = $cell.parent('tr').find('td').index($cell);
+
+            var $input = inputs[index];
+            if (!$input) return;
+
+            $input.val($cell.data('value') || html);
+            $cell.html($input);
+            $input.focus();
+
+            var submit = function() {
+                var $option = $input.find('option:selected')
+                if ($option.length) {
+                    $cell.html($option.html());
+                } else {
+                    $cell.html($input.val());
+                }
+            };
+
+            $input.on('blur', submit).on('change', submit).on('keyup', function(e){
+                if (e.keyCode == 13) return submit();
+                if (e.keyCode == 27) {
+                    $cell.html(html);
+                }
+            });
+        });
+    });
+};

htdocs/settings.js

@@ -23,4 +23,5 @@ $(function(){
 
     $(".sdrdevice").sdrdevice();
     $(".imageupload").imageUpload();
+    $("table.bookmarks").bookmarktable();
 });