- Adding Browser selection.

- Adding URL history and autocomplete.

res/app/control-panes/dashboard/browser/browser-controller.js

@@ -1,3 +1,26 @@
-module.exports = function BrowserCtrl($scope) {
-    
+var _ = require('lodash')
+
+module.exports = function BrowserCtrl($scope, $rootScope) {
+
+  function setCurrentBrowser(device) {
+    if (device && device.browser && device.browser.apps) {
+      var currentBrowser = {}
+      var selectedBrowser = _.first(device.browser.apps, 'selected')
+      if (!_.isEmpty(selectedBrowser)) {
+        currentBrowser = selectedBrowser[0]
+      } else {
+        currentBrowser = _.first(device.browser.apps)
+      }
+      $rootScope.browser = currentBrowser
+    }
+  }
+
+  setCurrentBrowser($scope.device)
+
+  $scope.$watch('device', function (newValue, oldValue) {
+    if (newValue !== oldValue) {
+      setCurrentBrowser(newValue)
+    }
+  })
+
 }

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

@@ -1,4 +1,4 @@
-.widget-container.fluid-height
+.widget-container.fluid-height(ng-controller='BrowserCtrl')
   .heading
     i.fa.fa-gear
     span(translate) Browser
@@ -13,9 +13,11 @@
       button.btn.btn-default-outline.dropdown-toggle
         //img(ng-src='/img/platforms/{{$root.browser}}.png').browser-icon
         //| {{$root.browser | browserName}}
+        span {{$root.browser.type}}
         span.caret
       ul.dropdown-menu
-        li(ng-repeat='b in browsers')
-          a(ng-click='selectBrowser(b)').pointer
+        li(ng-repeat='b in device.browser.apps')
+          a(ng-click='$root.browser = b').pointer
+            span {{b.type}}
             //img(ng-src='/img/platforms/{{b}}.png').browser-icon.pointer
             //| {{ b | browserName }}