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

forms, example values, qr generator

This commit is contained in:
Gustavo Cortez 2014-03-26 17:56:11 -03:00
parent 7bef363585
commit f325b42989
5 changed files with 129 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
bower.json
View File

@ -9,6 +9,7 @@
"angular": "~1.2.x",
"angular-bootstrap": "~0.10.0",
"angular-route": "~1.2.14",
"angular-qrcode": "~3.1.0",
"peerjs": "~0.3.8",
"angular-mocks": "~1.2.14",
"mocha": "~1.18.2",

111
index.html
View File

@ -33,27 +33,105 @@
</form>
</script>
<!-- HOME -->
<script type="text/ng-template" id="home.html">
<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>
<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>
<!-- 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">
<h2 class="text-center">404</h2>
<h3 class="text-center">Page not found</h3>
@ -61,11 +139,12 @@
</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-bootstrap/ui-bootstrap.min.js"></script>
<script src="lib/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="lib/peerjs/peer.js"></script>
<script src="js/app.js"></script>
<script src="js/config.js"></script>
<script src="js/directives.js"></script>

3
js/app.js
View File

@ -7,7 +7,8 @@ angular.module('cosign',[
'cosign.home',
'cosign.transactions',
'cosign.send',
'cosign.backup'
'cosign.backup',
'monospaced.qrcode'
]);
angular.module('cosign.header', []);

5
js/controllers/home.js
View File

@ -3,4 +3,9 @@
angular.module('cosign.home').controller('HomeController',
function($scope, $rootScope, $location) {
$scope.title = 'Home';
$scope.addrs = [
{ addrStr: 'n3zUqNR7Bbbc4zJhPVj1vG2Lx66K3Xhzvb'},
{ addrStr: 'my9wnLwwUrwpNfEgSrWY62ymEGf1edKf4J'}
];
});

26
js/controllers/transactions.js
View File

@ -3,4 +3,30 @@
angular.module('cosign.transactions').controller('TransactionsController',
function($scope, $rootScope, $location) {
$scope.title = 'Transactions';
$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
}
];
});