Add convenient function to make elements editable and add default JavaScript callback

diff --git a/src/infodrom.css b/src/infodrom.css
index 79989a0..3d0eae6 100644 (file)
--- a/src/infodrom.css
+++ b/src/infodrom.css
@@ -224,6 +224,10 @@ div#error_div p {
     background: yellow;
 }
 
+[data-is-editing="1"] {
+    background: lightblue !important;
+}
+
 /*
  * Footer
  */

diff --git a/src/infodrom.js b/src/infodrom.js
index fa61440..c9b4d2a 100644 (file)
--- a/src/infodrom.js
+++ b/src/infodrom.js
@@ -48,6 +48,32 @@ function hide_error(text)
     return false;
 }
 
+function editable_callback(data)
+{
+    if (data.content) {
+       var elem = $(data.$el);
+        var route = elem.attr('route');
+        var item_id = elem.attr('item_id');
+        if (typeof(route) == 'string' && typeof(item_id) == 'string')
+            $.invoke(route,
+                     {id: item_id,
+                      name: elem.attr('name'),
+                      content: data.content});
+    }
+
+    return false;
+}
+
+function make_editable(selector)
+{
+    var list = $(selector);
+    if (list.length)
+       list.editable({
+           closeOnEnter : true,
+           event : 'click',
+           callback: editable_callback
+       });
+}
 (function($){
     $.fn.ltag = function() {
        return this.prop("tagName").toLowerCase();