ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-02-20 17:33:23 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Autocomplete] Minor refactoring

Browse Source
This commit is contained in:
Dhrubomoy Das Gupta 2017-06-07 23:01:14 -04:00
parent 3870266131
commit e3bd22de8c
3 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
platform/features/clock/src/controllers/ClockController.js
View File

@ -48,7 +48,7 @@ define([
function update() {
var m = zoneName ?
moment.utc(lastTimestamp).tz(zoneName) : moment.utc(lastTimestamp);
self.zoneAbbr = zoneName ? m.zoneAbbr() : "UTC";
self.zoneAbbr = m.zoneAbbr();
self.textValue = timeFormat && m.format(timeFormat);
self.ampmValue = m.format("A"); // Just the AM or PM part
}
@ -69,8 +69,8 @@ define([
// If wrong timezone is provided, the UTC will be used
zoneName = momentTimezone.tz.names().includes(model.timezone) ?
model.timezone : "UTC";
update();
}
update();
}
// Pull in the model (clockFormat and timezone) from the domain object model

4
platform/forms/res/templates/controls/autocomplete.html
View File

@ -26,12 +26,12 @@
type="text"
ng-model="ngModel[field]"
ng-change="filterOptions(ngModel[field])"
ng-click="inputClicked($event)"
ng-click="inputClicked()"
ng-keydown="keyDown($event)"/>
<span class="icon-arrow-down"
ng-click="arrowClicked()"></span>
<div class="autocompleteOptions"
onload="hideOptions = false"
ng-init="hideOptions = true"
ng-hide="hideOptions"
mct-click-elsewhere="hideOptions = true">
<ul>

21
platform/forms/src/controllers/AutocompleteController.js
View File

@ -33,10 +33,11 @@ define(
function AutocompleteController($scope, $element) {
var key = {
down: 40,
up: 38,
enter: 13
}
down: 40,
up: 38,
enter: 13
},
autocompleteInputElement = $element[0].getElementsByClassName('autocompleteInput')[0];
if($scope.options[0].name) {
// If "options" include name, value pair
@ -53,6 +54,7 @@ define(
$scope.optionIndex = $scope.filteredOptions.length;
}
$scope.optionIndex--;
fillInputWithIndexedOption();
}
function incrementOptionIndex() {
@ -60,6 +62,7 @@ define(
$scope.optionIndex = -1;
}
$scope.optionIndex++;
fillInputWithIndexedOption();
}
function fillInputWithString(string) {
@ -85,12 +88,10 @@ define(
switch(keyCode) {
case key.down:
incrementOptionIndex();
fillInputWithIndexedOption();
break;
case key.up:
$event.preventDefault(); // Prevents cursor jumping back and forth
decrementOptionIndex();
fillInputWithIndexedOption();
break;
case key.enter:
if($scope.filteredOptions[$scope.optionIndex]) {
@ -112,14 +113,12 @@ define(
});
}
$scope.inputClicked = function($event) {
var target = $event.target;
target.select();
showOptions(target.value);
$scope.inputClicked = function() {
autocompleteInputElement.select();
showOptions(autocompleteInputElement.value);
}
$scope.arrowClicked = function() {
var autocompleteInputElement = $element[0].getElementsByClassName('autocompleteInput')[0];
autocompleteInputElement.select();
showOptions('');
}