- Finally, most of the unit tests now passes (resolving dependencies also).

- Shims now exports angular module name, however some of them clash with the original.

res/app/app.js

@@ -4,16 +4,14 @@ require.ensure([], function (require) {
   require('angular-route')
   require('angular-touch')
 
-  require('angular-gettext')
   require('ng-file-upload')
-  require('angular-hotkeys')
 
   angular.module('app', [
     'ngRoute',
     'ngTouch',
-    'gettext',
+    require('gettext').name,
     'angularFileUpload',
-    'cfp.hotkeys',
+    require('angular-hotkeys').name,
     require('./layout').name,
     require('./device-list').name,
     require('./control-panes').name,

res/app/components/stf/admin-mode/admin-mode-spec.js

@@ -1,11 +1,5 @@
 describe('AdminModeService', function() {
 
-  beforeEach(module('stf.admin-mode'));
+  beforeEach(angular.mock.module(require('./').name));
 
-  it('should ...', inject(function(AdminModeService) {
+})
-
-	//expect(AdminModeService.doSomething()).toEqual('something');
-
-  }));
-
-})

res/app/components/stf/angular-draggabilly/angular-draggabilly-spec.js

@@ -1,6 +1,6 @@
 describe('angularDraggabilly', function () {
 
-  beforeEach(module('stf.angular-draggabilly'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('angularDraggabilly', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('angularDraggabilly', function () {
      */
 
   });
-});
+});

res/app/components/stf/angular-packery/angular-packery-spec.js

@@ -1,6 +1,6 @@
 describe('angularPackery', function () {
 
-  beforeEach(module('stf.angular-packery'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('angularPackery', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('angularPackery', function () {
      */
 
   });
-});
+});

res/app/components/stf/basic-mode/basic-mode-spec.js

@@ -1,6 +1,6 @@
 describe('basicMode', function () {
 
-  beforeEach(module('stf.basic-mode'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('basicMode', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('basicMode', function () {
      */
 
   });
-});
+});

res/app/components/stf/browser-info/browser-info-spec.js

@@ -1,10 +1,10 @@
 describe('BrowserInfo', function() {
 
-  beforeEach(module('stf.browser-info'));
+  beforeEach(angular.mock.module(require('./').name));
 
-  it('should ...', inject(function(GuestDeviceService) {
+  it('should ...', inject(function(BrowserInfo) {
 
-	//expect(GuestDeviceService.doSomething()).toEqual('something');
+	//expect(BrowserInfo.doSomething()).toEqual('something');
 
   }));
 

res/app/components/stf/common-ui/badge-icon/badge-icon-spec.js

@@ -1,6 +1,6 @@
 describe('badgeIcon', function () {
 
-  beforeEach(module('stf.badge-icon'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('badgeIcon', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('badgeIcon', function () {
      */
 
   });
-});
+});

res/app/components/stf/common-ui/blur-element/blur-element-spec.js

@@ -1,6 +1,6 @@
 describe('blurElement', function () {
 
-  beforeEach(module('stf.blur-element'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('blurElement', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('blurElement', function () {
      */
 
   });
-});
+});

res/app/components/stf/common-ui/counter/counter-spec.js

@@ -1,6 +1,6 @@
 describe('counter', function () {
 
-  beforeEach(module('stf.counter'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('counter', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('counter', function () {
      */
 
   });
-});
+});

res/app/components/stf/common-ui/enable-autofill/enable-autofill-spec.js

@@ -1,6 +1,6 @@
 describe('enableAutofill', function () {
 
-  beforeEach(module('stf.enable-autofill'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('enableAutofill', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('enableAutofill', function () {
      */
 
   });
-});
+});

res/app/components/stf/common-ui/fallback-image/fallback-image-spec.js

@@ -1,6 +1,6 @@
 describe('fallbackImage', function () {
 
-  beforeEach(module('stf.fallback-image'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('fallbackImage', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('fallbackImage', function () {
      */
 
   });
-});
+});

res/app/components/stf/common-ui/filter-button/filter-button-spec.js

@@ -1,6 +1,6 @@
 describe('filterButton', function () {
 
-  beforeEach(module('stf.filter-button'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 

res/app/components/stf/common-ui/focus-element/focus-element-spec.js

@@ -1,6 +1,6 @@
 describe('focusElement', function () {
 
-  beforeEach(module('stf.focus-element'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('focusElement', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('focusElement', function () {
      */
 
   });
-});
+});

res/app/components/stf/common-ui/icon-inside-input/icon-inside-input-spec.js

@@ -1,6 +1,6 @@
 describe('iconInsideInput', function () {
 
-  beforeEach(module('stf.icon-inside-input'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('iconInsideInput', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('iconInsideInput', function () {
      */
 
   });
-});
+});

res/app/components/stf/common-ui/include-cached/include-cached-spec.js

@@ -1,6 +1,6 @@
 describe('includeCached', function () {
 
-  beforeEach(module('stf.include-cached'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('includeCached', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('includeCached', function () {
      */
 
   });
-});
+});

res/app/components/stf/common-ui/modals/common/index.js

@@ -3,4 +3,5 @@
 require('./modals.css')
 
 module.exports = angular.module('stf.modals.common', [
+  require('ui-bootstrap').name
 ])

res/app/components/stf/common-ui/modals/external-url-modal/external-url-modal-spec.js

@@ -1,6 +1,6 @@
 describe('VersionUpdateService', function() {
 
-  beforeEach(module('stf.version-update'));
+  beforeEach(angular.mock.module(require('./').name));
 
   it('should ...', inject(function(VersionUpdateService) {
 

res/app/components/stf/common-ui/modals/fatal-message/fatal-message-spec.js

@@ -1,6 +1,6 @@
 describe('FatalMessageService', function() {
 
-  beforeEach(module('stf.fatal-message'));
+  beforeEach(angular.mock.module(require('./').name));
 
   it('should ...', inject(function(FatalMessageService) {
 
@@ -8,4 +8,4 @@ describe('FatalMessageService', function() {
 
   }));
 
-})
+})

res/app/components/stf/common-ui/modals/fatal-message/index.js

@@ -1,4 +1,7 @@
+require('angular-route')
+
 module.exports = angular.module('stf.fatal-message', [
-  require('stf/common-ui/modals/common').name
+  require('stf/common-ui/modals/common').name,
+  'ngRoute'
 ])
   .factory('FatalMessageService', require('./fatal-message-service'))

res/app/components/stf/common-ui/modals/lightbox-image/lightbox-image-spec.js

@@ -1,6 +1,6 @@
 describe('VersionUpdateService', function() {
 
-  beforeEach(module('stf.version-update'));
+  beforeEach(angular.mock.module(require('./').name));
 
   it('should ...', inject(function(VersionUpdateService) {
 

res/app/components/stf/common-ui/modals/version-update/version-update-spec.js

@@ -1,10 +1,11 @@
 describe('VersionUpdateService', function() {
 
-  beforeEach(module('stf.version-update'));
+  beforeEach(angular.mock.module(require('ui-bootstrap').name));
+  beforeEach(angular.mock.module(require('./').name));
 
   it('should ...', inject(function(VersionUpdateService) {
 
-	//expect(FatalMessageService.doSomething()).toEqual('something');
+	//expect(VersionUpdateService.doSomething()).toEqual('something');
 
   }));
 

res/app/components/stf/common-ui/native-autocomplete/native-autocomplete-spec.js

@@ -1,6 +1,6 @@
 describe('nativeAutocomplete', function () {
 
-  beforeEach(module('stf.native-autocomplete'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('nativeAutocomplete', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('nativeAutocomplete', function () {
      */
 
   });
-});
+});

res/app/components/stf/common-ui/ng-enter/ng-enter-spec.js

@@ -1,6 +1,6 @@
 describe('ngEnter', function () {
 
-  beforeEach(module('stf.ng-enter'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('ngEnter', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('ngEnter', function () {
      */
 
   });
-});
+});

res/app/components/stf/common-ui/nice-tabs/nice-tabs-spec.js

@@ -1,6 +1,6 @@
 describe('niceTabs', function () {
 
-  beforeEach(module('stf.nice-tabs'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('niceTabs', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('niceTabs', function () {
      */
 
   });
-});
+});

res/app/components/stf/common-ui/refresh-page/refresh-page-spec.js

@@ -1,6 +1,6 @@
 describe('refreshPage', function () {
 
-  beforeEach(module('stf.refresh-page'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 

res/app/components/stf/common-ui/text-focus-select/text-focus-select-spec.js

@@ -1,6 +1,6 @@
 describe('textFocusSelect', function () {
 
-  beforeEach(module('stf.text-focus-select'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('textFocusSelect', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('textFocusSelect', function () {
      */
 
   });
-});
+});

res/app/components/stf/common-ui/tooltips/tooltips-spec.js

@@ -1,6 +1,6 @@
 describe('tooltips', function () {
 
-  beforeEach(module('stf.tooltips'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('tooltips', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('tooltips', function () {
      */
 
   });
-});
+});

res/app/components/stf/filter-string/filter-string-spec.js

@@ -1,6 +1,6 @@
 describe('FilterStringService', function() {
 
-  beforeEach(module('stf.filter-string'));
+  beforeEach(angular.mock.module(require('./').name));
 
   it('should ...', inject(function(FilterStringService) {
 
@@ -8,4 +8,4 @@ describe('FilterStringService', function() {
 
   }));
 
-})
+})

res/app/components/stf/image-onload/image-onload-spec.js

@@ -1,6 +1,6 @@
 describe('imageOnload', function () {
 
-  beforeEach(module('stf.image-onload'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('imageOnload', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('imageOnload', function () {
      */
 
   });
-});
+});

res/app/components/stf/keycodes/keycodes-spec.js

@@ -1,6 +1,6 @@
 describe('KeycodesService', function() {
 
-  beforeEach(module('stf.keycodes'));
+  beforeEach(angular.mock.module(require('./').name));
 
   it('should ...', inject(function(KeycodesService) {
 
@@ -8,4 +8,4 @@ describe('KeycodesService', function() {
 
   }));
 
-})
+})

res/app/components/stf/landscape/landscape-spec.js

@@ -1,6 +1,6 @@
 describe('landscape', function () {
 
-  beforeEach(module('stf.landscape'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('landscape', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('landscape', function () {
      */
 
   });
-});
+});

res/app/components/stf/logcat-table/logcat-table-spec.js

@@ -1,6 +1,6 @@
 describe('logcatTable', function () {
 
-  beforeEach(module('stf.logcat-table'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('logcatTable', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('logcatTable', function () {
      */
 
   });
-});
+});

res/app/components/stf/logcat/index.js

@@ -1,4 +1,5 @@
 module.exports = angular.module('stf.logcat', [
-  require('stf/filter-string').name
+  require('stf/filter-string').name,
+  require('stf/socket').name
 ])
   .factory('LogcatService', require('./logcat-service'))

res/app/components/stf/logcat/logcat-spec.js

@@ -1,6 +1,6 @@
 describe('LogcatService', function() {
 
-  beforeEach(module('stf.logcat'));
+  beforeEach(angular.mock.module(require('./').name));
 
   it('should ...', inject(function(LogcatService) {
 
@@ -8,4 +8,4 @@ describe('LogcatService', function() {
 
   }));
 
-})
+})

res/app/components/stf/nav-menu/nav-menu-spec.js

@@ -1,6 +1,6 @@
 describe('navMenu', function () {
 
-  beforeEach(module('stf.nav-menu'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 

res/app/components/stf/port-forwarding/index.js

@@ -1,4 +1,3 @@
 module.exports = angular.module('stf.port-forwarding', [
-
 ])
   .factory('PortForwardingService', require('./port-forwarding-service'))

res/app/components/stf/port-forwarding/port-forwarding-service.js

@@ -1,7 +1,6 @@
-module.exports = function PortForwardingServiceFactory() {
+module.exports = function () {
-	var service = {}
+  var service = {}
 
 
-
+  return service
-	return service
 }

res/app/components/stf/port-forwarding/port-forwarding-spec.js

@@ -1,11 +1,11 @@
 describe('PortForwardingService', function() {
 
-  beforeEach(module('stf.port-forwarding'));
+  beforeEach(angular.mock.module(require('./').name));
 
   it('should ...', inject(function(PortForwardingService) {
-
+    expect(1).toBe(1)
 	//expect(PortForwardingService.doSomething()).toEqual('something');
 
   }));
 
-})
+})

res/app/components/stf/scoped-hotkeys/index.js

@@ -1,4 +1,5 @@
+require('angular-hotkeys')
 module.exports = angular.module('stf.scoped-hotkeys', [
-
+  'cfp.hotkeys'
 ])
   .factory('ScopedHotkeysService', require('./scoped-hotkeys-service'))

res/app/components/stf/scoped-hotkeys/scoped-hotkeys-spec.js

@@ -1,6 +1,6 @@
 describe('ScopedHotkeysService', function() {
 
-  beforeEach(module('stf.scoped-hotkeys'));
+  beforeEach(angular.mock.module(require('./').name));
 
   it('should ...', inject(function(ScopedHotkeysService) {
 
@@ -8,4 +8,4 @@ describe('ScopedHotkeysService', function() {
 
   }));
 
-})
+})

res/app/components/stf/screen/screen-keyboard/screen-keyboard-spec.js

@@ -1,6 +1,6 @@
 describe('screenKeyboard', function () {
 
-  beforeEach(module('stf.screen-keyboard'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('screenKeyboard', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('screenKeyboard', function () {
      */
 
   });
-});
+});

res/app/components/stf/screen/screen-touch/screen-touch-spec.js

@@ -1,6 +1,6 @@
 describe('screenTouch', function () {
 
-  beforeEach(module('stf.screen-touch'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('screenTouch', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('screenTouch', function () {
      */
 
   });
-});
+});

res/app/components/stf/settings/index.js

@@ -1,2 +1,4 @@
-module.exports = angular.module('stf/settings', [])
+module.exports = angular.module('stf/settings', [
+  require('stf/user').name
+])
   .factory('SettingsService', require('./settings-service'))

res/app/components/stf/socket/index.js

@@ -1,3 +1,5 @@
 module.exports = angular.module('stf/socket', [
+  //TODO: Refactor version update out to its own Ctrl
+  require('stf/common-ui/modals/version-update').name
 ])
   .factory('socket', require('./socket-service'))

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

@@ -2,8 +2,11 @@ var io = require('socket.io')
 
 module.exports = function SocketFactory($rootScope, VersionUpdateService) {
   /*globals APPSTATE:false*/
+  //TODO: Refactor APPSTATE to AppStateConstant
+  var websocketUrl = APPSTATE && APPSTATE.config &&
+    APPSTATE.config.websocketUrl ? APPSTATE.config.websocketUrl : ''
 
-  var socket = io(APPSTATE.config.websocketUrl, {
+  var socket = io(websocketUrl, {
     reconnection: false
   , transports: ['websocket']
   })

res/app/components/stf/sprintf/index.js

@@ -1,2 +0,0 @@
-module.exports = angular.module('stf.sprintf', [])
-  .filter('sprintf', require('./sprintf-filter'))

res/app/components/stf/sprintf/sprintf-filter.js

@@ -1,14 +0,0 @@
-module.exports = function sprintfFilter() {
-  function parse(str) {
-    var args = [].slice.call(arguments, 1)
-    var i = 0
-
-    return str.replace(/%s/g, function () {
-      return args[i++]
-    })
-  }
-
-  return function (input) {
-    return parse(input, arguments[1], arguments[2], arguments[3], arguments[4], arguments[5])
-  }
-}

res/app/components/stf/sprintf/sprintf-spec.js

@@ -1,13 +0,0 @@
-describe('sprintf', function() {
-
-	beforeEach(module('stf.sprintf'));
-
-	it('should ...', inject(function($filter) {
-
-    var filter = $filter('sprintf');
-
-		expect(filter('input')).toEqual('output');
-
-	}));
-
-});

res/app/components/stf/text-history/text-history-spec.js

@@ -1,6 +1,6 @@
 describe('textHistory', function () {
 
-  beforeEach(module('stf.text-history'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('textHistory', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('textHistory', function () {
      */
 
   });
-});
+});

res/app/components/stf/timeline/timeline-spec.js

@@ -1,6 +1,6 @@
 describe('TimelineService', function() {
 
-  beforeEach(module('stf.timeline'));
+  beforeEach(angular.mock.module(require('./').name));
 
   it('should ...', inject(function(TimelineService) {
 
@@ -8,4 +8,4 @@ describe('TimelineService', function() {
 
   }));
 
-})
+})

res/app/components/stf/timelines/timeline-message/timeline-message-spec.js

@@ -1,6 +1,6 @@
 describe('timelineMessage', function () {
 
-  beforeEach(module('stf.timeline-message'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('timelineMessage', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('timelineMessage', function () {
      */
 
   });
-});
+});

res/app/components/stf/timelines/timelines-spec.js

@@ -1,6 +1,6 @@
 describe('timelines', function () {
 
-  beforeEach(module('stf.timelines'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, compile;
 
@@ -11,7 +11,7 @@ describe('timelines', function () {
 
   it('should ...', function () {
 
-    /* 
+    /*
      To test your directive, you need to create some html that would use your directive,
      send that through compile() then compare the results.
 
@@ -20,4 +20,4 @@ describe('timelines', function () {
      */
 
   });
-});
+});

res/app/control-panes/activity/activity-spec.js

@@ -1,6 +1,6 @@
 describe('ActivityCtrl', function () {
 
-  beforeEach(module('stf.activity'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('ActivityCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/activity/index.js

@@ -1,6 +1,7 @@
 require('./activity.css')
 
 module.exports = angular.module('stf.activity', [
+  require('gettext').name,
   require('stf/common-ui').name,
   require('stf/timeline').name
 ])

res/app/control-panes/advanced/advanced-spec.js

@@ -1,6 +1,6 @@
 describe('AdvancedCtrl', function () {
 
-  beforeEach(module('stf.advanced'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('AdvancedCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/advanced/input/input-spec.js

@@ -1,12 +1,12 @@
-describe('InputCtrl', function () {
+describe('InputAdvancedCtrl', function () {
 
-  beforeEach(module('stf.input'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
   beforeEach(inject(function ($rootScope, $controller) {
     scope = $rootScope.$new();
-    ctrl = $controller('InputCtrl', {$scope: scope});
+    ctrl = $controller('InputAdvancedCtrl', {$scope: scope});
   }));
 
   it('should ...', inject(function () {
@@ -14,4 +14,4 @@ describe('InputCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/advanced/maintenance/maintenance-spec.js

@@ -1,12 +1,12 @@
-describe('InputCtrl', function () {
+describe('MaintenanceCtrl', function () {
 
-  beforeEach(module('stf.input'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
   beforeEach(inject(function ($rootScope, $controller) {
     scope = $rootScope.$new();
-    ctrl = $controller('InputCtrl', {$scope: scope});
+    ctrl = $controller('MaintenanceCtrl', {$scope: scope});
   }));
 
   it('should ...', inject(function () {
@@ -14,4 +14,4 @@ describe('InputCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/advanced/port-forwarding/index.js

@@ -1,6 +1,8 @@
 require('./port-forwarding.css')
 
 module.exports = angular.module('stf.port-forwarding', [
+  require('stf/common-ui/table').name,
+  require('stf/settings').name
 ])
   .run(["$templateCache", function ($templateCache) {
     $templateCache.put(

res/app/control-panes/advanced/port-forwarding/port-forwarding-spec.js

@@ -1,6 +1,6 @@
 describe('PortForwardingCtrl', function () {
 
-  beforeEach(module('stf.port-forwarding'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('PortForwardingCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/advanced/run-js/run-js-spec.js

@@ -1,6 +1,6 @@
 describe('RunJsCtrl', function () {
 
-  beforeEach(module('stf.run-js'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('RunJsCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/advanced/usb/usb-spec.js

@@ -1,6 +1,6 @@
 describe('UsbCtrl', function () {
 
-  beforeEach(module('stf.usb'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('UsbCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/automation/device-settings/device-settings-controller.js

@@ -2,19 +2,22 @@ module.exports = function DeviceSettingsCtrl($scope, $timeout) {
   $scope.wifiEnabled = true
 
   var getWifiStatus = function () {
-    $scope.control.getWifiStatus().then(function (result) {
+    if ($scope.control) {
-      $scope.$apply(function () {
+      $scope.control.getWifiStatus().then(function (result) {
-        $scope.wifiEnabled = (result.lastData === 'wifi_enabled')
+        $scope.$apply(function () {
+          $scope.wifiEnabled = (result.lastData === 'wifi_enabled')
+        })
       })
-    })
+    }
+
   }
   getWifiStatus()
 
   $scope.toggleWifi = function () {
-    $scope.control.setWifiEnabled(!$scope.wifiEnabled)
+    if ($scope.control) {
-    $scope.wifiEnabled = !$scope.wifiEnabled
+      $scope.control.setWifiEnabled(!$scope.wifiEnabled)
-    $timeout(getWifiStatus, 500)
+      $scope.wifiEnabled = !$scope.wifiEnabled
+      $timeout(getWifiStatus, 500)
+    }
   }
-
-
 }

res/app/control-panes/automation/device-settings/device-settings-spec.js

@@ -1,6 +1,6 @@
 describe('DeviceSettingsCtrl', function () {
 
-  beforeEach(module('stf.device-settings'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('DeviceSettingsCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/automation/store-account/index.js

@@ -2,7 +2,8 @@ require('./store-account.css')
 require('angular-ladda')
 
 module.exports = angular.module('stf.store-account', [
-  'angular-ladda'
+  'angular-ladda',
+  require('stf/common-ui/table').name
 ])
   .run(["$templateCache", function ($templateCache) {
     $templateCache.put('control-panes/automation/store-account/store-account.jade',

res/app/control-panes/automation/store-account/store-account-controller.js

@@ -40,12 +40,14 @@ module.exports = function StoreAccountCtrl($scope, ngTableParams, $timeout) {
 
   function getAccounts() {
     var storeAccountType = $scope.deviceAppStores[$scope.currentAppStore].package
-    $scope.control.getAccounts(storeAccountType).then(function (result) {
+    if ($scope.control) {
-      $scope.$apply(function () {
+      $scope.control.getAccounts(storeAccountType).then(function (result) {
-        $scope.accountsList = result.body
+        $scope.$apply(function () {
-        $scope.accountsTable.reload()
+          $scope.accountsList = result.body
+          $scope.accountsTable.reload()
+        })
       })
-    })
+    }
   }
 
   getAccounts()

res/app/control-panes/automation/store-account/store-account-spec.js

@@ -1,6 +1,6 @@
 describe('StoreAccountCtrl', function () {
 
-  beforeEach(module('stf.store-account'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('StoreAccountCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/cpu/cpu-spec.js

@@ -1,6 +1,6 @@
 describe('CpuCtrl', function () {
 
-  beforeEach(module('stf.cpu'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('CpuCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/dashboard/clipboard/clipboard-spec.js

@@ -1,6 +1,6 @@
 describe('ClipboardCtrl', function () {
 
-  beforeEach(module('stf.clipboard'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('ClipboardCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/dashboard/clipboard/index.js

@@ -3,7 +3,8 @@ require('./clipboard.css')
 require('angular-elastic')
 
 module.exports = angular.module('stf.clipboard', [
-  'monospaced.elastic'
+  'monospaced.elastic',
+  require('gettext').name
 ])
   .run(["$templateCache", function ($templateCache) {
     $templateCache.put('control-panes/dashboard/clipboard/clipboard.jade',

res/app/control-panes/dashboard/dashboard-spec.js

@@ -1,6 +1,6 @@
 describe('DashboardCtrl', function () {
 
-  beforeEach(module('stf.dashboard'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('DashboardCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/dashboard/navigation/navigation-spec.js

@@ -1,6 +1,6 @@
 describe('NavigationCtrl', function () {
 
-  beforeEach(module('stf.navigation'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('NavigationCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/dashboard/remote-debug/remote-debug-spec.js

@@ -1,6 +1,6 @@
 describe('RemoteDebugCtrl', function () {
 
-  beforeEach(module('stf.remote-debug'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('RemoteDebugCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/dashboard/shell/index.js

@@ -1,7 +1,8 @@
 require('./shell.css')
 
 module.exports = angular.module('stf.shell', [
-  require('stf/common-ui').name
+  require('stf/common-ui').name,
+  require('gettext').name
 ])
   .run(["$templateCache", function ($templateCache) {
     $templateCache.put('control-panes/dashboard/shell/shell.jade',

res/app/control-panes/dashboard/shell/shell-spec.js

@@ -1,6 +1,6 @@
 describe('ShellCtrl', function () {
 
-  beforeEach(module('stf.shell'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('ShellCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/dashboard/upload/activities/activities-controller.js

@@ -4,7 +4,9 @@ module.exports = function ActivitiesCtrl($scope) {
   $scope.selectedAction = ''
   $scope.selectedCategory = ''
   $scope.selectedData = ''
-  $scope.selectedPackageName = $scope.installation.manifest.package || ''
+  $scope.selectedPackageName = $scope.installation &&
+    $scope.installation.manifest && $scope.installation.manifest.package ?
+    $scope.installation.manifest.package : ''
   $scope.selectedActivityName = ''
 
   $scope.activityActions = []

res/app/control-panes/dashboard/upload/activities/activities-spec.js

@@ -1,6 +1,6 @@
 describe('ActivitiesCtrl', function () {
 
-  beforeEach(module('stf.activities'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('ActivitiesCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/dashboard/upload/index.js

@@ -2,7 +2,8 @@ require('./upload.css')
 
 module.exports = angular.module('stf.upload', [
   require('stf/common-ui/tree').name,
-  require('./activities').name
+  require('./activities').name,
+  require('stf/settings').name
 ])
   .run(["$templateCache", function ($templateCache) {
     $templateCache.put('control-panes/dashboard/upload/upload.jade',

res/app/control-panes/dashboard/upload/upload-spec.js

@@ -1,6 +1,6 @@
 describe('UploadCtrl', function () {
 
-  beforeEach(module('stf.upload'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('UploadCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/device-control/index.js

@@ -3,8 +3,7 @@ require('./device-control.css')
 module.exports = angular.module('device-control', [
   require('stf/device').name,
   require('stf/control').name,
-  require('stf/screen').name,
+  require('stf/screen').name
-  require('stf/sprintf').name
 ])
   .run(["$templateCache", function ($templateCache) {
     $templateCache.put('control-panes/device-control/device-control.jade',

res/app/control-panes/info/info-controller.js

@@ -5,13 +5,14 @@ module.exports = function InfoCtrl($scope, LightboxImageService) {
     LightboxImageService.open(title, enhancedPhoto800)
   }
 
-
   var getSdStatus = function () {
-    $scope.control.getSdStatus().then(function (result) {
+    if ($scope.control) {
-      $scope.$apply(function () {
+      $scope.control.getSdStatus().then(function (result) {
-        $scope.sdCardMounted = (result.lastData === 'sd_mounted')
+        $scope.$apply(function () {
+          $scope.sdCardMounted = (result.lastData === 'sd_mounted')
+        })
       })
-    })
+    }
   }
   getSdStatus()
 }

res/app/control-panes/info/info-spec.js

@@ -1,6 +1,6 @@
 describe('InfoCtrl', function () {
 
-  beforeEach(module('stf.info'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('InfoCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/inspect/inspect-spec.js

@@ -1,6 +1,6 @@
 describe('InspectCtrl', function () {
 
-  beforeEach(module('stf.inspect'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('InspectCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/logs/logs-spec.js

@@ -1,6 +1,6 @@
 describe('LogsCtrl', function () {
 
-  beforeEach(module('stf.logs'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('LogsCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/resources/resources-spec.js

@@ -1,6 +1,6 @@
 describe('ResourcesCtrl', function () {
 
-  beforeEach(module('stf.resources'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('ResourcesCtrl', function () {
 
   }));
 
-});
+});

res/app/control-panes/screenshots/index.js

@@ -1,7 +1,8 @@
 require('./screenshots.css')
 
 module.exports = angular.module('stf.screenshots', [
-  require('stf/image-onload').name
+  require('stf/image-onload').name,
+  require('stf/settings').name
 ])
   .run(["$templateCache", function ($templateCache) {
     $templateCache.put('control-panes/screenshots/screenshots.jade',

res/app/control-panes/screenshots/screenshots-spec.js

@@ -1,6 +1,6 @@
 describe('ScreenshotsCtrl', function () {
 
-  beforeEach(module('stf.screenshots'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('ScreenshotsCtrl', function () {
 
   }));
 
-});
+});

res/app/layout/index.js

@@ -1,10 +1,5 @@
 require('se7en-bootstrap-3')
 
-require('angular-bootstrap')
-
-require('angular-borderlayout')
-
-
 require('./cursor.css')
 require('./stf-se7en.css')
 require('./small.css')
@@ -14,8 +9,8 @@ module.exports = angular.module('layout', [
   require('../settings/language').name,
   require('stf/landscape').name,
   require('stf/basic-mode').name,
-  'ui.bootstrap',
+  require('ui-bootstrap').name,
-  'fa.directive.borderLayout',
+  require('angular-borderlayout').name,
   require('stf/common-ui').name,
   require('stf/socket/socket-state').name,
   require('stf/browser-info').name

res/app/menu/menu-spec.js

@@ -1,6 +1,6 @@
 describe('MenuCtrl', function () {
 
-  beforeEach(module('stf.menu'));
+  beforeEach(angular.mock.module(require('./').name));
 
   var scope, ctrl;
 
@@ -14,4 +14,4 @@ describe('MenuCtrl', function () {
 
   }));
 
-});
+});

res/test/karma.conf.js

@@ -14,7 +14,7 @@ module.exports = function (config) {
 
     preprocessors: {
       'helpers/**/*.js': ['webpack'],
-      '../app/**/*.js': ['webpack']
+      '../**/*.js': ['webpack']
     },
     exclude: [
 

res/web_modules/angular-borderlayout/index.js

@@ -1,3 +1,7 @@
 require('angular-borderlayout/src/borderLayout.js')
 require('angular-borderlayout/src/borderLayout.css')
 require('./style.css')
+
+module.exports = {
+  name: 'fa.directive.borderLayout'
+}

res/web_modules/angular-hotkeys/index.js

@@ -1,3 +1,7 @@
 require('angular-hotkeys/build/hotkeys.css')
 //require('./hotkeys.css')
 require('angular-hotkeys/build/hotkeys.js')
+
+module.exports = {
+  name: 'cfp.hotkeys'
+}

res/web_modules/angular-ladda/index.js

@@ -2,3 +2,7 @@ require('ladda/dist/ladda-themeless.min.css')
 window.Ladda = require('ladda/js/ladda')
 require('angular-ladda/src/angular-ladda')
 
+module.exports = {
+  Ladda: window.Ladda,
+  name: 'angular-ladda'
+}

res/web_modules/gettext/index.js

@@ -0,0 +1,5 @@
+require('angular-gettext')
+
+module.exports = {
+  name: 'gettext'
+}

res/web_modules/ng-file-upload/index.js

@@ -1,2 +1,6 @@
 require('ng-file-upload/angular-file-upload-html5-shim')
 require('ng-file-upload/angular-file-upload')
+
+module.exports = {
+  name: 'angularFileUpload'
+}

res/web_modules/ui-bootstrap/index.js

@@ -0,0 +1,5 @@
+require('script!angular-bootstrap/ui-bootstrap-tpls')
+
+module.exports = {
+  name: 'ui.bootstrap'
+}

webpack.config.js

@@ -56,8 +56,7 @@ module.exports = {
         { test: /angular-growl\.js/, loader: 'imports?angular=angular'},
         { test: /oboe-browser\.js/, loader: 'imports?define=>false!exports?oboe'},
         { test: /uuid\.js/, loader: 'imports?require=>undefined'},
-        { test: /localforage\.js/, loader: 'script'},
+        //{ test: /ui-bootstrap-tpls\.js/, loader: 'script'},
-        { test: /ui-bootstrap-tpls\.js/, loader: 'script'},
         { test: /dialogs\.js/, loader: 'script'},
         { test: /bluebird\.js/, loader: 'imports?require=>undefined'}
       ],