cocoon.js
4.99 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
(function($) {
var cocoon_element_counter = 0;
var create_new_id = function() {
return (new Date().getTime() + cocoon_element_counter++);
}
var newcontent_braced = function(id) {
return '[' + id + ']$1';
}
var newcontent_underscord = function(id) {
return '_' + id + '_$1';
}
var getInsertionNodeElem = function(insertionNode, insertionTraversal, $this){
if (!insertionNode){
return $this.parent();
}
if (typeof insertionNode == 'function'){
if(insertionTraversal){
console.warn('association-insertion-traversal is ignored, because association-insertion-node is given as a function.')
}
return insertionNode($this);
}
if(typeof insertionNode == 'string'){
if (insertionTraversal){
return $this[insertionTraversal](insertionNode);
}else{
return insertionNode == "this" ? $this : $(insertionNode);
}
}
}
$(document).on('click', '.add_fields', 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'),
count = parseInt($this.data('count'), 10),
regexp_braced = new RegExp('\\[new_' + assoc + '\\](.*?\\s)', 'g'),
regexp_underscord = new RegExp('_new_' + assoc + '_(\\w*)', 'g'),
new_id = create_new_id(),
new_content = content.replace(regexp_braced, newcontent_braced(new_id)),
new_contents = [],
originalEvent = e;
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, newcontent_braced(new_id));
}
new_content = new_content.replace(regexp_underscord, newcontent_underscord(new_id));
new_contents = [new_content];
count = (isNaN(count) ? 1 : Math.max(count, 1));
count -= 1;
while (count) {
new_id = create_new_id();
new_content = content.replace(regexp_braced, newcontent_braced(new_id));
new_content = new_content.replace(regexp_underscord, newcontent_underscord(new_id));
new_contents.push(new_content);
count -= 1;
}
var insertionNodeElem = getInsertionNodeElem(insertionNode, insertionTraversal, $this)
if( !insertionNodeElem || (insertionNodeElem.length == 0) ){
console.warn("Couldn't find the element to insert the template. Make sure your `data-association-insertion-*` on `link_to_add_association` is correct.")
}
$.each(new_contents, function(i, node) {
var contentNode = $(node);
var before_insert = jQuery.Event('cocoon:before-insert');
insertionNodeElem.trigger(before_insert, [contentNode, originalEvent]);
if (!before_insert.isDefaultPrevented()) {
// 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 = insertionNodeElem[insertionMethod](contentNode);
insertionNodeElem.trigger('cocoon:after-insert', [contentNode,
originalEvent]);
}
});
});
$(document).on('click', '.remove_fields.dynamic, .remove_fields.existing', function(e) {
var $this = $(this),
wrapper_class = $this.data('wrapper-class') || 'nested-fields',
node_to_delete = $this.closest('.' + wrapper_class),
trigger_node = node_to_delete.parent(),
originalEvent = e;
e.preventDefault();
e.stopPropagation();
var before_remove = jQuery.Event('cocoon:before-remove');
trigger_node.trigger(before_remove, [node_to_delete, originalEvent]);
if (!before_remove.isDefaultPrevented()) {
var timeout = trigger_node.data('remove-timeout') || 0;
setTimeout(function() {
if ($this.hasClass('dynamic')) {
node_to_delete.detach();
} else {
$this.prev("input[type=hidden]").val("1");
node_to_delete.hide();
}
trigger_node.trigger('cocoon:after-remove', [node_to_delete,
originalEvent]);
}, timeout);
}
});
$(document).on("ready page:load turbolinks:load", function() {
$('.remove_fields.existing.destroyed').each(function(i, obj) {
var $this = $(this),
wrapper_class = $this.data('wrapper-class') || 'nested-fields';
$this.closest('.' + wrapper_class).hide();
});
});
})(jQuery);