/
docform.js
121 lines (112 loc) · 3.79 KB
/
docform.js
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
// Licensed under the Apache License, Version 2.0 (the "License"); you may not
// use this file except in compliance with the License. You may obtain a copy
// of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
// License for the specific language governing permissions and limitations under
// the License.
// turn the form into deep json
// field names like 'author-email' get turned into json like
// {"author":{"email":"quentin@example.com"}}
// acts on doc by reference, so you can safely pass non-form fields through
function docForm(formSelector, opts) {
var localFormDoc = {};
opts = opts || {};
opts.fields = opts.fields || [];
// turn the form into deep json
// field names like 'author-email' get turned into json like
// {"author":{"email":"quentin@example.com"}}
function formToDeepJSON(form, fields, doc) {
form = $(form);
fields.forEach(function(field) {
var element = form.find("[name="+field+"]"),
parts = field.split('-'),
frontObj = doc, frontName = parts.shift();
if (element.attr('type') === 'checkbox') {
var val = element.attr('checked');
} else {
var val = element.val();
if (!val) {
if (frontObj[field]) {
delete frontObj[field];
}
return;
}
}
while (parts.length > 0) {
frontObj[frontName] = frontObj[frontName] || {};
frontObj = frontObj[frontName];
frontName = parts.shift();
}
frontObj[frontName] = val;
});
}
// Apply the behavior
$(formSelector).submit(function(e) {
e.preventDefault();
if (opts.validate && opts.validate() == false) { return false;}
// formToDeepJSON acts on localFormDoc by reference
formToDeepJSON(this, opts.fields, localFormDoc);
if (opts.beforeSave) {opts.beforeSave(localFormDoc);}
db.saveDoc(localFormDoc, {
success : function(resp) {
if (opts.success) {opts.success(resp, localFormDoc);}
}
});
return false;
});
// populate form from an existing doc
function docToForm(doc) {
var form = $(formSelector);
// fills in forms
opts.fields.forEach(function(field) {
var parts = field.split('-');
var run = true, frontObj = doc, frontName = parts.shift();
while (frontObj && parts.length > 0) {
frontObj = frontObj[frontName];
frontName = parts.shift();
}
if (frontObj && frontObj[frontName]) {
var element = form.find("[name="+field+"]");
if (element.attr('type') === 'checkbox') {
element.attr('checked', frontObj[frontName]);
} else {
element.val(frontObj[frontName]);
}
}
});
}
if (opts.id) {
db.openDoc(opts.id, {
attachPrevRev : opts.attachPrevRev,
error: function() {
if (opts.error) {opts.error.apply(opts, arguments);}
},
success: function(doc) {
if (opts.load || opts.onLoad) {(opts.load || opts.onLoad)(doc);}
localFormDoc = doc;
docToForm(doc);
}});
} else if (opts.template) {
if (opts.load || opts.onLoad) {(opts.load || opts.onLoad)(opts.template);}
localFormDoc = opts.template;
docToForm(localFormDoc);
}
var instance = {
deleteDoc : function(opts) {
opts = opts || {};
if (confirm("Really delete this document?")) {
db.removeDoc(localFormDoc, opts);
}
},
localDoc : function() {
formToDeepJSON(formSelector, opts.fields, localFormDoc);
return localFormDoc;
}
};
return instance;
}