X-Git-Url: https://git.ktnx.net/?a=blobdiff_plain;f=public%2Fjavascripts%2Flsl.js;fp=public%2Fjavascripts%2Flsl.js;h=09f71449b383e5b97b684771c3a6d240ab255032;hb=6ef15e84e77bb06afb4e6b95847f90f49d53ab2f;hp=78a53b0af8498d447391fd6c1c3589b85d0d908c;hpb=effa4911c51a82739eaacdf416e48ea2cdab6339;p=lsl.git

diff --git a/public/javascripts/lsl.js b/public/javascripts/lsl.js
index 78a53b0..09f7144 100644
--- a/public/javascripts/lsl.js
+++ b/public/javascripts/lsl.js
@@ -22,6 +22,7 @@ function add_list_item(data) {
     var item = $('<li>').addClass('list-item-row').data({
         'lsl-uri': data.uri,
         'lsl-version': data.version,
+        'lsl-description': data.description,
         'lsl-done': data.done});
     var cb = $('<input type="checkbox">');
     if (data.done) cb.prop('checked', true);
@@ -269,6 +270,61 @@ function new_list_item_submission_done(data) {
 
     $('#new-list-item input').val('');
 }
+function delete_list_item(dlg, li) {
+    $.ajax(li.data('lsl-uri'),
+        {   type: 'DELETE' })
+    .done((resp) => {
+        li.remove();
+        dlg.dialog('destroy');
+        selected_list.data('lsl-version', selected_list.data('lsl-version')+1);
+        got_list_version(resp.list_version);
+        got_lists_version(resp.lists_version);
+    });
+}
+function edit_list_item(li) {
+    var d = $('<div>')
+        .append(
+            $('<fieldset>')
+                .append(
+                    $('<legend>').text('Item name'),
+                    $('<input type="text" size="10">')
+                    .val(li.data('lsl-description'))
+                )
+        );
+
+    d.dialog({
+        dialogClass: 'edit-item-dialog',
+        autoOpen: true,
+        modal: true,
+        title: 'Edit item',
+        width: 'max-content',
+        buttons: [
+            {
+                class: 'btn-delete',
+                icon: 'ui-icon-trash',
+                click: () => {
+                    delete_list_item(d, li);
+                },
+            },
+            {
+                text: 'Cancel',
+                click: ()=>{ d.dialog('destroy'); },
+            },
+            {
+                icon: 'ui-icon-disk',
+                text: 'OK',
+                click: () => {
+                    save_list_item(d, li);
+                },
+            },
+        ],
+    });
+}
+function handle_list_item_edit(ev) {
+    var li = $(ev.target).closest('li');
+    edit_list_item(li);
+    return false;
+}
 function handle_new_list_item_submission(){
     var description = $('#new-list-item input[type="text"]').val().trim();
     if (description.length == 0) return;
@@ -344,6 +400,7 @@ $(function(){
         edit_list();
         return false;
     });
+    $('#list-items').on('click', '>li .edit-trigger', handle_list_item_edit);
     $('#new-list-item button').on('click', handle_new_list_item_submission);
     $('#new-list-item input').on('keypress', ev => {
         if (13 == ev.keyCode) {