Refactoring to use Google Angular Best Practices.

lib/roles/webpack-config.js

@@ -6,7 +6,8 @@ var pathutil = require('../util/pathutil')
 module.exports = webpackMiddleware(webpack({
   cache: true,
   debug: true,
-  devtool: 'eval-source-map',
+//  devtool: 'eval-source-map',
+  devtool: 'eval',
   entry: pathutil.resource('app') + '/app.js',
   output: {
     path: '/static/build/',

res/app/app.js

@@ -1,9 +1,11 @@
 require('angular')
 require('angular-route')
 
+require('./app-styles')
+
 angular.module('app', [
   'ngRoute',
-  require('./components/device-list').name
+  require('./device-list').name
 ])
   .config(['$routeProvider', '$locationProvider',
     function ($routeProvider, $locationProvider) {

res/app/components/control/index.js

@@ -9,4 +9,4 @@ module.exports = angular.module('device-list', [])
       controller: 'DeviceListCtrl'
     })
   }])
-  .controller('DeviceListCtrl', require('./DeviceListCtrl'));
+  .controller('DeviceListCtrl', require('./device-list-controller'));

res/app/components/device-list/DeviceListCtrl.js

@@ -1,46 +0,0 @@
-module.exports = function DeviceListCtrl($scope) {
-
-  $scope.devices = [
-    {serial: '1231231', present: true, owner: {email: 'fefe@f.com'}},
-    {serial: '123122', present: true, owner: {email: 'fefe2@f.com'}}
-  ];
-
-    $scope.invite = function (device) {
-    groupService.invite({
-      serial: {
-        value: device.serial, match: 'exact'
-      }
-    })
-  }
-
-  $scope.kick = function (device) {
-    groupService.kick({
-      serial: {
-        value: device.serial, match: 'exact'
-      }
-    })
-  }
-
-};
-
-
-//module.exports = function DeviceListCtrl($scope, deviceService, groupService) {
-//
-//  $scope.devices = deviceService.devices
-//
-//  $scope.invite = function (device) {
-//    groupService.invite({
-//      serial: {
-//        value: device.serial, match: 'exact'
-//      }
-//    })
-//  }
-//
-//  $scope.kick = function (device) {
-//    groupService.kick({
-//      serial: {
-//        value: device.serial, match: 'exact'
-//      }
-//    })
-//  }
-//}

res/app/components/socket/index.js

@@ -0,0 +1,4 @@
+require('angular')
+
+module.exports = angular.module('socket', [])
+  .factory('SocketService', require('./socket-service'));

res/app/components/socket/socket-service.js

@@ -0,0 +1,6 @@
+var io = require('socket.io')
+
+module.exports = function SocketServiceFactory() {
+  var socketService = io.connect()
+  return socketService
+}

res/app/device-list/index.js

@@ -0,0 +1,13 @@
+require('angular')
+require('./device-list.css')
+
+module.exports = angular.module('device-list', [
+  require('./../components/socket').name
+])
+  .config(['$routeProvider', function ($routeProvider) {
+    $routeProvider.when('/devices', {
+      template: require('./device-list.jade'),
+      controller: 'DeviceListCtrl'
+    })
+  }])
+  .controller('DeviceListCtrl', require('./device-list-controller'))