ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-19 05:07:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Forms] Add validation classes

Browse Source 
Add classes for required, valid, and invalid, based on
form state and on arguments passed into the form.
WTD-530.
This commit is contained in:
Victor Woeltjen 2014-11-26 13:15:12 -08:00
parent b31b4770d1
commit ede3e4f31e
1 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
platform/forms/res/templates/form.html
View File

@ -6,9 +6,13 @@
{{section.name}}
</div>
<div class="form-section">
<div ng-repeat="row in section.rows"
class="form-row validates"
ng-class="{ required: row.required }">
<ng-form name="mctFormInner" ng-repeat="row in section.rows">
<div class="form-row validates"
ng-class="{
req: row.required,
valid: mctFormInner.$dirty && mctFormInner.$valid,
invalid: mctFormInner.$dirty && !mctFormInner.$valid
}">
<div class='label' title="{{row.description}}">
{{row.name}}
@ -19,7 +23,7 @@
</div>
<div class='controls'>
<div class="wrapper" ng-if="row.control">
<ng-form name="mctFormInner">
<mct-control key="row.control"
ng-model="ngModel"
ng-required="row.required"
@ -27,7 +31,6 @@
structure="row"
field="row.key">
</mct-control>
</ng-form>
</div>
<div ng-repeat="item in row.items" class="validates">
<ng-form name="mctFormInner">
@ -40,8 +43,8 @@
</ng-form>
</div>
</div>
</div>
</ng-form>
</div>
</span>
</div>