BTCPrivate
/
copay
mirror of https://github.com/BTCPrivate/copay.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

creating basic controllers

This commit is contained in:
Gustavo Cortez 2014-03-26 09:18:42 -03:00
parent 7e34253495
commit 7bef363585
9 changed files with 100 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
css/main.css
View File

@ -1,3 +0,0 @@
body {
padding-top: 50px;
}

58
index.html
View File

@ -9,28 +9,19 @@
<link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/main.css">
</head> </head>
<body> <body>
<div class="navbar navbar-inverse navbar-fixed-top" role="banner" ng-controller="HeaderController" ng-init="init()"> <div class="container">
<div class="container"> <div class="header" data-ng-init="init()" data-ng-controller="HeaderController">
<div class="navbar-header"> <div class="page-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <h1>cosign</h1>
<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>
<ul class="nav nav-pills">
<li data-ng-repeat="item in menu" ui-route="/{{item.link}}" data-ng-class="{active: isActive(item)}">
<a href="{{item.link}}">{{item.title}}</a>
</li>
</ul>
</div> </div>
<div ng-view></div>
<div class="container"> </div>
<div ng-view></div>
</div>
<!-- Templates --> <!-- Templates -->
<script type="text/ng-template" id="signin.html"> <script type="text/ng-template" id="signin.html">
@ -43,11 +34,30 @@
</script> </script>
<script type="text/ng-template" id="home.html"> <script type="text/ng-template" id="home.html">
<h1>home</h1> <div class="home" data-ng-controller="HomeController">
<h2>{{title}}</h2>
</div>
</script>
<script type="text/ng-template" id="transactions.html">
<div class="transactions" data-ng-controller="TransactionsController">
<h2>{{title}}</h2>
</div>
</script>
<script type="text/ng-template" id="send.html">
<div class="send" data-ng-controller="SendController">
<h2>{{title}}</h2>
</div>
</script>
<script type="text/ng-template" id="backup.html">
<div class="backup" data-ng-controller="BackupController">
<h2>{{title}}</h2>
</div>
</script> </script>
<script type="text/ng-template" id="404.html"> <script type="text/ng-template" id="404.html">
<h1>404</h1> <h2 class="text-center">404</h2>
<h3 class="text-center">Page not found</h3>
<p class="text-center"><a href="#/">go back...</a></p>
</script> </script>
<script src="lib/angular/angular.min.js"></script> <script src="lib/angular/angular.min.js"></script>
@ -62,6 +72,10 @@
<script src="js/filters.js"></script> <script src="js/filters.js"></script>
<script src="js/controllers/header.js"></script> <script src="js/controllers/header.js"></script>
<script src="js/controllers/home.js"></script>
<script src="js/controllers/transactions.js"></script>
<script src="js/controllers/send.js"></script>
<script src="js/controllers/backup.js"></script>
<script src="js/init.js"></script> <script src="js/init.js"></script>
</body> </body>

10
js/app.js
View File

@ -3,8 +3,16 @@
angular.module('cosign',[ angular.module('cosign',[
'ngRoute', 'ngRoute',
'ui.bootstrap', 'ui.bootstrap',
'cosign.header' 'cosign.header',
'cosign.home',
'cosign.transactions',
'cosign.send',
'cosign.backup'
]); ]);
angular.module('cosign.header', []); angular.module('cosign.header', []);
angular.module('cosign.home', []);
angular.module('cosign.transactions', []);
angular.module('cosign.send', []);
angular.module('cosign.backup', []);

15
js/config.js
View File

@ -6,11 +6,18 @@ angular
.config(function($routeProvider) { .config(function($routeProvider) {
$routeProvider $routeProvider
.when('/signin', { .when('/', {
templateUrl: 'home.html'
}).when('/transactions', {
templateUrl: 'transactions.html'
}).when('/send', {
templateUrl: 'send.html'
}).when('/backup', {
templateUrl: 'backup.html'
}).when('/signin', {
templateUrl: 'signin.html' templateUrl: 'signin.html'
}) }).otherwise({
.when('/home', { templateUrl: '404.html'
templateUrl: 'home.html'
}); });
}); });

6
js/controllers/backup.js Normal file
View File

@ -0,0 +1,6 @@
'use strict';
angular.module('cosign.backup').controller('BackupController',
function($scope, $rootScope, $location) {
$scope.title = 'Backup';
});

20
js/controllers/header.js
View File

@ -2,7 +2,27 @@
angular.module('cosign.header').controller('HeaderController', angular.module('cosign.header').controller('HeaderController',
function($scope, $rootScope, $location) { function($scope, $rootScope, $location) {
$scope.menu = [{
'title': 'Home',
'link': '#/'
}, {
'title': 'Transactions',
'link': '#/transactions'
}, {
'title': 'Send',
'link': '#/send'
}, {
'title': 'Backup',
'link': '#/backup'
}];
$scope.isActive = function(item) {
if (item.link.replace('#','') == $location.path()) {
return true;
}
return false;
};
$scope.init = function() { $scope.init = function() {
$rootScope.isLogged = false; $rootScope.isLogged = false;
}; };

6
js/controllers/home.js Normal file
View File

@ -0,0 +1,6 @@
'use strict';
angular.module('cosign.home').controller('HomeController',
function($scope, $rootScope, $location) {
$scope.title = 'Home';
});

6
js/controllers/send.js Normal file
View File

@ -0,0 +1,6 @@
'use strict';
angular.module('cosign.send').controller('SendController',
function($scope, $rootScope, $location) {
$scope.title = 'Send';
});

6
js/controllers/transactions.js Normal file
View File

@ -0,0 +1,6 @@
'use strict';
angular.module('cosign.transactions').controller('TransactionsController',
function($scope, $rootScope, $location) {
$scope.title = 'Transactions';
});