forms, example values, qr generator
This commit is contained in:
parent
7bef363585
commit
f325b42989
5 changed files with 114 additions and 2 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",
|
||||||
|
|
|
||||||
111
index.html
111
index.html
|
|
@ -33,27 +33,105 @@
|
||||||
</form>
|
</form>
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
<!-- HOME -->
|
||||||
<script type="text/ng-template" id="home.html">
|
<script type="text/ng-template" id="home.html">
|
||||||
<div class="home" data-ng-controller="HomeController">
|
<div class="home" data-ng-controller="HomeController">
|
||||||
<h2>{{title}}</h2>
|
<h2>{{title}}</h2>
|
||||||
</div>
|
|
||||||
</script>
|
<accordion close-others="oneAtATime">
|
||||||
<script type="text/ng-template" id="transactions.html">
|
<accordion-group ng-repeat="addr in addrs">
|
||||||
<div class="transactions" data-ng-controller="TransactionsController">
|
<accordion-heading>
|
||||||
<h2>{{title}}</h2>
|
{{addr.addrStr}}
|
||||||
</div>
|
</accordion-heading>
|
||||||
</script>
|
<qrcode size="160" data="{{addr.addrStr}}"></qrcode>
|
||||||
<script type="text/ng-template" id="send.html">
|
</accordion-group>
|
||||||
<div class="send" data-ng-controller="SendController">
|
</accordion>
|
||||||
<h2>{{title}}</h2>
|
|
||||||
</div>
|
|
||||||
</script>
|
|
||||||
<script type="text/ng-template" id="backup.html">
|
|
||||||
<div class="backup" data-ng-controller="BackupController">
|
|
||||||
<h2>{{title}}</h2>
|
|
||||||
</div>
|
</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">
|
||||||
<h2 class="text-center">404</h2>
|
<h2 class="text-center">404</h2>
|
||||||
<h3 class="text-center">Page not found</h3>
|
<h3 class="text-center">Page not found</h3>
|
||||||
|
|
@ -61,11 +139,12 @@
|
||||||
</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>
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,8 @@ angular.module('cosign',[
|
||||||
'cosign.home',
|
'cosign.home',
|
||||||
'cosign.transactions',
|
'cosign.transactions',
|
||||||
'cosign.send',
|
'cosign.send',
|
||||||
'cosign.backup'
|
'cosign.backup',
|
||||||
|
'monospaced.qrcode'
|
||||||
]);
|
]);
|
||||||
|
|
||||||
angular.module('cosign.header', []);
|
angular.module('cosign.header', []);
|
||||||
|
|
|
||||||
|
|
@ -3,4 +3,9 @@
|
||||||
angular.module('cosign.home').controller('HomeController',
|
angular.module('cosign.home').controller('HomeController',
|
||||||
function($scope, $rootScope, $location) {
|
function($scope, $rootScope, $location) {
|
||||||
$scope.title = 'Home';
|
$scope.title = 'Home';
|
||||||
|
|
||||||
|
$scope.addrs = [
|
||||||
|
{ addrStr: 'n3zUqNR7Bbbc4zJhPVj1vG2Lx66K3Xhzvb'},
|
||||||
|
{ addrStr: 'my9wnLwwUrwpNfEgSrWY62ymEGf1edKf4J'}
|
||||||
|
];
|
||||||
});
|
});
|
||||||
|
|
|
||||||
|
|
@ -3,4 +3,30 @@
|
||||||
angular.module('cosign.transactions').controller('TransactionsController',
|
angular.module('cosign.transactions').controller('TransactionsController',
|
||||||
function($scope, $rootScope, $location) {
|
function($scope, $rootScope, $location) {
|
||||||
$scope.title = 'Transactions';
|
$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
|
||||||
|
}
|
||||||
|
];
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue