added the initial header controller
This commit is contained in:
parent
37f8ab3ab4
commit
4503caadd6
4 changed files with 52 additions and 7 deletions
|
|
@ -0,0 +1,3 @@
|
|||
body {
|
||||
padding-top: 50px;
|
||||
}
|
||||
35
index.html
35
index.html
|
|
@ -9,15 +9,37 @@
|
|||
<link rel="stylesheet" href="css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>cosign</header>
|
||||
<a href="#signin">Signin</a>
|
||||
<a href="#home">Home</a>
|
||||
<div class="navbar navbar-inverse navbar-fixed-top" role="banner" ng-controller="HeaderController" ng-init="init()">
|
||||
<div class="container">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
||||
<span class="sr-only">Toggle navigation</span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<a class="navbar-brand" href="./index.html">Cosign</a>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" ng-if="$root.isLogged">
|
||||
<ul class="nav navbar-nav navbar-right">
|
||||
<li><a href="" ng-click="signout()"><i class="glyphicon glyphicon-log-out"></i> Signout</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div ng-view></div>
|
||||
<div class="container">
|
||||
<div ng-view></div>
|
||||
</div>
|
||||
|
||||
<!-- Templates -->
|
||||
<script type="text/ng-template" id="signin.html">
|
||||
<h1>Signin</h1>
|
||||
<form class="form-signin" role="form">
|
||||
<h2 class="form-signin-heading">Please sign in</h2>
|
||||
<input type="text" class="form-control" placeholder="Wallet ID" required autofocus>
|
||||
<input type="password" class="form-control" placeholder="Password" required>
|
||||
<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
|
||||
</form>
|
||||
</script>
|
||||
|
||||
<script type="text/ng-template" id="home.html">
|
||||
|
|
@ -30,7 +52,6 @@
|
|||
|
||||
<script src="lib/angular/angular.min.js"></script>
|
||||
<script src="lib/angular-route/angular-route.min.js"></script>
|
||||
|
||||
<script src="lib/angular-bootstrap/ui-bootstrap.min.js"></script>
|
||||
<script src="lib/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
|
||||
|
||||
|
|
@ -39,6 +60,8 @@
|
|||
<script src="js/directives.js"></script>
|
||||
<script src="js/filters.js"></script>
|
||||
|
||||
<script src="js/controllers/header.js"></script>
|
||||
|
||||
<script src="js/init.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -2,5 +2,9 @@
|
|||
|
||||
angular.module('cosign',[
|
||||
'ngRoute',
|
||||
'ui.bootstrap'
|
||||
'ui.bootstrap',
|
||||
'cosign.header'
|
||||
]);
|
||||
|
||||
angular.module('cosign.header', []);
|
||||
|
||||
|
|
|
|||
15
js/controllers/header.js
Normal file
15
js/controllers/header.js
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
'use strict';
|
||||
|
||||
angular.module('cosign.header').controller('HeaderController',
|
||||
function($scope, $rootScope, $location) {
|
||||
|
||||
$scope.init = function() {
|
||||
$rootScope.isLogged = false;
|
||||
};
|
||||
|
||||
$scope.signout = function() {
|
||||
$rootScope.isLogged = false;
|
||||
|
||||
$location.path('signin');
|
||||
};
|
||||
});
|
||||
Loading…
Add table
Add a link
Reference in a new issue