28
28
.ace_editor { font-size : 20px !important ;}
29
29
.form { height : 400px ; }
30
30
.schema { height : 800px ; }
31
+
32
+ .btw { color : # 777 ; font-size : 90% ; padding-left : 6px ;}
33
+
34
+ .glyphicon {
35
+ color : # 000 ;
36
+ font-size : 80% ;
37
+ }
38
+
31
39
</ style >
32
40
</ head >
33
41
< body ng-app ="test " ng-controller ="TestCtrl ">
34
42
35
43
< div class ="col-md-12 ">
36
- < h1 > Schema Form Example</ h1 >
44
+ < h1 > < a href =" / " > < span class =" glyphicon glyphicon-home " aria-hidden =" true " > </ a > Schema Form Example</ h1 >
37
45
< div class ="row ">
38
46
< div class ="col-sm-4 ">
39
47
< h3 > The Generated Form</ h3 >
48
+
49
+ < form name ="ngform " sf-model ="modelData " sf-form ="form " sf-schema ="schema " ng-submit ="submitForm(ngform,modelData) "> </ form >
50
+ <!--
40
51
<form name="ngform"
41
52
sf-model="modelData"
42
53
sf-form="form"
43
54
sf-schema="schema"
44
55
ng-submit="submitForm(ngform,modelData)">
45
56
</form>
57
+ -->
58
+ < div ng-show ="ngform.$valid "> < em > Form is valid</ em > </ div >
59
+ < div ng-show ="ngform.$invalid "> < em > Form is not valid</ em > </ div >
60
+
46
61
< h3 > Model</ h3 >
47
62
< pre ng-cloak > {{pretty()}}</ pre >
48
63
</ div >
@@ -53,6 +68,10 @@ <h3>Select Example</h3>
53
68
ng-model ="selectedTest "
54
69
ng-options ="obj.name for obj in tests ">
55
70
</ select >
71
+ < span class ="btw ">
72
+ By the way, there is also an example of
73
+ < a href ="custom-validators.html "> custom (async) validators</ a > example.
74
+ </ span >
56
75
</ div >
57
76
< h3 > Form</ h3 >
58
77
< div ui-ace ="{ theme: 'monokai',mode:'json'} "
@@ -85,7 +104,7 @@ <h3>Schema</h3>
85
104
< script type ="text/javascript " src ="../bower_components/objectpath/lib/ObjectPath.js "> </ script >
86
105
< script type ="text/javascript " src ="../bower_components/pickadate/lib/picker.js "> </ script >
87
106
< script type ="text/javascript " src ="../bower_components/pickadate/lib/picker.date.js "> </ script >
88
- < script type ="text/javascript " src ="../bower_components/pickadate/lib/translations/sv_SE .js "> </ script >
107
+ < script type ="text/javascript " src ="../bower_components/pickadate/lib/translations/nl_NL .js "> </ script >
89
108
90
109
< script type ="text/javascript " src ="../bower_components/spectrum/spectrum.js "> </ script >
91
110
< script type ="text/javascript " src ="../bower_components/spectrum/i18n/jquery.spectrum-sv.js "> </ script >
0 commit comments