LBRYCommunity/coinbin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #17 from bitcoincoltd/master

Browse source 
Add QR code buttons for transaction data textareas
This commit is contained in:
OutCast3k 2015-06-22 10:54:03 +01:00
commit d81f2779a9
2 changed files with 32 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
index.html
View file

@ -538,7 +538,12 @@
<label>Transaction</label> <label>Transaction</label>
<p>The transaction below has been generated and encoded. It can be broadcasted once it has been signed.</p> <p>The transaction below has been generated and encoded. It can be broadcasted once it has been signed.</p>
<br> <br>
<textarea class="form-control" style="height:150px" readonly></textarea> <div class="input-group">
<textarea class="form-control" style="height:150px" readonly></textarea>
<span class="input-group-btn">
<button class="qrcodeBtn btn btn-default" type="button" data-toggle="modal" data-target="#modalQrcode"><span class="glyphicon glyphicon-qrcode"></span></button>
</span>
</div>
<p class="text-muted">Size: <span class="txSize">0</span> <i>bytes</i></p> <p class="text-muted">Size: <span class="txSize">0</span> <i>bytes</i></p>
</div> </div>
@ -740,8 +745,13 @@
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
<label for="signTransaction">Transaction</label> <label for="signTransaction">Transaction</label>
<textarea type="text" id="signTransaction" class="form-control" style="height:125px"></textarea> <div class="input-group">
<textarea type="text" id="signTransaction" class="form-control" style="height:125px"></textarea>
<span class="input-group-btn">
<button class="qrcodeBtn btn btn-default" type="button" data-toggle="modal" data-target="#modalQrcode"><span class="glyphicon glyphicon-qrcode"></span></button>
</span>
</div>
</div> </div>
</div> </div>
<br> <br>
@ -753,7 +763,12 @@
<div class="alert alert-success hidden" id="signedData"> <div class="alert alert-success hidden" id="signedData">
<label>Signed transaction</label> <label>Signed transaction</label>
<p>The above transaction has been signed:</p> <p>The above transaction has been signed:</p>
<textarea class="form-control script" style="height:160px" readonly></textarea> <div class="input-group">
<textarea class="form-control script" style="height:160px" readonly></textarea>
<span class="input-group-btn">
<button class="qrcodeBtn btn btn-default" type="button" data-toggle="modal" data-target="#modalQrcode"><span class="glyphicon glyphicon-qrcode"></span></button>
</span>
</div>
<p class="text-muted">Size: <span class="txSize">0</span> <i>bytes</i></p> <p class="text-muted">Size: <span class="txSize">0</span> <i>bytes</i></p>
</div> </div>

15
js/coinbin.js
View file

@ -929,8 +929,19 @@ $(document).ready(function() {
$(".qrcodeBtn").click(function(){ $(".qrcodeBtn").click(function(){
$("#qrcode").html(""); $("#qrcode").html("");
var thisbtn = $(this).parent().parent(); var thisbtn = $(this).parent().parent();
var qrcode = new QRCode("qrcode");
qrcode.makeCode("bitcoin:"+$('.address',thisbtn).val()); if($('textarea',$(this).closest('.input-group')).length){
var qrcode = new QRCode("qrcode",{width:512,height:512});
var qrstr = $('textarea',$(this).closest('.input-group')).val();
if(qrstr.length > 2000){
$("#qrcode").html("<p>Sorry the data is too long for the QR generator.</p>");
return;
}
}else{
var qrcode = new QRCode("qrcode");
var qrstr = "bitcoin:"+$('.address',thisbtn).val();
}
qrcode.makeCode(qrstr);
}); });
$('input[title!=""], abbr[title!=""]').tooltip({'placement':'bottom'}); $('input[title!=""], abbr[title!=""]').tooltip({'placement':'bottom'});