zcash-hackworks
/
insight-ui-zcash
mirror of https://github.com/zcash-hackworks/insight-ui-zcash.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

added a rootScope to handle the header bar visibility

This commit is contained in:
Mario Colque 2014-01-27 16:09:38 -03:00
parent 0d927219c2
commit 4656383aea
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
public/js/config.js
View File

@ -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;
}); });
}); });

5
public/js/controllers/header.js
View File

@ -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;
}); });

4
public/views/header.html
View File

@ -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>