2017-05-29 00:21:52 +00:00
|
|
|
<!--
|
2020-09-14 18:17:31 +00:00
|
|
|
Open MCT, Copyright (c) 2014-2020, United States Government
|
2017-05-29 00:21:52 +00:00
|
|
|
as represented by the Administrator of the National Aeronautics and Space
|
|
|
|
Administration. All rights reserved.
|
|
|
|
|
|
|
|
Open MCT 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 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.
|
|
|
|
-->
|
|
|
|
|
|
|
|
<div ng-controller="AutocompleteController"
|
2017-06-06 22:55:16 +00:00
|
|
|
class='form-control autocomplete'>
|
|
|
|
<input class="autocompleteInput"
|
|
|
|
type="text"
|
2017-05-29 00:21:52 +00:00
|
|
|
ng-model="ngModel[field]"
|
|
|
|
ng-change="filterOptions(ngModel[field])"
|
2017-06-08 03:01:14 +00:00
|
|
|
ng-click="inputClicked()"
|
2017-05-29 00:21:52 +00:00
|
|
|
ng-keydown="keyDown($event)"/>
|
2017-06-06 22:55:16 +00:00
|
|
|
<span class="icon-arrow-down"
|
|
|
|
ng-click="arrowClicked()"></span>
|
2017-05-29 00:21:52 +00:00
|
|
|
<div class="autocompleteOptions"
|
2017-06-08 03:01:14 +00:00
|
|
|
ng-init="hideOptions = true"
|
2017-05-31 03:14:05 +00:00
|
|
|
ng-hide="hideOptions"
|
|
|
|
mct-click-elsewhere="hideOptions = true">
|
2017-05-29 00:21:52 +00:00
|
|
|
<ul>
|
|
|
|
<li ng-repeat="opt in filteredOptions"
|
|
|
|
ng-click="fillInput(opt.name)"
|
|
|
|
ng-mouseover="optionMouseover(opt.optionId)"
|
|
|
|
ng-class="optionIndex === opt.optionId ? 'optionPreSelected' : ''">
|
|
|
|
<span class="optionText">{{opt.name}}</span>
|
|
|
|
</li>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
|
|
</div>
|