Merge pull request #1 from cmgustavo/feature/angular-controllers-views-qr
Feature/angular controllers views qr
This commit is contained in:
Ryan X. Charles
commit
fe8ae416ab
10 changed files with 217 additions and 31 deletions
|
|
@ -9,6 +9,7 @@
|
||||||
"angular": "~1.2.x",
|
"angular": "~1.2.x",
|
||||||
"angular-bootstrap": "~0.10.0",
|
"angular-bootstrap": "~0.10.0",
|
||||||
"angular-route": "~1.2.14",
|
"angular-route": "~1.2.14",
|
||||||
|
"angular-qrcode": "~3.1.0",
|
||||||
"peerjs": "~0.3.8",
|
"peerjs": "~0.3.8",
|
||||||
"angular-mocks": "~1.2.14",
|
"angular-mocks": "~1.2.14",
|
||||||
"mocha": "~1.18.2",
|
"mocha": "~1.18.2",
|
||||||
|
|
|
||||||
|
|
@ -1,3 +0,0 @@
|
||||||
body {
|
|
||||||
padding-top: 50px;
|
|
||||||
}
|
|
||||||
139
index.html
139
index.html
|
|
@ -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">
|
||||||
|
|
@ -42,26 +33,128 @@
|
||||||
</form>
|
</form>
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<!-- HOME -->
|
||||||
<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>
|
||||||
|
|
||||||
|
<accordion close-others="oneAtATime">
|
||||||
|
<accordion-group ng-repeat="addr in addrs">
|
||||||
|
<accordion-heading>
|
||||||
|
{{addr.addrStr}}
|
||||||
|
</accordion-heading>
|
||||||
|
<qrcode size="160" data="{{addr.addrStr}}"></qrcode>
|
||||||
|
</accordion-group>
|
||||||
|
</accordion>
|
||||||
|
</div>
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<!-- TRANSACTIONS -->
|
||||||
|
<script type="text/ng-template" id="transactions.html">
|
||||||
|
<div class="transactions" data-ng-controller="TransactionsController">
|
||||||
|
<h2>{{title}}</h2>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-6">
|
||||||
|
<h3>Input</h3>
|
||||||
|
<accordion close-others="oneAtATime">
|
||||||
|
<accordion-group ng-repeat="tx in txsinput">
|
||||||
|
<accordion-heading>
|
||||||
|
{{tx.fromAddr}} -> {{tx.toAddr}} : {{tx.amount}}
|
||||||
|
</accordion-heading>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-6 col-md-4">ignore</div>
|
||||||
|
<div class="col-xs-6 col-md-4">(Required 3 cosign)</div>
|
||||||
|
<div class="col-xs-6 col-md-4">sign</div>
|
||||||
|
</div>
|
||||||
|
</accordion-group>
|
||||||
|
</accordion>
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-6">
|
||||||
|
<h3>Output</h3>
|
||||||
|
<accordion close-others="oneAtATime">
|
||||||
|
<accordion-group ng-repeat="tx in txsoutput">
|
||||||
|
<accordion-heading>
|
||||||
|
{{tx.fromAddr}} <- {{tx.toAddr}} : {{tx.amount}}
|
||||||
|
</accordion-heading>
|
||||||
|
Details...
|
||||||
|
</accordion-group>
|
||||||
|
</accordion>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- SEND -->
|
||||||
|
<script type="text/ng-template" id="send.html">
|
||||||
|
<div class="send" data-ng-controller="SendController">
|
||||||
|
<h2>{{title}}</h2>
|
||||||
|
<form class="form-horizontal" role="form">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="address" class="col-sm-2 control-label">To:</label>
|
||||||
|
<div class="col-sm-10">
|
||||||
|
<input type="text" class="form-control" id="address" placeholder="Send to">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="amount" class="col-sm-2 control-label">Amount:</label>
|
||||||
|
<div class="col-sm-10">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-6">
|
||||||
|
<input type="text" class="form-control" id="amount" placeholder="Amount">
|
||||||
|
</div>
|
||||||
|
<div class="col-xs-6">
|
||||||
|
<select class="form-control">
|
||||||
|
<option>mBTC</option>
|
||||||
|
<option>BTC</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<div class="col-sm-offset-2 col-sm-10">
|
||||||
|
<button type="submit" class="btn btn-default">send</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- BACKUP -->
|
||||||
|
<script type="text/ng-template" id="backup.html">
|
||||||
|
<div class="backup" data-ng-controller="BackupController">
|
||||||
|
<h2>{{title}}</h2>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-xs-6 col-md-4">Download file</div>
|
||||||
|
<div class="col-xs-6 col-md-4">Backup to Dropbox</div>
|
||||||
|
<div class="col-xs-6 col-md-4">Backup to email</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<!-- NOT FOUND -->
|
||||||
<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>
|
||||||
|
<script src="lib/qrcode-generator/js/qrcode.js"></script>
|
||||||
|
<script src="lib/angular-qrcode/qrcode.js"></script>
|
||||||
<script src="lib/angular-route/angular-route.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.min.js"></script>
|
||||||
<script src="lib/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
|
<script src="lib/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
|
||||||
<script src="lib/peerjs/peer.js"></script>
|
<script src="lib/peerjs/peer.js"></script>
|
||||||
|
|
||||||
<script src="js/app.js"></script>
|
<script src="js/app.js"></script>
|
||||||
<script src="js/config.js"></script>
|
<script src="js/config.js"></script>
|
||||||
<script src="js/directives.js"></script>
|
<script src="js/directives.js"></script>
|
||||||
<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>
|
||||||
|
|
|
||||||
11
js/app.js
11
js/app.js
|
|
@ -3,8 +3,17 @@
|
||||||
angular.module('cosign',[
|
angular.module('cosign',[
|
||||||
'ngRoute',
|
'ngRoute',
|
||||||
'ui.bootstrap',
|
'ui.bootstrap',
|
||||||
'cosign.header'
|
'cosign.header',
|
||||||
|
'cosign.home',
|
||||||
|
'cosign.transactions',
|
||||||
|
'cosign.send',
|
||||||
|
'cosign.backup',
|
||||||
|
'monospaced.qrcode'
|
||||||
]);
|
]);
|
||||||
|
|
||||||
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
15
js/config.js
|
|
@ -6,11 +6,18 @@ angular
|
||||||
.config(function($routeProvider) {
|
.config(function($routeProvider) {
|
||||||
|
|
||||||
$routeProvider
|
$routeProvider
|
||||||
.when('/signin', {
|
.when('/', {
|
||||||
templateUrl: 'signin.html'
|
|
||||||
})
|
|
||||||
.when('/home', {
|
|
||||||
templateUrl: 'home.html'
|
templateUrl: 'home.html'
|
||||||
|
}).when('/transactions', {
|
||||||
|
templateUrl: 'transactions.html'
|
||||||
|
}).when('/send', {
|
||||||
|
templateUrl: 'send.html'
|
||||||
|
}).when('/backup', {
|
||||||
|
templateUrl: 'backup.html'
|
||||||
|
}).when('/signin', {
|
||||||
|
templateUrl: 'signin.html'
|
||||||
|
}).otherwise({
|
||||||
|
templateUrl: '404.html'
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
||||||
6
js/controllers/backup.js
Normal file
6
js/controllers/backup.js
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('cosign.backup').controller('BackupController',
|
||||||
|
function($scope, $rootScope, $location) {
|
||||||
|
$scope.title = 'Backup';
|
||||||
|
});
|
||||||
|
|
@ -2,6 +2,26 @@
|
||||||
|
|
||||||
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;
|
||||||
|
|
|
||||||
13
js/controllers/home.js
Normal file
13
js/controllers/home.js
Normal file
|
|
@ -0,0 +1,13 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('cosign.home').controller('HomeController',
|
||||||
|
function($scope, $rootScope, $location) {
|
||||||
|
$scope.title = 'Home';
|
||||||
|
|
||||||
|
$scope.oneAtATime = true;
|
||||||
|
|
||||||
|
$scope.addrs = [
|
||||||
|
{ addrStr: 'n3zUqNR7Bbbc4zJhPVj1vG2Lx66K3Xhzvb'},
|
||||||
|
{ addrStr: 'my9wnLwwUrwpNfEgSrWY62ymEGf1edKf4J'}
|
||||||
|
];
|
||||||
|
});
|
||||||
6
js/controllers/send.js
Normal file
6
js/controllers/send.js
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('cosign.send').controller('SendController',
|
||||||
|
function($scope, $rootScope, $location) {
|
||||||
|
$scope.title = 'Send';
|
||||||
|
});
|
||||||
34
js/controllers/transactions.js
Normal file
34
js/controllers/transactions.js
Normal file
|
|
@ -0,0 +1,34 @@
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
angular.module('cosign.transactions').controller('TransactionsController',
|
||||||
|
function($scope, $rootScope, $location) {
|
||||||
|
$scope.title = 'Transactions';
|
||||||
|
|
||||||
|
$scope.oneAtATime = true;
|
||||||
|
|
||||||
|
$scope.txsinput = [
|
||||||
|
{
|
||||||
|
fromAddr: "n3zUqNR7Bbbc4zJhPVj1vG2Lx66K3Xhzvb",
|
||||||
|
toAddr: "msvv2mDfE298s7boXwALq4Dqv77K3TWRZ1",
|
||||||
|
amount: 23.9982
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fromAddr: "my9wnLwwUrwpNfEgSrWY62ymEGf1edKf4J",
|
||||||
|
toAddr: "monCusNiDuptf68rtr58hEjKpJt6cW6zwS",
|
||||||
|
amount: 2.22
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
|
$scope.txsoutput = [
|
||||||
|
{
|
||||||
|
fromAddr: "n3zUqNR7Bbbc4zJhPVj1vG2Lx66K3Xhzvb",
|
||||||
|
toAddr: "msvv2mDfE298s7boXwALq4Dqv77K3TWRZ1",
|
||||||
|
amount: 23.9982
|
||||||
|
},
|
||||||
|
{
|
||||||
|
fromAddr: "my9wnLwwUrwpNfEgSrWY62ymEGf1edKf4J",
|
||||||
|
toAddr: "monCusNiDuptf68rtr58hEjKpJt6cW6zwS",
|
||||||
|
amount: 2.22
|
||||||
|
}
|
||||||
|
];
|
||||||
|
});
|
||||||
Loading…
Add table
Add a link
Reference in a new issue