From b9ea876101786875fe0e44e9b8cf1cf72315b806 Mon Sep 17 00:00:00 2001
From: Victor Woeltjen <victor.woeltjen@nasa.gov>
Date: Tue, 9 Jun 2015 16:56:47 -0700
Subject: [PATCH] [Imagery] Allow pausing imagery

WTD-1170.
---
 platform/features/imagery/res/templates/imagery.html  |  8 +++-----
 .../imagery/src/controllers/ImageryController.js      | 11 ++++++++++-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/platform/features/imagery/res/templates/imagery.html b/platform/features/imagery/res/templates/imagery.html
index bd192488a4..9e7d937f9a 100644
--- a/platform/features/imagery/res/templates/imagery.html
+++ b/platform/features/imagery/res/templates/imagery.html
@@ -26,11 +26,9 @@
             </a>
         </div>
 
-
-
         <div
             class="l-image-main s-image-main"
-            ng-class="{ paused:paused, stale:false }"
+            ng-class="{ paused: imagery.paused(), stale:false }"
             style="background-image:url('{{imagery.getImageUrl()}}');"
             ></div>
         <div class="l-image-main-controlbar bar">
@@ -46,8 +44,8 @@
             <div class="right">
                 <a
                     class="t-btn l-btn s-btn s-icon-btn s-very-subtle pause-play sm"
-                    ng-click="paused = (paused)? false:true"
-                    ng-class="{ paused:paused }"
+                    ng-click="imagery.paused(!imagery.paused())"
+                    ng-class="{ paused: imagery.paused() }"
                     ><span class="ui-symbol icon"></span></a>
                 <a href=""
                     class="l-btn s-btn s-icon-btn l-mag s-mag ui-symbol vsm"
diff --git a/platform/features/imagery/src/controllers/ImageryController.js b/platform/features/imagery/src/controllers/ImageryController.js
index ed6fe5ee12..6fd6bc7cf5 100644
--- a/platform/features/imagery/src/controllers/ImageryController.js
+++ b/platform/features/imagery/src/controllers/ImageryController.js
@@ -33,6 +33,7 @@ define(
             var date = "",
                 time = "",
                 imageUrl = "",
+                paused = false,
                 handle;
 
             function releaseSubscription() {
@@ -45,7 +46,7 @@ define(
             function updateValues() {
                 var imageObject = handle && handle.getTelemetryObjects()[0],
                     m;
-                if (imageObject) {
+                if (imageObject && !paused) {
                     m = moment.utc(handle.getDomainValue(imageObject));
                     date = m.format(DATE_FORMAT);
                     time = m.format(TIME_FORMAT);
@@ -85,6 +86,14 @@ define(
                 },
                 getImageUrl: function () {
                     return imageUrl;
+                },
+                paused: function (state) {
+                    if (arguments.length > 0 && state !== paused) {
+                        paused = state;
+                        // Switch to latest image
+                        updateValues();
+                    }
+                    return paused;
                 }
             };
         }