Add QR code to address view in explorer

This commit is contained in:
Martin Boehm 2018-09-13 23:52:39 +02:00
parent 955dcfa346
commit 13dfa46edc
3 changed files with 36 additions and 22 deletions

View File

@ -189,7 +189,11 @@ h3 {
} }
.data-div { .data-div {
margin: 20px 0; margin: 20px 0 30px 0;
}
.data-div .col-md-10 {
padding-left: 0;
} }
.data-table { .data-table {

1
static/js/qrcode.min.js vendored Executable file

File diff suppressed because one or more lines are too long

View File

@ -6,27 +6,36 @@
<span class="ellipsis data">{{$addr.AddrStr}}</span> <span class="ellipsis data">{{$addr.AddrStr}}</span>
</div> </div>
<h3>Confirmed</h3> <h3>Confirmed</h3>
<div class="data-div"> <div class="data-div row">
<table class="table data-table"> <div class="col-md-10">
<tbody> <table class="table data-table">
<tr> <tbody>
<td style="width: 25%;">Total Received</td> <tr>
<td class="data">{{formatAmount $addr.TotalReceived}} {{$cs}}</td> <td style="width: 25%;">Total Received</td>
</tr> <td class="data">{{formatAmount $addr.TotalReceived}} {{$cs}}</td>
<tr> </tr>
<td>Total Sent</td> <tr>
<td class="data">{{formatAmount $addr.TotalSent}} {{$cs}}</td> <td>Total Sent</td>
</tr> <td class="data">{{formatAmount $addr.TotalSent}} {{$cs}}</td>
<tr> </tr>
<td>Final Balance</td> <tr>
<td class="data">{{formatAmount $addr.Balance}} {{$cs}}</td> <td>Final Balance</td>
</tr> <td class="data">{{formatAmount $addr.Balance}} {{$cs}}</td>
<tr> </tr>
<td>No. Transactions</td> <tr>
<td class="data">{{$addr.TxApperances}}</td> <td>No. Transactions</td>
</tr> <td class="data">{{$addr.TxApperances}}</td>
</tbody> </tr>
</table> </tbody>
</table>
</div>
<div class="col-md-2">
<div id="qrcode"></div>
<script type="text/javascript" src="/static/js/qrcode.min.js"></script>
<script type="text/javascript">
new QRCode(document.getElementById("qrcode"), { text: "{{$addr.AddrStr}}", width: 160, height: 160 });
</script>
</div>
</div> </div>
{{- if $addr.UnconfirmedTxApperances -}} {{- if $addr.UnconfirmedTxApperances -}}
<h3>Unconfirmed</h3> <h3>Unconfirmed</h3>