mirror of
https://github.com/nasa/openmct.git
synced 2024-12-28 17:08:51 +00:00
aa48044345
#772 Added ".l-controls-under" styling to allow channel-selector layout; Added new hint color constants and refined style defs;
57 lines
2.7 KiB
HTML
57 lines
2.7 KiB
HTML
<!--
|
|
Open MCT Web, Copyright (c) 2014-2015, United States Government
|
|
as represented by the Administrator of the National Aeronautics and Space
|
|
Administration. All rights reserved.
|
|
|
|
Open MCT Web is licensed under the Apache License, Version 2.0 (the
|
|
"License"); you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
http://www.apache.org/licenses/LICENSE-2.0.
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
|
|
WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
|
|
License for the specific language governing permissions and limitations
|
|
under the License.
|
|
|
|
Open MCT Web includes source code licensed under additional open source
|
|
licenses. See the Open Source Licenses file (LICENSES.md) included with
|
|
this source code distribution or the Licensing information page available
|
|
at runtime from the About dialog for additional information.
|
|
-->
|
|
<form name="mctForm" novalidate class="form">
|
|
<span ng-repeat="section in structure.sections">
|
|
<div class="section-header" ng-if="section.name">
|
|
{{section.name}}
|
|
</div>
|
|
<div class="form-section" ng-class="{ first:$index < 1 }">
|
|
<ng-form name="mctFormInner" ng-repeat="row in section.rows">
|
|
<div class="form-row validates l-flex-row"
|
|
ng-class="{
|
|
req: row.required,
|
|
valid: mctFormInner.$dirty && mctFormInner.$valid,
|
|
invalid: mctFormInner.$dirty && !mctFormInner.$valid,
|
|
first: $index < 1,
|
|
'l-controls-first': row.layout === 'control-first',
|
|
'l-controls-under': row.layout === 'controls-under'
|
|
}">
|
|
<div class='label flex-elem' title="{{row.description}}">
|
|
{{row.name}}
|
|
</div>
|
|
<div class='controls flex-elem'>
|
|
<div class="wrapper" ng-if="row.control">
|
|
<mct-control key="row.control"
|
|
ng-model="ngModel"
|
|
ng-required="row.required"
|
|
ng-pattern="getRegExp(row.pattern)"
|
|
options="row.options"
|
|
structure="row"
|
|
field="row.key">
|
|
</mct-control>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</ng-form>
|
|
</div>
|
|
</span>
|
|
</form> |