rightjs · June 5, 2010 06:48 · Jun 5, 2010
diff --git a/gistfile1.js b/gistfile1.js
@@ -0,0 +1,50 @@
+var Nested = new Class({
+  initialize: function(element){
+    this.element  = element;
+    this.template = eval(this.element.get('data-template'));
+
+    var click_behavior = Event.delegate({
+      '.add_nested': function(e){
+        e.stop();
+
+        $(e.originalTarget.get('rel'))
+          .insert(this.getTemplate(), 'bottom')
+          .lastChild.show('fade');
+      }.bind(this),
+
+      '.remove_nested': function(e){
+        e.stop();
+        var item = e.originalTarget.parent('.item');
+        var link = item.select('.delete');
+        var options = {};
+
+        if (!link.empty()) {
+          link.first('input').value = 1;
+        } else {
+          options.onFinish = item.remove.bind(item);
+        }
+
+        item.hide('fade', options);
+      }
+    });
+
+    this.element.on('click', click_behavior);
+  },
+
+  getTemplate: function() {
+    return this._replace_ids(this.template);
+  },
+
+  _replace_ids: function (s){
+    var new_id = new Date().getTime();
+    return s.replace(/NEW_RECORD/g, new_id);
+  }
+
+});
+
+
+document.on('ready',function(){
+  var nested_objects = $$('.nested').map(function(element){
+    return new Nested(element);
+  });
+});