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
|
||||
$rootScope.titleDetail = '';
|
||||
$rootScope.title = $route.current.title;
|
||||
$rootScope.isCollapsed = true;
|
||||
});
|
||||
});
|
||||
|
|
|
@ -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;
|
||||
});
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in New Issue