From 847c3560630430cba3ef1a8bf0339280222097ce Mon Sep 17 00:00:00 2001
From: Victor Woeltjen <victor.woeltjen@nasa.gov>
Date: Wed, 21 Oct 2015 15:26:42 -0700
Subject: [PATCH] [Time Controller] Change color when input is invalid

nasa/openmctweb#181
---
 .../res/templates/controls/time-controller.html        | 10 ++++++++--
 .../general/src/controllers/TimeRangeController.js     |  4 ++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/platform/commonUI/general/res/templates/controls/time-controller.html b/platform/commonUI/general/res/templates/controls/time-controller.html
index 8a9be523da..300e56c381 100644
--- a/platform/commonUI/general/res/templates/controls/time-controller.html
+++ b/platform/commonUI/general/res/templates/controls/time-controller.html
@@ -25,7 +25,10 @@
         <span class="l-time-range-input" ng-controller="ToggleController as t1">
             <!--<span class="lbl">Start</span>-->
             <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>
                 <mct-popup ng-if="t1.isActive()">
                     <div mct-click-elsewhere="t1.setState(false)">
@@ -44,7 +47,10 @@
         <span class="l-time-range-input" ng-controller="ToggleController as t2">
             <!--<span class="lbl">End</span>-->
             <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>
                 <mct-popup ng-if="t2.isActive()">
diff --git a/platform/commonUI/general/src/controllers/TimeRangeController.js b/platform/commonUI/general/src/controllers/TimeRangeController.js
index 1b567def99..d4fb21be08 100644
--- a/platform/commonUI/general/src/controllers/TimeRangeController.js
+++ b/platform/commonUI/general/src/controllers/TimeRangeController.js
@@ -247,7 +247,9 @@ define(
                 try {
                     updateOuterStart(parseTimestamp(value));
                     updateBoundsTextForProperty($scope.ngModel, 'end');
+                    $scope.boundsModel.startValid = true;
                 } catch (e) {
+                    $scope.boundsModel.startValid = false;
                     return;
                 }
             }
@@ -256,7 +258,9 @@ define(
                 try {
                     updateOuterEnd(parseTimestamp(value));
                     updateBoundsTextForProperty($scope.ngModel, 'start');
+                    $scope.boundsModel.endValid = true;
                 } catch (e) {
+                    $scope.boundsModel.endValid = false;
                     return;
                 }
             }