2828 .ace_editor { font-size : 20px !important ;}
2929 .form { height : 400px ; }
3030 .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+
3139 </ style >
3240</ head >
3341< body ng-app ="test " ng-controller ="TestCtrl ">
3442
3543< 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 >
3745 < div class ="row ">
3846 < div class ="col-sm-4 ">
3947 < 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+ <!--
4051 <form name="ngform"
4152 sf-model="modelData"
4253 sf-form="form"
4354 sf-schema="schema"
4455 ng-submit="submitForm(ngform,modelData)">
4556 </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+
4661 < h3 > Model</ h3 >
4762 < pre ng-cloak > {{pretty()}}</ pre >
4863 </ div >
@@ -53,6 +68,10 @@ <h3>Select Example</h3>
5368 ng-model ="selectedTest "
5469 ng-options ="obj.name for obj in tests ">
5570 </ 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 >
5675 </ div >
5776 < h3 > Form</ h3 >
5877 < div ui-ace ="{ theme: 'monokai',mode:'json'} "
@@ -85,7 +104,7 @@ <h3>Schema</h3>
85104< script type ="text/javascript " src ="../bower_components/objectpath/lib/ObjectPath.js "> </ script >
86105< script type ="text/javascript " src ="../bower_components/pickadate/lib/picker.js "> </ script >
87106< 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 >
89108
90109< script type ="text/javascript " src ="../bower_components/spectrum/spectrum.js "> </ script >
91110< script type ="text/javascript " src ="../bower_components/spectrum/i18n/jquery.spectrum-sv.js "> </ script >
0 commit comments