EpicCash/epic_explorer
4
0
Fork 0
Code Issues Pull Requests 1 Projects Releases Wiki Activity

Fix minssing contents

Browse Source
This commit is contained in:
vijikannan 2019-07-18 17:25:45 +05:30
parent 035e2ee3b6
commit 534d1e8002
10 changed files with 324 additions and 172 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/app/shared/components/footer/footer.component.html
View File

@ -1,23 +1,25 @@
<footer>
<footer class="bg-white">
<div class="footer">
<div class="container">
<div class="footer_div py-4">
<div class="row">
<div class="col-md-2">
<a href="#" class="chart_heading"><span class="txt_primary">COIN</span> <span
class="txt_secondary">DATA</span></a>
<!-- <div class="col-md-4"> -->
<div class="col-sm-6">
<a routerLink="/" class="chart_heading"><span class="txt_primary">Epic </span><span
class="txt_secondary">Explorer</span></a>
</div>
<div class="col-md-5 col-lg-6 ftr_services">
<div class="col-md-5 col-lg-6 ftr_services d-none">
<p><span class="gray_txt">Services:</span> <a href="#">Compare </a> | <a href="#">Charts New </a> | <a href="#">Feed </a> |
<a href="#">Broadcast </a> | <a href="#">Markets </a> | <a href="#">Dumps </a> <span class="ftr_links"><a href="#">About </a> | <a href="#">Issues and Requests </a> |
<a href="#">API </a> | <a href="#">Contacts </a> | <a href="#">Status </a></span></p>
</div>
<div class="col-md-2">
<p class="txt_primary privacy_txt">We care about your Privacy! <a href="#">Read Our Privacy Policy</a></p>
<div class="col-md-4 d-none">
<p class="txt_primary privacy_txt mb-0 mt-2 pt-1 ">We care about your Privacy! <a href="#">Read Our Privacy Policy</a></p>
</div>
<div class="col-md-3 col-lg-2">
<div class="dropdown ftr_dropdown d-inline-block">
<!-- <div class="col-md-3 col-lg-4 text-right"> -->
<div class="col-sm-6 text-right ftr_lng">
<div class="dropdown ftr_dropdown d-inline-block py-2">
<a class="dropdown-toggle" href="#" id="navbarDropdown1" role="button" data-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">

25
src/app/shared/components/header/header.component.html
View File

@ -3,6 +3,16 @@
<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">You are on Testnet</h1>
<h1 class="test_msg align-middle mr-3 d-inline-block mb-0">Mainnet Countdown</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>
</li>
<li class="nav-item dropdown bg-white">
<a
class="nav-link dropdown-toggle"
@ -51,8 +61,19 @@
</div>
</div>
</nav>
<h2 class="text-center mb-4 logo_txt">
<span class="txt_primary">COIN</span> DATA
<div *ngIf="TimeArr" class="d-sm-none text-center">
<h1 class="test_msg d-inline-block mb-0 align-middle mr-3">You are on Testnet</h1>
<h1 class="test_msg align-middle mr-3 d-inline-block mb-0">Mainnet Countdown
<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>
<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>
</h1>
</div>
<h2 class="text-center my-3 logo_txt">
<span class="txt_primary">Epic</span> Explorer
</h2>
<div class="container">
<div class="search position-relative">

16
src/app/shared/components/header/header.component.ts
View File

@ -1,5 +1,6 @@
import { Component, OnInit, Inject } from '@angular/core';
import { DOCUMENT } from '@angular/common';
import { ChartService } from '../../services/chart.service';
@Component({
selector: 'epic-explorer-header',
@ -7,9 +8,20 @@ import { DOCUMENT } from '@angular/common';
styleUrls: ['./header.component.css'],
})
export class HeaderComponent implements OnInit {
constructor(@Inject(DOCUMENT) private document: Document) {}
TimeArr: any;
constructor(
@Inject(DOCUMENT) private document: Document,
private chartService: ChartService,
) {}
ngOnInit() {}
ngOnInit() {
var self = this;
var x = setInterval(function() {
self.TimeArr = self.chartService.GetTimer()
? self.chartService.GetTimer()
: false;
}, 1000);
}
public ChangeTheme() {
this.document.body.classList.toggle('dark_theme');

6
src/app/shared/components/siteheader/siteheader.component.html
View File

@ -1,11 +1,11 @@
<nav class="navbar navbar-expand-lg navbar-light view_page_header">
<div class="container">
<a class="navbar-brand chart_heading d-sm-block d-none" routerLink="/"><span
class="txt_primary">Coin</span><span>Data</span></a>
class="txt_primary">Epic </span><span>Explorer</span></a>
<div class="ml-auto">
<a class="chart_heading d-sm-none" routerLink="/"><span class="txt_primary">Coin</span><span>Data</span></a>
<a class="chart_heading d-sm-none" routerLink="/"><span class="txt_primary">Epic</span><span>Explorer</span></a>
<div class="position-relative d-none d-sm-inline-block">
<input type="text" [(ngModel)]="search" #ctrl="ngModel" class="form-control search_input"
(keyup.enter)="ctrl.value ? onSearch(ctrl.value) : ''" placeholder="Search by hash or height">
@ -44,4 +44,4 @@
</button>
</div>
</div>
</nav>
</nav>

24
src/app/shared/services/chart.service.ts
View File

@ -26,4 +26,28 @@ export class ChartService {
catchError((error: HttpErrorResponse): any => throwError(error)),
);
}
public GetTimer() {
var countDownDate = new Date('Aug 1, 2019 00:00:00').getTime();
// Get today's date and time
var now = new Date().getTime();
// Find the distance between now and the count down date
var distance = countDownDate - now;
// Time calculations for days, hours, minutes and seconds
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor(
(distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60),
);
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
var seconds = Math.floor((distance % (1000 * 60)) / 1000);
if (distance < 0) {
return false;
}
let timerarr = { d: days, h: hours, m: minutes, s: seconds };
return timerarr;
}
}

92
src/app/view/graph-view/graph-detail/graph-detail.component.html
View File

@ -1,33 +1,75 @@
<div class="view_content py-4">
<div class="col-md-12">
<div class="box_shadow">
<div class="blocks">
<div class="view_content detail_graph py-4">
<div class="container">
<h2 class="chart_heading text-uppercase d-inline-block">{{this.title}}</h2>
<div class="row">
<div class="col-md-9">
<div class="box_shadow_large bg-white p-3">
<div class="overflow-hidden">
<div class="blocks detail_graph">
<h2 class="chart_heading text-uppercase d-inline-block">{{this.title}}</h2>
<epic-explorer-plotly *ngIf="hashdata.data" [data]="hashdata.data" [layout]="hashdata.layout">
</epic-explorer-plotly>
<div class="day_filter">
<a href="JavaScript:void(0);" (click)="
ChartFromView('', '', '1 week', true, false); selectedItem = 1
" id="1" #item1 [ngClass]="{ active: selectedItem == item1.id, txt_primay: true }">1 week</a>
<a href="JavaScript:void(0);" (click)="
ChartFromView('', '', '15 days', true, false); selectedItem = 2
" id="2" #item2 [ngClass]="{ active: selectedItem == item2.id, day15_txt: true }">15 days</a>
<a href="JavaScript:void(0);" (click)="
ChartFromView('', '', '30 days', true, false); selectedItem = 3
" id="3" #item3 [ngClass]="{ active: selectedItem == item3.id, day30_txt: true }">30 days</a>
<a href="JavaScript:void(0);" (click)="
ChartFromView('', '', '60 days', true, false); selectedItem = 4
" id="4" #item4 [ngClass]="{ active: selectedItem == item4.id, day60_txt: true }">60 days</a>
<a href="JavaScript:void(0);" (click)="
ChartFromView('', '', '3 months', true, false); selectedItem = 5
" id="5" #item5 [ngClass]="{ active: selectedItem == item5.id, day3m_txt: true }">3 months</a>
</div>
<div class="day_filter" *ngIf="this.title!='Transactions by time'">
<a href="JavaScript:void(0);" (click)="
ChartFromView('', '', '1 week', true, false); selectedItem = 1
" id="1" #item1 [ngClass]="{ active: selectedItem == item1.id, txt_primay: true }">1 week</a>
<a href="JavaScript:void(0);" (click)="
ChartFromView('', '', '15 days', true, false); selectedItem = 2
" id="2" #item2 [ngClass]="{ active: selectedItem == item2.id, day15_txt: true }">15 days</a>
<a href="JavaScript:void(0);" (click)="
ChartFromView('', '', '30 days', true, false); selectedItem = 3
" id="3" #item3 [ngClass]="{ active: selectedItem == item3.id, day30_txt: true }">30 days</a>
<a href="JavaScript:void(0);" (click)="
ChartFromView('', '', '60 days', true, false); selectedItem = 4
" id="4" #item4 [ngClass]="{ active: selectedItem == item4.id, day60_txt: true }">60 days</a>
<a href="JavaScript:void(0);" (click)="
ChartFromView('', '', '3 months', true, false); selectedItem = 5
" id="5" #item5 [ngClass]="{ active: selectedItem == item5.id, day3m_txt: true }">3 months</a>
</div>
<div class="day_filter" *ngIf="this.title=='Transactions by time'">
<a href="JavaScript:void(0);" (click)="ChartFromView(GraphtDate, GraphtHour, GraphtInput,'Input'); selectedItem8 = 1" id="1" #item1
[ngClass]="{ active: selectedItem8 == item1.id, txt_primay: true }">Input</a>
<a href="JavaScript:void(0);" (click)="ChartFromView(GraphtDate, GraphtHour, GraphtKernal,'Kernal'); selectedItem8 = 2" id="2" #item2
[ngClass]="{ active: selectedItem8 == item2.id, day15_txt: true }">Kernel</a>
<a href="JavaScript:void(0);" (click)="ChartFromView(GraphtDate, GraphtHour, GraphtOutput,'Output'); selectedItem8 = 3" id="3" #item3
[ngClass]="{ active: selectedItem8 == item3.id, day30_txt: true }">Output</a>
</div>
</div>
</div>
</div>
</div>
</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">You are on Testnet</h1>
<h1 class="test_msg align-middle mb-0 pl-3">Mainnet Countdown
<ul class="list-unstyled mt-2 mb-0 txt_primary">
<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>
</h1>
</div>
<div class="box_shadow_large bg-white p-3">
<h2 class="chart_heading mb-2 d-inline-block">Explore</h2>
<ul class="list-unstyled pl-3">
<li class="mb-1" *ngIf="this.title!='Total Difficulty'"><a routerLink="/chart/total-difficulty">Total Difficulty</a></li>
<li class="mb-1" *ngIf="this.title!='Transactions by time'"><a routerLink="/chart/transactions-by-time">Transactions by time</a></li>
<li class="mb-1" *ngIf="this.title!='Blocks'"><a routerLink="/chart/blocks">Blocks</a></li>
<li class="mb-1" *ngIf="this.title!='Blocks Mined'"><a routerLink="/chart/blocks-mined">Blocks Mined</a></li>
<li class="mb-1" *ngIf="this.title!='Transaction Fees'"><a routerLink="/chart/transaction-fees">Transaction Fees</a></li>
<li class="mb-1" *ngIf="this.title!='Supply Growth'"><a routerLink="/chart/supply-growth">Supply Growth</a></li>
<li class="mb-1" *ngIf="this.title!='HashRate Growth Chart'"><a routerLink="/chart/hashrate-growth-chart">HashRate Growth Chart</a></li>
<li class="mb-1" *ngIf="this.title!='Transactions by time'"><a routerLink="/chart/block-interval">Block Interval</a></li>
<li class="mb-1" *ngIf="this.title!='Transactions Vs Date'"><a routerLink="/chart/transactions-vs-date">Transactions Vs Date</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

279
src/app/view/graph-view/graph-detail/graph-detail.component.ts
View File

@ -3,6 +3,7 @@ import { HttpParams } from '@angular/common/http';
import { ChartService } from '../../../shared/services/chart.service';
import { ActivatedRoute } from '@angular/router';
import { GraphListComponent } from '../../home/graph-list/graph-list.component';
import { Title } from '@angular/platform-browser';
@Component({
providers: [GraphListComponent],
@ -11,89 +12,147 @@ import { GraphListComponent } from '../../home/graph-list/graph-list.component';
styleUrls: ['./graph-detail.component.css'],
})
export class GraphDetailComponent implements OnInit {
TimeArr: any;
public hashdata: any = [];
public title: any;
public chartType : any = [];
public selectedItem=3;
public selectedItem: Number = 3;
public selectedItem8: Number = 2;
public GraphtInput: any;
public GraphtOutput: any;
public GraphtKernal: any;
public GraphtDate: any;
public GraphtHour: any;
constructor(
private route: ActivatedRoute,
private chartService: ChartService,
private comp: GraphListComponent,
) {}
ngOnInit() {
this.chartType = this.route.snapshot.params.hashid;
var self = this;
var x = setInterval(function() {
self.TimeArr = self.chartService.GetTimer()
? self.chartService.GetTimer()
: false;
}, 1000);
this.route.params.subscribe(params => {
this.chartType = params['hashid'];
//console.log(this.chartType);
switch(this.chartType){
case "difficulty":
case 'total-difficulty':
this.comp.Difficultyreq().then(res => {
this.hashdata = this.comp.linearGraphData;
this.hashdata.layout.height=500;
this.title="Difficulty";
console.log(this.hashdata);
this.hashdata.layout.height = 500;
this.title = 'Total Difficulty';
this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title,
);
//console.log(this.hashdata);
});
break;
case "transactionsbytime":
break;
case 'transactions-by-time':
this.comp.Transactionheatmapreq().then(res => {
this.hashdata = this.comp.heatMapGrowthData;
this.hashdata.layout.height=500;
this.title="Transactions by time";
this.hashdata.layout.height = 500;
// this.hashdata.layout.width =
// window.innerWidth - (window.innerWidth / 2.8);
this.title = 'Transactions by time';
this.GraphtDate = this.comp.tDate;
this.GraphtHour = this.comp.tHour;
this.GraphtInput = this.comp.tInput;
this.GraphtOutput = this.comp.tOutput;
this.GraphtKernal = this.comp.tKernal;
this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title,
);
console.log(
window.innerWidth,
window.innerWidth - window.innerWidth / 8,
);
});
break;
case "block":
break;
case 'blocks':
this.comp.Difficultyreq().then(res => {
this.hashdata = this.comp.barGraphData;
this.hashdata.layout.height=500;
this.title="Block";
this.hashdata.layout.height = 500;
this.title = 'Blocks';
this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title,
);
});
break;
case "transactionsfee":
break;
case 'transaction-fees':
this.comp.Transcationreq().then(res => {
this.hashdata = this.comp.transcationGraphData;
console.log(this.hashdata);
this.hashdata.layout.height=500;
this.title="Transactions Fee";
//console.log(this.hashdata);
this.hashdata.layout.height = 500;
this.title = 'Transaction Fees';
this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title,
);
});
break;
case "supplygrowth":
break;
case 'supply-growth':
this.comp.Growthreq().then(res => {
this.hashdata = this.comp.growthGraphData;
this.hashdata.layout.height=500;
this.title="Supply Growth";
this.hashdata.layout.height = 500;
this.title = 'Supply Growth';
this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title,
);
});
break;
case "blocksmined":
break;
case 'blocks-mined':
this.comp.Blockminedreq().then(res => {
this.hashdata = this.comp.doubleareaGraphData;
this.hashdata.layout.height=500;
this.title="Blocks Mined";
this.hashdata.layout.height = 500;
this.title = 'Blocks Mined';
this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title,
);
});
break;
case "hashrategrowth":
break;
case 'hashrate-growth-chart':
this.comp.Transactiondoublelinechartreq().then(res => {
this.hashdata = this.comp.blockGraphData;
this.hashdata.layout.height=500;
this.hashdata.layout.width=window.innerWidth-10;
this.title="Hash Rate Growth";
this.hashdata.layout.height = 500;
// this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8;
this.title = 'HashRate Growth Chart';
this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title,
);
});
break;
case "blockinterval":
break;
case 'block-interval':
this.comp.Blockspersecreq().then(res => {
this.hashdata = this.comp.areaGraphData;
this.hashdata.layout.height=500;
this.title="Block Interval";
this.hashdata.layout.height = 500;
// this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8;
this.title = 'Block Interval';
this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title,
);
});
break;
case "transactionsdate":
break;
case 'transactions-vs-date':
this.comp.Transactionlinechartreq().then(res => {
this.hashdata = this.comp.feeGraphData;
this.hashdata.layout.height=500;
this.hashdata.layout.width=window.innerWidth-10;
console.log(this.hashdata.layout.width);
this.title="Transactions Vs Date";
this.hashdata.layout.height = 500;
// this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8;
//console.log(this.hashdata.layout.width);
this.title = 'Transactions Vs Date';
this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title,
);
});
break;
}
break;
}
});
}
public ChartFromView(
p1,
@ -105,99 +164,79 @@ export class GraphDetailComponent implements OnInit {
// (p1, p2, p3, p4, p5) for (fromDate, ToDate, interval, fordifficult, forblocks) for difficult and nar chart
// AND For heatmap and others - It will change
switch(this.chartType){
case "difficulty":
this.comp
.Difficultyreq(p1, p2, p3, p4, p5)
.then(res => {
switch (this.chartType) {
case 'total-difficulty':
this.comp.Difficultyreq(p1, p2, p3, p4, p5).then(res => {
this.hashdata = this.comp.linearGraphData;
this.hashdata.layout.height=500;
this.title="Difficulty";
this.hashdata.layout.height = 500;
this.title = 'Total Difficulty';
});
break;
case "transactionsbytime":
this.comp
.transactionheatmapFunc(p1, p2, p3, p4)
.then(res => {
break;
case 'transactions-by-time':
this.comp.transactionheatmapFunc(p1, p2, p3, p4).then(res => {
this.hashdata = this.comp.heatMapGrowthData;
this.hashdata.layout.height=500;
this.title="Transactions by time";
// console.log(this.hashdata);
this.hashdata.layout.height = 500;
// this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8;
this.title = 'Transactions by time';
});
break;
case "block":
this.comp
.Difficultyreq(p1, p2, p3, false, true)
.then(res => {
break;
case 'blocks':
this.comp.Difficultyreq(p1, p2, p3, false, true).then(res => {
this.hashdata = this.comp.barGraphData;
this.hashdata.layout.height=500;
this.title="Block";
this.hashdata.layout.height = 500;
this.title = 'Blocks';
});
break;
case 'blocksmined':
break;
case 'blocks-mined':
this.comp.Blockminedreq(p1, p2, p3).then(res => {
this.hashdata = this.comp.doubleareaGraphData;
this.hashdata.layout.height = 500;
this.title = 'Blocks Mined';
});
break;
case "transactionsfee":
this.comp
.Transcationreq(p1, p2, p3)
.then(res => {
case 'transaction-fees':
this.comp.Transcationreq(p1, p2, p3).then(res => {
this.hashdata = this.comp.transcationGraphData;
this.hashdata.layout.height=500;
this.title="Transactions Fee";
this.hashdata.layout.height = 500;
this.title = 'Transaction Fees';
});
break;
case "supplygrowth":
this.comp
.Growthreq(p1, p2, p3)
.then(res => {
break;
case 'supply-growth':
this.comp.Growthreq(p1, p2, p3).then(res => {
this.hashdata = this.comp.growthGraphData;
this.hashdata.layout.height=500;
this.title="Supply Growth";
this.hashdata.layout.height = 500;
this.title = 'Supply Growth';
});
break;
case "Transactiondoublelinechartreq":
this.comp
.Blockminedreq(p1, p2, p3)
.then(res => {
this.hashdata = this.comp.doubleareaGraphData;
this.hashdata.layout.height=500;
this.title="Blocks Mined";
});
break;
case "hashrategrowth":
this.comp
.Transactiondoublelinechartreq(p1, p2, p3)
.then(res => {
break;
case 'hashrate-growth-chart':
this.comp.Transactiondoublelinechartreq(p1, p2, p3).then(res => {
this.hashdata = this.comp.blockGraphData;
this.hashdata.layout.height=500;
this.hashdata.layout.width=window.innerWidth-10;
this.title="Hash Rate Growth";
this.hashdata.layout.height = 500;
// this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8;
this.title = 'HashRate Growth Chart';
});
break;
case "blockinterval":
this.comp
.Blockspersecreq(p1, p2, p3)
.then(res => {
break;
case 'block-interval':
this.comp.Blockspersecreq(p1, p2, p3).then(res => {
this.hashdata = this.comp.areaGraphData;
this.hashdata.layout.height=500;
this.title="Block Interval";
this.hashdata.layout.height = 500;
// this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8;
this.title = 'Block Interval';
});
break;
case "transactionsdate":
this.comp
.Transactionlinechartreq(p1, p2, p3)
.then(res => {
this.hashdata = this.comp.feeGraphData;
this.hashdata.layout.height=500;
this.hashdata.layout.width=window.innerWidth-10;
this.title="Transactions Vs Date";
});
break;
break;
case 'transactions-vs-date':
this.comp.Transactionlinechartreq(p1, p2, p3).then(res => {
this.hashdata = this.comp.feeGraphData;
this.hashdata.layout.height = 500;
// this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8;
this.title = 'Transactions Vs Date';
});
break;
}
}
}
}

20
src/app/view/home/graph-list/graph-list.component.html
View File

@ -41,7 +41,7 @@
" id="5" #item5 [ngClass]="{ active: selectedItem == item5.id, day3m_txt: true }">3 months</a>
</div>
<div class="explore_all text-right">
<a routerLink="/chart/difficulty"><span class="text-uppercase d-block">explore all <i
<a routerLink="/chart/total-difficulty"><span class="text-uppercase d-block">explore it <i
class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
@ -78,7 +78,7 @@
[ngClass]="{ active: selectedItem8 == item3.id, day30_txt: true }">Output</a>
</div>
<div class="explore_all text-right">
<a routerLink="/chart/transactionsbytime"><span class="text-uppercase d-block">explore all <i
<a routerLink="/chart/transactions-by-time"><span class="text-uppercase d-block">explore it <i
class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
@ -124,7 +124,7 @@
" id="5" #item35 [ngClass]="{ active: selectedItem3 == item5.id, day3m_txt: true }">3 months</a>
</div>
<div class="explore_all text-right">
<a routerLink="/chart/block"><span class="text-uppercase d-block">explore all <i class="fa fa-long-arrow-right"></i></span></a>
<a routerLink="/chart/blocks"><span class="text-uppercase d-block">explore it <i class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
</div>
@ -169,7 +169,7 @@
[ngClass]="{ active: selectedItem4 == item5.id, day3m_txt: true }">3 months</a>
</div>
<div class="explore_all text-right">
<a routerLink="/chart/transactionsfee"><span class="text-uppercase d-block">explore all <i class="fa fa-long-arrow-right"></i></span></a>
<a routerLink="/chart/transaction-fees"><span class="text-uppercase d-block">explore it <i class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
</div>
@ -210,7 +210,7 @@
[ngClass]="{ active: selectedItem5 == item5.id, day3m_txt: true }">3 months</a>
</div>
<div class="explore_all text-right">
<a routerLink="/chart/supplygrowth"><span class="text-uppercase d-block">explore all <i
<a routerLink="/chart/supply-growth"><span class="text-uppercase d-block">explore it <i
class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
@ -254,7 +254,7 @@
[ngClass]="{ active: selectedItem7 == item5.id, day3m_txt: true }">3 months</a>
</div>
<div class="explore_all text-right">
<a routerLink="/chart/blocksmined"><span class="text-uppercase d-block">explore all <i
<a routerLink="/chart/blocks-mined"><span class="text-uppercase d-block">explore it <i
class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
@ -298,7 +298,7 @@
[ngClass]="{ active: selectedItem9 == item5.id, day3m_txt: true }">3 months</a>
</div>
<div class="explore_all text-right">
<a routerLink="/chart/hashrategrowth"><span class="text-uppercase d-block">explore all <i
<a routerLink="/chart/hashrate-growth-chart"><span class="text-uppercase d-block">explore it <i
class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
@ -339,7 +339,7 @@
[ngClass]="{ active: selectedItem2 == item5.id, day3m_txt: true }">3 months</a>
</div>
<div class="explore_all text-right">
<a routerLink="/chart/blockinterval"><span class="text-uppercase d-block">explore all <i
<a routerLink="/chart/block-interval"><span class="text-uppercase d-block">explore it <i
class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
@ -386,9 +386,9 @@
" id="5" #item5 [ngClass]="{ active: selectedItem8 == item5.id, day3m_txt: true }">3 months</a>
</div>
<div class="explore_all text-right">
<a routerLink="/chart/transactionsdate"><span class="text-uppercase d-block">explore all <i
<a routerLink="/chart/transactions-vs-date"><span class="text-uppercase d-block">explore it <i
class="fa fa-long-arrow-right"></i></span></a>
</div>
</div>
</div>
</div>
</div>

10
src/assets/css/style.css
View File

@ -454,6 +454,12 @@ a[aria-expanded="true"] > .tab_hdng:after {
.view_content table{border: 1px solid #dee2e6; border-top: none;}
.word_break{word-break: break-all;white-space: normal !important;}
.view_content .mobile_table{text-align: left; min-width: unset;}
.tab_hdng{color: #333333;}
.view_content table{border: 1px solid #dee2e6; border-top: none;}
.word_break{word-break: break-all;white-space: normal !important;}
.view_content .mobile_table{text-align: left; min-width: unset;}
.alt_color:nth-child(odd){background-color: #f9f9f7}
.test_msg{font-size: 16px;}
/**********************************************Dark Theme CSS********************************/
body.dark_theme {
background-color: #27314b;
@ -593,3 +599,7 @@ body.dark_theme {
align-items: center;
}
.timer{
min-width: 140px;
margin-right: 10px;
}

4
src/index.html
View File

@ -2,11 +2,13 @@
<html lang="en">
<head>
<meta charset="utf-8">
<title>PlotlyAngular8</title>
<title>Epic-Explorer - Home</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--
<link rel="icon" type="image/x-icon" href="favicon.ico">
-->
</head>
<body>
<app-root></app-root>