CiscoKidxx/view.html

## view.html
<!DOCTYPE html>
<html ng-app="app">
  <head>
    <title>My Index</title>

    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.5/united/bootstrap.min.css">
    <link rel="stylesheet" href="http://css-spinners.com/css/spinners.css" type="text/css">

    <!-- inject:css -->
    <!-- endinject -->

    <base href="/">

  </head>
  <body ng-controller="Login" ng-cloak>

    <nav class="navbar navbar-default navbar-fixed-top">
  		<div class="container">

        <!-- This creates the mechanism for the collapse button -->
        <button type="button" class="navbar-toggle" data-toggle="collapse" ng-init="navCollapsed = true" ng-click="navCollapsed = !navCollapsed">

          <!-- This controls the number of lines in the image when the nav collapse -->
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>


        <div class="navbar-header">
        </div>

      <div class="collapse navbar-collapse" ng-class="!navCollapsed && 'in'">

      <ul class="nav navbar-nav" ng-show="isAuthenticated()">
        <li><a ui-sref="dashboard" ui-sref-active="active">Dashboard</a></li>
        <li><a ui-sref="directory" ui-sref-active="active">Directory</a></li>
        <li><a ui-sref="logs" ui-sref-active="active">Logs</a></li>
      </ul>

        <div class="btn-group pull-right" ng-hide="isAuthenticated()">
          <a ui-sref="signup" class="btn btn-primary navbar-btn" style="margin-right: 5px">Login / Signup</a>
        </div>

        <button ng-show="isAuthenticated()" class="btn btn-link navbar-btn pull-right" ui-sref="account">{{user.email}}</button>
  			<button ng-show="isAuthenticated()" class="btn btn-link navbar-btn pull-right" ng-click="logout()">Logout</button>


  		</div>
    </nav>

    <div class="col-lg-12 ui-view-container" style="margin-top: 70px;">
      <div ui-view></div>
    </div>

    <!-- vendorInject:js -->
    <!-- endinject -->
    <script src="vendor/ui-bootstrap-tpls.js"></script>

    <!-- inject:js -->
    <!-- endinject -->

  </body>
</html>
	<!DOCTYPE html>
	<html ng-app="app">
	<head>
	<title>My Index</title>

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootswatch/3.3.5/united/bootstrap.min.css">
	<link rel="stylesheet" href="http://css-spinners.com/css/spinners.css" type="text/css">

	<!-- inject:css -->
	<!-- endinject -->

	<base href="/">

	</head>
	<body ng-controller="Login" ng-cloak>

	<nav class="navbar navbar-default navbar-fixed-top">
	<div class="container">

	<!-- This creates the mechanism for the collapse button -->
	<button type="button" class="navbar-toggle" data-toggle="collapse" ng-init="navCollapsed = true" ng-click="navCollapsed = !navCollapsed">

	<!-- This controls the number of lines in the image when the nav collapse -->
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	<span class="icon-bar"></span>
	</button>


	<div class="navbar-header">
	</div>

	<div class="collapse navbar-collapse" ng-class="!navCollapsed && 'in'">

	<ul class="nav navbar-nav" ng-show="isAuthenticated()">
	<li><a ui-sref="dashboard" ui-sref-active="active">Dashboard</a></li>
	<li><a ui-sref="directory" ui-sref-active="active">Directory</a></li>
	<li><a ui-sref="logs" ui-sref-active="active">Logs</a></li>
	</ul>

	<div class="btn-group pull-right" ng-hide="isAuthenticated()">
	<a ui-sref="signup" class="btn btn-primary navbar-btn" style="margin-right: 5px">Login / Signup</a>
	</div>

	<button ng-show="isAuthenticated()" class="btn btn-link navbar-btn pull-right" ui-sref="account">{{user.email}}</button>
	<button ng-show="isAuthenticated()" class="btn btn-link navbar-btn pull-right" ng-click="logout()">Logout</button>


	</div>
	</nav>

	<div class="col-lg-12 ui-view-container" style="margin-top: 70px;">
	<div ui-view></div>
	</div>

	<!-- vendorInject:js -->
	<!-- endinject -->
	<script src="vendor/ui-bootstrap-tpls.js"></script>

	<!-- inject:js -->
	<!-- endinject -->

	</body>
	</html>