From 9f337dd1d10a2c6ce538c60e8c36f4585498c447 Mon Sep 17 00:00:00 2001
From: Dan Barber <dan@new-bamboo.co.uk>
Date: Thu, 20 Mar 2014 15:09:18 +0000
Subject: [PATCH] Add marker position and conditional.

---
 assets/js/controllers/transport.controller.js | 8 ++++++++
 views/index.erb                               | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/assets/js/controllers/transport.controller.js b/assets/js/controllers/transport.controller.js
index d9fb06e..4392121 100644
--- a/assets/js/controllers/transport.controller.js
+++ b/assets/js/controllers/transport.controller.js
@@ -21,10 +21,18 @@ mpdClient.controller('transport', function ($scope, $http, serverEvents) {
     $http({ method: 'PUT', url: '/api/control/' + command })
   }
 
+  $scope.stopped = function () {
+    return $scope.status.state == 'stop'
+  }
+
   $scope.playing = function () {
     return $scope.status.state == 'play'
   }
 
+  $scope.markerPosition = function () {
+    return ($scope.elapsedTime / $scope.totalTime) * 100
+  }
+
   serverEvents.onUpdateStatus($scope.updateStatus)
   serverEvents.onUpdateTime($scope.updateTime)
 })
diff --git a/views/index.erb b/views/index.erb
index efe3c5a..5d0a7ac 100644
--- a/views/index.erb
+++ b/views/index.erb
@@ -28,7 +28,7 @@
         <div class="time elapsed">{{ elapsedTime | formatLength }}</div>
         <div class="time total">{{ totalTime | formatLength }}</div>
         <div class="track">
-          <div class="marker" style="left: {{ markerPosition }}%"></div>
+          <div class="marker" style="left: {{ markerPosition() }}%" ng-if="!stopped()"></div>
         </div>
       </div>
       <nav class="controls">