start item management, delete works

[lsl.git] / public / javascripts / lsl.js

diff --git a/public/javascripts/lsl.js b/public/javascripts/lsl.js
index 78a53b0af8498d447391fd6c1c3589b85d0d908c..09f71449b383e5b97b684771c3a6d240ab255032 100644 (file)
--- 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) {