3 var a
= $('create'), fields
= $('fields');
7 var create_field = function(key
, label
) {
8 var p
= new Element('p', {
11 l
= new Element('label', {
14 i
= new Element('input', {
15 'name': 'field[' + key
+ ':' + label
+ ']',
25 var add_field = function() {
27 var label
= $$('input[name=field_label]').pop().get('value'),
28 key
= $$('input[name=field_key]').pop().get('value'),
31 if(label
.length
== 0) {
32 errors
.push('Please enter a field label');
36 errors
.push('Please enter a field key');
44 create_field(key
, label
);
49 var show_add_field = function() {
50 var html
= '<fieldset><legend>Custom Field</legend><em>Please enter the label and the key for your field.</em>';
51 html
+='<p><label>Label</label><input name="field_label" type="text"></p>';
52 html
+='<p><label>Key</label><input name="field_key" type="text"></p>';
53 html
+= '</fieldset>';
54 html
+='<p class="buttons"><button name="create" type="button">Create</button> <a href="#close">Close</a></p>';
56 var box
= new Element('div', {
57 'class': 'popup_wrapper',
66 $$('button[name=create]').addEvent('click', add_field
);
67 $$('a[href$=#close]').addEvent('click', function() {
76 a
.addEvent('click', show_add_field
);