diff --git a/views/address.pug b/views/address.pug index d9a8fae..8e77a76 100644 --- a/views/address.pug +++ b/views/address.pug @@ -44,43 +44,48 @@ block content ul(class='nav nav-tabs mb-3') li(class="nav-item") - a(data-toggle="tab", href="#tab-summary", class="nav-link active", role="tab") Summary + a(data-toggle="tab", href="#tab-details", class="nav-link active", role="tab") Summary li(class="nav-item") a(data-toggle="tab", href="#tab-raw", class="nav-link", role="tab") Raw div(class="tab-content") - div(id="tab-summary", class="tab-pane active", role="tabpanel") - table(class="table") - if (addressObj.hash) - tr - th(class="table-active properties-header") Hash 160 - td(class="monospace") #{addressObj.hash.toString("hex")} - - if (result.validateaddress.scriptPubKey) - tr - th(class="table-active properties-header") Script Public Key - td(class="monospace") #{result.validateaddress.scriptPubKey} - - if (addressObj.hasOwnProperty("version")) - tr - th(class="table-active properties-header") Version - td(class="monospace") #{addressObj.version} - - if (result.validateaddress.hasOwnProperty("witness_version")) - tr - th(class="table-active properties-header") Witness Version - td(class="monospace") #{result.validateaddress.witness_version} - - if (result.validateaddress.witness_program) - tr - th(class="table-active properties-header") Witness Program - td(class="monospace") #{result.validateaddress.witness_program} - - tr - th(class="table-active properties-header") QR Code - td(class="monospace") - img(src=addressQrCodeUrl, alt=address) + div(id="tab-details", class="tab-pane active", role="tabpanel") + + div(class="card mb-3") + div(class="card-header") + span(class="h6") Summary + div(class="card-body") + table(class="table details-table") + if (addressObj.hash) + tr + td(class="properties-header") Hash 160 + td(class="monospace") #{addressObj.hash.toString("hex")} + + if (result.validateaddress.scriptPubKey) + tr + td(class="properties-header") Script Public Key + td(class="monospace") #{result.validateaddress.scriptPubKey} + + if (addressObj.hasOwnProperty("version")) + tr + td(class="properties-header") Version + td(class="monospace") #{addressObj.version} + + if (result.validateaddress.hasOwnProperty("witness_version")) + tr + td(class="properties-header") Witness Version + td(class="monospace") #{result.validateaddress.witness_version} + + if (result.validateaddress.witness_program) + tr + td(class="properties-header") Witness Program + td(class="monospace") #{result.validateaddress.witness_program} + + tr + td(class="properties-header") QR Code + td(class="monospace") + img(src=addressQrCodeUrl, alt=address, style="border: solid 1px #ccc;") div(class="card mb-3") div(class="card-header")