diff --git a/lib/settings.js b/lib/settings.js index 79b282f..b789c51 100644 --- a/lib/settings.js +++ b/lib/settings.js @@ -92,6 +92,7 @@ exports.display = { "network": true, "page_header_bgcolor": "", "page_footer_bgcolor": "", + "table_header_bgcolor": "", "networkpnl": 1, "difficultypnl": 2, "masternodespnl": 3, diff --git a/public/css/style.scss b/public/css/style.scss index 6b60708..8b3b5d9 100644 --- a/public/css/style.scss +++ b/public/css/style.scss @@ -69,6 +69,246 @@ } } +@mixin thead-dark-border-color() { + @if theme-selector.$theme-name == "Cerulean" { + border-color: #454d55; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Cosmo" { + border-color: #494d50; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Cyborg" { + border-color: #757575; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Darkly" { + border-color: #434343; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Flatly" { + border-color: #454d55; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Journal" { + border-color: #464646; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Litera" { + border-color: #454d55; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Lumen" { + border-color: #464646; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Lux" { + border-color: #454d55; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Materia" { + border-color: #353535; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Minty" { + border-color: Minty.$table-border-color; + } @else if theme-selector.$theme-name == "Pulse" { + border-color: Pulse.$table-border-color; + } @else if theme-selector.$theme-name == "Sandstone" { + border-color: #52534c; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Simplex" { + border-color: #494d50; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Sketchy" { + border-color: #464646; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Slate" { + border-color: Slate.$table-border-color; + } @else if theme-selector.$theme-name == "Solar" { + border-color: #a5adb6; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Spacelab" { + border-color: #464646; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Superhero" { + border-color: Superhero.$gray-200; + } @else if theme-selector.$theme-name == "United" { + border-color: #642246; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "Yeti" { + border-color: #464646; /* Hardcoded value not present in _variables.scss */ + } @else { + border-color: #000000; + } +} + +@mixin thead-light-border-color() { + @if theme-selector.$theme-name == "Cerulean" { + border-color: Cerulean.$gray-300; + } @else if theme-selector.$theme-name == "Cosmo" { + border-color: Cosmo.$gray-300; + } @else if theme-selector.$theme-name == "Cyborg" { + border-color: Cyborg.$gray-700; + } @else if theme-selector.$theme-name == "Darkly" { + border-color: Darkly.$gray-700; + } @else if theme-selector.$theme-name == "Flatly" { + border-color: Flatly.$gray-300; + } @else if theme-selector.$theme-name == "Journal" { + border-color: Journal.$gray-300; + } @else if theme-selector.$theme-name == "Litera" { + border-color: Litera.$table-border-color; + } @else if theme-selector.$theme-name == "Lumen" { + border-color: Lumen.$gray-300; + } @else if theme-selector.$theme-name == "Lux" { + border-color: Lux.$table-border-color; + } @else if theme-selector.$theme-name == "Materia" { + border-color: Materia.$gray-300; + } @else if theme-selector.$theme-name == "Minty" { + border-color: Minty.$table-border-color; + } @else if theme-selector.$theme-name == "Pulse" { + border-color: Pulse.$table-border-color; + } @else if theme-selector.$theme-name == "Sandstone" { + border-color: Sandstone.$gray-300; + } @else if theme-selector.$theme-name == "Simplex" { + border-color: Simplex.$gray-300; + } @else if theme-selector.$theme-name == "Sketchy" { + border-color: Sketchy.$gray-800; + } @else if theme-selector.$theme-name == "Slate" { + border-color: Slate.$table-border-color; + } @else if theme-selector.$theme-name == "Solar" { + border-color: Solar.$gray-800; + } @else if theme-selector.$theme-name == "Spacelab" { + border-color: Spacelab.$gray-300; + } @else if theme-selector.$theme-name == "Superhero" { + border-color: Superhero.$table-border-color; + } @else if theme-selector.$theme-name == "United" { + border-color: United.$gray-300; + } @else if theme-selector.$theme-name == "Yeti" { + border-color: Yeti.$gray-300; + } @else { + border-color: #dee2e6; + } +} + +@mixin thead-dark() { + @if theme-selector.$theme-name == "Cerulean" { + color: Cerulean.$white; + background-color: Cerulean.$gray-800; + } @else if theme-selector.$theme-name == "Cosmo" { + color: Cosmo.$white; + background-color: Cosmo.$gray-800; + } @else if theme-selector.$theme-name == "Cyborg" { + color: Cyborg.$white; + background-color: Cyborg.$gray-500; + } @else if theme-selector.$theme-name == "Darkly" { + color: Darkly.$white; + background-color: Darkly.$gray-800; + } @else if theme-selector.$theme-name == "Flatly" { + color: Flatly.$white; + background-color: Flatly.$gray-800; + } @else if theme-selector.$theme-name == "Journal" { + color: Journal.$white; + background-color: Journal.$gray-800; + } @else if theme-selector.$theme-name == "Litera" { + color: Litera.$white; + background-color: Litera.$gray-800; + } @else if theme-selector.$theme-name == "Lumen" { + color: Lumen.$white; + background-color: Lumen.$gray-800; + } @else if theme-selector.$theme-name == "Lux" { + color: Lux.$white; + background-color: Lux.$gray-800; + } @else if theme-selector.$theme-name == "Materia" { + color: Materia.$white; + background-color: Materia.$gray-800; + } @else if theme-selector.$theme-name == "Minty" { + color: Minty.$white; + background-color: Minty.$primary; + } @else if theme-selector.$theme-name == "Pulse" { + color: Pulse.$white; + background-color: Pulse.$secondary; + } @else if theme-selector.$theme-name == "Sandstone" { + color: Sandstone.$white; + background-color: Sandstone.$gray-800; + } @else if theme-selector.$theme-name == "Simplex" { + color: Simplex.$white; + background-color: Simplex.$gray-800; + } @else if theme-selector.$theme-name == "Sketchy" { + color: Sketchy.$white; + background-color: Sketchy.$gray-800; + } @else if theme-selector.$theme-name == "Slate" { + color: Slate.$white; + background-color: Slate.$gray-800; + } @else if theme-selector.$theme-name == "Solar" { + color: Solar.$white; + background-color: Solar.$gray-500; + } @else if theme-selector.$theme-name == "Spacelab" { + color: Spacelab.$white; + background-color: Spacelab.$gray-800; + } @else if theme-selector.$theme-name == "Superhero" { + color: Superhero.$white; + background-color: #abb6c2; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "United" { + color: United.$white; + background-color: United.$purple; + } @else if theme-selector.$theme-name == "Yeti" { + color: Yeti.$white; + background-color: Yeti.$gray-800; + } @else { + color: #FFFFFF; + background-color: #343a40; + } + + @include thead-dark-border-color; +} + +@mixin thead-light() { + @if theme-selector.$theme-name == "Cerulean" { + color: Cerulean.$gray-700; + background-color: Cerulean.$gray-200; + } @else if theme-selector.$theme-name == "Cosmo" { + color: Cosmo.$gray-700; + background-color: Cosmo.$gray-200; + } @else if theme-selector.$theme-name == "Cyborg" { + color: Cyborg.$gray-700; + background-color: Cyborg.$gray-200; + } @else if theme-selector.$theme-name == "Darkly" { + color: Darkly.$gray-700; + background-color: Darkly.$gray-200; + } @else if theme-selector.$theme-name == "Flatly" { + color: Flatly.$gray-700; + background-color: Flatly.$gray-200; + } @else if theme-selector.$theme-name == "Journal" { + color: Journal.$gray-700; + background-color: Journal.$gray-200; + } @else if theme-selector.$theme-name == "Litera" { + color: Litera.$gray-700; + background-color: Litera.$gray-200; + } @else if theme-selector.$theme-name == "Lumen" { + color: Lumen.$gray-700; + background-color: Lumen.$gray-200; + } @else if theme-selector.$theme-name == "Lux" { + color: Lux.$gray-700; + background-color: Lux.$gray-200; + } @else if theme-selector.$theme-name == "Materia" { + color: Materia.$gray-700; + background-color: Materia.$gray-200; + } @else if theme-selector.$theme-name == "Minty" { + color: Minty.$gray-700; + background-color: Minty.$gray-200; + } @else if theme-selector.$theme-name == "Pulse" { + color: Pulse.$gray-700; + background-color: Pulse.$gray-200; + } @else if theme-selector.$theme-name == "Sandstone" { + color: Sandstone.$gray-700; + background-color: Sandstone.$gray-200; + } @else if theme-selector.$theme-name == "Simplex" { + color: Simplex.$gray-700; + background-color: Simplex.$gray-200; + } @else if theme-selector.$theme-name == "Sketchy" { + color: Sketchy.$gray-700; + background-color: Sketchy.$gray-200; + } @else if theme-selector.$theme-name == "Slate" { + color: Slate.$gray-700; + background-color: Slate.$gray-200; + } @else if theme-selector.$theme-name == "Solar" { + color: Solar.$gray-700; + background-color: Solar.$gray-200; + } @else if theme-selector.$theme-name == "Spacelab" { + color: Spacelab.$gray-700; + background-color: Spacelab.$gray-200; + } @else if theme-selector.$theme-name == "Superhero" { + color: Superhero.$gray-700; + background-color: #abb6c2; /* Hardcoded value not present in _variables.scss */ + } @else if theme-selector.$theme-name == "United" { + color: United.$gray-700; + background-color: United.$gray-200; + } @else if theme-selector.$theme-name == "Yeti" { + color: Yeti.$gray-700; + background-color: Yeti.$gray-200; + } @else { + color: #52575c; + background-color: #e9ecef; + } + + @include thead-light-border-color; +} + body { font: 14px "Lucida Grande", Helvetica, Arial, sans-serif; } @@ -173,6 +413,12 @@ table { border-right: 0; } } + > thead.thead-dark > tr > th:last-child { + @include thead-dark-border-color; + } + > thead.thead-light > tr > th:last-child { + @include thead-light-border-color; + } } &.history-table { border-left: 0; @@ -211,6 +457,14 @@ table { @include table-border-color; } +.card-default.thead-dark .dataTables_scrollHeadInner { + @include thead-dark; +} + +.card-default.thead-light .dataTables_scrollHeadInner { + @include thead-light; +} + .pagination { margin-top: 6px !important; justify-content: flex-start; diff --git a/settings.json.template b/settings.json.template index bba836e..ad73279 100644 --- a/settings.json.template +++ b/settings.json.template @@ -117,6 +117,9 @@ // valid options: light, dark, primary, secondary, success, info, warning, danger or leave blank ( "" ) for default colors "page_header_bgcolor": "", "page_footer_bgcolor": "", + // table_header_bgcolor: change the background color of all table headers + // valid options: light, dark or leave blank ( "" ) for default colors + "table_header_bgcolor": "", "networkpnl": 1, "difficultypnl": 2, diff --git a/views/address.pug b/views/address.pug index 459ae44..f72c4d6 100644 --- a/views/address.pug +++ b/views/address.pug @@ -32,7 +32,10 @@ block content a.badge.badge-pill.float-right.d-none.d-sm-block(href="/address/"+ address.a_id +"/claim" style="font-size:smaller;padding-bottom:0;") =" Is this yours? Claim it now for free!" table.table.table-bordered.table-striped.summary-table.mobile-border-right - thead + - var theadClasses = []; + if settings.display.table_header_bgcolor != null && settings.display.table_header_bgcolor != '' + - theadClasses.push('thead-' + settings.display.table_header_bgcolor); + thead(class=theadClasses) tr if settings.show_sent_received == true th.d-none.d-sm-table-cell #{settings.locale.total_sent} diff --git a/views/block.pug b/views/block.pug index 810e8ec..beb2a9c 100644 --- a/views/block.pug +++ b/views/block.pug @@ -4,6 +4,9 @@ block content include ./includes/common.pug - var time = format_unixtime(block.time); - var block_difficulty = parseFloat(block.difficulty).toFixed(4); + - var theadClasses = []; + if settings.display.table_header_bgcolor != null && settings.display.table_header_bgcolor != '' + - theadClasses.push('thead-' + settings.display.table_header_bgcolor); .col-xs-12.col-md-12 .card.card-default.border-0.cardSpacer .card-header(style='padding-left:25px;padding-right:25px;') @@ -20,7 +23,7 @@ block content a(href='/api/getblock?hash=' + block.hash, style='margin-left: auto;') span.fa.fa-info-circle.iquidus table.table.table-bordered.summary-table - thead + thead(class=theadClasses) tr th #{settings.locale.height} th #{settings.locale.difficulty} @@ -77,7 +80,7 @@ block content .card-header strong #{settings.locale.ex_latest_transactions} table.table.table-bordered.table-striped.summary-table.mobile-border-right - thead + thead(class=theadClasses) tr th.d-none.d-sm-table-cell #{settings.locale.tx_hash} th #{settings.locale.tx_recipients} diff --git a/views/claim_address.pug b/views/claim_address.pug index b3d7f34..dc5caa5 100644 --- a/views/claim_address.pug +++ b/views/claim_address.pug @@ -62,7 +62,10 @@ block content a(href=settings.labels[address.a_id].url, target='_blank', alt='Visit site', title='Visit site') span.fa.fa-question-circle(style='margin-left:5px;') table.table.table-bordered.table-striped.summary-table.mobile-border-right - thead + - var theadClasses = []; + if settings.display.table_header_bgcolor != null && settings.display.table_header_bgcolor != '' + - theadClasses.push('thead-' + settings.display.table_header_bgcolor); + thead(class=theadClasses) tr if settings.show_sent_received == true th.d-none.d-sm-table-cell #{settings.locale.total_sent} diff --git a/views/includes/address_history.pug b/views/includes/address_history.pug index 8de778c..c9f9394 100644 --- a/views/includes/address_history.pug +++ b/views/includes/address_history.pug @@ -82,7 +82,10 @@ script. }); }); table#address-txs.table.table-bordered.table-striped.table-paging.mobile-border-right - thead + - var theadClasses = []; + if settings.display.table_header_bgcolor != null && settings.display.table_header_bgcolor != '' + - theadClasses.push('thead-' + settings.display.table_header_bgcolor); + thead(class=theadClasses) tr th #{settings.locale.timestamp} th.d-none.d-sm-table-cell #{settings.locale.tx_hash} diff --git a/views/includes/net_addnodes.pug b/views/includes/net_addnodes.pug index 1cb9418..f338ff5 100644 --- a/views/includes/net_addnodes.pug +++ b/views/includes/net_addnodes.pug @@ -67,6 +67,9 @@ script. ] }); }); +- var theadClasses = []; +if settings.display.table_header_bgcolor != null && settings.display.table_header_bgcolor != '' + - theadClasses.push('thead-' + settings.display.table_header_bgcolor); .card.card-default.border-0 .card-body.border-top-0 :markdown-it @@ -74,7 +77,7 @@ script. *Typically you can access the config file through QT-wallet menu, Tools > Open Wallet Configuration File* table#addnodes-table.table.table-bordered.table-striped.table-paging.mobile-border-right - thead + thead(class=theadClasses) tr th AddNode Config Lines tbody.text-center @@ -82,7 +85,7 @@ script. :markdown-it Alternatively you can try one of these lines in the coin wallet debug window, or add them with *coindaemon*-cli table#addnodes2-table.table.table-bordered.table-striped.table-paging.mobile-border-right - thead + thead(class=theadClasses) tr th OneTry Node Lines tbody.text-center \ No newline at end of file diff --git a/views/includes/net_list.pug b/views/includes/net_list.pug index fb466f7..cf9d820 100644 --- a/views/includes/net_list.pug +++ b/views/includes/net_list.pug @@ -50,7 +50,10 @@ script. }); .card.card-default.border-0 table#connections-table.table.table-bordered.table-striped.table-paging.mobile-border-right - thead + - var theadClasses = []; + if settings.display.table_header_bgcolor != null && settings.display.table_header_bgcolor != '' + - theadClasses.push('thead-' + settings.display.table_header_bgcolor); + thead(class=theadClasses) tr th #{settings.locale.net_address} th.text-center #{settings.locale.net_protocol} diff --git a/views/includes/rl_balance.pug b/views/includes/rl_balance.pug index ec25e7b..96805d9 100644 --- a/views/includes/rl_balance.pug +++ b/views/includes/rl_balance.pug @@ -1,6 +1,9 @@ .card.card-default.border-0 table.table.table-hover.table-bordered.table-striped.summary-table.right-border-0(style='margin-bottom:0;', cellspacing='0') - thead + - var theadClasses = []; + if settings.display.table_header_bgcolor != null && settings.display.table_header_bgcolor != '' + - theadClasses.push('thead-' + settings.display.table_header_bgcolor); + thead(class=theadClasses) tr th.text-center span.fa.fa-flag-checkered diff --git a/views/includes/rl_received.pug b/views/includes/rl_received.pug index 28ecb53..220204e 100644 --- a/views/includes/rl_received.pug +++ b/views/includes/rl_received.pug @@ -1,6 +1,9 @@ .card.card-default.border-0 table.table.table-hover.table-bordered.table-striped.summary-table.right-border-0(style='margin-bottom:0;', cellspacing='0') - thead + - var theadClasses = []; + if settings.display.table_header_bgcolor != null && settings.display.table_header_bgcolor != '' + - theadClasses.push('thead-' + settings.display.table_header_bgcolor); + thead(class=theadClasses) tr th.text-center span.fa.fa-flag-checkered diff --git a/views/index.pug b/views/index.pug index 9e159e7..58caf6d 100644 --- a/views/index.pug +++ b/views/index.pug @@ -75,7 +75,10 @@ block content .card-header strong #{settings.locale.ex_latest_transactions} table#recent-table.table.table-bordered.table-striped.table-paging - thead + - var theadClasses = []; + if settings.display.table_header_bgcolor != null && settings.display.table_header_bgcolor != '' + - theadClasses.push('thead-' + settings.display.table_header_bgcolor); + thead(class=theadClasses) tr th.text-center #{settings.locale.ex_block} th.text-center.d-none.d-sm-table-cell #{settings.locale.tx_hash} diff --git a/views/market.pug b/views/market.pug index 43001d4..3eb90ef 100644 --- a/views/market.pug +++ b/views/market.pug @@ -2,6 +2,9 @@ extends layout block content include ./includes/common.pug + - var theadClasses = []; + if settings.display.table_header_bgcolor != null && settings.display.table_header_bgcolor != '' + - theadClasses.push('thead-' + settings.display.table_header_bgcolor); script. $(document).ready(function() { $('.order-table').dataTable({ @@ -95,7 +98,7 @@ block content if marketdata.data.chartdata == 'null' || marketdata.data.chartdata == '' || marketdata.data.chartdata == '[]' span.fas.fa-chart-line.float-right.view-chart-disabled.iquidus.market-toggle(style='cursor: pointer;', data-toggle='tooltip', data-placement='bottom', title=settings.locale.mkt_no_chart) table.table.table-bordered.right-border-0.summary-table - thead + thead(class=theadClasses) tr if marketdata.data.summary.high != null th #{settings.locale.mkt_high} @@ -156,11 +159,11 @@ block content div#chart(style='width: 100%; height: 300px;') .row .col-md-6.col-xs-12.cardSpacer - .card.card-default.border-0.wrapper-border-0 + .card.card-default.border-0.wrapper-border-0(class=theadClasses) .card-header(style='border-bottom-width:1px;') strong #{settings.locale.mkt_buy_orders} table.table.table-striped.table-bordered.order-table - thead + thead(class=theadClasses) tr th #{settings.locale.mkt_price} span.small (#{marketdata.exchange}) @@ -181,11 +184,11 @@ block content else =parseFloat(parseFloat(buy.price).toFixed(8) * parseFloat(buy.quantity).toFixed(8)).toFixed(8) .col-md-6.col-xs-12.cardSpacer - .card.card-default.border-0.wrapper-border-0 + .card.card-default.border-0.wrapper-border-0(class=theadClasses) .card-header(style='border-bottom-width:1px;') strong #{settings.locale.mkt_sell_orders} table.table.table-striped.table-bordered.order-table - thead + thead(class=theadClasses) tr th #{settings.locale.mkt_price} span.small (#{marketdata.exchange}) @@ -211,7 +214,7 @@ block content .card-header strong #{settings.locale.mkt_trade_history} table#history-table.table.table-hover.table-bordered.table-striped.table-paging.right-border-0(cellspacing='0') - thead + thead(class=theadClasses) tr th #{settings.locale.mkt_price} span.small (#{marketdata.exchange}) diff --git a/views/movement.pug b/views/movement.pug index ede75b6..7766f4a 100644 --- a/views/movement.pug +++ b/views/movement.pug @@ -75,7 +75,10 @@ block content .card-header strong="Latest Movement" table#movement-table.table.table-bordered.table-striped.table-paging.mobile-border-right - thead + - var theadClasses = []; + if settings.display.table_header_bgcolor != null && settings.display.table_header_bgcolor != '' + - theadClasses.push('thead-' + settings.display.table_header_bgcolor); + thead(class=theadClasses) tr th.text-center timestamp th.text-center.d-none.d-sm-table-cell txid diff --git a/views/reward.pug b/views/reward.pug index 7188081..e9eb8d0 100644 --- a/views/reward.pug +++ b/views/reward.pug @@ -8,7 +8,10 @@ block content strong #{settings.locale.heavy_title} span.small (#{settings.symbol}) table.table.table-bordered.table-striped.summary-table - thead + - var theadClasses = []; + if settings.display.table_header_bgcolor != null && settings.display.table_header_bgcolor != '' + - theadClasses.push('thead-' + settings.display.table_header_bgcolor); + thead(class=theadClasses) tr th #{settings.locale.ex_supply} span.small (#{settings.symbol}) @@ -63,23 +66,22 @@ block content =heavy.nextin form table.table - thead - tbody - tr - th #{settings.locale.heavy_key} - td - tr - th #{settings.locale.heavy_vote} - td - div(style="width:20px;height:20px;background-color:#428bca") - tr - th #{settings.locale.heavy_current} - td - div(style="width:20px;height:20px;background-color:#222") - tr - th #{settings.locale.heavy_estnext} - td - div(style="width:20px;height:20px;background-color:rgba(92,184,92,1.0)") + tbody + tr + th #{settings.locale.heavy_key} + td + tr + th #{settings.locale.heavy_vote} + td + div(style="width:20px;height:20px;background-color:#428bca") + tr + th #{settings.locale.heavy_current} + td + div(style="width:20px;height:20px;background-color:#222") + tr + th #{settings.locale.heavy_estnext} + td + div(style="width:20px;height:20px;background-color:rgba(92,184,92,1.0)") .col-md-9 .card.card-default.border-0 .card-body diff --git a/views/richlist.pug b/views/richlist.pug index 6c1e81a..bc0c02b 100644 --- a/views/richlist.pug +++ b/views/richlist.pug @@ -49,7 +49,10 @@ block content .card-header strong #{settings.locale.rl_wealth} table.table.table-hover.table-bordered.summary-table.right-border-0(style='margin-bottom:0;') - thead + - var theadClasses = []; + if settings.display.table_header_bgcolor != null && settings.display.table_header_bgcolor != '' + - theadClasses.push('thead-' + settings.display.table_header_bgcolor); + thead(class=theadClasses) tr th th Amount diff --git a/views/tx.pug b/views/tx.pug index ecb1dd2..8d55ae4 100644 --- a/views/tx.pug +++ b/views/tx.pug @@ -3,6 +3,9 @@ extends layout block content include ./includes/common.pug - var time = format_unixtime(tx.timestamp); + - var theadClasses = []; + if settings.display.table_header_bgcolor != null && settings.display.table_header_bgcolor != '' + - theadClasses.push('thead-' + settings.display.table_header_bgcolor); .col-xs-12.col-md-12 .card.card-default.border-0.cardSpacer .card-header @@ -10,7 +13,7 @@ block content a.d-none.d-md-inline(href=`/api/getrawtransaction?txid=${tx.txid}&decrypt=1`) span.fa.fa-info-circle.iquidus.float-right table.table.table-bordered.table-striped.summary-table.mobile-border-right - thead + thead(class=theadClasses) tr th #{settings.locale.confirmations} th.d-none.d-sm-table-cell #{settings.locale.tx_block_hash} @@ -57,7 +60,7 @@ block content strong #{settings.locale.tx_contributors} span.fa.fa-arrow-right.float-right.d-xs-none table.table.table-bordered.table-striped.summary-table.mobile-border-right - thead + thead(class=theadClasses) tr th #{settings.locale.tx_address} if (tx.vin.length > 0) @@ -90,7 +93,7 @@ block content .card-header strong #{settings.locale.tx_recipients} table.table.table-bordered.table-striped.summary-table.mobile-border-right - thead + thead(class=theadClasses) tr th #{settings.locale.tx_address} th #{settings.locale.mkt_amount}