9a3b3caee39e31d11811f0a0baf62dfca0c16b3c
[ccsdk/features.git] /
1 $( function() {
2
3         var ui = window.app.ns("ui");
4         var ux = window.app.ns("ux");
5         var ut = window.app.ns("ut");
6
7         window.builder = function() {
8                 var form = new ux.FieldCollection({
9                         fields: [
10                                 new ui.CheckField({
11                                         label: "default",
12                                         name: "check_default"
13                                 }),
14                                 new ui.CheckField({
15                                         label: "checked",
16                                         name: "check_true",
17                                         value: true
18                                 }),
19                                 new ui.CheckField({
20                                         label: "unchecked",
21                                         name: "check_false",
22                                         value: false
23                                 }),
24                                 new ui.CheckField({
25                                         label: "required",
26                                         name: "check_required",
27                                         require: true
28                                 })
29                         ]
30                 });
31
32                 return (
33                         { tag: "DIV", children: form.fields.map( function( field ) {
34                                 return { tag: "LABEL", cls: "uiPanelForm-field", children: [
35                                         { tag: "DIV", cls: "uiPanelForm-label", children: [ field.label, ut.require_template(field) ] },
36                                         field
37                                 ]};
38                         }).concat( new ui.Button({
39                                 label: "Evaluate Form",
40                                 onclick: function() { console.log( "valid=" + form.validate(), form.getData() ); }
41                         })) }
42                 );
43         };
44
45 });