mirror of
https://github.com/nasa/openmct.git
synced 2025-01-31 16:36:13 +00:00
[Forms] Transition toolbar markup
Transition markup from pre-Angular to complete toolbar template, WTD-684.
This commit is contained in:
parent
72cd21171d
commit
fa9df65ddf
@ -1,41 +1,30 @@
|
|||||||
<form name="mctForm" novalidate>
|
<form name="tool-bar btn-bar contents" novalidate>
|
||||||
|
|
||||||
<div class="form">
|
<div class="form">
|
||||||
<span ng-repeat="section in structure.sections">
|
<span ng-repeat="section in structure.sections"
|
||||||
<div class="section-header" ng-if="section.name">
|
class="control-group coordinates"
|
||||||
{{section.name}}
|
title="section.description">
|
||||||
</div>
|
|
||||||
<div class="form-section">
|
|
||||||
<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}}">
|
<ng-form ng-repeat="item in section.items"
|
||||||
{{row.name}}
|
ng-class="{ 'input-labeled': item.name }"
|
||||||
<span ng-if="row.description"
|
class="inline"
|
||||||
class="ui-symbol">
|
title="item.description"
|
||||||
i
|
name="mctFormInner">
|
||||||
</span>
|
|
||||||
</div>
|
<label ng-if="item.name">
|
||||||
<div class='controls'>
|
{{item.name}}:
|
||||||
<div class="wrapper" ng-if="row.control">
|
</label>
|
||||||
<mct-control key="row.control"
|
<mct-control key="item.control"
|
||||||
ng-model="ngModel"
|
ng-model="ngModel"
|
||||||
ng-required="row.required"
|
ng-required="item.required"
|
||||||
ng-pattern="getRegExp(row.pattern)"
|
ng-pattern="getRegExp(row.pattern)"
|
||||||
options="row.options"
|
options="item.options"
|
||||||
structure="row"
|
structure="item"
|
||||||
field="row.key">
|
field="item.key">
|
||||||
</mct-control>
|
</mct-control>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</ng-form>
|
</ng-form>
|
||||||
</div>
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
Loading…
x
Reference in New Issue
Block a user