graph changes and edna
This commit is contained in:
parent
677e3eb8d4
commit
9b63fe714e
@ -4,7 +4,9 @@
|
||||
<div class="footer_div py-4">
|
||||
<div class="row">
|
||||
<!-- <div class="col-md-4"> -->
|
||||
<div class="col-sm-12">
|
||||
<div class="col-sm-2">
|
||||
</div>
|
||||
<div class="col-sm-8">
|
||||
<!-- <span class="txt_primary">Epic </span><span
|
||||
class="txt_secondary">Explorer</span> -->
|
||||
<div class="logo_img">
|
||||
@ -14,6 +16,10 @@
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-sm-2">
|
||||
<img src="/assets/img/edna-light.png" height="60" class="light_theme_display mt-4 ml-5 ednalogoMobile">
|
||||
<img src="/assets/img/edna-dark.png" height="60" class="dark_theme_display mt-4 ml-5 ednalogoMobile">
|
||||
</div>
|
||||
<div class="col-md-12 ftr_services">
|
||||
<p>
|
||||
<a href="/">Home </a> | <a href="https://epic.tech/" target="_blank">Epic Cash </a> | <a href="/api-index">API </a> |
|
||||
|
||||
@ -128,12 +128,12 @@
|
||||
</div>
|
||||
|
||||
<div class="col-md-12 targetandhashrate">
|
||||
<div class="blockchain_firstrow bc_sixcls">
|
||||
<div class="blockchain_firstrow">
|
||||
<div class="detailsloading" *ngIf="!latestblockdetail.targetdifficultycuckatoo || !ShowSecondBlock">
|
||||
<epic-explorer-loading></epic-explorer-loading>
|
||||
</div>
|
||||
<div class="row" *ngIf="latestblockdetail.targetdifficultycuckatoo && ShowSecondBlock">
|
||||
<div class="col-md-6">
|
||||
<div class="col-md-6 text-mobile-center">
|
||||
<p class="block_heading">{{ "home.CURRENT_TARGET_DIFF" | translate }}</p>
|
||||
<div class="row">
|
||||
<div class="col-sm-4 col-md-3 drawline">
|
||||
@ -167,7 +167,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="col-md-6 text-mobile-center">
|
||||
<p class="block_heading">{{ "home.HASHRATE" | translate }}</p>
|
||||
<div class="row">
|
||||
<div class="col-sm-4 col-md-3 drawline">
|
||||
|
||||
@ -1,61 +1,41 @@
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-6 mb-2">
|
||||
<div class="box_shadow" id="target-difficulty">
|
||||
<div class="box_shadow" id="transaction-vs-date">
|
||||
<div class="blocks">
|
||||
<div class="col-sm-121">
|
||||
<p class="block_heading">{{'home.TARGET_DIFFICULTY' | translate}}</p>
|
||||
<!-- <span class="txn_count" *ngIf="this.lg_last.length > 0"><span *ngFor="let l of lg_last">{{
|
||||
this.l | number</span>
|
||||
}}</span> -->
|
||||
<div class="chart_show">
|
||||
<!-- <div class="difficulty_filter day_filter p-0 bg-transparent mt-2">
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', difficultyRange,'all'); selectedItem12 = 4
|
||||
" id="4" #item124 [ngClass]="{ active: selectedItem12 == item124.id, txt_primary: true }">All</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', difficultyRange,'cuckatoo'); selectedItem12 = 1
|
||||
" id="1" #item121 [ngClass]="{ active: selectedItem12 == item121.id, txt_primary: true }">Cuckoo</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', difficultyRange,'progpow'); selectedItem12 = 2
|
||||
" id="2" #item122 [ngClass]="{ active: selectedItem12 == item122.id, txt_primary: true }">ProgPow</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', difficultyRange,'randomx'); selectedItem12 = 3
|
||||
" id="3" #item123 [ngClass]="{ active: selectedItem12 == item123.id, txt_primary: true }">RandomX</a>
|
||||
</div> -->
|
||||
<epic-explorer-plotly *ngIf="linearGraphData.data" [data]="linearGraphData.data" [layout]="linearGraphData.layout">
|
||||
</epic-explorer-plotly>
|
||||
<div *ngIf="!linearGraphData.data" class="feedback_div news_desc text-center">
|
||||
<epic-explorer-loading></epic-explorer-loading>
|
||||
</div>
|
||||
<p class="block_heading">{{'home.TRANSACTIONS_VS_DATE' | translate}}</p>
|
||||
<span class="txn_count" title="{{'home.TRANSACTION_LINECHAT_HOVER' | translate}}" *ngIf="this.tg_last">{{
|
||||
this.tg_last | number
|
||||
}}</span>
|
||||
<div class="chart_show">
|
||||
<epic-explorer-plotly *ngIf="feeGraphData.data" [data]="feeGraphData.data" [layout]="feeGraphData.layout">
|
||||
</epic-explorer-plotly>
|
||||
<div *ngIf="!feeGraphData.data" class="feedback_div news_desc text-center">
|
||||
<epic-explorer-loading></epic-explorer-loading>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="day_filter">
|
||||
<a href="JavaScript:void(0);" (click)="Transactionlinechartreq('', '', '1 week'); selectedItem8 = 1" id="1"
|
||||
#item1 [ngClass]="{ active: selectedItem8 == item1.id, txt_primary: true }">1 {{'home.WEEK' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', '1 day',''); selectedItem = 6; difficultyRange = '1 day'
|
||||
" id="6" #item6 [ngClass]="{ active: selectedItem == item6.id, txt_primary: true }">1 {{'day' | translate}}</a>
|
||||
Transactionlinechartreq('', '', '15 days'); selectedItem8 = 2
|
||||
" id="2" #item2 [ngClass]="{ active: selectedItem8 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', '1 week',''); selectedItem = 1; difficultyRange = '1 week'
|
||||
" id="1" #item1 [ngClass]="{ active: selectedItem == item1.id, txt_primary: true }">1 {{'home.WEEK' | translate}}</a>
|
||||
<!-- <a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', '15 days',''); selectedItem = 2; difficultyRange = '15 days'
|
||||
" id="2" #item2 [ngClass]="{ active: selectedItem == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a> -->
|
||||
Transactionlinechartreq('', '', '30 days'); selectedItem8 = 3
|
||||
" id="3" #item3 [ngClass]="{ active: selectedItem8 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', '30 days',''); selectedItem = 3; difficultyRange = '30 days'
|
||||
" id="3" #item3 [ngClass]="{ active: selectedItem == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
|
||||
Transactionlinechartreq('', '', '60 days'); selectedItem8 = 4
|
||||
" id="4" #item4 [ngClass]="{ active: selectedItem8 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', '60 days',''); selectedItem = 4; difficultyRange = '60 days'
|
||||
" id="4" #item4 [ngClass]="{ active: selectedItem == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', '3 months',''); selectedItem = 5; difficultyRange = '3 months'
|
||||
" id="5" #item5 [ngClass]="{ active: selectedItem == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
|
||||
Transactionlinechartreq('', '', '3 months'); selectedItem8 = 5
|
||||
" id="5" #item5 [ngClass]="{ active: selectedItem8 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
|
||||
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', 'all',''); selectedItem = 7; difficultyRange = ''
|
||||
" id="7" #item7 [ngClass]="{ active: selectedItem == item7.id, day3m_txt: true }">{{'home.All' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Transactionlinechartreq('', '', 'all'); selectedItem8 = 8;
|
||||
" id="8" #item8 [ngClass]="{ active: selectedItem8 == item8.id, day3m_txt: true }">{{'home.All' | translate}}</a>
|
||||
</div>
|
||||
<div class="explore_all text-right">
|
||||
<a routerLink="/chart/target-difficulty"><span class="text-uppercase">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a>
|
||||
<a routerLink="/chart/transactions-by-date"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -138,7 +118,7 @@
|
||||
<div class="box_shadow" id="supply-growth">
|
||||
<div class="blocks">
|
||||
<p class="block_heading">{{'home.SUPPLY_GROWTH' | translate}}</p>
|
||||
<span class="txn_count" title="{{'home.SUPPLY_GROWTH_HOVER' | translate}}" *ngIf="this.gg_last">{{
|
||||
<span class="txn_count mt-0" title="{{'home.SUPPLY_GROWTH_HOVER' | translate}}" *ngIf="this.gg_last">{{
|
||||
this.gg_last | number
|
||||
}} Epic per block</span>
|
||||
<div class="chart_show">
|
||||
@ -344,7 +324,7 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div *ngIf="viewchartvar" class="col-md-6 col-lg-8 mb-4">
|
||||
<div *ngIf="viewchartvar" class="col-md-12 mb-4">
|
||||
<div class="box_shadow" id="total-difficulty">
|
||||
<div class="blocks">
|
||||
<p class="block_heading">{{'home.TOTAL_DIFFICULTY' | translate}}</p>
|
||||
@ -388,43 +368,63 @@
|
||||
</div>
|
||||
|
||||
|
||||
<div *ngIf="viewchartvar" [ngClass]="{'col-md-6 col-lg-4 mb-4' : true, 'd-none' : viewchart}">
|
||||
<div class="box_shadow" id="transaction-vs-date">
|
||||
<div *ngIf="viewchartvar" [ngClass]="{'col-md-12 mb-4' : true, 'd-none' : viewchart}">
|
||||
<div class="box_shadow" id="target-difficulty">
|
||||
<div class="blocks">
|
||||
<p class="block_heading">{{'home.TRANSACTIONS_VS_DATE' | translate}}</p>
|
||||
<span class="txn_count" title="{{'home.TRANSACTION_LINECHAT_HOVER' | translate}}" *ngIf="this.tg_last">{{
|
||||
this.tg_last | number
|
||||
}}</span>
|
||||
<div class="chart_show">
|
||||
<epic-explorer-plotly *ngIf="feeGraphData.data" [data]="feeGraphData.data" [layout]="feeGraphData.layout">
|
||||
</epic-explorer-plotly>
|
||||
<div *ngIf="!feeGraphData.data" class="feedback_div news_desc text-center">
|
||||
<epic-explorer-loading></epic-explorer-loading>
|
||||
<div class="col-sm-121">
|
||||
<p class="block_heading">{{'home.TARGET_DIFFICULTY' | translate}}</p>
|
||||
<!-- <span class="txn_count" *ngIf="this.lg_last.length > 0"><span *ngFor="let l of lg_last">{{
|
||||
this.l | number</span>
|
||||
}}</span> -->
|
||||
<div class="chart_show">
|
||||
<!-- <div class="difficulty_filter day_filter p-0 bg-transparent mt-2">
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', difficultyRange,'all'); selectedItem12 = 4
|
||||
" id="4" #item124 [ngClass]="{ active: selectedItem12 == item124.id, txt_primary: true }">All</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', difficultyRange,'cuckatoo'); selectedItem12 = 1
|
||||
" id="1" #item121 [ngClass]="{ active: selectedItem12 == item121.id, txt_primary: true }">Cuckoo</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', difficultyRange,'progpow'); selectedItem12 = 2
|
||||
" id="2" #item122 [ngClass]="{ active: selectedItem12 == item122.id, txt_primary: true }">ProgPow</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', difficultyRange,'randomx'); selectedItem12 = 3
|
||||
" id="3" #item123 [ngClass]="{ active: selectedItem12 == item123.id, txt_primary: true }">RandomX</a>
|
||||
</div> -->
|
||||
<epic-explorer-plotly *ngIf="linearGraphData.data" [data]="linearGraphData.data" [layout]="linearGraphData.layout">
|
||||
</epic-explorer-plotly>
|
||||
<div *ngIf="!linearGraphData.data" class="feedback_div news_desc text-center">
|
||||
<epic-explorer-loading></epic-explorer-loading>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="day_filter">
|
||||
<a href="JavaScript:void(0);" (click)="Transactionlinechartreq('', '', '1 week'); selectedItem8 = 1" id="1"
|
||||
#item1 [ngClass]="{ active: selectedItem8 == item1.id, txt_primary: true }">1 {{'home.WEEK' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Transactionlinechartreq('', '', '15 days'); selectedItem8 = 2
|
||||
" id="2" #item2 [ngClass]="{ active: selectedItem8 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
|
||||
Difficultyreq('target', '', '', '1 day',''); selectedItem = 6; difficultyRange = '1 day'
|
||||
" id="6" #item6 [ngClass]="{ active: selectedItem == item6.id, txt_primary: true }">1 {{'day' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Transactionlinechartreq('', '', '30 days'); selectedItem8 = 3
|
||||
" id="3" #item3 [ngClass]="{ active: selectedItem8 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
|
||||
Difficultyreq('target', '', '', '1 week',''); selectedItem = 1; difficultyRange = '1 week'
|
||||
" id="1" #item1 [ngClass]="{ active: selectedItem == item1.id, txt_primary: true }">1 {{'home.WEEK' | translate}}</a>
|
||||
<!-- <a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', '15 days',''); selectedItem = 2; difficultyRange = '15 days'
|
||||
" id="2" #item2 [ngClass]="{ active: selectedItem == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a> -->
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Transactionlinechartreq('', '', '60 days'); selectedItem8 = 4
|
||||
" id="4" #item4 [ngClass]="{ active: selectedItem8 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
|
||||
Difficultyreq('target', '', '', '30 days',''); selectedItem = 3; difficultyRange = '30 days'
|
||||
" id="3" #item3 [ngClass]="{ active: selectedItem == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Transactionlinechartreq('', '', '3 months'); selectedItem8 = 5
|
||||
" id="5" #item5 [ngClass]="{ active: selectedItem8 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
|
||||
Difficultyreq('target', '', '', '60 days',''); selectedItem = 4; difficultyRange = '60 days'
|
||||
" id="4" #item4 [ngClass]="{ active: selectedItem == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', '3 months',''); selectedItem = 5; difficultyRange = '3 months'
|
||||
" id="5" #item5 [ngClass]="{ active: selectedItem == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
|
||||
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Transactionlinechartreq('', '', 'all'); selectedItem8 = 8;
|
||||
" id="8" #item8 [ngClass]="{ active: selectedItem8 == item8.id, day3m_txt: true }">{{'home.All' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
Difficultyreq('target', '', '', 'all',''); selectedItem = 7; difficultyRange = ''
|
||||
" id="7" #item7 [ngClass]="{ active: selectedItem == item7.id, day3m_txt: true }">{{'home.All' | translate}}</a>
|
||||
</div>
|
||||
<div class="explore_all text-right">
|
||||
<a routerLink="/chart/transactions-by-date"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a>
|
||||
<a routerLink="/chart/target-difficulty"><span class="text-uppercase">{{'home.EXPLORE_IT' | translate}} <i class="fa fa-long-arrow-right"></i></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -765,14 +765,16 @@ export class GraphListComponent implements OnInit {
|
||||
|
||||
difficultyChartFunc(DifficultychartDate, data, Type, range1, range2, range3, tickformat) {
|
||||
let dtickval;
|
||||
if (tickformat == "%H-%M")
|
||||
if (tickformat == "%H-%M"){
|
||||
dtickval = ''
|
||||
else if (DifficultychartDate.length < 21712)
|
||||
}else if (DifficultychartDate.length < 21712){
|
||||
dtickval = 2 * 24 * 60 * 60 * 1000
|
||||
else if (DifficultychartDate.length < 100571)
|
||||
}else if (DifficultychartDate.length < 100571){
|
||||
dtickval = 6 * 24 * 60 * 60 * 1000
|
||||
else
|
||||
dtickval = 4 * 30 * 24 * 60 * 60 * 1000
|
||||
}else {
|
||||
tickformat = "%b %Y";
|
||||
dtickval = 5 * 30 * 24 * 60 * 60 * 1000
|
||||
}
|
||||
|
||||
let window_width = window.screen.width;
|
||||
let position = 0.00;
|
||||
@ -782,7 +784,7 @@ export class GraphListComponent implements OnInit {
|
||||
let cuckoo_position = null;
|
||||
let right_margin = 10;
|
||||
if (window_width > 700) {
|
||||
position = 0.10;
|
||||
position = 0.11;
|
||||
angle = 0;
|
||||
domain_start = 0.18;
|
||||
left_margin = 5;
|
||||
@ -887,16 +889,19 @@ export class GraphListComponent implements OnInit {
|
||||
stackchartFunc(sDate, Cuckoo, ProgPow, RandomX) {
|
||||
|
||||
let dtickval;
|
||||
if (sDate.length < 10)
|
||||
let tickformat = '%m-%d';
|
||||
if (sDate.length < 10){
|
||||
dtickval = 2 * 24 * 60 * 60 * 1000
|
||||
else if (sDate.length < 20)
|
||||
} else if (sDate.length < 20) {
|
||||
dtickval = 4 * 24 * 60 * 60 * 1000
|
||||
else if (sDate.length < 40)
|
||||
} else if (sDate.length < 40) {
|
||||
dtickval = 6 * 24 * 60 * 60 * 1000
|
||||
else if (sDate.length < 70)
|
||||
} else if (sDate.length < 70) {
|
||||
dtickval = 8 * 24 * 60 * 60 * 1000
|
||||
else
|
||||
dtickval = 4 * 30 * 24 * 60 * 60 * 1000
|
||||
} else {
|
||||
tickformat = "%b %Y";
|
||||
dtickval = 4 * 30 * 24 * 60 * 60 * 1000;
|
||||
}
|
||||
|
||||
this.stackGraphData = {
|
||||
data: [
|
||||
@ -975,7 +980,7 @@ export class GraphListComponent implements OnInit {
|
||||
showgrid: true,
|
||||
zeroline: false,
|
||||
tickangle: -45,
|
||||
tickformat: '%m-%d',
|
||||
tickformat: tickformat,
|
||||
rangemode: 'nonnegative',
|
||||
fixedrange: true,
|
||||
tick0: sDate[0],
|
||||
@ -1110,20 +1115,22 @@ export class GraphListComponent implements OnInit {
|
||||
|
||||
totalBlocksFunc(DifficultychartDate, Blockval) {
|
||||
|
||||
|
||||
let tickformat = '%m-%d';
|
||||
let dtickval;
|
||||
if (DifficultychartDate.length < 5)
|
||||
if (DifficultychartDate.length < 5) {
|
||||
dtickval = 1 * 24 * 60 * 60 * 1000
|
||||
else if (DifficultychartDate.length < 10)
|
||||
}else if (DifficultychartDate.length < 10) {
|
||||
dtickval = 2 * 24 * 60 * 60 * 1000
|
||||
else if (DifficultychartDate.length < 20)
|
||||
}else if (DifficultychartDate.length < 20) {
|
||||
dtickval = 4 * 24 * 60 * 60 * 1000
|
||||
else if (DifficultychartDate.length < 40)
|
||||
}else if (DifficultychartDate.length < 40) {
|
||||
dtickval = 6 * 24 * 60 * 60 * 1000
|
||||
else if (DifficultychartDate.length < 70)
|
||||
}else if (DifficultychartDate.length < 70) {
|
||||
dtickval = 8 * 24 * 60 * 60 * 1000
|
||||
else
|
||||
dtickval = 4 * 30 * 24 * 60 * 60 * 1000
|
||||
}else {
|
||||
tickformat = "%b %Y";
|
||||
dtickval = 4 * 30 * 24 * 60 * 60 * 1000;
|
||||
}
|
||||
|
||||
|
||||
this.barGraphData = {
|
||||
@ -1150,7 +1157,7 @@ export class GraphListComponent implements OnInit {
|
||||
showlegend: false,
|
||||
xaxis: {
|
||||
tickangle: -45,
|
||||
tickformat: '%m-%d',
|
||||
tickformat: tickformat,
|
||||
showgrid: true,
|
||||
fixedrange: true,
|
||||
rangemode: 'nonnegative',
|
||||
@ -1180,19 +1187,20 @@ export class GraphListComponent implements OnInit {
|
||||
|
||||
transcationfeeFunc(TfDate, TfFee) {
|
||||
|
||||
|
||||
let tickformat = '%m-%d';
|
||||
let dtickval;
|
||||
if (TfDate.length < 10)
|
||||
dtickval = 2 * 24 * 60 * 60 * 1000
|
||||
else if (TfDate.length < 20)
|
||||
dtickval = 4 * 24 * 60 * 60 * 1000
|
||||
else if (TfDate.length < 40)
|
||||
dtickval = 6 * 24 * 60 * 60 * 1000
|
||||
else if (TfDate.length < 70)
|
||||
dtickval = 8 * 24 * 60 * 60 * 1000
|
||||
else
|
||||
dtickval = 4 * 30 * 24 * 60 * 60 * 1000
|
||||
|
||||
if (TfDate.length < 10) {
|
||||
dtickval = 2 * 24 * 60 * 60 * 1000;
|
||||
}else if (TfDate.length < 20) {
|
||||
dtickval = 4 * 24 * 60 * 60 * 1000;
|
||||
}else if (TfDate.length < 40) {
|
||||
dtickval = 6 * 24 * 60 * 60 * 1000;
|
||||
}else if (TfDate.length < 70) {
|
||||
dtickval = 8 * 24 * 60 * 60 * 1000;
|
||||
}else {
|
||||
tickformat = "%b %Y";
|
||||
dtickval = 5 * 30 * 24 * 60 * 60 * 1000;
|
||||
}
|
||||
|
||||
this.transcationGraphData = {
|
||||
data: [
|
||||
@ -1216,7 +1224,7 @@ export class GraphListComponent implements OnInit {
|
||||
autosize: true,
|
||||
xaxis: {
|
||||
tickangle: -45,
|
||||
tickformat: '%m-%d',
|
||||
tickformat: tickformat,
|
||||
rangemode: 'nonnegative',
|
||||
fixedrange: true,
|
||||
showgrid: true,
|
||||
@ -1256,17 +1264,20 @@ export class GraphListComponent implements OnInit {
|
||||
|
||||
growthFunc(gDate, gReward, gaddedreward, range) {
|
||||
|
||||
let tickformat = '%m-%d';
|
||||
let dtickval;
|
||||
if (gDate.length < 10)
|
||||
if (gDate.length < 10) {
|
||||
dtickval = 2 * 24 * 60 * 60 * 1000
|
||||
else if (gDate.length < 20)
|
||||
}else if (gDate.length < 20) {
|
||||
dtickval = 4 * 24 * 60 * 60 * 1000
|
||||
else if (gDate.length < 40)
|
||||
}else if (gDate.length < 40) {
|
||||
dtickval = 6 * 24 * 60 * 60 * 1000
|
||||
else if (gDate.length < 70)
|
||||
}else if (gDate.length < 70) {
|
||||
dtickval = 8 * 24 * 60 * 60 * 1000
|
||||
else
|
||||
dtickval = 4 * 30 * 24 * 60 * 60 * 1000
|
||||
}else {
|
||||
tickformat = "%b %Y";
|
||||
dtickval = 4 * 30 * 24 * 60 * 60 * 1000;
|
||||
}
|
||||
|
||||
this.growthGraphData = {
|
||||
data: [
|
||||
@ -1295,8 +1306,8 @@ export class GraphListComponent implements OnInit {
|
||||
autosize: true,
|
||||
xaxis: {
|
||||
linecolor: 'rgb(204,204,204)',
|
||||
linewidth: 2,
|
||||
tickformat: '%m-%d',
|
||||
linewidth: 1,
|
||||
tickformat: tickformat,
|
||||
tickangle: -45,
|
||||
rangemode: 'nonnegative',
|
||||
fixedrange: true,
|
||||
@ -1330,17 +1341,20 @@ export class GraphListComponent implements OnInit {
|
||||
}
|
||||
|
||||
blockspersecFunc(bDate, bPeriod) {
|
||||
let tickformat = '%m-%d';
|
||||
let dtickval;
|
||||
if (bDate.length < 10)
|
||||
if (bDate.length < 10) {
|
||||
dtickval = 2 * 24 * 60 * 60 * 1000
|
||||
else if (bDate.length < 20)
|
||||
}else if (bDate.length < 20) {
|
||||
dtickval = 4 * 24 * 60 * 60 * 1000
|
||||
else if (bDate.length < 40)
|
||||
}else if (bDate.length < 40) {
|
||||
dtickval = 6 * 24 * 60 * 60 * 1000
|
||||
else if (bDate.length < 70)
|
||||
}else if (bDate.length < 70) {
|
||||
dtickval = 8 * 24 * 60 * 60 * 1000
|
||||
else
|
||||
dtickval = 4 * 30 * 24 * 60 * 60 * 1000
|
||||
}else {
|
||||
tickformat = "%b %Y";
|
||||
dtickval = 4 * 30 * 24 * 60 * 60 * 1000;
|
||||
}
|
||||
this.areaGraphData = {
|
||||
data: [
|
||||
{
|
||||
@ -1364,7 +1378,7 @@ export class GraphListComponent implements OnInit {
|
||||
height: 250,
|
||||
autosize: true,
|
||||
xaxis: {
|
||||
tickformat: '%m-%d',
|
||||
tickformat: tickformat,
|
||||
tickangle: -45,
|
||||
rangemode: 'nonnegative',
|
||||
fixedrange: true,
|
||||
@ -1395,17 +1409,20 @@ export class GraphListComponent implements OnInit {
|
||||
|
||||
blockminedFunc(mDate, ProgPow, Cuckoo, RandomX, ProgPowper, Cuckooper, RandomXper) {
|
||||
|
||||
let tickformat = '%m-%d';
|
||||
let dtickval;
|
||||
if (mDate.length < 10)
|
||||
if (mDate.length < 10) {
|
||||
dtickval = 2 * 24 * 60 * 60 * 1000
|
||||
else if (mDate.length < 20)
|
||||
}else if (mDate.length < 20) {
|
||||
dtickval = 4 * 24 * 60 * 60 * 1000
|
||||
else if (mDate.length < 40)
|
||||
}else if (mDate.length < 40) {
|
||||
dtickval = 6 * 24 * 60 * 60 * 1000
|
||||
else if (mDate.length < 70)
|
||||
}else if (mDate.length < 70) {
|
||||
dtickval = 8 * 24 * 60 * 60 * 1000
|
||||
else
|
||||
dtickval = 4 * 30 * 24 * 60 * 60 * 1000
|
||||
}else {
|
||||
tickformat = "%b %Y";
|
||||
dtickval = 4 * 30 * 24 * 60 * 60 * 1000;
|
||||
}
|
||||
|
||||
this.doubleareaGraphData = {
|
||||
data: [
|
||||
@ -1483,7 +1500,7 @@ export class GraphListComponent implements OnInit {
|
||||
},
|
||||
|
||||
xaxis: {
|
||||
tickformat: '%m-%d',
|
||||
tickformat: tickformat,
|
||||
tickangle: -45,
|
||||
rangemode: 'nonnegative',
|
||||
fixedrange: true,
|
||||
@ -1592,17 +1609,20 @@ export class GraphListComponent implements OnInit {
|
||||
}
|
||||
transactionlinechartFunc(Tdate, Ttotalinput, Ttotalkernal, Ttotaloutput) {
|
||||
|
||||
let tickformat = '%m-%d';
|
||||
let dtickval;
|
||||
if (Tdate.length < 10)
|
||||
if (Tdate.length < 10) {
|
||||
dtickval = 2 * 24 * 60 * 60 * 1000
|
||||
else if (Tdate.length < 20)
|
||||
} else if (Tdate.length < 20) {
|
||||
dtickval = 4 * 24 * 60 * 60 * 1000
|
||||
else if (Tdate.length < 40)
|
||||
}else if (Tdate.length < 40) {
|
||||
dtickval = 6 * 24 * 60 * 60 * 1000
|
||||
else if (Tdate.length < 100)
|
||||
}else if (Tdate.length < 100) {
|
||||
dtickval = 8 * 24 * 60 * 60 * 1000
|
||||
else
|
||||
dtickval = 4 * 30 * 24 * 60 * 60 * 1000
|
||||
}else {
|
||||
tickformat = "%b %Y";
|
||||
dtickval = 4 * 30 * 24 * 60 * 60 * 1000;
|
||||
}
|
||||
|
||||
this.feeGraphData = {
|
||||
data: [
|
||||
@ -1656,7 +1676,7 @@ export class GraphListComponent implements OnInit {
|
||||
xaxis: {
|
||||
showgrid: true,
|
||||
zeroline: false,
|
||||
tickformat: '%m-%d',
|
||||
tickformat: tickformat,
|
||||
rangemode: 'nonnegative',
|
||||
fixedrange: true,
|
||||
tickangle: -45,
|
||||
@ -1754,14 +1774,16 @@ export class GraphListComponent implements OnInit {
|
||||
totaldifficultyChartFunc(DifficultychartDate, data, type, range1, range2, range3, tickformat) {
|
||||
|
||||
let dtickval;
|
||||
if (tickformat == "%H-%M")
|
||||
if (tickformat == "%H-%M") {
|
||||
dtickval = ''
|
||||
else if (DifficultychartDate.length < 22712)
|
||||
}else if (DifficultychartDate.length < 22712){
|
||||
dtickval = 2 * 24 * 60 * 60 * 1000
|
||||
else if (DifficultychartDate.length < 100000)
|
||||
}else if (DifficultychartDate.length < 100000){
|
||||
dtickval = 6 * 24 * 60 * 60 * 1000
|
||||
else
|
||||
dtickval = 3 * 30 * 24 * 60 * 60 * 1000
|
||||
}else {
|
||||
tickformat = "%b %Y";
|
||||
dtickval = 4 * 30 * 24 * 60 * 60 * 1000
|
||||
}
|
||||
|
||||
let window_width = window.screen.width;
|
||||
let position = 0.00;
|
||||
@ -1771,7 +1793,7 @@ export class GraphListComponent implements OnInit {
|
||||
let tick_size = 11;
|
||||
let right_margin = 10;
|
||||
if (window_width > 700) {
|
||||
position = 0.10;
|
||||
position = 0.11;
|
||||
angle = 0;
|
||||
domain_start = 0.18;
|
||||
left_margin = 5;
|
||||
|
||||
@ -160,6 +160,19 @@ p.block_value_v2 {font-size: 18px;height: 25px;}
|
||||
/* .view_page_header{text-align: center;} */
|
||||
.view_page_header .navbar-brand{display: block; margin: 0 auto;}
|
||||
.view_page_header .ml-auto{margin: 0 !important; display: inherit;}
|
||||
.blockchain_firstrow .subloader {
|
||||
margin: 0 auto;
|
||||
}
|
||||
.text-mobile-center {
|
||||
text-align: center;
|
||||
}
|
||||
.ednalogoMobile {
|
||||
margin: 0 auto!important;
|
||||
margin-bottom: 18px!important;
|
||||
}
|
||||
.footer_div .logo_img {
|
||||
margin-bottom: 15px
|
||||
}
|
||||
}
|
||||
@media(max-width: 470px){
|
||||
.navbar-expand .navbar-collapse.home_mble_hdr{display: block !important;}
|
||||
|
||||
BIN
src/assets/img/edna-dark.png
Normal file
BIN
src/assets/img/edna-dark.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
src/assets/img/edna-light.png
Normal file
BIN
src/assets/img/edna-light.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
@ -296,7 +296,12 @@ button.search_btn {
|
||||
color: #BF9B30;
|
||||
border-top: 1px solid #BF9B30;
|
||||
}
|
||||
|
||||
.blockdetailicon {
|
||||
filter: invert(55%) sepia(84%) saturate(326%) hue-rotate(7deg) brightness(94%) contrast(99%);
|
||||
}
|
||||
.imagegoldcolor {
|
||||
filter: invert(55%) sepia(84%) saturate(326%) hue-rotate(7deg) brightness(94%) contrast(99%);
|
||||
}
|
||||
.explore_all a {
|
||||
color: #BF9B30;
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user