Browse Source

trying to be more consistent about monospace class: text-monospace

master
Dan Janosik 5 years ago
parent
commit
a5cd01d9a1
No known key found for this signature in database GPG Key ID: C6F8CE9FFDB2CED2
  1. 4
      public/css/styling.css
  2. 34
      views/address.pug
  3. 4
      views/block.pug
  4. 4
      views/browser.pug
  5. 2
      views/fun.pug
  6. 4
      views/includes/donation-modal.pug
  7. 2
      views/includes/transaction-io-details.pug
  8. 2
      views/includes/value-display.pug
  9. 2
      views/index.pug
  10. 24
      views/mempool-summary.pug
  11. 20
      views/peers.pug
  12. 2
      views/transaction.pug
  13. 2
      views/unconfirmed-transactions.pug

4
public/css/styling.css

@ -16,8 +16,8 @@ img.header-image {
margin-right: 10px;
}
code, .monospace {
font-family: "Source Code Pro", monospace;
code, .text-monospace {
font-family: "Source Code Pro", monospace !important;
}
.card-body {

34
views/address.pug

@ -8,11 +8,11 @@ block content
if (!result.validateaddress.isvalid)
h1(class="h3 text-danger") Invalid Address
br
small(class="monospace") #{address}
small(class="text-monospace") #{address}
else
h1.h3 Address
br
small(class="monospace") #{address}
small(class="text-monospace") #{address}
hr
@ -107,32 +107,32 @@ block content
if (addressObj.hash)
div(class="row")
div(class="summary-split-table-label") Hash 160
div(class="summary-split-table-content monospace") #{addressObj.hash.toString("hex")}
div(class="summary-split-table-content text-monospace") #{addressObj.hash.toString("hex")}
if (result.validateaddress.scriptPubKey)
div(class="row")
div(class="summary-split-table-label") Script Public Key
div(class="summary-split-table-content monospace") #{result.validateaddress.scriptPubKey}
div(class="summary-split-table-content text-monospace") #{result.validateaddress.scriptPubKey}
if (addressObj.hasOwnProperty("version"))
div(class="row")
div(class="summary-split-table-label") Version
div(class="summary-split-table-content monospace") #{addressObj.version}
div(class="summary-split-table-content text-monospace") #{addressObj.version}
if (result.validateaddress.hasOwnProperty("witness_version"))
div(class="row")
div(class="summary-split-table-label") Witness Version
div(class="summary-split-table-content monospace") #{result.validateaddress.witness_version}
div(class="summary-split-table-content text-monospace") #{result.validateaddress.witness_version}
if (result.validateaddress.witness_program)
div(class="row")
div(class="summary-split-table-label") Witness Program
div(class="summary-split-table-content monospace") #{result.validateaddress.witness_program}
div(class="summary-split-table-content text-monospace") #{result.validateaddress.witness_program}
if (firstSeenTransaction && firstSeenTransaction.confirmations > 0)
div(class="row")
div(class="summary-split-table-label") First Seen
div(class="summary-split-table-content monospace")
div(class="summary-split-table-content text-monospace")
if (getblockchaininfo)
span Block ##{(getblockchaininfo.blocks - firstSeenTransaction.confirmations).toLocaleString()}
else
@ -152,7 +152,7 @@ block content
if (balance.conflictedResults)
div(class="row")
div(class="summary-split-table-label") Balance
div(class="summary-split-table-content monospace")
div(class="summary-split-table-content text-monospace")
span(class="text-warning") Conflicted ElectrumX Results
each item in balance.conflictedResults
@ -163,39 +163,39 @@ block content
else
div(class="row")
div(class="summary-split-table-label") Balance
div(class="summary-split-table-content monospace")
div(class="summary-split-table-content text-monospace")
- var currencyValue = balance.result.confirmed / coinConfig.baseCurrencyUnit.multiplier;
include includes/value-display.pug
if (balance.unconfirmed)
div(class="row")
div(class="summary-split-table-label") Unconfirmed
div(class="summary-split-table-content monospace")
div(class="summary-split-table-content text-monospace")
- var currencyValue = balance.unconfirmed / coinConfig.baseCurrencyUnit.multiplier;
include includes/value-display.pug
if (addressDetails && addressDetails.balanceSat)
div(class="row")
div(class="summary-split-table-label") Balance
div(class="summary-split-table-content monospace")
div(class="summary-split-table-content text-monospace")
- var currencyValue = new Decimal(addressDetails.balanceSat).dividedBy(coinConfig.baseCurrencyUnit.multiplier);
include includes/value-display.pug
if (addressDetails && addressDetails.txCount)
div(class="row")
div(class="summary-split-table-label") Transactions
div(class="summary-split-table-content monospace") #{addressDetails.txCount.toLocaleString()}
div(class="summary-split-table-content text-monospace") #{addressDetails.txCount.toLocaleString()}
div(class="row")
div(class="summary-split-table-label") QR Code
div(class="summary-split-table-content monospace")
div(class="summary-split-table-content text-monospace")
img(src=addressQrCodeUrl, alt=address, style="border: solid 1px #ccc;")
div(class="col-md-6")
if (electrumScripthash)
div(class="row")
div(class="summary-split-table-label") Scripthash
div(class="summary-split-table-content monospace") #{electrumScripthash}
div(class="summary-split-table-content text-monospace") #{electrumScripthash}
- var x = result.validateaddress;
- var flagNames = ["Is Valid?", "Is Script?", "Is Witness?", "Is Mine?", "Is Watch-Only?"];
@ -204,7 +204,7 @@ block content
each flagName, index in flagNames
div(class="row")
div(class="summary-split-table-label") #{flagName}
div(class="summary-split-table-content monospace")
div(class="summary-split-table-content text-monospace")
if (flags[index])
i(class="fas fa-check text-success")
else
@ -317,7 +317,7 @@ block content
//pre
// code.json.bg-light #{JSON.stringify(tx, null, 4)}
div(class=("xcard bg-light rounded shadow-sm " + ((txIndex < (transactions.length - 1) || txids.length > limit) ? "mb-4" : "")))
div(class="card-header monospace clearfix")
div(class="card-header text-monospace clearfix")
div(class="float-left", style="margin-right: 0px;")
if (sort == "desc")
span ##{(addressDetails.txCount - offset - txIndex).toLocaleString()}

4
views/block.pug

@ -5,9 +5,9 @@ block headContent
block content
h1.h3 Block
small(style="width: 100%;", class="monospace") ##{result.getblock.height.toLocaleString()}
small(style="width: 100%;", class="text-monospace") ##{result.getblock.height.toLocaleString()}
br
small(style="width: 100%;", class="monospace word-wrap") #{result.getblock.hash}
small(style="width: 100%;", class="text-monospace word-wrap") #{result.getblock.hash}
hr
include includes/block-content.pug

4
views/browser.pug

@ -21,7 +21,7 @@ block content
div(class="col")
h4(style="display: inline-block;")
span Command:
span(class="font-weight-light") #{method}
span.font-weight-light.text-monospace #{method}
div(class="col")
a(href=("https://bitcoin.org/en/developer-reference#" + method), class="btn btn-primary float-md-right") See developer docs &raquo;
@ -120,5 +120,5 @@ block content
ol(style="padding-left: 30px;")
each methodX, methodIndex in section.methods
li
a(href=("/rpc-browser?method=" + methodX.name), style=(methodX.name == method ? "font-weight: bold; font-style: italic;" : false), class="monospace") #{methodX.name}
a(href=("/rpc-browser?method=" + methodX.name), style=(methodX.name == method ? "font-weight: bold; font-style: italic;" : false), class="text-monospace") #{methodX.name}

2
views/fun.pug

@ -25,7 +25,7 @@ block content
td(class="data-cell") #{item.summary}
td(class="data-cell monospace")
td(class="data-cell text-monospace")
if (item.type == "tx")
a(href=("/tx/" + item.txid), title=item.txid, data-toggle="tooltip") Tx #{item.txid.substring(0, 23)}...
else if (item.type == "block")

4
views/includes/donation-modal.pug

@ -55,7 +55,7 @@
div(class="mb-3")
each coin, index in config.donations.addresses.coins
div(class="monospace")
div(class="text-monospace")
if (coinConfig.ticker == coin)
span #{config.donations.addresses[coin].address}
else
@ -63,7 +63,7 @@
a(href=(config.donations.addresses.sites[coin] + "/address/" + config.donations.addresses[coin].address), class="text-wrap") #{config.donations.addresses[coin].address}
each coin, index in config.donations.addresses.coins
div(style="display: inline-block; max-width: 150px;", class="text-center mb-3 word-wrap monospace", class=(index > 0 ? "ml-md-3" : false))
div(style="display: inline-block; max-width: 150px;", class="text-center mb-3 word-wrap text-monospace", class=(index > 0 ? "ml-md-3" : false))
img(src=donationAddressQrCodeUrls[coin], alt=config.donations.addresses[coin].address, style="border: solid 1px #ccc;")

2
views/includes/transaction-io-details.pug

@ -13,7 +13,7 @@ script.
link.classList.add("d-none");
}
div(class="row monospace")
div(class="row text-monospace")
div(class="col-lg-6")
if (txInputs)
- var extraInputCount = 0;

2
views/includes/value-display.pug

@ -15,4 +15,4 @@ if (currencyValue > 0)
small.border-dotted.ml-1(data-toggle="tooltip", title=utils.formatCurrencyAmount(currencyValue, coinConfig.defaultCurrencyUnit.name)) #{parts[1]}
else
span.monospace 0
span.text-monospace 0

2
views/index.pug

@ -215,7 +215,7 @@ block content
th Transactions Per Sec
tbody
each item, index in chainTxStats
tr(class="monospace")
tr(class="text-monospace")
td #{chainTxStatsLabels[index]}
td #{item.window_tx_count.toLocaleString()}
td #{new Decimal(item.txrate).toDecimalPlaces(4)}

24
views/mempool-summary.pug

@ -19,34 +19,34 @@ block content
table(class="table details-table mb-0")
tr
td(class="properties-header") Transaction Count
td #{getmempoolinfo.size.toLocaleString()}
td.text-monospace #{getmempoolinfo.size.toLocaleString()}
tr
- var mem1Data = utils.formatLargeNumber(getmempoolinfo.usage, 2);
- var mem2Data = utils.formatLargeNumber(getmempoolinfo.bytes, 2);
td(class="properties-header") Memory Usage
td(class="monospace")
td.text-monospace
span #{mem1Data[0]} #{mem1Data[1].abbreviation}B
span(class="text-muted") (#{mem2Data[0]} v#{mem2Data[1].abbreviation}B)
tr
td(class="properties-header") Total Fees
td(class="monospace")
td.text-monospace
- var currencyValue = mempoolstats["totalFees"];
include includes/value-display.pug
if (getmempoolinfo.size > 0)
tr
td(class="properties-header") Avg Fee
td(class="monospace")
td.text-monospace
- var currencyValue = mempoolstats["averageFee"];
include ./includes/value-display.pug
tr
td(class="properties-header") Avg Fee per
span.border-dotted(title="Virtual bytes", data-toggle="tooltip") vByte
td(class="monospace") #{utils.formatCurrencyAmountInSmallestUnits(mempoolstats["averageFeePerByte"], 2)}/vB
td.text-monospace #{utils.formatCurrencyAmountInSmallestUnits(mempoolstats["averageFeePerByte"], 2)}/vB
if (getmempoolinfo.size > 0)
div.card.mb-3.shadow-sm
@ -118,9 +118,9 @@ block content
tbody
each item, index in mempoolstats["satoshiPerByteBuckets"]
tr
td #{mempoolstats["satoshiPerByteBucketLabels"][index]}
td(class="text-right monospace") #{item["count"].toLocaleString()}
td(class="text-right monospace")
td.text-monospace #{mempoolstats["satoshiPerByteBucketLabels"][index]}
td.text-monospace.text-right #{item["count"].toLocaleString()}
td.text-monospace.text-right
- var currencyValue = item["totalFees"];
include ./includes/value-display.pug
@ -128,14 +128,14 @@ block content
- var avgFee = item["totalFees"] / item["count"];
- var avgFeeRate = item["totalFees"] / item["totalBytes"];
td(class="text-right monospace")
td.text-monospace.text-right
- var currencyValue = avgFee;
include ./includes/value-display.pug
td(class="text-right monospace") #{utils.formatCurrencyAmountInSmallestUnits(avgFeeRate, 2)}/B
td.text-monospace.text-right #{utils.formatCurrencyAmountInSmallestUnits(avgFeeRate, 2)}/vB
else
td(class="text-right monospace") -
td(class="text-right monospace") -
td.text-monospace.text-right -
td.text-monospace.text-right -
div.card.mb-3.shadow-sm
div.card-header

20
views/peers.pug

@ -56,8 +56,8 @@ block content
tr(class=(index >= 5 ? "versions-hidden-rows" : false))
td(class="data-cell font-weight-bold") #{index + 1}
td(class="data-cell monospace") #{item[0]}
td(class="data-cell monospace") #{item[1].toLocaleString()}
td(class="data-cell text-monospace") #{item[0]}
td(class="data-cell text-monospace") #{item[1].toLocaleString()}
div(class="col-md-6")
span(class="font-weight-bold") Top Service Flags
@ -73,8 +73,8 @@ block content
tr(class=(index >= 5 ? "services-hidden-rows" : false))
td(class="data-cell font-weight-bold") #{index + 1}
td(class="data-cell monospace") #{item[0]}
td(class="data-cell monospace") #{item[1].toLocaleString()}
td(class="data-cell text-monospace") #{item[0]}
td(class="data-cell text-monospace") #{item[1].toLocaleString()}
div(class="card mb-4 shadow-sm")
div(class="card-header")
@ -106,12 +106,12 @@ block content
tr
th(class="data-cell") #{index + 1}
td(class="data-cell monospace") #{item.subver}
td(class="data-cell monospace") #{item.addr}
td(class="data-cell monospace") #{item.services}
td(class="data-cell text-monospace") #{item.subver}
td(class="data-cell text-monospace") #{item.addr}
td(class="data-cell text-monospace") #{item.services}
if (peerIpSummary.ips)
td(class="data-cell monospace")
td(class="data-cell text-monospace")
- var ipAddr = item.addr.substring(0, item.addr.lastIndexOf(":"));
if (peerIpSummary.ips && peerIpSummary.ips.includes(ipAddr))
- var ipDetails = peerIpSummary.detailsByIp[ipAddr];
@ -127,7 +127,7 @@ block content
- var ipAddr = null;
td(class="data-cell monospace") #{lastSendAgo} / #{lastRecvAgo}
td(class="data-cell text-monospace") #{lastSendAgo} / #{lastRecvAgo}
@ -137,7 +137,7 @@ block content
a(href="javascript:void(0)" onclick=("javascript:var peer = document.getElementById('peerinfo_" + index + "'); peer.style.display = peer.style.display === 'none' ? '' : 'none';"))
i(class="fas fa-plus-circle")
span(class="monospace") #{item.addr}
span(class="text-monospace") #{item.addr}
div(style="display: none;", id=("peerinfo_" + index), class="p-3")
h6 Peer Details

2
views/transaction.pug

@ -12,7 +12,7 @@ block content
if (result && result.getrawtransaction)
h1(class="h3 word-wrap") Transaction
br
small(class="monospace") #{txid}
small(class="text-monospace") #{txid}
hr
ul(class='nav nav-tabs mb-3')

2
views/unconfirmed-transactions.pug

@ -25,7 +25,7 @@ block content
div(class="card-body")
each tx, txIndex in mempoolDetails.transactions
div(class="xcard bg-light rounded shadow-sm mb-4")
div(class="card-header monospace")
div(class="card-header text-monospace")
if (tx && tx.txid)
strong ##{(txIndex + offset).toLocaleString()}
span &ndash;

Loading…
Cancel
Save