Merge pull request #160 from colkito/feature/collapse-header-change-page
added a rootScope to handle the header bar visibility
This commit is contained in:
commit
feeb30583d
|
@ -52,5 +52,6 @@ angular.module('insight')
|
||||||
//Change page title, based on Route information
|
//Change page title, based on Route information
|
||||||
$rootScope.titleDetail = '';
|
$rootScope.titleDetail = '';
|
||||||
$rootScope.title = $route.current.title;
|
$rootScope.title = $route.current.title;
|
||||||
|
$rootScope.isCollapsed = true;
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
'use strict';
|
'use strict';
|
||||||
|
|
||||||
angular.module('insight.system').controller('HeaderController',
|
angular.module('insight.system').controller('HeaderController',
|
||||||
function($scope, getSocket, Global, Block) {
|
function($scope, $rootScope, getSocket, Global, Block) {
|
||||||
$scope.global = Global;
|
$scope.global = Global;
|
||||||
|
|
||||||
$scope.menu = [
|
$scope.menu = [
|
||||||
|
@ -32,6 +32,5 @@ angular.module('insight.system').controller('HeaderController',
|
||||||
_getBlock(blockHash);
|
_getBlock(blockHash);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
$rootScope.isCollapsed = true;
|
||||||
$scope.isCollapsed = true;
|
|
||||||
});
|
});
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div data-ng-controller="HeaderController">
|
<div data-ng-controller="HeaderController">
|
||||||
<div class="navbar-header">
|
<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="sr-only">Toggle navigation</span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
<span class="icon-bar"></span>
|
<span class="icon-bar"></span>
|
||||||
|
@ -9,7 +9,7 @@
|
||||||
</button>
|
</button>
|
||||||
<a class="insight navbar-brand" href="/">Insight</a>
|
<a class="insight navbar-brand" href="/">Insight</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="navbar-collapse collapse" collapse="isCollapsed">
|
<div class="navbar-collapse collapse" collapse="$root.isCollapsed">
|
||||||
<ul class="nav navbar-nav">
|
<ul class="nav navbar-nav">
|
||||||
<li data-ng-repeat="item in menu" ui-route="/{{item.link}}" data-ng-class="{active: $uiRoute}">
|
<li data-ng-repeat="item in menu" ui-route="/{{item.link}}" data-ng-class="{active: $uiRoute}">
|
||||||
<a href="/{{item.link}}">{{item.title}}</a>
|
<a href="/{{item.link}}">{{item.title}}</a>
|
||||||
|
|
Loading…
Reference in New Issue