2020-11-27 20:34:15 -07:00
extends layout
block content
2021-03-28 21:02:10 -06:00
script.
$(document).ready(function() {
2021-04-10 22:22:46 -06:00
if ('#{settings.markets_page.page_header.show_last_updated}' == 'true') {
var lastUpdatedDate = #{(last_updated == null || last_updated == '0' ? 0 : last_updated)};
2021-03-28 21:02:10 -06:00
2021-04-10 22:22:46 -06:00
if (lastUpdatedDate != 0) {
$('span#lastUpdatedDate').html(' ' + format_unixtime(lastUpdatedDate));
2021-03-28 21:02:10 -06:00
2021-04-10 22:22:46 -06:00
if (#{settings.shared_pages.date_time.enable_alt_timezone_tooltips} == true) {
2022-03-12 18:24:24 -07:00
$('span#lastUpdatedDate').attr('data-bs-toggle', 'tooltip').attr('data-bs-placement', 'auto').attr('title', format_unixtime(lastUpdatedDate, true));
2021-04-10 22:22:46 -06:00
enableTooltips();
}
} else
$('span#lastUpdatedDate').html(' N/A');
}
if (#{settings.shared_pages.page_header.page_title_image.enable_animation} == true && #{settings.markets_page.page_header.show_img} == true)
startRotateElement('img#header-img');
2021-03-28 21:02:10 -06:00
});
2020-12-20 18:13:24 -07:00
- var theadClasses = [];
2021-01-22 15:04:32 -07:00
if settings.shared_pages.table_header_bgcolor != null && settings.shared_pages.table_header_bgcolor != ''
2022-03-12 18:24:24 -07:00
- theadClasses.push('table-' + settings.shared_pages.table_header_bgcolor);
2021-03-07 14:47:34 -07:00
if marketdata.data != null && ((marketdata.data.buys != null && marketdata.data.buys.length > 0) || (marketdata.data.sells != null && marketdata.data.sells.length > 0) || (marketdata.data.history != null && marketdata.data.history.length > 0))
2020-12-25 21:54:51 -07:00
script.
$(document).ready(function() {
$('.summary-table').dataTable({
info: false,
paging: false,
searching: false,
ordering: false,
autowidth: true,
responsive: true,
scrollX: true,
fnDrawCallback: function(settings) {
fixDataTableColumns();
}
});
$('.order-table').dataTable({
info: false,
paging: false,
searching: false,
ordering: false,
scrollY: '250px',
2022-03-12 18:24:24 -07:00
scrollCollapse: true,
2020-12-25 21:54:51 -07:00
autowidth: true,
responsive: true,
scrollX: true,
fnDrawCallback: function(settings) {
fixDataTableColumns();
2020-12-25 15:01:03 -07:00
}
2020-12-25 21:54:51 -07:00
});
$('#history-table').dataTable({
searching: false,
ordering: false,
responsive: true,
scrollX: true,
language: {
paginate: {
previous: '<',
next: '>'
}
},
fnDrawCallback: function(settings) {
2021-03-28 21:02:10 -06:00
if ($('#history-table > tbody > tr > td > span.timestampCol').length > 0) {
$('#history-table > tbody > tr > td > span.timestampCol').each(function() {
if ($.isNumeric($(this).text())) {
if (#{settings.shared_pages.date_time.enable_alt_timezone_tooltips} == true)
2022-03-12 18:24:24 -07:00
$(this).attr('data-bs-toggle', 'tooltip').attr('data-bs-placement', 'auto').attr('title', format_unixtime(parseInt($(this).text()), true));
2021-03-28 21:02:10 -06:00
$(this).html(format_unixtime(parseInt($(this).text())));
}
});
if (#{settings.shared_pages.date_time.enable_alt_timezone_tooltips} == true)
enableTooltips();
}
2020-12-25 21:54:51 -07:00
fixDataTableColumns();
}
});
2020-11-27 20:34:15 -07:00
});
.col-xs-12.col-md-12
2022-04-12 13:34:18 -06:00
if settings.markets_page.page_header.show_img == true || settings.markets_page.page_header.show_title == true || settings.markets_page.page_header.show_last_updated == true || (settings.markets_page.page_header.show_exchange_url == true && marketdata.url != null && marketdata.url != '') || settings.markets_page.page_header.show_description == true
#page-header-container(style='align-items:' + (settings.markets_page.page_header.show_img == true && settings.markets_page.page_header.show_title == true && ((settings.markets_page.page_header.show_last_updated == true && settings.markets_page.page_header.show_description == true) || ((settings.markets_page.page_header.show_exchange_url == true && marketdata.url != null && marketdata.url != '') && settings.markets_page.page_header.show_description == true) || ((settings.markets_page.page_header.show_exchange_url == true && marketdata.url != null && marketdata.url != '') && settings.markets_page.page_header.show_last_updated == true)) ? 'flex-start' : 'center'))
2021-04-10 22:22:46 -06:00
if settings.markets_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.markets_page.page_header.show_title == true
2024-06-16 18:58:12 -06:00
h3#page-title !{settings.localization.mkt_title.replace('{1}', marketdata.market_name + ' <span class="small fw-normal">(' + marketdata.coin + '/' + marketdata.exchange + ')</span>')}
2021-04-10 22:22:46 -06:00
if settings.markets_page.page_header.show_last_updated == true
2022-04-12 13:34:18 -06:00
if settings.markets_page.page_header.show_title != true && settings.markets_page.page_header.show_description != true && (settings.markets_page.page_header.show_exchange_url != true && marketdata.url != null && marketdata.url != '')
2021-04-10 22:22:46 -06:00
#page-title-container
.sub-page-header
2024-06-16 18:58:12 -06:00
span.fw-bold=settings.localization.last_updated + ':'
2021-04-10 22:22:46 -06:00
span.text-muted#lastUpdatedDate
else
2022-04-12 13:34:18 -06:00
.sub-page-header(style='margin-bottom:' + (settings.markets_page.page_header.show_description == true || (settings.markets_page.page_header.show_exchange_url == true && marketdata.url != null && marketdata.url != '') ? '5' : '0') + 'px')
2024-06-16 18:58:12 -06:00
span.fw-bold=settings.localization.last_updated + ':'
2021-04-10 22:22:46 -06:00
span.text-muted#lastUpdatedDate
2022-04-12 13:34:18 -06:00
if settings.markets_page.page_header.show_exchange_url == true && marketdata.url != null && marketdata.url != ''
if settings.markets_page.page_header.show_title != true && settings.markets_page.page_header.show_last_updated != true && settings.markets_page.page_header.show_description != true
#page-title-container
.sub-page-header
span.fw-bold='Link to Exchange:'
a.sub-page-header(title='Link to Exchange', target='_blank', href=marketdata.url)
span !{' Trade <span class="small fw-normal">(' + marketdata.coin + '/' + marketdata.exchange + ')</span>'}
else
.sub-page-header(style='margin-bottom:' + (settings.markets_page.page_header.show_description == true ? '5' : '0') + 'px')
span.fw-bold='Link to Exchange:'
a.sub-page-header(title='Link to Exchange', target='_blank', href=marketdata.url)
span !{' Trade <span class="small fw-normal">(' + marketdata.coin + '/' + marketdata.exchange + ')</span>'}
2021-04-10 22:22:46 -06:00
if settings.markets_page.page_header.show_description == true
2022-04-12 13:34:18 -06:00
if settings.markets_page.page_header.show_title != true && settings.markets_page.page_header.show_last_updated != true && (settings.markets_page.page_header.show_exchange_url != true && marketdata.url != null && marketdata.url != '')
2021-04-10 22:22:46 -06:00
#page-title-container
2024-06-16 18:58:12 -06:00
.sub-page-header.text-muted=settings.localization.mkt_description.replace('{1}', marketdata.coin + '/' + marketdata.exchange).replace('{2}', marketdata.market_name)
2021-04-10 22:22:46 -06:00
else
2024-06-16 18:58:12 -06:00
.sub-page-header.text-muted=settings.localization.mkt_description.replace('{1}', marketdata.coin + '/' + marketdata.exchange).replace('{2}', marketdata.market_name)
2021-04-10 22:22:46 -06:00
.cardSpacer.clearfix
2021-01-22 15:04:32 -07:00
if settings.markets_page.show_market_select == true && settings.market_count > 1
2020-12-05 17:00:33 -07:00
.row
.col-md-12.cardSpacer
2020-12-12 20:21:49 -07:00
.card.card-default.border-0
2020-12-05 17:00:33 -07:00
.card-header
2024-06-16 18:58:12 -06:00
strong #{settings.localization.mkt_select}
2020-12-05 17:00:33 -07:00
.card-body
ul.nav.nav-pills
2020-12-25 21:08:25 -07:00
each mkt in settings.market_data
if mkt != null && mkt.id != null
2021-01-22 15:04:32 -07:00
each pair in mkt.trading_pairs
2022-06-26 20:48:13 -06:00
if market == mkt.id && marketdata.coin.toLowerCase() + '/' + marketdata.exchange.toLowerCase() == pair.pair.toLowerCase()
2021-01-22 15:04:32 -07:00
li.nav-item
2022-06-26 20:48:13 -06:00
a.nav-link.active(href='/markets/' + mkt.id + '/' + pair.pair)
if pair.isAlt == true
if mkt.alt_logo != null && mkt.alt_logo != ''
img.align-top.market-logo(src='data:image/png;base64,' + mkt.alt_logo, title=mkt.alt_name + ' (' + pair.pair + ')', alt=mkt.alt_name + ' (' + pair.pair + ')')
else
2023-10-19 20:26:27 -06:00
i.market-logo.fa-solid.fa-circle-question
2022-06-26 20:48:13 -06:00
span #{mkt.alt_name}
span.small.fw-normal (#{pair.pair})
2021-01-22 15:04:32 -07:00
else
2022-06-26 20:48:13 -06:00
if mkt.logo != null && mkt.logo != ''
img.align-top.market-logo(src='data:image/png;base64,' + mkt.logo, title=mkt.name + ' (' + pair.pair + ')', alt=mkt.name + ' (' + pair.pair + ')')
else
2023-10-19 20:26:27 -06:00
i.market-logo.fa-solid.fa-circle-question
2022-06-26 20:48:13 -06:00
span #{mkt.name}
span.small.fw-normal (#{pair.pair})
2021-01-22 15:04:32 -07:00
else
li.nav-item
2022-06-26 20:48:13 -06:00
a.nav-link(href='/markets/' + mkt.id + '/' + pair.pair)
if pair.isAlt == true
if mkt.alt_logo != null && mkt.alt_logo != ''
img.align-top.market-logo(src='data:image/png;base64,' + mkt.alt_logo, title=mkt.alt_name + ' (' + pair.pair + ')', alt=mkt.alt_name + ' (' + pair.pair + ')')
else
2023-10-19 20:26:27 -06:00
i.market-logo.fa-solid.fa-circle-question
2022-06-26 20:48:13 -06:00
span #{mkt.alt_name}
span.small.fw-normal (#{pair.pair})
2021-01-22 15:04:32 -07:00
else
2022-06-26 20:48:13 -06:00
if mkt.logo != null && mkt.logo != ''
img.align-top.market-logo(src='data:image/png;base64,' + mkt.logo, title=mkt.name + ' (' + pair.pair + ')', alt=mkt.name + ' (' + pair.pair + ')')
else
2023-10-19 20:26:27 -06:00
i.market-logo.fa-solid.fa-circle-question
2022-06-26 20:48:13 -06:00
span #{mkt.name}
span.small.fw-normal (#{pair.pair})
2021-03-07 14:47:34 -07:00
if marketdata.data != null && ((marketdata.data.buys != null && marketdata.data.buys.length > 0) || (marketdata.data.sells != null && marketdata.data.sells.length > 0) || (marketdata.data.history != null && marketdata.data.history.length > 0))
2020-12-25 21:54:51 -07:00
block market_view
script.
$(document).ready(function() {
2023-05-08 20:08:45 -06:00
var chartData = !{(marketdata.data.chartdata == null || marketdata.data.chartdata == 'null' || marketdata.data.chartdata == '' || marketdata.data.chartdata == '[]' ? 'null' : marketdata.data.chartdata)};
2020-11-27 20:34:15 -07:00
2023-10-09 19:28:42 -06:00
if (chartData != null) {
chartData = chartData.map(function(item) {
return {
x: item[0],
o: item[1],
h: item[2],
l: item[3],
c: item[4]
};
});
const backgroundPlugin = {
id: 'backgroundFill',
beforeDraw(chart) {
const ctx = chart.ctx;
ctx.save();
ctx.fillStyle = '#FFFFFF'; // Change chart background color
const chartArea = chart.chartArea;
ctx.fillRect(chartArea.left, chartArea.top, chartArea.right - chartArea.left, chartArea.bottom - chartArea.top);
ctx.restore();
}
};
Chart.register(backgroundPlugin);
var ohlcvChart = new Chart('chart', {
type: 'candlestick',
data: {
datasets: [{
label: 'Market Data',
data: chartData,
borderColor: {
up: 'rgba(80, 160, 115, 1)',
down: 'rgba(215, 85, 65, 1)',
unchanged: 'rgba(90, 90, 90, 1)'
},
color: {
up: 'rgba(80, 160, 115, 1)',
down: 'rgba(215, 85, 65, 1)',
unchanged: 'rgba(90, 90, 90, 1)'
}
}]
2020-11-27 20:34:15 -07:00
},
2023-10-09 19:28:42 -06:00
options: {
maintainAspectRatio: true,
aspectRatio: 3,
scales: {
x: {
type: 'time',
offset: true,
ticks: {
padding: 10
}
},
y: {
position: 'right',
grace: '10%',
ticks: {
callback: function(value, index, values) {
return parseFloat(value).toFixed(8);
}
}
}
2020-12-25 21:54:51 -07:00
},
2023-10-09 19:28:42 -06:00
plugins: {
legend: {
display: false
},
tooltip: {
mode: 'nearest',
callbacks: {
title: function(context) {
return format_unixtime(context[0].raw.x / 1000);
},
beforeBody: function(context) {
const dataset = context[0].dataset;
const data = dataset.data[context[0].dataIndex];
return [
'Open: ' + data.o.toFixed(8),
'High: ' + data.h.toFixed(8),
'Low: ' + data.l.toFixed(8),
'Close: ' + data.c.toFixed(8)
];
},
label: function(context) {
// Suppress the default body content
return null;
}
}
},
crosshair: {
line: {
color: '#000000',
width: 1
},
sync: {
enabled: false
},
zoom: {
enabled: false
}
2020-12-25 21:54:51 -07:00
}
2020-11-27 20:34:15 -07:00
}
}
2020-12-25 21:54:51 -07:00
});
}
2020-11-27 20:34:15 -07:00
});
2020-12-25 21:54:51 -07:00
.row
2020-11-28 17:00:52 -07:00
.col-md-12.cardSpacer
2020-12-12 20:21:49 -07:00
.card.card-default.border-0
2020-11-27 20:34:15 -07:00
.card-header
2020-12-25 21:08:25 -07:00
if marketdata.market_logo != null && marketdata.market_logo != ''
img.align-top.market-logo(src='data:image/png;base64,' + marketdata.market_logo, title=marketdata.market_name + ' Logo', alt=marketdata.market_name + ' Logo')
2021-01-22 15:04:32 -07:00
strong #{marketdata.market_name}
2022-03-12 18:24:24 -07:00
span.small.fw-normal (#{marketdata.coin}/#{marketdata.exchange})
2024-06-16 18:58:12 -06:00
strong - #{settings.localization.mkt_hours}
2023-05-08 20:08:45 -06:00
if marketdata.data.chartdata == null || marketdata.data.chartdata == 'null' || marketdata.data.chartdata == '' || marketdata.data.chartdata == '[]'
2024-06-16 18:58:12 -06:00
span.fa-solid.fa-chart-line.float-end.view-chart-disabled.market-toggle(style='cursor: pointer;color: var(--bs-body-color);', data-bs-toggle='tooltip', data-bs-placement='bottom', title=settings.localization.mkt_no_chart)
2022-03-12 18:24:24 -07:00
table#market-summary.table.table-bordered.bottom-border-0.summary-table.single-row-table(style='border-top:0;margin-top:0 !important;')
thead
tr(class=theadClasses)
2023-05-08 20:08:45 -06:00
if marketdata.data.summary != null
if marketdata.data.summary.high != null
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_high}
2023-05-08 20:08:45 -06:00
if marketdata.data.summary.low != null
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_low}
2023-05-08 20:08:45 -06:00
if marketdata.data.summary.volume != null
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_volume}
2023-05-08 20:08:45 -06:00
span.small.fw-normal (#{marketdata.coin})
if marketdata.data.summary.volume_btc != null
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_volume}
2023-05-08 20:08:45 -06:00
span.small.fw-normal (#{marketdata.exchange})
if marketdata.data.summary.bid != null
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_top_bid}
2023-05-08 20:08:45 -06:00
if marketdata.data.summary.ask != null
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_top_ask}
2023-05-08 20:08:45 -06:00
if marketdata.data.summary.last != null
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_last}
2023-05-08 20:08:45 -06:00
if marketdata.data.summary.prev != null
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_yesterday}
2023-05-08 20:08:45 -06:00
if marketdata.data.summary.change != null || (marketdata.data.summary.last != null && marketdata.data.summary.prev != null)
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_change}
2023-05-08 20:08:45 -06:00
else
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_high}
th.text-center #{settings.localization.mkt_low}
th.text-center #{settings.localization.mkt_volume}
2022-03-12 18:24:24 -07:00
span.small.fw-normal (#{marketdata.coin})
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_volume}
2022-03-12 18:24:24 -07:00
span.small.fw-normal (#{marketdata.exchange})
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_top_bid}
th.text-center #{settings.localization.mkt_top_ask}
th.text-center #{settings.localization.mkt_last}
th.text-center #{settings.localization.mkt_yesterday}
th.text-center #{settings.localization.mkt_change}
2020-12-25 21:54:51 -07:00
tbody
2020-11-27 20:34:15 -07:00
tr
2023-05-08 20:08:45 -06:00
if marketdata.data.summary != null
if marketdata.data.summary.high != null
- var highValue = Number(marketdata.data.summary.high).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitHigh = highValue.split(".");
td.text-center #{splitHigh[0]}.
span.decimal #{splitHigh[1]}
if marketdata.data.summary.low != null
- var lowValue = Number(marketdata.data.summary.low).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitLow = lowValue.split(".");
td.text-center #{splitLow[0]}.
span.decimal #{splitLow[1]}
if marketdata.data.summary.volume != null
- var volumeValue = Number(marketdata.data.summary.volume).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitVolume = volumeValue.split(".");
td.text-center #{splitVolume[0]}.
span.decimal #{splitVolume[1]}
if marketdata.data.summary.volume_btc != null
- var volumeBTCValue = Number(marketdata.data.summary.volume_btc).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitVolumeBTC = volumeBTCValue.split(".");
td.text-center #{splitVolumeBTC[0]}.
span.decimal #{splitVolumeBTC[1]}
if marketdata.data.summary.bid != null
- var bidValue = Number(marketdata.data.summary.bid).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitBid = bidValue.split(".");
td.text-center #{splitBid[0]}.
span.decimal #{splitBid[1]}
if marketdata.data.summary.ask != null
- var askValue = Number(marketdata.data.summary.ask).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitAsk = askValue.split(".");
td.text-center #{splitAsk[0]}.
span.decimal #{splitAsk[1]}
if marketdata.data.summary.last != null
- var lastValue = Number(marketdata.data.summary.last).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitLast = lastValue.split(".");
td.text-center #{splitLast[0]}.
span.decimal #{splitLast[1]}
if marketdata.data.summary.prev != null
- var prevValue = Number(marketdata.data.summary.prev).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitPrev = prevValue.split(".");
td.text-center #{splitPrev[0]}.
span.decimal #{splitPrev[1]}
if marketdata.data.summary.change != null || (marketdata.data.summary.last != null && marketdata.data.summary.prev != null)
if marketdata.data.summary.change != null
if marketdata.data.summary.change == '' || marketdata.data.summary.change == '-'
- var price_change = "0.00";
else
- var price_change = Number(marketdata.data.summary.change).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':2,'useGrouping':true});
else if marketdata.data.summary.last != 0
- var price_change = Number((100 - ((parseFloat(marketdata.data.summary.prev) / parseFloat(marketdata.data.summary.last)) * 100))).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':2,'useGrouping':true});
2020-12-25 21:54:51 -07:00
else
2023-05-08 20:08:45 -06:00
- var price_change = Number(0).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':2,'useGrouping':true});
- var splitChange = price_change.split(".");
if price_change > 0
td.text-center.text-success.fw-bold +#{splitChange[0]}.
span.decimal #{splitChange[1]}
span %
else if price_change < 0
td.text-center.text-danger.fw-bold #{splitChange[0]}.
span.decimal #{splitChange[1]}
span %
else
td.text-center.fw-bold #{splitChange[0]}.
span.decimal #{splitChange[1]}
span %
else
td.text-center -
td.text-center -
td.text-center -
td.text-center -
td.text-center -
td.text-center -
td.text-center -
td.text-center -
td.text-center -
if marketdata.data.chartdata != null && marketdata.data.chartdata != 'null' && marketdata.data.chartdata != '' && marketdata.data.chartdata != '[]'
2020-12-25 21:54:51 -07:00
#marketChart.row
.col-md-12.cardSpacer
.card.card-default.border-0
.card-header
if marketdata.market_logo != null && marketdata.market_logo != ''
img.align-top.market-logo(src='data:image/png;base64,' + marketdata.market_logo, title=marketdata.market_name + ' Logo', alt=marketdata.market_name + ' Logo')
2024-06-16 18:58:12 -06:00
strong #{marketdata.market_name} - #{marketdata.coin}/#{marketdata.exchange} - #{settings.localization.mkt_hours}
2020-12-25 21:54:51 -07:00
.card-body
2023-10-09 19:28:42 -06:00
canvas#chart(style='height:300px;')
2020-12-25 21:54:51 -07:00
.row
.col-md-6.col-xs-12.cardSpacer
.card.card-default.border-0.wrapper-border-0(class=theadClasses)
.card-header(style='border-bottom-width:1px;')
if marketdata.market_logo != null && marketdata.market_logo != ''
img.align-top.market-logo(src='data:image/png;base64,' + marketdata.market_logo, title=marketdata.market_name + ' Logo', alt=marketdata.market_name + ' Logo')
2024-06-16 18:58:12 -06:00
strong(style='color:var(--bs-body-color)') #{settings.localization.mkt_buy_orders}
2022-03-12 18:24:24 -07:00
table#buy-orders.table.table-striped.table-bordered.table-hover.order-table.bottom-border-0
thead
tr(class=theadClasses)
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_price}
2022-03-12 18:24:24 -07:00
span.small.fw-normal (#{marketdata.exchange})
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_amount}
2022-03-12 18:24:24 -07:00
span.small.fw-normal (#{marketdata.coin})
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_total}
2022-03-12 18:24:24 -07:00
span.small.fw-normal (#{marketdata.exchange})
2020-12-25 21:54:51 -07:00
tbody
2023-05-08 20:08:45 -06:00
if marketdata.data.buys != null
each buy in marketdata.data.buys
- var price = Number(buy.price).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitPrice = price.split(".");
- var quantity = Number(buy.quantity).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitQuantity = quantity.split(".");
if buy.total != null
- var total = Number(buy.total).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
else
- var total = Number(parseFloat(buy.price).toFixed(8) * parseFloat(buy.quantity).toFixed(8)).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitTotal = total.split(".");
tr
td.text-center.text-success.fw-bold #{splitPrice[0]}.
span.decimal #{splitPrice[1]}
td.text-center #{splitQuantity[0]}.
span.decimal #{splitQuantity[1]}
td.text-center #{splitTotal[0]}.
span.decimal #{splitTotal[1]}
2020-12-25 21:54:51 -07:00
.col-md-6.col-xs-12.cardSpacer
.card.card-default.border-0.wrapper-border-0(class=theadClasses)
.card-header(style='border-bottom-width:1px;')
if marketdata.market_logo != null && marketdata.market_logo != ''
img.align-top.market-logo(src='data:image/png;base64,' + marketdata.market_logo, title=marketdata.market_name + ' Logo', alt=marketdata.market_name + ' Logo')
2024-06-16 18:58:12 -06:00
strong(style='color:var(--bs-body-color)') #{settings.localization.mkt_sell_orders}
2022-03-12 18:24:24 -07:00
table#sell-orders.table.table-striped.table-bordered.table-hover.order-table.bottom-border-0
thead
tr(class=theadClasses)
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_price}
2022-03-12 18:24:24 -07:00
span.small.fw-normal (#{marketdata.exchange})
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_amount}
2022-03-12 18:24:24 -07:00
span.small.fw-normal (#{marketdata.coin})
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_total}
2022-03-12 18:24:24 -07:00
span.small.fw-normal (#{marketdata.exchange})
2020-12-25 21:54:51 -07:00
tbody
2023-05-08 20:08:45 -06:00
if marketdata.data.sells != null
each sell in marketdata.data.sells
- var price = Number(sell.price).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitPrice = price.split(".");
- var quantity = Number(sell.quantity).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitQuantity = quantity.split(".");
if sell.total != null
- var total = Number(sell.total).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
else
- var total = Number(parseFloat(sell.price).toFixed(8) * parseFloat(sell.quantity).toFixed(8)).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitTotal = total.split(".");
tr
td.text-center.text-danger.fw-bold #{splitPrice[0]}.
span.decimal #{splitPrice[1]}
td.text-center #{splitQuantity[0]}.
span.decimal #{splitQuantity[1]}
td.text-center #{splitTotal[0]}.
span.decimal #{splitTotal[1]}
2020-12-25 21:54:51 -07:00
.row
.col-md-12
.card.card-default.border-0
.card-header
if marketdata.market_logo != null && marketdata.market_logo != ''
img.align-top.market-logo(src='data:image/png;base64,' + marketdata.market_logo, title=marketdata.market_name + ' Logo', alt=marketdata.market_name + ' Logo')
2024-06-16 18:58:12 -06:00
strong #{settings.localization.mkt_trade_history}
2022-03-12 18:24:24 -07:00
table#history-table.table.table-hover.table-bordered.table-striped.table-paging(cellspacing='0')
thead
tr(class=theadClasses)
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_price}
2022-03-12 18:24:24 -07:00
span.small.fw-normal (#{marketdata.exchange})
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_amount}
2022-03-12 18:24:24 -07:00
span.small.fw-normal (#{marketdata.coin})
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_total}
2022-03-12 18:24:24 -07:00
span.small.fw-normal (#{marketdata.exchange})
2024-06-16 18:58:12 -06:00
th.text-center #{settings.localization.mkt_time_stamp}
2020-12-25 21:54:51 -07:00
tbody
2023-05-08 20:08:45 -06:00
if marketdata.data.history != null
each order in marketdata.data.history
if order.ordertype != null
- var price = Number(order.price).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitPrice = price.split(".");
- var quantity = Number(order.quantity).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitQuantity = quantity.split(".");
if order.total != null
- var total = Number(order.total).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
else
- var total = Number(parseFloat(order.price).toFixed(8) * parseFloat(order.quantity).toFixed(8)).toLocaleString('en',{'minimumFractionDigits':2,'maximumFractionDigits':8,'useGrouping':true});
- var splitTotal = total.split(".");
if order.ordertype.toUpperCase() == 'BUY'
tr
td.text-center.text-success.fw-bold #{splitPrice[0]}.
span.decimal #{splitPrice[1]}
td.text-center #{splitQuantity[0]}.
span.decimal #{splitQuantity[1]}
td.text-center #{splitTotal[0]}.
span.decimal #{splitTotal[1]}
td.text-center
span.timestampCol=order.timestamp
else
tr
td.text-center.text-danger.fw-bold #{splitPrice[0]}.
span.decimal #{splitPrice[1]}
td.text-center #{splitQuantity[0]}.
span.decimal #{splitQuantity[1]}
td.text-center #{splitTotal[0]}.
span.decimal #{splitTotal[1]}
td.text-center
span.timestampCol=order.timestamp
2020-12-25 21:54:51 -07:00
else
2022-03-12 18:24:24 -07:00
.alert.alert-danger.alert-dismissible.fade.show(role='alert')
button.btn-close(type='button', data-bs-dismiss='alert')
2020-12-25 21:54:51 -07:00
.cardSpacer
2023-10-19 20:26:27 -06:00
span.fa-solid.fa-circle-exclamation(style='margin-right:5px')
2024-06-16 18:58:12 -06:00
strong #{marketdata.market_name} #{settings.localization.ex_error}
2020-12-25 21:54:51 -07:00
div This market has no data to display.
