joeuhren
f0700b65f9
-All pages (including the reward and error pages) were updated to include options for displaying a configurable page header with title, image, description and in some cases a last updated date
-The error page was restructured slightly to display a different description based on the type of error (page not found error vs problem loading page error)
-Added new setting options to the `shared_pages` setting for `page_title_image` which allows changing the page title image displayed on applicable pages and also determines whether it uses a flip/spin animation or not
-Added a collection of new `page_header` settings to all pages that control displaying the new page title + image + description and also moved the last updated date from applicable pages into this section as well
-Existing `show_last_updated` settings that were moved a level deeper into the `page_header` have been automatically mapped to the new setting location upon statup to help older installs to work better out-of-the-box
-Added new css rules to the styles.scss file to support the new page header/title options
-Added a number of new locale strings for page titles and descriptions, and moved a few locale strings around to different names internally that were already using the same naming scheme for different elements (such as api_title being moved to api_documentation for example)
-Started adding new locale strings with replacement text such as {1} and {2} that get automatically replaced with proper values when loaded to allow for locale strings that support dynamic text
-Fixed an issue with too much empty space in the page header (especially in mobile and tablet modes) when `show_panels` was set to false on any page
158 lines
8.7 KiB
Plaintext
158 lines
8.7 KiB
Plaintext
extends layout
|
||
|
||
block content
|
||
include ./includes/common.pug
|
||
script.
|
||
var setting_maxTxCount = parseInt("#{settings.api_page.public_apis.ext.getlasttxs.max_items_per_query}");
|
||
var setting_txPerPage = parseInt("#{settings.index_page.transaction_table.items_per_page}");
|
||
var lengthMenuOptsAdd = !{JSON.stringify(settings.index_page.transaction_table.page_length_options)};
|
||
var lengthMenuOpts = [];
|
||
var addedLength = false;
|
||
for (i = 0; i < lengthMenuOptsAdd.length; i++) {
|
||
if (setting_maxTxCount >= lengthMenuOptsAdd[i]) {
|
||
if (!addedLength) {
|
||
if (lengthMenuOptsAdd[i] > setting_txPerPage) {
|
||
lengthMenuOpts.push(setting_txPerPage);
|
||
addedLength = true;
|
||
}
|
||
}
|
||
|
||
lengthMenuOpts.push(lengthMenuOptsAdd[i]);
|
||
|
||
if (!addedLength) {
|
||
if (lengthMenuOptsAdd[i] > setting_txPerPage)
|
||
lengthMenuOpts.push(setting_txPerPage);
|
||
if (lengthMenuOptsAdd[i] == setting_txPerPage || lengthMenuOptsAdd[i] > setting_txPerPage)
|
||
addedLength = true;
|
||
}
|
||
}
|
||
}
|
||
if (!addedLength && setting_txPerPage <= setting_maxTxCount && setting_txPerPage != lengthMenuOpts[lengthMenuOpts.length - 1])
|
||
lengthMenuOpts.push(setting_txPerPage);
|
||
if (!addedLength && setting_txPerPage > setting_maxTxCount && setting_maxTxCount != lengthMenuOpts[lengthMenuOpts.length - 1])
|
||
lengthMenuOpts.push(setting_maxTxCount);
|
||
if (setting_maxTxCount < setting_txPerPage)
|
||
var displayLengthMax = setting_maxTxCount;
|
||
else
|
||
var displayLengthMax = setting_txPerPage;
|
||
$(document).ready(function() {
|
||
var rtable = $('#recent-table').dataTable({
|
||
autoWidth: false,
|
||
searching: false,
|
||
ordering: false,
|
||
responsive: false,
|
||
lengthChange: true,
|
||
processing: true,
|
||
serverSide: true,
|
||
iDisplayLength: displayLengthMax,
|
||
lengthMenu: lengthMenuOpts,
|
||
scrollX: true,
|
||
ajax: {
|
||
url: '/ext/getlasttxs/0',
|
||
beforeSend: function(jqXHR, settings) {
|
||
settings.url = settings.url.substring(0, settings.url.indexOf('?')) + '/' + getParameterByName('start', settings.url) + '/' + getParameterByName('length', settings.url) + '/internal';
|
||
return true;
|
||
}
|
||
},
|
||
language: {
|
||
paginate: {
|
||
previous: '<',
|
||
next: '>'
|
||
}
|
||
},
|
||
rowCallback: function(row, data, index) {
|
||
var blockindex = data[0]; //variables for better readability
|
||
var blockhash = data[1]; //variables for better readability
|
||
var txhash = data[2]; //variables for better readability
|
||
var outputs = data[3]; //variables for better readability
|
||
var amount = Number(data[4]).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true}); //variables for better readability
|
||
var amountParts = amount.split('.');
|
||
var amount = amountParts[0] + '.<span class="decimal">' + amountParts[1] + '</span>';
|
||
var timestamp = data[5];
|
||
$("td:eq(0)", row).html('<a href="/tx/' + txhash + '"><span class="fa fa-eye" data-toggle="tooltip" data-placement="top" title="#{settings.locale.view_tx}"></span></a>').addClass('text-center d-table-cell d-md-none');
|
||
$("td:eq(1)", row).html('<a href="/block/' + blockhash + '">' + blockindex + '</a>');
|
||
$("td:eq(2)", row).html('<a href="/tx/' + txhash + '">' + txhash + '</a>').addClass("text-center breakWord d-none d-md-table-cell");
|
||
$("td:eq(3)", row).html(outputs).addClass("text-center d-none d-sm-table-cell");
|
||
$("td:eq(4)", row).html(amount);
|
||
$("td:eq(5)", row).html('<span' + (#{settings.shared_pages.date_time.enable_alt_timezone_tooltips} == true ? ' data-toggle="tooltip" data-placement="auto" title="' + format_unixtime(timestamp, true) + '"' : '') + '>' + format_unixtime(timestamp) + '</span>').addClass('text-center');
|
||
},
|
||
fnDrawCallback: function(settings) {
|
||
fixDataTableColumns();
|
||
fixFooterHeightAndPosition();
|
||
enableTooltips();
|
||
}
|
||
});
|
||
var setting_reload_table_seconds = parseInt("#{settings.index_page.transaction_table.reload_table_seconds}");
|
||
if (setting_reload_table_seconds > 0) {
|
||
setInterval( function () {
|
||
rtable.api().ajax.reload(null, false);
|
||
}, (setting_reload_table_seconds * 1000) );
|
||
}
|
||
|
||
if ('#{settings.index_page.page_header.show_last_updated}' == 'true') {
|
||
var lastUpdatedDate = #{(last_updated == null || last_updated == '0' ? 0 : last_updated)};
|
||
|
||
if (lastUpdatedDate != 0) {
|
||
$('span#lastUpdatedDate').html(' ' + format_unixtime(lastUpdatedDate));
|
||
|
||
if (#{settings.shared_pages.date_time.enable_alt_timezone_tooltips} == true) {
|
||
$('span#lastUpdatedDate').attr('data-toggle', 'tooltip').attr('data-placement', 'auto').attr('title', format_unixtime(lastUpdatedDate, true));
|
||
enableTooltips();
|
||
}
|
||
} else
|
||
$('span#lastUpdatedDate').html(' N/A');
|
||
}
|
||
if (#{settings.shared_pages.page_header.page_title_image.enable_animation} == true && #{settings.index_page.page_header.show_img} == true)
|
||
startRotateElement('img#header-img');
|
||
});
|
||
if error !== null
|
||
.col-12
|
||
.alert.alert-danger.alert-dismissable(role='alert')
|
||
button.close(type='button', data-dismiss='alert') ×
|
||
.cardSpacer
|
||
span.fas.fa-exclamation-circle(style='margin-right:5px')
|
||
strong #{settings.locale.ex_error}
|
||
div #{error}
|
||
.col-md-12.cardSpacer
|
||
if settings.index_page.page_header.show_img == true || settings.index_page.page_header.show_title == true || settings.index_page.page_header.show_last_updated == true || settings.index_page.page_header.show_description == true
|
||
#page-header-container(style='align-items:' + (settings.index_page.page_header.show_img == true && settings.index_page.page_header.show_title == true && settings.index_page.page_header.show_last_updated == true && settings.index_page.page_header.show_description == true ? 'flex-start' : 'center'))
|
||
if settings.index_page.page_header.show_img == true
|
||
#header-img-container
|
||
img#header-img(src=(settings.shared_pages.page_header.page_title_image == null || settings.shared_pages.page_header.page_title_image.image_path == null || settings.shared_pages.page_header.page_title_image.image_path == '' ? '/img/page-title-img.png' : settings.shared_pages.page_header.page_title_image.image_path))
|
||
#page-title-container
|
||
if settings.index_page.page_header.show_title == true
|
||
h3#page-title #{settings.locale.ex_title.replace('{1}', settings.coin.name)}
|
||
if settings.index_page.page_header.show_last_updated == true
|
||
if settings.index_page.page_header.show_title != true && settings.index_page.page_header.show_description != true
|
||
#page-title-container
|
||
.sub-page-header
|
||
span.font-weight-bold=settings.locale.last_updated + ':'
|
||
span.text-muted#lastUpdatedDate
|
||
else
|
||
.sub-page-header(style='margin-bottom:' + (settings.index_page.page_header.show_description == true ? '5' : '0') + 'px')
|
||
span.font-weight-bold=settings.locale.last_updated + ':'
|
||
span.text-muted#lastUpdatedDate
|
||
if settings.index_page.page_header.show_description == true
|
||
if settings.index_page.page_header.show_title != true && settings.index_page.page_header.show_last_updated != true
|
||
#page-title-container
|
||
.sub-page-header.text-muted=settings.locale.ex_description.replace('{1}', settings.coin.name)
|
||
else
|
||
.sub-page-header.text-muted=settings.locale.ex_description.replace('{1}', settings.coin.name)
|
||
.cardSpacer.clearfix
|
||
.card.card-default.border-0.cardSpacer
|
||
.card-header
|
||
strong #{settings.locale.ex_latest_transactions}
|
||
table#recent-table.table.table-bordered.table-striped.table-paging
|
||
- var theadClasses = [];
|
||
if settings.shared_pages.table_header_bgcolor != null && settings.shared_pages.table_header_bgcolor != ''
|
||
- theadClasses.push('thead-' + settings.shared_pages.table_header_bgcolor);
|
||
thead(class=theadClasses)
|
||
tr
|
||
th.d-table-cell.d-md-none
|
||
th.text-center #{settings.locale.ex_block}
|
||
th.text-center.d-none.d-md-table-cell #{settings.locale.tx_hash}
|
||
th.text-center.d-none.d-sm-table-cell #{settings.locale.tx_recipients}
|
||
th.text-center #{settings.locale.mkt_amount}
|
||
span.small (#{settings.coin.symbol})
|
||
th.text-center #{settings.locale.timestamp}
|
||
tbody.text-center |