Changes
This commit is contained in:
SuriyaR
parent
46d90078a3
commit
a208894762
@ -3,16 +3,39 @@
|
||||
<div class="container-fluid">
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ml-auto">
|
||||
<li *ngIf="TimeArr" class="d-none d-sm-inline-block"><h1 class="test_msg d-inline-block mb-0 align-middle mr-3">{{'home.HEADER_TEXT' | translate}}</h1>
|
||||
<!-- <h1 class="test_msg align-middle mr-3 d-inline-block mb-0">{{'home.COUNTDOWN' | translate}}</h1>
|
||||
<!-- <li *ngIf="TimeArr" class="d-none d-sm-inline-block"><h1 class="test_msg d-inline-block mb-0 align-middle mr-3">{{'home.HEADER_TEXT' | translate}}</h1>
|
||||
<h1 class="test_msg align-middle mr-3 d-inline-block mb-0">{{'home.COUNTDOWN' | translate}}</h1>
|
||||
<ul class="list-unstyled d-inline-block bg-white p-2 mb-0 timer">
|
||||
<li class="d-inline-block"><span id="days">{{TimeArr.d}}d:</span></li>
|
||||
<li class="d-inline-block"><span id="hours">{{TimeArr.h}}h:</span></li>
|
||||
<li class="d-inline-block"><span id="minutes">{{TimeArr.m}}m:</span></li>
|
||||
<li class="d-inline-block"><span id="seconds">{{TimeArr.s}}s</span></li>
|
||||
</ul> -->
|
||||
</ul>
|
||||
|
||||
</li>
|
||||
</li> -->
|
||||
<li >
|
||||
<span>You are on </span>
|
||||
<ul class="list-unstyled d-inline-block">
|
||||
<li class="nav-item dropdown">
|
||||
<a
|
||||
class="nav-link dropdown-toggle bg-white"
|
||||
id="navbarDropdown"
|
||||
role="button"
|
||||
data-toggle="dropdown"
|
||||
aria-haspopup="true"
|
||||
aria-expanded="false"
|
||||
>
|
||||
Beta
|
||||
</a>
|
||||
<div class="dropdown-menu net_dropdwn" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item p-2" target = '_blank' href="https://explorer2.epic.tech">Alpha</a
|
||||
>
|
||||
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<span> Network </span>
|
||||
</li>
|
||||
<li class="nav-item px-2 dropdown bg-white">
|
||||
|
||||
<span class="flag " [ngStyle]="{ 'background-image': 'url(assets/img/' + translate.getCurrentLang() + '.jpg)'}"></span>
|
||||
@ -38,7 +61,7 @@
|
||||
</div>
|
||||
</nav>
|
||||
<div *ngIf="TimeArr" class="d-sm-none text-center">
|
||||
<h1 class="test_msg d-inline-block mb-0 align-middle mr-3">{{'home.HEADER_TEXT' | translate}}</h1>
|
||||
<!-- <h1 class="test_msg d-inline-block mb-0 align-middle mr-3">{{'home.HEADER_TEXT' | translate}}</h1> -->
|
||||
<!-- <h1 class="test_msg align-middle mr-3 d-inline-block mb-0">{{'home.COUNTDOWN' | translate}}
|
||||
<ul class="list-unstyled d-inline-block bg-white p-2 mb-0">
|
||||
<li class="d-inline-block"><span id="days">{{TimeArr.d}}d:</span></li>
|
||||
|
||||
@ -16,6 +16,20 @@
|
||||
</button>
|
||||
</div>
|
||||
<div class="mble_view_hdr">
|
||||
<span>You are on </span>
|
||||
<ul class="list-unstyled d-inline-block">
|
||||
<li class="nav-item dropdown">
|
||||
|
||||
<a class="nav-link dropdown-toggle bg-white" href="#" id="navbarDropdown" role="button"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
Beta
|
||||
</a>
|
||||
<div class="dropdown-menu net_dropdwn" aria-labelledby="navbarDropdown">
|
||||
<a class="dropdown-item p-2" href="https://explorer2.epic.tech">Alpha</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<span> Network </span>
|
||||
<div class="nav-item dropdown bg-white px-2 d-inline-block ml-2 order-1 order-sm-2">
|
||||
<span class="flag " [ngStyle]="{ 'background-image': 'url(assets/img/' + translate.getCurrentLang() + '.jpg)'}"></span>
|
||||
<!--<span class="flag" ngIf="translate.getCurrentLang() =='de'" style="background-image: url('assets/img/german.jpg')"></span>-->
|
||||
|
||||
@ -1,7 +1,7 @@
|
||||
<div class="view_content py-4">
|
||||
<div *ngIf="hasdata" class="container">
|
||||
<div *ngIf="TimeArr" class="box_shadow_large detail_div p-3 mb-4">
|
||||
<h1 class="test_msg align-middle mb-0 d-inline-block mr-3 pl-3">{{'home.HEADER_TEXT' | translate}}</h1>
|
||||
<!-- <h1 class="test_msg align-middle mb-0 d-inline-block mr-3 pl-3">{{'home.HEADER_TEXT' | translate}}</h1> -->
|
||||
<!-- <h1 class="test_msg align-middle mb-0 float-right d-inline-block pl-3">{{'home.COUNTDOWN' | translate}}
|
||||
<ul class="list-unstyled d-inline-block mb-0 txt_primary timer">
|
||||
<li class="d-inline-block"><span id="days">{{TimeArr.d}}d:</span></li>
|
||||
|
||||
@ -44,7 +44,7 @@
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div *ngIf="TimeArr" class="box_shadow_large detail_div p-3 mb-4">
|
||||
<h1 class="test_msg align-middle mr-3 pl-3">{{'home.HEADER_TEXT' | translate}}</h1>
|
||||
<!-- <h1 class="test_msg align-middle mr-3 pl-3">{{'home.HEADER_TEXT' | translate}}</h1> -->
|
||||
<!-- <h1 class="test_msg align-middle mb-0 pl-3">{{'home.COUNTDOWN' | translate}}
|
||||
<ul class="list-unstyled mt-2 mb-0 txt_primary">
|
||||
<li class="d-inline-block"><span id="days">{{TimeArr.d}}d:</span></li>
|
||||
@ -63,11 +63,11 @@
|
||||
<li class="mb-1" *ngIf="this.title!='Blocks Mined'"><a routerLink="/chart/blocks-mined">{{'home.BLOCKS_MINED' | translate}}</a></li>
|
||||
<li class="mb-1" *ngIf="this.title!='Transaction Fees'"><a routerLink="/chart/transaction-fees">{{'home.TRANSACTION_FEES' | translate}}</a></li>
|
||||
<li class="mb-1" *ngIf="this.title!='Supply Growth'"><a routerLink="/chart/supply-growth">{{'home.SUPPLY_GROWTH' | translate}}</a></li>
|
||||
<li class="mb-1" *ngIf="this.title!='HashRate Growth Chart'"><a routerLink="/chart/hashrate-growth-chart">{{'home.HASHRATE_GROWTH_CHART' | translate}}</a></li>
|
||||
<!-- <li class="mb-1" *ngIf="this.title!='HashRate Growth Chart'"><a routerLink="/chart/hashrate-growth-chart">{{'home.HASHRATE_GROWTH_CHART' | translate}}</a></li> -->
|
||||
<li class="mb-1" *ngIf="this.title!='Transactions by time'"><a routerLink="/chart/block-interval">{{'home.BLOCK_INTERVAL' | translate}}</a></li>
|
||||
<li class="mb-1" *ngIf="this.title!='Transactions Vs Date'"><a routerLink="/chart/transactions-vs-date">{{'home.TRANSACTIONS_VS_DATE' | translate}}</a></li>
|
||||
<li class="mb-1" *ngIf="this.title!='Stackbar Chart'"><a routerLink="/chart/stackchart">Stackbar Chart</a></li>
|
||||
<li class="mb-1" *ngIf="this.title!='Pie Chart'"><a routerLink="/chart/piechart">Pie Chart</a></li>
|
||||
<!-- <li class="mb-1" *ngIf="this.title!='Pie Chart'"><a routerLink="/chart/piechart">Pie Chart</a></li> -->
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@ -262,46 +262,51 @@
|
||||
</div>
|
||||
|
||||
<div [ngClass]="{'col-md-6 col-lg-4 mb-4' : true, 'd-none' : viewchart}">
|
||||
<div class="box_shadow">
|
||||
<div class="blocks">
|
||||
<h2 class="chart_heading d-inline-block">{{'home.HASHRATE_GROWTH_CHART' | translate}}</h2>
|
||||
<span class="txn_count" *ngIf="this.hg_last">{{
|
||||
this.hg_last | number
|
||||
}}</span>
|
||||
<div class="chart_show">
|
||||
<epic-explorer-plotly *ngIf="blockGraphData.data" [data]="blockGraphData.data" [layout]="blockGraphData.layout">
|
||||
</epic-explorer-plotly>
|
||||
<div *ngIf="!blockGraphData.data" class="feedback_div news_desc text-center">
|
||||
<div class="graph_img background_loading mx-auto mb-3"></div>
|
||||
<div class=" p-3 bg-white">
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<div class="box_shadow">
|
||||
<div class="blocks">
|
||||
<h2 class="chart_heading d-inline-block">Blocks by Algorithm</h2>
|
||||
<span class="txn_count" *ngIf="this.sg_last">{{
|
||||
this.sg_last | number
|
||||
}}</span>
|
||||
|
||||
<div class="chart_show">
|
||||
<epic-explorer-plotly *ngIf="stackGraphData.data" [data]="stackGraphData.data" [layout]="stackGraphData.layout">
|
||||
</epic-explorer-plotly>
|
||||
<div *ngIf="!stackGraphData.data" class="feedback_div news_desc text-center">
|
||||
<div class="graph_img background_loading mx-auto mb-3"></div>
|
||||
<div class=" p-3 bg-white">
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="day_filter">
|
||||
<a href="JavaScript:void(0);" (click)="stackchartreq('', '', '1 week'); selectedItem10 = 1" id="1"
|
||||
#item1 [ngClass]="{ active: selectedItem10 == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
stackchartreq('', '', '15 days'); selectedItem10 = 2
|
||||
" id="2" #item2 [ngClass]="{ active: selectedItem10 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
stackchartreq('', '', '30 days'); selectedItem10 = 3
|
||||
" id="3" #item3 [ngClass]="{ active: selectedItem10 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
stackchartreq('', '', '60 days'); selectedItem10 = 4
|
||||
" id="4" #item4 [ngClass]="{ active: selectedItem10 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
stackchartreq('', '', '3 months'); selectedItem10 = 5
|
||||
" id="5" #item5 [ngClass]="{ active: selectedItem10 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
|
||||
</div>
|
||||
<div class="explore_all text-right">
|
||||
<a routerLink="/chart/stackchart"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i
|
||||
class="fa fa-long-arrow-right"></i></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="day_filter">
|
||||
<a href="JavaScript:void(0);" (click)="Transactiondoublelinechartreq('', '', '1 week'); selectedItem9 = 1" id="1" #item1
|
||||
[ngClass]="{ active: selectedItem9 == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="Transactiondoublelinechartreq('', '', '15 days'); selectedItem9 = 2" id="2" #item2
|
||||
[ngClass]="{ active: selectedItem9 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="Transactiondoublelinechartreq('', '', '30 days'); selectedItem9 = 3" id="3" #item3
|
||||
[ngClass]="{ active: selectedItem9 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="Transactiondoublelinechartreq('', '', '60 days'); selectedItem9 = 4" id="4" #item4
|
||||
[ngClass]="{ active: selectedItem9 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="Transactiondoublelinechartreq('', '', '3 months'); selectedItem9 = 5" id="5" #item5
|
||||
[ngClass]="{ active: selectedItem9 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
|
||||
</div>
|
||||
<div class="explore_all text-right">
|
||||
<a routerLink="/chart/hashrate-growth-chart"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i
|
||||
class="fa fa-long-arrow-right"></i></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div [ngClass]="{'col-md-6 col-lg-4 mb-4' : true, 'd-none' : viewchart}">
|
||||
<div class="box_shadow">
|
||||
@ -392,55 +397,11 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div [ngClass]="{'col-md-6 col-lg-4 mb-4' : true, 'd-none' : viewchart}">
|
||||
<div class="box_shadow">
|
||||
<div class="blocks">
|
||||
<h2 class="chart_heading d-inline-block">Stackbar Chart</h2>
|
||||
<span class="txn_count" *ngIf="this.sg_last">{{
|
||||
this.sg_last | number
|
||||
}}</span>
|
||||
<!-- <div [ngClass]="{'col-md-6 col-lg-4 mb-4' : true, 'd-none' : viewchart}">
|
||||
|
||||
</div> -->
|
||||
|
||||
<div class="chart_show">
|
||||
<epic-explorer-plotly *ngIf="stackGraphData.data" [data]="stackGraphData.data" [layout]="stackGraphData.layout">
|
||||
</epic-explorer-plotly>
|
||||
<div *ngIf="!stackGraphData.data" class="feedback_div news_desc text-center">
|
||||
<div class="graph_img background_loading mx-auto mb-3"></div>
|
||||
<div class=" p-3 bg-white">
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
<p class="mb-2 background_loading para_load"></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="day_filter">
|
||||
<a href="JavaScript:void(0);" (click)="stackchartreq('', '', '1 week'); selectedItem10 = 1" id="1"
|
||||
#item1 [ngClass]="{ active: selectedItem10 == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
stackchartreq('', '', '15 days'); selectedItem10 = 2
|
||||
" id="2" #item2 [ngClass]="{ active: selectedItem10 == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
stackchartreq('', '', '30 days'); selectedItem10 = 3
|
||||
" id="3" #item3 [ngClass]="{ active: selectedItem10 == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
stackchartreq('', '', '60 days'); selectedItem10 = 4
|
||||
" id="4" #item4 [ngClass]="{ active: selectedItem10 == item4.id, day60_txt: true }">60 {{'home.DAYS' | translate}}</a>
|
||||
<a href="JavaScript:void(0);" (click)="
|
||||
stackchartreq('', '', '3 months'); selectedItem10 = 5
|
||||
" id="5" #item5 [ngClass]="{ active: selectedItem10 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
|
||||
</div>
|
||||
<div class="explore_all text-right">
|
||||
<a routerLink="/chart/stackchart"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i
|
||||
class="fa fa-long-arrow-right"></i></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div [ngClass]="{'col-md-6 col-lg-4 mb-4' : true, 'd-none' : viewchart}">
|
||||
<!-- <div [ngClass]="{'col-md-6 col-lg-4 mb-4' : true, 'd-none' : viewchart}">
|
||||
<div class="box_shadow">
|
||||
<div class="blocks">
|
||||
<h2 class="chart_heading d-inline-block">Pie Chart</h2>
|
||||
@ -486,6 +447,6 @@
|
||||
class="fa fa-long-arrow-right"></i></span></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
</div>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user