blockbook/static/templates/tx.html

{{define "specific"}}{{$tx := .Tx}}{{$data := .}}
<div class="row">
    <h1 class="col-12">Transaction</h1>
</div>
<div class="row pt-3">
    <h5 class="col-12 d-flex h-data"><span class="ellipsis copyable">{{$tx.Txid}}</span></h5>
</div>
<table class="table data-table info-table">
    <tbody>
        {{if $tx.Confirmations}}
        <tr>
            <td>Mined Time</td>
            <td>{{unixTimeSpan $tx.Blocktime}}</td>
        </tr>
        {{end}}
        <tr>
            <td>In Block</td>
            <td class="ellipsis" style="max-width: 280px">{{if $tx.Confirmations}}{{$tx.Blockhash}}{{else}}<span class="badge bg-danger">Unconfirmed</span>{{end}}</td>
        </tr>
        {{if $tx.Confirmations}}
        <tr>
            <td>In Block Height</td>
            <td><a href="/block/{{$tx.Blockheight}}">{{formatInt $tx.Blockheight}}</a></td>
        </tr>
        {{end}}
        {{if $tx.FeesSat}}
        <tr>
            <td>Fees</td>
            <td>{{amountSpan $tx.FeesSat $data "copyable"}}{{if $tx.Size}} ({{feePerByte $tx}}){{end}}</td>
        </tr>{{end}}
        {{if not $tx.Confirmations}}
        {{if $tx.ConfirmationETABlocks}}
        <tr>
            <td>Confirmation ETA</td>
            <td>
                <span tt="Estimated first potential confirmation of this transaction.">in approx. {{relativeTime $tx.ConfirmationETASeconds}} <span class="fw-normal ps-1">({{$tx.ConfirmationETABlocks}} blocks)</span></span>
            </td>
        </tr>
        {{end}}
        <tr>
            <td><span tt="Replace by fee">RBF</span></td>
            <td>
                {{if $tx.Rbf}}
                <span tt="Replace-by-Fee transaction, could be overridden by a new transaction">ON</span>
                {{else}}
                <span tt="Final transaction that can not be replaced unless it is dropped from the mempool.">OFF️</span>
                {{end}}
            </td>
        </tr>
        {{end}}
    </tbody>
</table>
<div class="pt-1">
    {{template "txdetail" .}}
</div>
<div class="pt-4">
    <h5>Raw Transaction</h5>
    <div class="json">
        <pre id="raw"></pre>
    </div>
    <script type="text/javascript">
        var raw = {{$tx.CoinSpecificData}};
        document.getElementById('raw').innerHTML = syntaxHighlight(raw);
    </script>
</div>
{{end}}