add icon navbar

This commit is contained in:
Bechi 2014-04-15 12:33:00 -03:00
parent 27397cdb3c
commit d535522e9d
2 changed files with 13 additions and 4 deletions

View File

@ -22,7 +22,7 @@
</div> </div>
</div> </div>
<nav class="top-bar" data-topbar ng-show="$root.peerId"> <nav class="top-bar" data-topbar ><!-- ng-show="$root.peerId" -->
<ul class="title-area"> <ul class="title-area">
<li class="name"></li> <li class="name"></li>
<li class="toggle-topbar menu-icon"> <li class="toggle-topbar menu-icon">
@ -32,8 +32,8 @@
<section class="top-bar-section"> <section class="top-bar-section">
<ul> <ul>
<li style="width:20%;" data-ng-repeat="item in menu" ui-route="/{{item.link}}" class="text-center" data-ng-class="{active: isActive(item)}"> <li data-ng-repeat="item in menu" ui-route="/{{item.link}}" class="large-2 text-center" data-ng-class="{active: isActive(item)}">
<a href="{{item.link}}"> <i class="fi-home size-16"></i> {{item.title}}</a> <a href="{{item.link}}"> <i class="{{item.icon}}"></i> {{item.title}}</a>
</li> </li>
</ul> </ul>
</section> </section>

View File

@ -4,20 +4,29 @@ angular.module('copay.header').controller('HeaderController',
function($scope, $rootScope, $location, Network) { function($scope, $rootScope, $location, Network) {
$scope.menu = [{ $scope.menu = [{
'title': 'Home', 'title': 'Home',
'icon': 'fi-home',
'link': '#/home' 'link': '#/home'
}, { }, {
'title': 'Copayers', 'title': 'Copayers',
'icon': 'fi-torsos-all',
'link': '#/peer' 'link': '#/peer'
}, { }, {
'title': 'Transactions', 'title': 'Transactions',
'icon': 'fi-loop',
'link': '#/transactions' 'link': '#/transactions'
}, { }, {
'title': 'Send', 'title': 'Send',
'icon': 'fi-arrow-right',
'link': '#/send' 'link': '#/send'
}, { }, {
'title': 'Backup', 'title': 'Backup',
'icon': 'fi-archive',
'link': '#/backup' 'link': '#/backup'
}]; }, {
'title': 'signout',
'icon': 'fi-power',
'link': '#/signout'
}]
if (!$rootScope.peerId) { if (!$rootScope.peerId) {
$location.path('signin'); $location.path('signin');