ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-21 06:03:08 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity
424d60440c
openmct/platform/forms/res/templates/form.html

42 lines
1.6 KiB
HTML
Raw Normal View History

[Forms] Add more form controls Add remaining platform form controls; amend mct-form and mct-control directives to better communicate state. Begin working on problem of communicating validation back out of the form. WTD-530.
2014-11-26 20:50:51 +00:00
<form name="mctForm" novalidate>
[Forms] Initial minimal functionality Initial minimal working implementation where a two-way binding between form and form user is observable. Notably, change ng-options to options, since ng-options is terminal (it breaks mct-control). WTD-530
2014-11-26 18:43:48 +00:00
[Forms] Bring in initial work on forms Bring in previous work on the forms component; this includes transitioned versions of specific form elements, and the mct-form direction which generates these. WTD-530
2014-11-26 16:01:00 +00:00
<div class="form">
<span ng-repeat="section in structure.sections">
[Forms] Initial minimal functionality Initial minimal working implementation where a two-way binding between form and form user is observable. Notably, change ng-options to options, since ng-options is terminal (it breaks mct-control). WTD-530
2014-11-26 18:43:48 +00:00
<div class="section-header" ng-if="section.name">
{{section.name}}
</div>
[Forms] Bring in initial work on forms Bring in previous work on the forms component; this includes transitioned versions of specific form elements, and the mct-form direction which generates these. WTD-530
2014-11-26 16:01:00 +00:00
<div class="form-section">
[Forms] Add validation classes Add classes for required, valid, and invalid, based on form state and on arguments passed into the form. WTD-530.
2014-11-26 21:15:12 +00:00
<ng-form name="mctFormInner" ng-repeat="row in section.rows">
[Forms] Add composite control type Add a type for composite controls, to allow populating arrays (e.g. preferred size). WTD-593.
2014-12-03 23:08:41 +00:00
<div class="form-row validates"
ng-class="{
req: row.required,
valid: mctFormInner.$dirty && mctFormInner.$valid,
invalid: mctFormInner.$dirty && !mctFormInner.$valid
}">
[Forms] Initial minimal functionality Initial minimal working implementation where a two-way binding between form and form user is observable. Notably, change ng-options to options, since ng-options is terminal (it breaks mct-control). WTD-530
2014-11-26 18:43:48 +00:00
[Forms] Add composite control type Add a type for composite controls, to allow populating arrays (e.g. preferred size). WTD-593.
2014-12-03 23:08:41 +00:00
<div class='label' title="{{row.description}}">
{{row.name}}
<span ng-if="row.description"
class="ui-symbol">
i
</span>
[Forms] Initial minimal functionality Initial minimal working implementation where a two-way binding between form and form user is observable. Notably, change ng-options to options, since ng-options is terminal (it breaks mct-control). WTD-530
2014-11-26 18:43:48 +00:00
</div>
[Forms] Add composite control type Add a type for composite controls, to allow populating arrays (e.g. preferred size). WTD-593.
2014-12-03 23:08:41 +00:00
<div class='controls'>
<div class="wrapper" ng-if="row.control">
<mct-control key="row.control"
[Forms] Communicate dirty state Communicate dirty state out of generated forms; WTD-530.
2014-11-26 21:08:57 +00:00
ng-model="ngModel"
[Forms] Add composite control type Add a type for composite controls, to allow populating arrays (e.g. preferred size). WTD-593.
2014-12-03 23:08:41 +00:00
ng-required="row.required"
ng-pattern="getRegExp(row.pattern)"
options="row.options"
[Forms] Support patterns Support patterns for text fields, using the ng-pattern directive. WTD-530.
2014-11-28 22:08:33 +00:00
structure="row"
[Forms] Add composite control type Add a type for composite controls, to allow populating arrays (e.g. preferred size). WTD-593.
2014-12-03 23:08:41 +00:00
field="row.key">
[Forms] Communicate dirty state Communicate dirty state out of generated forms; WTD-530.
2014-11-26 21:08:57 +00:00
</mct-control>
[Forms] Add composite control type Add a type for composite controls, to allow populating arrays (e.g. preferred size). WTD-593.
2014-12-03 23:08:41 +00:00
</div>
[Forms] Bring in initial work on forms Bring in previous work on the forms component; this includes transitioned versions of specific form elements, and the mct-form direction which generates these. WTD-530
2014-11-26 16:01:00 +00:00
</div>
</div>
[Forms] Add validation classes Add classes for required, valid, and invalid, based on form state and on arguments passed into the form. WTD-530.
2014-11-26 21:15:12 +00:00
</ng-form>
[Forms] Bring in initial work on forms Bring in previous work on the forms component; this includes transitioned versions of specific form elements, and the mct-form direction which generates these. WTD-530
2014-11-26 16:01:00 +00:00
</div>
</span>
[Forms] Initial minimal functionality Initial minimal working implementation where a two-way binding between form and form user is observable. Notably, change ng-options to options, since ng-options is terminal (it breaks mct-control). WTD-530
2014-11-26 18:43:48 +00:00
</div>
</form>
Reference in New Issue Copy Permalink