Attempting to make it easier to work with a single device. Still not bound to the new controlService.

res/app/scripts/controllers/DeviceControlCtrl.js

@@ -0,0 +1,17 @@
+define(['./module'], function(mod) {
+  function DeviceControlCtrl($scope, $routeParams, deviceService) {
+    $scope.device = null
+
+    deviceService.get($routeParams.serial)
+      .then(function(device) {
+        $scope.device = device
+      })
+  }
+
+  mod.controller('DeviceControlCtrl'
+  , [ '$scope'
+    , '$routeParams'
+    , 'deviceService'
+    , DeviceControlCtrl
+    ])
+})

res/app/scripts/controllers/index.js

@@ -1,5 +1,6 @@
 define([
     './DeviceListCtrl'
+  , './DeviceControlCtrl'
   ]
 , function() {
   }

res/app/scripts/routes.js

@@ -3,14 +3,18 @@ define(['./app'], function(app) {
       '$routeProvider'
     , '$locationProvider'
     , function($routeProvider, $locationProvider) {
-        $locationProvider.html5Mode(true)
+        $locationProvider.hashPrefix('!')
         $routeProvider
-          .when('/', {
-            templateUrl: 'partials/deviceList'
+          .when('/devices', {
+            templateUrl: 'partials/devices/index'
           , controller: 'DeviceListCtrl'
           })
+          .when('/devices/:serial', {
+            templateUrl: 'partials/devices/control'
+          , controller: 'DeviceControlCtrl'
+          })
           .otherwise({
-            redirectTo: '/'
+            redirectTo: '/devices'
           })
       }
   ])

res/app/scripts/services/controlService.js

@@ -0,0 +1,59 @@
+define(['./module', 'lodash'], function(mod, _) {
+  function ControlServiceFactory($rootScope, socket) {
+    var controlService = {
+      members: []
+    }
+
+    function touchSender(type) {
+      return function(x, y) {
+        socket.emit(type, {
+          x: x
+        , y: y
+        })
+      }
+    }
+
+    function keySender(type) {
+      return function(key) {
+        socket.emit(type, {
+          key: key
+        })
+      }
+    }
+
+    controlService.touchDown = touchSender('input.touchDown')
+    controlService.touchMove = touchSender('input.touchMove')
+    controlService.touchUp   = touchSender('input.touchUp')
+    controlService.tap       = touchSender('input.tap')
+
+    controlService.keyDown   = keySender('input.keyDown')
+    controlService.keyUp     = keySender('input.keyUp')
+    controlService.keyPress  = keySender('input.keyPress')
+
+    controlService.home = function() {
+      socket.emit('input.home')
+    }
+
+    controlService.menu = function() {
+      socket.emit('input.menu')
+    }
+
+    controlService.back = function() {
+      socket.emit('input.back')
+    }
+
+    controlService.type = function(text) {
+      socket.emit('input.type', {
+        text: text
+      })
+    }
+
+    return controlService
+  }
+
+  mod.factory('controlService'
+  , [ '$rootScope'
+    , 'socketService'
+    , ControlServiceFactory
+    ])
+})

res/app/scripts/services/deviceService.js

@@ -1,5 +1,5 @@
 define(['./module', 'oboe'], function(mod, oboe) {
-  function DevicesServiceFactory($rootScope, socket) {
+  function DeviceServiceFactory($rootScope, $http, socket) {
     var deviceService = {
       devices: []
     , devicesBySerial: {}
@@ -67,12 +67,20 @@ define(['./module', 'oboe'], function(mod, oboe) {
         insert(device)
       })
 
+    deviceService.get = function(serial) {
+      return $http.get('/api/v1/devices/' + serial)
+        .then(function(response) {
+          return response.data.device
+        })
+    }
+
     return deviceService
   }
 
   mod.factory('deviceService'
   , [ '$rootScope'
+    , '$http'
     , 'socketService'
-    , DevicesServiceFactory
+    , DeviceServiceFactory
     ])
 })

res/app/scripts/services/groupService.js

@@ -1,75 +1,45 @@
 define(['./module', 'lodash'], function(mod, _) {
-  function GroupServiceFactory($rootScope, socket) {
+  function GroupServiceFactory($rootScope, socket, userService) {
     var groupService = {
       members: []
     }
 
-    socket.on('group.join', function(data) {
-      groupService.members.push(data.serial)
-      console.log('group.join', data)
-      $rootScope.$digest()
-    })
-
-    socket.on('group.leave', function(data) {
-      _.pull(groupService.members, data.serial)
-      console.log('group.leave', data)
-      $rootScope.$digest()
-    })
-
-    socket.on('device.absent', function(data) {
-      _.pull(groupService.members, data.serial)
-      $rootScope.$digest()
-    })
-
-    function touchSender(type) {
-      return function(x, y) {
-        socket.emit(type, {
-          x: x
-        , y: y
-        })
+    userService.user().then(function(user) {
+      function ownerFilter(listener) {
+        return function(data) {
+          if (data.owner.email === user.email) {
+            listener()
+          }
+        }
       }
-    }
 
-    function keySender(type) {
-      return function(key) {
-        socket.emit(type, {
-          key: key
-        })
-      }
-    }
+      socket.on('group.join', ownerFilter(function(data) {
+        groupService.members.push(data.serial)
+        console.log('group.join', data)
+        $rootScope.$digest()
+      }))
+
+      socket.on('group.leave', ownerFilter(function(data) {
+        _.pull(groupService.members, data.serial)
+        console.log('group.leave', data)
+        $rootScope.$digest()
+      }))
+
+      socket.on('device.absent', /* unfiltered */ function(data) {
+        _.pull(groupService.members, data.serial)
+        $rootScope.$digest()
+      })
+    })
 
     groupService.invite = function(requirements) {
-      socket.emit('group.invite', requirements)
+      userService.user().then(function(user) {
+        socket.emit('group.invite', requirements)
+      })
     }
 
     groupService.kick = function(requirements) {
-      socket.emit('group.kick', requirements)
-    }
-
-    groupService.touchDown = touchSender('input.touchDown')
-    groupService.touchMove = touchSender('input.touchMove')
-    groupService.touchUp   = touchSender('input.touchUp')
-    groupService.tap       = touchSender('input.tap')
-
-    groupService.keyDown   = keySender('input.keyDown')
-    groupService.keyUp     = keySender('input.keyUp')
-    groupService.keyPress  = keySender('input.keyPress')
-
-    groupService.home = function() {
-      socket.emit('input.home')
-    }
-
-    groupService.menu = function() {
-      socket.emit('input.menu')
-    }
-
-    groupService.back = function() {
-      socket.emit('input.back')
-    }
-
-    groupService.type = function(text) {
-      socket.emit('input.type', {
-        text: text
+      userService.user().then(function(user) {
+        socket.emit('group.kick', requirements)
       })
     }
 
@@ -79,6 +49,7 @@ define(['./module', 'lodash'], function(mod, _) {
   mod.factory('groupService'
   , [ '$rootScope'
     , 'socketService'
+    , 'userService'
     , GroupServiceFactory
     ])
 })

res/app/scripts/services/index.js

@@ -3,6 +3,7 @@ define([
   , './deviceService'
   , './groupService'
   , './userService'
+  , './controlService'
   ]
 , function() {
   }

res/app/scripts/services/userService.js

@@ -1,13 +1,14 @@
 define(['./module'], function(mod) {
   function UserServiceFactory($http) {
     var userService = {
-      info: {}
     }
 
-    $http.get('/api/v1/user')
-      .success(function(data) {
-        userService.info = data.user
-      })
+    userService.user = (function() {
+      var userPromise = $http.get('/api/v1/user')
+      return function() {
+        return userPromise
+      }
+    })()
 
     return userService
   }