Starting to add Basic Mode.

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

@@ -1,8 +1,6 @@
 // NOTE: Most of the detections stuff from Modernizr 3.0
-
-module.exports = function GuestBrowserServiceFactory() {
-  var service = {
-  }
+module.exports = function BrowserInfoServiceFactory() {
+  var service = {}
 
   var domPrefixes = 'Webkit Moz O ms'.toLowerCase().split(' ')
 
@@ -51,7 +49,7 @@ module.exports = function GuestBrowserServiceFactory() {
   addTest('small', function () {
     var windowWidth = window.screen.width < window.outerWidth ?
       window.screen.width : window.outerWidth
-    return windowWidth < 500
+    return windowWidth < 800
 //    return !!(window.matchMedia &&
 //      window.matchMedia('only screen and (max-width: 760px)').matches)
   })

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

@@ -1,6 +1,6 @@
-describe('GuestBrowser', function() {
+describe('BrowserInfo', function() {
 
-  beforeEach(module('stf.guest-browser'));
+  beforeEach(module('stf.browser-info'));
 
   it('should ...', inject(function(GuestDeviceService) {
 

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

@@ -0,0 +1,4 @@
+module.exports = angular.module('stf.browser-info', [
+
+])
+  .factory('BrowserInfo', require('./browser-info-service'))

res/app/components/stf/guest-browser/index.js

@@ -1,4 +0,0 @@
-module.exports = angular.module('stf.guest-browser', [
-
-])
-  .factory('GuestBrowser', require('./guest-browser-service'))

res/app/control-panes/control-panes.jade

@@ -1,4 +1,9 @@
-div
+div(ng-if='$root.basicMode')
+  div(style='width: 320px; height: 540px;')
+    .remote-control
+      div(ng-include='"control-panes/device-control/device-control.jade"').fill-height
+
+div(ng-if='!$root.basicMode')
   div(pane, pane-anchor='west', pane-size='30% + 2px', pane-min='200px', pane-max='100% + 2px', pane-handle='4', pane-no-toggle='false')
     //.stf-catch-all-keys(ng-controller='KeysCtrl')
       catch-all-keys(keys-down='keysDown($event)', keys-up='keysUp($event)')

res/app/device-list/device-list.jade

@@ -35,7 +35,7 @@ div.stf-device-list
                     button.btn.btn-default.btn-xs.device-status {{device.state|statusName}}
                   .clear-fix
 
-            tab(active='activeTabs.details')
+            tab(active='activeTabs.details', ng-if='!$root.basicMode')
               tab-heading
                 i.fa.fa-list(translate)
                 span(translate) Details

res/app/layout/index.js

@@ -23,7 +23,7 @@ module.exports = angular.module('layout', [
   'angular-loading-bar',
   require('stf/common-ui').name,
   require('stf/socket/socket-state').name,
-  require('stf/guest-browser').name
+  require('stf/browser-info').name
 ])
   .config(['$tooltipProvider', function ($tooltipProvider) {
     $tooltipProvider.options({

res/app/layout/layout-controller.js

@@ -1,3 +1,10 @@
-module.exports = function LayoutCtrl(FatalMessageService, GuestBrowser, $scope) {
-  $scope.guestBrowser = GuestBrowser
+module.exports = function LayoutCtrl(FatalMessageService, BrowserInfo, $rootScope) {
+
+  $rootScope.basicMode = false
+  if (BrowserInfo.small) {
+    $rootScope.basicMode = true
+  } else {
+    $rootScope.basicMode = false
+  }
+
 }

res/app/menu/menu.jade

@@ -5,19 +5,19 @@
       li(ng-cloak)
         a(ng-href='/#!/control')
           span.fa.fa-mobile
-          | {{"Control"|translate}}
+          | {{ !$root.basicMode ? "Control" : '' | translate }}
         a(ng-href='/#!/devices')
           span.fa.fa-sitemap
-          | {{"Devices"|translate}}
+          | {{ !$root.basicMode ? "Devices" : '' | translate }}
         a(ng-href='/#!/settings')
           span.fa.fa-gears
-          | {{"Settings"|translate}}
+          | {{ !$root.basicMode ? "Settings" : '' | translate }}
     ul.nav.stf-nav.stf-feedback.pull-right(ng-cloak)
-      li.stf-nav-web-native-button
+      li.stf-nav-web-native-button(ng-if='!$root.basicMode')
         .btn-group
           button(type='button', ng-model='$root.platform', btn-radio="'web'", translate).btn.btn-sm.btn-default-outline Web
           button(type='button', ng-model='$root.platform', btn-radio="'native'", translate).btn.btn-sm.btn-default-outline Native
       li
         a(ng-href='/#!/help')
           i.fa.fa-question-circle
-          | {{"Help"|translate}}
+          | {{ !$root.basicMode ? "Help" : '' | translate }}