added a rootScope to handle the header bar visibility

public/js/config.js

@@ -52,5 +52,6 @@ angular.module('insight')
       //Change page title, based on Route information
       $rootScope.titleDetail = '';
       $rootScope.title = $route.current.title;
+      $rootScope.isCollapsed = true;
     });
   });

public/js/controllers/header.js

@@ -1,7 +1,7 @@
 'use strict';
 
 angular.module('insight.system').controller('HeaderController',
-  function($scope, getSocket, Global, Block) {
+  function($scope, $rootScope, getSocket, Global, Block) {
   $scope.global = Global;
 
   $scope.menu = [
@@ -32,6 +32,5 @@ angular.module('insight.system').controller('HeaderController',
     _getBlock(blockHash);
   });
 
-
-  $scope.isCollapsed = true;
+  $rootScope.isCollapsed = true;
 });

public/views/header.html

@@ -1,7 +1,7 @@
 <div class="container">
   <div data-ng-controller="HeaderController">
     <div class="navbar-header">
-      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" data-ng-click="isCollapsed = !isCollapsed">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse" data-ng-click="$root.isCollapsed = !$root.isCollapsed">
         <span class="sr-only">Toggle navigation</span>
         <span class="icon-bar"></span>
         <span class="icon-bar"></span>
@@ -9,7 +9,7 @@
       </button>
       <a class="insight navbar-brand" href="/">Insight</a>
     </div>
-    <div class="navbar-collapse collapse" collapse="isCollapsed">
+    <div class="navbar-collapse collapse" collapse="$root.isCollapsed">
       <ul class="nav navbar-nav">
         <li data-ng-repeat="item in menu" ui-route="/{{item.link}}" data-ng-class="{active: $uiRoute}">
           <a href="/{{item.link}}">{{item.title}}</a>