bbba9dc4c0
The event gets an extra parameter: for `before-insert` and `after-insert` the inserted piece of html. For `before-remove` and `after-remove` the removed piece of html. This way one can add effects/animations if needed. The remove code has been refactored (less code duplication), and checks for a possible timeout, which can be set in the `before-remove` callback.
82 lines
3.0 KiB
JavaScript
82 lines
3.0 KiB
JavaScript
(function($) {
|
|
|
|
var cocoon_element_counter = 0;
|
|
|
|
function replace_in_content(content, regexp_str, with_str) {
|
|
reg_exp = new RegExp(regexp_str);
|
|
content.replace(reg_exp, with_str);
|
|
}
|
|
|
|
|
|
$('.add_fields').live('click', function(e) {
|
|
e.preventDefault();
|
|
var $this = $(this),
|
|
assoc = $this.data('association'),
|
|
assocs = $this.data('associations'),
|
|
content = $this.data('association-insertion-template'),
|
|
insertionMethod = $this.data('association-insertion-method') || $this.data('association-insertion-position') || 'before';
|
|
insertionNode = $this.data('association-insertion-node'),
|
|
insertionTraversal = $this.data('association-insertion-traversal'),
|
|
regexp_braced = new RegExp('\\[new_' + assoc + '\\](.*?\\s)', 'g'),
|
|
regexp_underscord = new RegExp('_new_' + assoc + '_(\\w*)', 'g'),
|
|
new_id = new Date().getTime() + cocoon_element_counter++,
|
|
newcontent_braced = '[' + new_id + ']',
|
|
newcontent_underscord = '_' + new_id + '_',
|
|
new_content = content.replace(regexp_braced, '[' + new_id + ']$1');
|
|
|
|
if (new_content == content) {
|
|
regexp_braced = new RegExp('\\[new_' + assocs + '\\](.*?\\s)', 'g');
|
|
regexp_underscord = new RegExp('_new_' + assocs + '_(\\w*)', 'g');
|
|
new_content = content.replace(regexp_braced, '[' + new_id + ']$1');
|
|
}
|
|
|
|
new_content = new_content.replace(regexp_underscord, newcontent_underscord + "$1");
|
|
|
|
if (insertionNode){
|
|
if (insertionTraversal){
|
|
insertionNode = $this[insertionTraversal](insertionNode)
|
|
} else {
|
|
insertionNode = insertionNode == "this" ? $this : $(insertionNode);
|
|
}
|
|
} else {
|
|
insertionNode = $this.parent();
|
|
}
|
|
|
|
var contentNode = $(new_content);
|
|
|
|
insertionNode.trigger('cocoon:before-insert', [contentNode]);
|
|
|
|
// allow any of the jquery dom manipulation methods (after, before, append, prepend, etc)
|
|
// to be called on the node. allows the insertion node to be the parent of the inserted
|
|
// code and doesn't force it to be a sibling like after/before does. default: 'before'
|
|
var addedContent = insertionNode[insertionMethod](contentNode);
|
|
|
|
insertionNode.trigger('cocoon:after-insert', [contentNode]);
|
|
});
|
|
|
|
|
|
$('.remove_fields.dynamic, .remove_fields.existing').live('click', function(e) {
|
|
var $this = $(this);
|
|
var node_to_delete = $this.closest(".nested-fields");
|
|
var trigger_node = node_to_delete.parent();
|
|
|
|
e.preventDefault();
|
|
|
|
trigger_node.trigger('cocoon:before-remove', [node_to_delete]);
|
|
|
|
|
|
var timeout = trigger_node.data('remove-timeout') || 0;
|
|
|
|
setTimeout(function() {
|
|
if ($this.hasClass('dynamic')) {
|
|
$this.closest(".nested-fields").remove();
|
|
} else {
|
|
$this.prev("input[type=hidden]").val("1");
|
|
$this.closest(".nested-fields").hide();
|
|
}
|
|
trigger_node.trigger('cocoon:after-remove', [node_to_delete]);
|
|
}, timeout);
|
|
});
|
|
|
|
})(jQuery);
|