davide/purple-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use separate CSS class for digits after decimal place

Browse Source
This commit is contained in:
joeuhren
2020-11-20 17:13:30 -07:00
parent 94f8c97d13
commit 6b3100e506
8 changed files with 67 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/stylesheets/style.css
+4
View File
@@ -202,4 +202,8 @@ tr {
.logo-main {
padding: 0 15px 0 30px;
}
}
.decimal {
font-size: 0.7em;
}
views/address.pug
+11 -5
View File
@@ -2,8 +2,11 @@ extends layout
block content
- var balance = ((address.received - address.sent) / 100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var sent = (address.sent /100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true})
- var received = (address.received / 100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true})
- var balanceParts = balance.split('.');
- var sent = (address.sent /100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var sentParts = sent.split('.');
- var received = (address.received / 100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var receivedParts = received.split('.');
img.qrcode.pull-right.hidden-xs(src='/qr/' + address.a_id)
.col-xs-12.col-md-10.col-md-offset-1
.panel.panel-default.panel-address-summary
@@ -34,11 +37,14 @@ block content
tbody
tr
if settings.show_sent_received == true
td #{sent}
td #{sentParts[0]}.
span.decimal #{sentParts[1]}
if address.a_id !== 'coinbase'
if settings.show_sent_received == true
td #{received}
td #{balance}
td #{receivedParts[0]}.
span.decimal #{receivedParts[1]}
td #{balanceParts[0]}.
span.decimal #{balanceParts[1]}
.panel.panel-default
.panel-heading
strong #{settings.locale.ex_latest_transactions}
views/block.pug
+6 -2
View File
@@ -92,10 +92,14 @@ block content
td #{txn.vout.length}
if txn.vout.length > 0
- var total = (txn.total / 100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
td #{total}
- var totalParts = total.split('.')
td #{totalParts[0]}.
span.decimal #{totalParts[1]}
else
- var total = (txn.total).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
td #{total}
- var totalParts = total.split('.')
td #{totalParts[0]}.
span.decimal #{totalParts[1]}
td.view_tx
a(href='/tx/' + txn.txid)
span.glyphicon.glyphicon-eye-open
views/includes/address_history.pug
+18 -6
View File
@@ -27,31 +27,43 @@ script.
var vin = data[3]; //variables for better readability
var balance = (data[4] / 100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true}); //variables for better readability
var balanceParts = balance.split('.');
$("td:eq(0)", row).html(timestamp);
$("td:eq(1)", row).html('<a href="/tx/' + txhash + '">' + txhash + '</a>');
var amount = 0;
var updown = "";
var rowclass = "info";
if(out > 0 && vin > 0) {
amount = (out - vin) / 100000000
if (amount < 0) {
amount = (amount * -1).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
$("td:eq(2)", row).html("-" + amount).addClass("info");
updown = "-";
//- $("td:eq(2)", row).html("-" + amount).addClass("info");
} else if (amount > 0) {
amount = amount.toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
$("td:eq(2)", row).html("+" + amount).addClass("info");
updown = "+";
//- $("td:eq(2)", row).html("+" + amount).addClass("info");
} else {
amount = amount.toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
$("td:eq(2)", row).html(amount).addClass("info");
//- $("td:eq(2)", row).html(amount).addClass("info");
}
} else if (out > 0) {
amount = (out / 100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
$("td:eq(2)", row).html("+" + amount).addClass("success");
updown = "+";
rowclass = "success";
//- $("td:eq(2)", row).html("+" + amount).addClass("success");
} else {
amount = (vin / 100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
$("td:eq(2)", row).html("-" + amount).addClass("danger");
updown = "-";
rowclass = "danger";
//- $("td:eq(2)", row).html("-" + amount).addClass("danger");
}
$("td:eq(3)", row).html(balance);
var amountParts = amount.split('.');
$("td:eq(2)", row).html(updown + amountParts[0] + '.<span class="decimal">' + amountParts[1] + '</span>').addClass(rowclass);
$("td:eq(3)", row).html(balanceParts[0] + '.<span class="decimal">' + balanceParts[1] + '</span>');
},
});
views/includes/rl_balance.pug
+4 -5
View File
@@ -1,7 +1,7 @@
table.table.table-hover.table-bordered(cellspacing="0")
thead
tr
th(style='text-align:center;')
th(style='text-align:center;')
span.fa.fa-flag-checkered
th #{settings.locale.tx_address}
th.hidden-xs #{settings.locale.rl_balance} (#{settings.symbol})
@@ -11,8 +11,7 @@ table.table.table-hover.table-bordered(cellspacing="0")
each item in balance
- count = count + 1
- var itemFixed = (parseInt(item.balance) / 100000000);
- var itemFixedParts = itemFixed.toFixed(0).toString().split(".");
- var itemFixedStr = itemFixedParts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") + (itemFixedParts[1] ? "." + itemFixedParts[1] : "");
- var itemFixedParts = itemFixed.toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true}).split(".");
- var percentage = (itemFixed / stats.supply) * 100;
tr
td(style='text-align:center;')
@@ -20,7 +19,7 @@ table.table.table-hover.table-bordered(cellspacing="0")
td
a(href='/address/' + item.a_id) #{item.a_id}
include ./rl_labels.pug
td.hidden-xs
=itemFixedStr
td.hidden-xs #{itemFixedParts[0]}.
span.decimal #{itemFixedParts[1]}
td.hidden-xs(style='text-align:center;')
=percentage.toFixed(2)
views/includes/rl_received.pug
+4 -5
View File
@@ -9,14 +9,13 @@ table.table.table-hover.table-bordered(cellspacing="0")
- var count = 0
each item in received
- count = count + 1;
- var itemFixed = (parseInt(item.received) / 100000000);
- var itemFixedParts = itemFixed.toFixed(0).toString().split(".");
- var itemFixedStr = itemFixedParts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ",") + (itemFixedParts[1] ? "." + itemFixedParts[1] : "");
- var itemFixed = (parseInt(item.received) / 100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true})
- var itemFixedParts = itemFixed.split(".");
tr
td(style='text-align:center;')
=count
td
a(href='/address/' + item.a_id) #{item.a_id}
include ./rl_labels.pug
td.hidden-xs
=itemFixedStr
td.hidden-xs #{itemFixedParts[0]}.
span.decimal #{itemFixedParts[1]}
views/index.pug
+3 -2
View File
@@ -50,8 +50,9 @@ block content
json.data[i]['timestamp'] = new Date((json.data[i]['timestamp']) * 1000).toUTCString();
json.data[i]['txid'] = "<a href='/tx/" + json.data[i]['txid'] + "'>" + json.data[i]['txid'] + "</a>";
json.data[i]['blockindex'] = "<a href='/block/" + json.data[i]['blockhash'] + "'>" + json.data[i]['blockindex'] + "</a>";
var amount = json.data[i]['total'] / 100000000;
json.data[i]['total'] = amount.toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
var amount = (json.data[i]['total'] / 100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
var amountParts = amount.split('.');
json.data[i]['total'] = amountParts[0] + '.<span class="decimal">' + amountParts[1] + '</span>';
json.data[i]['recipients'] = json.data[i]['vout'].length;
}
return json.data;
views/tx.pug
+17 -7
View File
@@ -72,6 +72,7 @@ block content
td #{settings.locale.new_coins}
else
- var ramount = (r.amount / 100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true})
- var ramountParts = ramount.split('.')
tr
td
if r.addresses != 'private_tx'
@@ -79,9 +80,11 @@ block content
=r.addresses
else
=settings.locale.hidden_sender
td.danger.hidden-xs #{ramount}
td.danger.hidden-xs #{ramountParts[0]}.
span.decimal #{ramountParts[1]}
tr.hidden-lg.hidden-md
td.danger #{ramount} #{settings.symbol}
td.danger #{ramountParts[0]}.
span.decimal #{ramountParts[1]} #{settings.symbol}
else
tr.info(style='text-align:center')
td #{settings.locale.proof_of_stake}
@@ -98,28 +101,35 @@ block content
each r in tx.vout
if tx.vout.length > 0
- var ramount = (r.amount / 100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true})
- var ramountParts = ramount.split('.')
tr
if r.addresses != 'private_tx'
td
a.loading(href='/address/' + r.addresses)
=r.addresses
td.success.hidden-xs #{ramount}
td.success.hidden-xs #{ramountParts[0]}.
span.decimal #{ramountParts[1]}
else if r.amount > 0
td
=settings.locale.hidden_recipient
td.success.hidden-xs #{ramount}
td.success.hidden-xs #{ramountParts[0]}.
span.decimal #{ramountParts[1]}
else
td(colspan='2')
=settings.locale.hidden_recipient
tr.hidden-lg.hidden-md
td.success #{ramount} #{settings.symbol}
td.success #{ramountParts[0]}.
span.decimal #{ramountParts[1]} #{settings.symbol}
else
- var ramount = (r.amount / 100000000).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true})
- var ramountParts = ramount.split('.')
tr
td
a.loading(href='/address/' + r.addresses)
=r.addresses
td.success.hidden-xs #{ramount}
td.success.hidden-xs #{ramountParts[0]}.
span.decimal #{ramountParts[1]}
tr.hidden-lg.hidden-md
td.success #{ramount} #{settings.symbol}
td.success #{ramountParts[0]}.
span.decimal #{ramountParts[1]} #{settings.symbol}
.footer-padding