jsomara · August 29, 2015 14:02
diff --git a/header.html b/header.html
 <nav id='head-nav' class="topbar navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="navbar-header">
        <img src="assets/images/logo-small.png" />
    </div>
    <div class="collapse navbar-collapse">
        <ul class="nav navbar-nav navbar-right">
            <li data-ng-repeat="item in Menu" ui-sref-active="active">
                <a ui-sref="{{item.link}}">{{item.title}}</a>
            </li>
            <li>
                <a logout></a>
            </li>
        </ul>
    </div>
 </nav>
diff --git a/index.html b/index.html
  <body ng-app="Arc">
      <header ui-view="header"></header>
      <div class="container">
diff --git a/nav.controller.js b/nav.controller.js
 'use strict';
 angular.module('Arc').controller('NavigationController',
    ['$scope', '$state',
        function ($scope, $state) {
            $scope.menu = [
                { title: 'Bestiary', link: 'bestiary' },
                { title: 'Spell Compendium', link: 'compendium' },
                { title: 'Characters', link: 'characters' },
                { title: 'Account', link: 'characters' },
                { title: 'Logout', link: 'logout'}
            ];
        }]
    );
diff --git a/router.js b/router.js
 .state('root', {
            abstract: true,
            url: '',
            views: {
                'header': {
                    templateUrl: 'navigation/views/header.html',
                    controller: 'NavigationController'
                }
            }
        })
	<body ng-app="Arc">
	<header ui-view="header"></header>
	<div class="container">
	.state('root', {
	abstract: true,
	url: '',
	views: {
	'header': {
	templateUrl: 'navigation/views/header.html',
	controller: 'NavigationController'
	}
	}
	})