small circular points

[MojoFacets.git] / public / edit_table.js

diff --git a/public/edit_table.js b/public/edit_table.js
index 5fbdad9..f57f833 100644 (file)
--- a/public/edit_table.js
+++ b/public/edit_table.js
@@ -2,17 +2,47 @@ $(document).ready( function() {
 
 var cell_blur = function() {
        console.debug( 'cell_blur'
-               , this
-               , $(this).val()
+//             , this
+//             , $(this).val()
        );
-       var content = $(this).val();
-       if ( 0 ) { // leave delimiters in edited cells visible
-               var vals = content.split('¶');
-               content = vals.join('<span class=d>¶</span>');
+
+/*
+       // FIXME primary key is fixed to 1st column
+       var pk = $('table tr th:nth(0) > a').text();
+       var id = $(this).parent().siblings(':nth(0)').text()
+*/
+       var _row_id = $(this).parent().parent().attr('title');
+
+       var x = $(this).parent().index();
+       var y = $(this).parent().parent().index();
+
+       if ( x == null || y == null ) {
+               console.error('no x ', x, ' or y ', y, ' defined');
+               return;
        }
-       var cell = $('<td>'+content+'</td>');
-       $(this).replaceWith( cell );
-       console.info( cell );
+
+       var new_content = $(this).val();
+//     $(this).replaceWith( new_content );
+
+       var name = $('table tr th:nth('+x+') > a').text();
+       console.info( x, y, _row_id, name, new_content );
+
+       var update = $(this);
+
+       $.post( '/data/edit', {
+               path: document.title, _row_id: _row_id,
+               name: name, new_content: new_content
+       } , function(data, textStatus) {
+               console.debug( 'data:', data, 'status:', textStatus );
+               if ( ! data ) {
+                       data = new_content; // fallback to submited data for 304
+               } else {
+                       $('span.save_actions').show();
+               }
+               var vals = data.split('¶');
+               data = vals.join('<span class=d>¶</span>');
+               update.replaceWith( data );
+       });
 }
 
 var cell_click = function(event) {
@@ -21,10 +51,17 @@ var cell_click = function(event) {
                , event
                , $(this).text()
        );
-       var content = $(this).text(); // we don't want para markup
-       var rows = content.split('¶').length * 2 + 1;
+
+       if ( $(this).find('textarea').length ) return; // allready editing
+
+       var new_content = $(this).text() // we don't want para markup
+               .replace(/^[ \n\r]+/,'')
+               .replace(/[ \n\r]+$/,'')
+       ;
+console.debug( 'new_content', new_content );
+       var rows = new_content.split('¶').length * 2 + 1;
        var textarea = $('<textarea rows='+rows+'/>');
-       textarea.val( content );
+       textarea.val( new_content );
        $(this).html( textarea );
        textarea.focus();
        textarea.blur( cell_blur )