ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-06-17 14:48:13 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[Time Controller] Change color when input is invalid

Browse Source 
nasa/openmctweb#181
This commit is contained in:
Victor Woeltjen
2015-10-21 15:26:42 -07:00
parent 06bcd28558
commit 847c356063
2 changed files with 12 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
platform/commonUI/general/res/templates/controls/time-controller.html
View File

@ -25,7 +25,10 @@
<span class="l-time-range-input" ng-controller="ToggleController as t1"> <span class="l-time-range-input" ng-controller="ToggleController as t1">
<!--<span class="lbl">Start</span>--> <!--<span class="lbl">Start</span>-->
<span class="s-btn time-range-start"> <span class="s-btn time-range-start">
<input type="text" ng-model="boundsModel.start"></input> <input type="text"
ng-model="boundsModel.start"
ng-class="{ error: !boundsModel.startValid }">
</input>
<a class="ui-symbol icon icon-calendar" ng-click="t1.toggle()"></a> <a class="ui-symbol icon icon-calendar" ng-click="t1.toggle()"></a>
<mct-popup ng-if="t1.isActive()"> <mct-popup ng-if="t1.isActive()">
<div mct-click-elsewhere="t1.setState(false)"> <div mct-click-elsewhere="t1.setState(false)">
@ -44,7 +47,10 @@
<span class="l-time-range-input" ng-controller="ToggleController as t2"> <span class="l-time-range-input" ng-controller="ToggleController as t2">
<!--<span class="lbl">End</span>--> <!--<span class="lbl">End</span>-->
<span class="s-btn l-time-range-input"> <span class="s-btn l-time-range-input">
<input type="text" ng-model="boundsModel.end"></input> <input type="text"
ng-model="boundsModel.end"
ng-class="{ error: !boundsModel.endValid }">
</input>
<a class="ui-symbol icon icon-calendar" ng-click="t2.toggle()"> <a class="ui-symbol icon icon-calendar" ng-click="t2.toggle()">
</a> </a>
<mct-popup ng-if="t2.isActive()"> <mct-popup ng-if="t2.isActive()">

4
platform/commonUI/general/src/controllers/TimeRangeController.js
View File

@ -247,7 +247,9 @@ define(
try { try {
updateOuterStart(parseTimestamp(value)); updateOuterStart(parseTimestamp(value));
updateBoundsTextForProperty($scope.ngModel, 'end'); updateBoundsTextForProperty($scope.ngModel, 'end');
$scope.boundsModel.startValid = true;
} catch (e) { } catch (e) {
$scope.boundsModel.startValid = false;
return; return;
} }
} }
@ -256,7 +258,9 @@ define(
try { try {
updateOuterEnd(parseTimestamp(value)); updateOuterEnd(parseTimestamp(value));
updateBoundsTextForProperty($scope.ngModel, 'start'); updateBoundsTextForProperty($scope.ngModel, 'start');
$scope.boundsModel.endValid = true;
} catch (e) { } catch (e) {
$scope.boundsModel.endValid = false;
return; return;
} }
} }