Keep device data up to date on device page.

res/app/components/stf/device/device-service.js

@@ -10,18 +10,25 @@ module.exports = function DeviceServiceFactory($rootScope, $http, socket) {
       , devicesBySerial = Object.create(null)
       , scopedSocket = socket.scoped($scope)
 
+    function notify() {
+      // Not great. Consider something else
+      if (!$scope.$$phase) {
+        $scope.$digest()
+      }
+    }
+
     function get(data) {
       return devices[devicesBySerial[data.serial]]
     }
 
     function insert(data) {
       devicesBySerial[data.serial] = devices.push(data) - 1
-      $scope.$digest()
+      notify()
     }
 
     function modify(oldData, newData) {
       _.assign(oldData, newData)
-      $scope.$digest()
+      notify()
     }
 
     function remove(data) {
@@ -29,7 +36,7 @@ module.exports = function DeviceServiceFactory($rootScope, $http, socket) {
       if (index >= 0) {
         devices.splice(index, 1)
         delete devicesBySerial[data.serial]
-        $scope.$digest()
+        notify()
       }
     }
 
@@ -78,9 +85,14 @@ module.exports = function DeviceServiceFactory($rootScope, $http, socket) {
     return tracker
   }
 
-  deviceService.get = function (serial) {
+  deviceService.get = function (serial, $scope) {
+    var tracker = new Tracker($scope, {
+      auto: false
+    })
+
     return $http.get('/api/v1/devices/' + serial)
       .then(function (response) {
+        tracker.add(response.data.device)
         return response.data.device
       })
   }

res/app/device-control/device-control-controller.js

@@ -1,7 +1,7 @@
 module.exports = function DeviceControlCtrl($scope, $routeParams, $location, DeviceService, GroupService, ControlService) {
   $scope.control = null
   $scope.device = {
-    promise: DeviceService.get($routeParams.serial)
+    promise: DeviceService.get($routeParams.serial, $scope)
       .then(function(device) {
         return GroupService.invite(device)
       })

res/app/device-control/device-control.jade

@@ -1,4 +1,4 @@
-h1 {{ device.value.serial }}
+h1 {{ device.value.serial }} {{ device.value.present ? 'present' : 'absent' }}
 
 button(ng-click='showScreen = !showScreen') Show/Hide
 button(ng-click='control.identify()') Identify