drop delete button's text, takes too much space on phone screen

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

diff --git a/public/javascripts/lsl.js b/public/javascripts/lsl.js
index 7ca9c80847484985eddfb16fb3628232c8d3ea23..6236bf7e640f669d0aaec53cbb5f367c84f8b3d1 100644 (file)
--- a/public/javascripts/lsl.js
+++ b/public/javascripts/lsl.js
@@ -19,7 +19,10 @@ function uri_id(uri) {
     return m ? m[1] : null;
 }
 function add_list_item(data) {
-    var item = $('<li>').addClass('list-item-row').data('item', data);
+    var item = $('<li>').addClass('list-item-row').data({
+        'lsl-uri': data.uri,
+        'lsl-version': data.version,
+        'lsl-done': data.done});
     var cb = $('<input type="checkbox">');
     if (data.done) cb.prop('checked', true);
     item.append(cb);
@@ -34,14 +37,15 @@ function got_lists_version(new_version) {
         window.setTimeout(load_lists);
 }
 function got_list_version(new_version) {
-    if (new_version != selected_list.attr('lsl-version'))
+    if (new_version != selected_list.data('lsl-version'))
         window.setTimeout(
             () => load_list_items(selected_list.data('lsl-uri'), selected_list));
 }
 function load_list_items(uri, target) {
     $.get(uri)
     .done(item_data => {
-        target.data('items', item_data);
+        target.data('lsl-items', item_data.items);
+        target.data('lsl-version', item_data.version);
 
         // TODO: merge new items into existing ones
         // keep track of the last existing item, and append new one
@@ -100,7 +104,6 @@ function edit_list() {
             {
                 class: 'btn-delete',
                 icon: 'ui-icon-trash',
-                text: 'Delete',
                 click: () => {
                     delete_list(d);
                 },
@@ -148,6 +151,24 @@ function delete_list(dlg) {
         dlg.dialog('destroy');
         got_lists_version(d.lists_version);
     });
+}
+function save_list(dlg) {
+    var lists_ver = lists_version;
+    var new_name = dlg.find('input[type="text"]').val();
+
+    $.ajax( selected_list.data('lsl-uri'),
+        {   type: 'PUT',
+            data: JSON.stringify({ name: new_name,
+                    version: selected_list.data('lsl-version')})
+        }
+    )
+    .done((d)=>{
+        lists_version = lists_ver + 1;
+
+        selected_list.find('.list-name').text(new_name);
+        selected_list.data('lsl-name', new_name);
+        $('#selected-list-name').text(new_name);
+
         dlg.dialog('destroy');
         got_lists_version(d.lists_version);
     });
@@ -233,17 +254,16 @@ function handle_new_list_submission(){
 }
 function new_list_item_submission_done(data) {
     got_lists_version(data.lists_version);
+    selected_list.data('lsl-version', selected_list.data('lsl-version') + 1 );
     got_list_version(data.list_version);
 
-    var item_data = selected_list.data('items');
-
     var new_item = {
         description: $('#new-list-item input[type="text"]').val().trim(),
         done: $('#new-list-item input[type="checkbox"]').prop('checked'),
         version: 1,
+        uri: data.uri,
     };
-    item_data.items.push(new_item);
-    item_data.version = data.version;
+    selected_list.data('lsl-items').push(new_item);
     add_list_item(new_item);
 
     $('#new-list-item input').val('');
@@ -263,18 +283,18 @@ function handle_new_list_item_submission(){
 function handle_list_item_state_changed(ev) {
     var item = $(ev.target).closest('li');
     var cb = item.find('input[type="checkbox"]');
-    var item_data = item.data('item');
 
-    $.ajax(item_data.uri,
+    $.ajax(item.data('lsl-uri'),
         {   type: 'PUT',
             data: JSON.stringify({
-                version: item_data.version,
+                version: item.data('lsl-version'),
                 done: cb.prop('checked')})
         }
     )
     .done(function(resp){
-        item_data.version = resp.version;
+        item.data('lsl-version', resp.version);
         got_lists_version(resp.lists_version);
+        selected_list.data('lsl-version', selected_list.data('lsl-version')+1);
         got_list_version(resp.list_version);
     });
 }