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

Merge branch 'master' of https://gitlab.com/epic-tech/explorer2.epic.tech-angular8

Browse Source
This commit is contained in:
sabash-c 2019-08-09 11:52:35 +05:30
commit d3efd5ac7f
19 changed files with 252 additions and 172 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
server.ts
View File

@ -72,6 +72,21 @@ const controllers = [
new BlockchainOutputController() new BlockchainOutputController()
]; ];
app.use(function(req, res, next) {
res.header('Access-Control-Allow-Origin', '*');
res.header('Access-Control-Allow-Methods', 'GET,PUT,POST,DELETE,OPTIONS');
res.header('Access-Control-Allow-Headers', 'Content-Type, Authorization, Content-Length, X-Requested-With, Accept, Authtoken,cookie_id');
// intercept OPTIONS method
if ('OPTIONS' == req.method) {
return res.status(200).end();
}
else {
next();
}
}
);
app.use(errorMiddleware); app.use(errorMiddleware);
app.use(bodyParser.json({ limit: "50mb" })); app.use(bodyParser.json({ limit: "50mb" }));
app.use(bodyParser.urlencoded({ extended: false })); app.use(bodyParser.urlencoded({ extended: false }));

7
server/controllers/BlockchainBlock.ts
View File

@ -1238,6 +1238,11 @@ export class BlockchainBlockController {
var Maxrange = Math.max.apply(Math, TotalDifficultyNBlockQuery.map(function(o) { return o.tarket_difficulty; })); var Maxrange = Math.max.apply(Math, TotalDifficultyNBlockQuery.map(function(o) { return o.tarket_difficulty; }));
var Minrange = Math.min.apply(Math, TotalDifficultyNBlockQuery.map(function(o) { return o.tarket_difficulty; })); var Minrange = Math.min.apply(Math, TotalDifficultyNBlockQuery.map(function(o) { return o.tarket_difficulty; }));
if(Minrange != 0){
Minrange = (Minrange - (Minrange * 0.2));
}
Maxrange = (Maxrange + (Maxrange * 0.2));
// Minrange = parseInt(Minrange); // Minrange = parseInt(Minrange);
// var Minrange2 = parseInt(Minrange * 0.3); // var Minrange2 = parseInt(Minrange * 0.3);
response.status(200).json({ response.status(200).json({
@ -1250,7 +1255,7 @@ export class BlockchainBlockController {
// DifficultyCuckatoo: DifficultyCuckatoo, // DifficultyCuckatoo: DifficultyCuckatoo,
// DifficultyProgpow: DifficultyProgpow, // DifficultyProgpow: DifficultyProgpow,
Maxrange: Maxrange, Maxrange: Maxrange,
Minrange: (Minrange * 0.2), Minrange: Minrange,
TargetDifficulty: TargetDifficulty, TargetDifficulty: TargetDifficulty,
tickFormat: tickFormat tickFormat: tickFormat
}, },

8
server/i18n/de.json
View File

@ -1,6 +1,7 @@
{ {
"difficulty" : "Schwierigkeit", "difficulty" : "Schwierigkeit",
"transactions-by-time" : "Transaktionen im Zeitverlauf", "transactions-over-time" : "Transaktionen im Zeitverlauf",
"blocks-by-algorithm" : "Blöcke nach Algorithmus",
"blocks" : "Blöcke", "blocks" : "Blöcke",
"transaction-fees" : "Transkationsgebühren", "transaction-fees" : "Transkationsgebühren",
"supply-growth" : "Angebotswachstum", "supply-growth" : "Angebotswachstum",
@ -17,7 +18,7 @@
"VIEWALL": "Alle Diagramme anzeigen", "VIEWALL": "Alle Diagramme anzeigen",
"BLOCKCHAIN_HEIGHT": "Blockchain Höhe", "BLOCKCHAIN_HEIGHT": "Blockchain Höhe",
"LATEST_BLOCK": "Letzter Block", "LATEST_BLOCK": "Letzter Block",
"LATEST_BLOCK1": "Neueste Block-Schwierigkeit", "LATEST_BLOCK1": "Aktuelle Schwierigkeit",
"COIN_IN": "Münzen in Existenz", "COIN_IN": "Münzen in Existenz",
"HEIGHT": "Höhe", "HEIGHT": "Höhe",
"HASH": "Hash", "HASH": "Hash",
@ -29,7 +30,8 @@
"INPUT" : "Eingang", "INPUT" : "Eingang",
"OUTPUTS" : "Ausgänge", "OUTPUTS" : "Ausgänge",
"OUTPUT" : "Ausgabe", "OUTPUT" : "Ausgabe",
"KERNELS" : "Kernel", "KERNEL" : "Kernel",
"KERNELS" : "Kernels",
"EPIC" : "Epic", "EPIC" : "Epic",
"EXPLORE" : "Erkunden", "EXPLORE" : "Erkunden",
"AGO" : "vor", "AGO" : "vor",

10
server/i18n/en.json
View File

@ -1,13 +1,14 @@
{ {
"difficulty" : "Difficulty", "difficulty" : "Difficulty",
"transactions-by-time" : "Transactions over time", "transactions-over-time" : "Transactions over time",
"blocks-by-algorithm" : "Blocks by Algorithm",
"blocks" : "Blocks", "blocks" : "Blocks",
"transaction-fees" : "Transaction Fees", "transaction-fees" : "Transaction Fees",
"supply-growth" : "Supply Growth", "supply-growth" : "Supply Growth",
"blocks-mined" : "Blocks Mined", "blocks-mined" : "Blocks Mined",
"hashrate-growth-chart" : "HashRate Growth Chart", "hashrate-growth-chart" : "HashRate Growth Chart",
"block-interval" : "Block Interval", "block-interval" : "Block Interval",
"transactions-vs-date" : "Transactions by Date", "transactions-by-date" : "Transactions by Date",
"total-difficulty" : "Total Difficulty", "total-difficulty" : "Total Difficulty",
"target-difficulty" : "Target Difficulty", "target-difficulty" : "Target Difficulty",
"home": { "home": {
@ -16,8 +17,8 @@
"EXPLORE_IT": "Explore", "EXPLORE_IT": "Explore",
"VIEWALL": "View All Charts", "VIEWALL": "View All Charts",
"BLOCKCHAIN_HEIGHT": "Blockchain Height", "BLOCKCHAIN_HEIGHT": "Blockchain Height",
"LATEST_BLOCK": "Latest Blocks", "LATEST_BLOCK": "Latest Block",
"LATEST_BLOCK1": "Latest Block Difficulty", "LATEST_BLOCK1": "Current Difficulty",
"COIN_IN": "Coins in Existence", "COIN_IN": "Coins in Existence",
"HEIGHT": "Height", "HEIGHT": "Height",
"HASH": "Hash", "HASH": "Hash",
@ -29,6 +30,7 @@
"INPUT" : "Input", "INPUT" : "Input",
"OUTPUTS" : "Outputs", "OUTPUTS" : "Outputs",
"OUTPUT" : "Output", "OUTPUT" : "Output",
"KERNEL" : "Kernel",
"KERNELS" : "Kernels", "KERNELS" : "Kernels",
"EPIC" : "Epic", "EPIC" : "Epic",
"EXPLORE" : "Explore", "EXPLORE" : "Explore",

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

@ -2,29 +2,7 @@
<nav class="navbar navbar-expand navbar-light bg-transparent"> <nav class="navbar navbar-expand navbar-light bg-transparent">
<div class="container-fluid"> <div class="container-fluid">
<div class="collapse navbar-collapse home_mble_hdr" id="navbarSupportedContent"> <div class="collapse navbar-collapse home_mble_hdr" id="navbarSupportedContent">
<div class="home_tst_net">
<span>You are viewing </span>
<ul class="list-unstyled d-inline-block mb-0">
<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"
>
Testnet
</a>
<div class="dropdown-menu net_dropdwn" aria-labelledby="navbarDropdown">
<a class="dropdown-item p-2 disabled" style="background-color: #00000024;" target = '_blank' href="#">Mainnet</a
>
</div>
</li>
</ul>
<span> Network </span>
</div>
<ul class="navbar-nav ml-auto"> <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> <!-- <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> <h1 class="test_msg align-middle mr-3 d-inline-block mb-0">{{'home.COUNTDOWN' | translate}}</h1>
@ -36,7 +14,30 @@
</ul> </ul>
</li> --> </li> -->
<li class="home_tst_net mr-3">
<a href="https://epic.tech/" target="_blank" class="text_underline mr-2">Epic Cash</a>
<span>You are viewing </span>
<ul class="list-unstyled d-inline-block mb-0">
<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"
>
TestNet
</a>
<div class="dropdown-menu net_dropdwn" aria-labelledby="navbarDropdown">
<a class="dropdown-item p-2 disabled" style="background-color: #00000024;" target = '_blank' href="#">MainNet</a
>
</div>
</li>
</ul>
</li>
<li class="nav-item px-2 dropdown bg-white"> <li class="nav-item px-2 dropdown bg-white">
<span class="flag " [ngStyle]="{ 'background-image': 'url(assets/img/' + translate.getCurrentLang() + '.jpg)'}"></span> <span class="flag " [ngStyle]="{ 'background-image': 'url(assets/img/' + translate.getCurrentLang() + '.jpg)'}"></span>

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

@ -13,10 +13,10 @@
<a class="nav-link dropdown-toggle bg-white" href="#" id="navbarDropdown" role="button" <a class="nav-link dropdown-toggle bg-white" href="#" id="navbarDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Testnet TestNet
</a> </a>
<div class="dropdown-menu net_dropdwn" aria-labelledby="navbarDropdown"> <div class="dropdown-menu net_dropdwn" aria-labelledby="navbarDropdown">
<a class="dropdown-item p-2 disabled" href="https://explorer2.epic.tech">Mainnet</a> <a class="dropdown-item p-2 disabled" href="https://explorer2.epic.tech">MainNet</a>
</div> </div>
</li> </li>
</ul> </ul>
@ -64,10 +64,10 @@
<a class="nav-link dropdown-toggle bg-white" href="#" id="navbarDropdown" role="button" <a class="nav-link dropdown-toggle bg-white" href="#" id="navbarDropdown" role="button"
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Testnet TestNet
</a> </a>
<div class="dropdown-menu net_dropdwn" aria-labelledby="navbarDropdown"> <div class="dropdown-menu net_dropdwn" aria-labelledby="navbarDropdown">
<a class="dropdown-item p-2 disabled" href="https://explorer2.epic.tech">Mainnet</a> <a class="dropdown-item p-2 disabled" href="https://explorer2.epic.tech">MainNet</a>
</div> </div>
</li> </li>
</ul> </ul>

2
src/app/shared/services/trans-service.service.ts
View File

@ -17,7 +17,7 @@ export class TransServiceService {
if (isPlatformBrowser(this.platformId)) { if (isPlatformBrowser(this.platformId)) {
translate.addLangs(["en", "de"]); translate.addLangs(["en", "de"]);
translate.setDefaultLang("en"); translate.setDefaultLang("en");
this.langLabel = { en: "English", de: "German" }; this.langLabel = { en: "EN", de: "DE" };
// console.log('this.getCookie() ifconf',this.getCookie() != 'undefined' ? 1: 2); // console.log('this.getCookie() ifconf',this.getCookie() != 'undefined' ? 1: 2);
// console.log("(this.getCookie() && this.getCookie() != null) ? this.getCookie() : (this.getCurrentLang() && this.getCurrentLang() != null) ? this.getCurrentLang() : 'en'",(this.getCookie() && this.getCookie() != 'undefined') ? this.getCookie() : (this.getCurrentLang() && this.getCurrentLang() != 'undefined') ? this.getCurrentLang() : 'en'); // console.log("(this.getCookie() && this.getCookie() != null) ? this.getCookie() : (this.getCurrentLang() && this.getCurrentLang() != null) ? this.getCurrentLang() : 'en'",(this.getCookie() && this.getCookie() != 'undefined') ? this.getCookie() : (this.getCurrentLang() && this.getCurrentLang() != 'undefined') ? this.getCurrentLang() : 'en');
translate.use( translate.use(

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

@ -124,7 +124,7 @@
<a href="JavaScript:void(0);" <a href="JavaScript:void(0);"
(click)="ChartFromView(GraphtDate, GraphtHour, GraphtKernal,'Kernal'); selectedItem8 = 2" id="2" (click)="ChartFromView(GraphtDate, GraphtHour, GraphtKernal,'Kernal'); selectedItem8 = 2" id="2"
#item2 #item2
[ngClass]="{ active: selectedItem8 == item2.id, day15_txt: true }">{{'home.KERNELS' | translate}}</a> [ngClass]="{ active: selectedItem8 == item2.id, day15_txt: true }">{{'home.KERNEL' | translate}}</a>
<a href="JavaScript:void(0);" <a href="JavaScript:void(0);"
(click)="ChartFromView(GraphtDate, GraphtHour, GraphtOutput,'Output'); selectedItem8 = 3" id="3" (click)="ChartFromView(GraphtDate, GraphtHour, GraphtOutput,'Output'); selectedItem8 = 3" id="3"
#item3 #item3
@ -156,7 +156,7 @@
<li class="mb-1" *ngIf="this.title!='Total Difficulty'"><a <li class="mb-1" *ngIf="this.title!='Total Difficulty'"><a
routerLink="/chart/total-difficulty">{{'total-difficulty' | translate}}</a></li> routerLink="/chart/total-difficulty">{{'total-difficulty' | translate}}</a></li>
<li class="mb-1" *ngIf="this.title!='Transactions over time'"><a <li class="mb-1" *ngIf="this.title!='Transactions over time'"><a
routerLink="/chart/transactions-by-time">{{'home.TRANSACTIONS_BY_TIME' | translate}}</a></li> routerLink="/chart/transactions-over-time">{{'home.TRANSACTIONS_BY_TIME' | translate}}</a></li>
<li class="mb-1" *ngIf="this.title!='Blocks'"><a <li class="mb-1" *ngIf="this.title!='Blocks'"><a
routerLink="/chart/blocks">{{'home.BLOCKS' | translate}}</a></li> routerLink="/chart/blocks">{{'home.BLOCKS' | translate}}</a></li>
<li class="mb-1" *ngIf="this.title!='Blocks Mined'"><a <li class="mb-1" *ngIf="this.title!='Blocks Mined'"><a
@ -169,8 +169,8 @@
<li class="mb-1" *ngIf="this.title!='Transactions over time'"><a <li class="mb-1" *ngIf="this.title!='Transactions over time'"><a
routerLink="/chart/block-interval">{{'home.BLOCK_INTERVAL' | translate}}</a></li> routerLink="/chart/block-interval">{{'home.BLOCK_INTERVAL' | translate}}</a></li>
<li class="mb-1" *ngIf="this.title!='Transactions by Date'"><a <li class="mb-1" *ngIf="this.title!='Transactions by Date'"><a
routerLink="/chart/transactions-vs-date">{{'home.TRANSACTIONS_VS_DATE' | translate}}</a></li> routerLink="/chart/transactions-by-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 class="mb-1" *ngIf="this.title!='Stackbar Chart'"><a routerLink="/chart/blocks-by-algorithm">Blocks by Algorithm</a>
</li> </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> </ul>

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

@ -60,7 +60,7 @@ export class GraphDetailComponent implements OnInit {
this.comp.Difficultyreq('total').then(res => { this.comp.Difficultyreq('total').then(res => {
this.hashdata = this.comp.linearTotalGraphData; this.hashdata = this.comp.linearTotalGraphData;
console.log('this.comp.linearTotalGraphData',this.comp.linearTotalGraphData); console.log('this.comp.linearTotalGraphData',this.comp.linearTotalGraphData);
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
this.title = 'Total Difficulty'; this.title = 'Total Difficulty';
this.selectedItem = 6; this.selectedItem = 6;
this.titleService.setTitle( this.titleService.setTitle(
@ -74,7 +74,7 @@ export class GraphDetailComponent implements OnInit {
this.comp.Difficultyreq('target').then(res => { this.comp.Difficultyreq('target').then(res => {
this.hashdata = this.comp.linearGraphData; this.hashdata = this.comp.linearGraphData;
console.log('this.comp.linearGraphData',this.comp.linearGraphData); console.log('this.comp.linearGraphData',this.comp.linearGraphData);
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
this.title = 'Target Difficulty'; this.title = 'Target Difficulty';
this.selectedItem = 6; this.selectedItem = 6;
this.titleService.setTitle( this.titleService.setTitle(
@ -84,10 +84,10 @@ export class GraphDetailComponent implements OnInit {
}); });
break; break;
case 'transactions-by-time': case 'transactions-over-time':
this.comp.Transactionheatmapreq().then(res => { this.comp.Transactionheatmapreq().then(res => {
this.hashdata = this.comp.heatMapGrowthData; this.hashdata = this.comp.heatMapGrowthData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
// this.hashdata.layout.width = // this.hashdata.layout.width =
// window.innerWidth - (window.innerWidth / 2.8); // window.innerWidth - (window.innerWidth / 2.8);
this.title = 'Transactions over time'; this.title = 'Transactions over time';
@ -108,7 +108,7 @@ export class GraphDetailComponent implements OnInit {
case 'blocks': case 'blocks':
this.comp.blockreq().then(res => { this.comp.blockreq().then(res => {
this.hashdata = this.comp.barGraphData; this.hashdata = this.comp.barGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
this.title = 'Blocks'; this.title = 'Blocks';
this.titleService.setTitle( this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title, this.route.snapshot.data.title + ' - ' + this.title,
@ -119,7 +119,7 @@ export class GraphDetailComponent implements OnInit {
this.comp.Transcationreq().then(res => { this.comp.Transcationreq().then(res => {
this.hashdata = this.comp.transcationGraphData; this.hashdata = this.comp.transcationGraphData;
//console.log(this.hashdata); //console.log(this.hashdata);
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
this.title = 'Transaction Fees'; this.title = 'Transaction Fees';
this.titleService.setTitle( this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title, this.route.snapshot.data.title + ' - ' + this.title,
@ -129,7 +129,7 @@ export class GraphDetailComponent implements OnInit {
case 'supply-growth': case 'supply-growth':
this.comp.Growthreq().then(res => { this.comp.Growthreq().then(res => {
this.hashdata = this.comp.growthGraphData; this.hashdata = this.comp.growthGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
this.title = 'Supply Growth'; this.title = 'Supply Growth';
this.titleService.setTitle( this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title, this.route.snapshot.data.title + ' - ' + this.title,
@ -139,7 +139,7 @@ export class GraphDetailComponent implements OnInit {
case 'blocks-mined': case 'blocks-mined':
this.comp.Blockminedreq().then(res => { this.comp.Blockminedreq().then(res => {
this.hashdata = this.comp.doubleareaGraphData; this.hashdata = this.comp.doubleareaGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
this.title = 'Blocks Mined'; this.title = 'Blocks Mined';
this.titleService.setTitle( this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title, this.route.snapshot.data.title + ' - ' + this.title,
@ -147,21 +147,21 @@ export class GraphDetailComponent implements OnInit {
}); });
break; break;
case 'hashrate-growth-chart': case 'hashrate-growth-chart':
this.comp.Transactiondoublelinechartreq().then(res => { // this.comp.Transactiondoublelinechartreq().then(res => {
this.hashdata = this.comp.blockGraphData; // this.hashdata = this.comp.blockGraphData;
this.hashdata.layout.height = 500; // this.hashdata.layout.height = 300;
// this.hashdata.layout.width = // // this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8; // // window.innerWidth - window.innerWidth / 2.8;
this.title = 'HashRate Growth Chart'; // this.title = 'HashRate Growth Chart';
this.titleService.setTitle( // this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title, // this.route.snapshot.data.title + ' - ' + this.title,
); // );
}); // });
break; break;
case 'block-interval': case 'block-interval':
this.comp.Blockspersecreq().then(res => { this.comp.Blockspersecreq().then(res => {
this.hashdata = this.comp.areaGraphData; this.hashdata = this.comp.areaGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
// this.hashdata.layout.width = // this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8; // window.innerWidth - window.innerWidth / 2.8;
this.title = 'Block Interval'; this.title = 'Block Interval';
@ -170,11 +170,11 @@ export class GraphDetailComponent implements OnInit {
); );
}); });
break; break;
case 'stackchart': case 'blocks-by-algorithm':
this.comp.stackchartreq().then(res => { this.comp.stackchartreq().then(res => {
this.hashdata = this.comp.stackGraphData; this.hashdata = this.comp.stackGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
this.title = 'Stackbar Chart'; this.title = 'Blocks by Algorithm';
this.titleService.setTitle( this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title, this.route.snapshot.data.title + ' - ' + this.title,
); );
@ -183,17 +183,17 @@ export class GraphDetailComponent implements OnInit {
case 'piechart': case 'piechart':
this.comp.piechartreq().then(res => { this.comp.piechartreq().then(res => {
this.hashdata = this.comp.pieGraphData; this.hashdata = this.comp.pieGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
this.title = 'Pie Chart'; this.title = 'Pie Chart';
this.titleService.setTitle( this.titleService.setTitle(
this.route.snapshot.data.title + ' - ' + this.title, this.route.snapshot.data.title + ' - ' + this.title,
); );
}); });
break; break;
case 'transactions-vs-date': case 'transactions-by-date':
this.comp.Transactionlinechartreq().then(res => { this.comp.Transactionlinechartreq().then(res => {
this.hashdata = this.comp.feeGraphData; this.hashdata = this.comp.feeGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
// this.hashdata.layout.width = // this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8; // window.innerWidth - window.innerWidth / 2.8;
//console.log(this.hashdata.layout.width); //console.log(this.hashdata.layout.width);
@ -221,22 +221,22 @@ export class GraphDetailComponent implements OnInit {
case 'target-difficulty': case 'target-difficulty':
this.comp.Difficultyreq('target',p1, p2, p3, p4).then(res => { this.comp.Difficultyreq('target',p1, p2, p3, p4).then(res => {
this.hashdata = this.comp.linearGraphData; this.hashdata = this.comp.linearGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
this.title = 'Target Difficulty'; this.title = 'Target Difficulty';
}); });
break; break;
case 'total-difficulty': case 'total-difficulty':
this.comp.Difficultyreq('total',p1, p2, p3, p4).then(res => { this.comp.Difficultyreq('total',p1, p2, p3, p4).then(res => {
this.hashdata = this.comp.linearTotalGraphData; this.hashdata = this.comp.linearTotalGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
this.title = 'Total Difficulty'; this.title = 'Total Difficulty';
}); });
break; break;
case 'transactions-by-time': case 'transactions-over-time':
this.comp.transactionheatmapFunc(p1, p2, p3, p4).then(res => { this.comp.transactionheatmapFunc(p1, p2, p3, p4).then(res => {
this.hashdata = this.comp.heatMapGrowthData; this.hashdata = this.comp.heatMapGrowthData;
// console.log(this.hashdata); // console.log(this.hashdata);
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
// this.hashdata.layout.width = // this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8; // window.innerWidth - window.innerWidth / 2.8;
this.title = 'Transactions over time'; this.title = 'Transactions over time';
@ -245,53 +245,53 @@ export class GraphDetailComponent implements OnInit {
case 'blocks': case 'blocks':
this.comp.blockreq(p1, p2, p3).then(res => { this.comp.blockreq(p1, p2, p3).then(res => {
this.hashdata = this.comp.barGraphData; this.hashdata = this.comp.barGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
this.title = 'Blocks'; this.title = 'Blocks';
}); });
break; break;
case 'blocks-mined': case 'blocks-mined':
this.comp.Blockminedreq(p1, p2, p3).then(res => { this.comp.Blockminedreq(p1, p2, p3).then(res => {
this.hashdata = this.comp.doubleareaGraphData; this.hashdata = this.comp.doubleareaGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
this.title = 'Blocks Mined'; this.title = 'Blocks Mined';
}); });
break; break;
case 'transaction-fees': case 'transaction-fees':
this.comp.Transcationreq(p1, p2, p3).then(res => { this.comp.Transcationreq(p1, p2, p3).then(res => {
this.hashdata = this.comp.transcationGraphData; this.hashdata = this.comp.transcationGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
this.title = 'Transaction Fees'; this.title = 'Transaction Fees';
}); });
break; break;
case 'supply-growth': case 'supply-growth':
this.comp.Growthreq(p1, p2, p3).then(res => { this.comp.Growthreq(p1, p2, p3).then(res => {
this.hashdata = this.comp.growthGraphData; this.hashdata = this.comp.growthGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
this.title = 'Supply Growth'; this.title = 'Supply Growth';
}); });
break; break;
case 'hashrate-growth-chart': case 'hashrate-growth-chart':
this.comp.Transactiondoublelinechartreq(p1, p2, p3).then(res => { // this.comp.Transactiondoublelinechartreq(p1, p2, p3).then(res => {
this.hashdata = this.comp.blockGraphData; // this.hashdata = this.comp.blockGraphData;
this.hashdata.layout.height = 500; // this.hashdata.layout.height = 300;
// this.hashdata.layout.width = // // this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8; // // window.innerWidth - window.innerWidth / 2.8;
this.title = 'HashRate Growth Chart'; // this.title = 'HashRate Growth Chart';
}); // });
break; break;
case 'block-interval': case 'block-interval':
this.comp.Blockspersecreq(p1, p2, p3).then(res => { this.comp.Blockspersecreq(p1, p2, p3).then(res => {
this.hashdata = this.comp.areaGraphData; this.hashdata = this.comp.areaGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
// this.hashdata.layout.width = // this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8; // window.innerWidth - window.innerWidth / 2.8;
this.title = 'Block Interval'; this.title = 'Block Interval';
}); });
break; break;
case 'stackchart': case 'blocks-by-algorithm':
this.comp.stackchartreq(p1, p2, p3).then(res => { this.comp.stackchartreq(p1, p2, p3).then(res => {
this.hashdata = this.comp.stackGraphData; this.hashdata = this.comp.stackGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
// this.hashdata.layout.width = // this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8; // window.innerWidth - window.innerWidth / 2.8;
this.title = 'Stackbar Chart'; this.title = 'Stackbar Chart';
@ -300,16 +300,16 @@ export class GraphDetailComponent implements OnInit {
case 'piechart': case 'piechart':
this.comp.piechartreq(p1, p2, p3).then(res => { this.comp.piechartreq(p1, p2, p3).then(res => {
this.hashdata = this.comp.pieGraphData; this.hashdata = this.comp.pieGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
// this.hashdata.layout.width = // this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8; // window.innerWidth - window.innerWidth / 2.8;
this.title = 'Pie Chart'; this.title = 'Pie Chart';
}); });
break; break;
case 'transactions-vs-date': case 'transactions-by-date':
this.comp.Transactionlinechartreq(p1, p2, p3).then(res => { this.comp.Transactionlinechartreq(p1, p2, p3).then(res => {
this.hashdata = this.comp.feeGraphData; this.hashdata = this.comp.feeGraphData;
this.hashdata.layout.height = 500; this.hashdata.layout.height = 300;
// this.hashdata.layout.width = // this.hashdata.layout.width =
// window.innerWidth - window.innerWidth / 2.8; // window.innerWidth - window.innerWidth / 2.8;
this.title = 'Transactions by Date'; this.title = 'Transactions by Date';
@ -336,7 +336,7 @@ export class GraphDetailComponent implements OnInit {
// ], // ],
// layout: { // layout: {
// hovermode: 'closest', // hovermode: 'closest',
// height: 500, // height: 300,
// autosize: true, // autosize: true,
// showlegend: false, // showlegend: false,
// xaxis: { // xaxis: {

37
src/app/view/home/block-detail-list/block-detail-list.component.html
View File

@ -35,6 +35,7 @@
[ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''" [ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''"
> >
{{ latestblockdetail.block_height | number }} {{ latestblockdetail.block_height | number }}
<span class="">Blocks</span>
</p> </p>
</div> </div>
</div> </div>
@ -56,23 +57,43 @@
<div class="text-center detail_div" #minhgt> <div class="text-center detail_div" #minhgt>
<p class="mb-2 desc">{{ "home.LATEST_BLOCK1" | translate }}</p> <p class="mb-2 desc">{{ "home.LATEST_BLOCK1" | translate }}</p>
<div <div
class=" text-left d-inline-block" class=" text-center d-inline-block"
title="Target / Total Block Difficulty"
[ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''" [ngClass]="latestblockdetail.blink == true ? 'item-highlight' : ''"
> >
<!-- <p class="difficulty_datas">Cuckaroo : {{latestblockdetail.targetdifficultycuckaroo | number}} / {{latestblockdetail.TotalDifficultyCuckatoo | number}}</p> --> <!-- <p class="difficulty_datas">Cuckaroo : {{latestblockdetail.targetdifficultycuckaroo | number}} / {{latestblockdetail.TotalDifficultyCuckatoo | number}}</p> -->
<p class="difficulty_datas"> <div class="difficulty_datas">
Cuckoo : {{ latestblockdetail.targetdifficultycuckatoo | number }} / <span class="day60_txt">Cuckoo</span>
{{ latestblockdetail.TotalDifficultyCuckatoo | number }} <div>
</p> <span>Target:</span><span>{{ latestblockdetail.targetdifficultycuckatoo | number }}, </span>
<p class="difficulty_datas"> <span>Total :</span><span>{{ latestblockdetail.TotalDifficultyCuckatoo | number }}</span>
</div>
</div>
<div class="difficulty_datas">
<span class="day60_txt">ProgPow </span>
<div>
<span>Target:</span><span class="diff_span" title="{{ latestblockdetail.targetdifficultyprogpow | number }}">{{ latestblockdetail.targetdifficultyprogpow | number }} </span>,
<span>Total:</span><span class="diff_span" title="{{ latestblockdetail.TotalDifficultyProgpow | number }}">{{ latestblockdetail.TotalDifficultyProgpow | number }}</span>
</div>
</div>
<div class="difficulty_datas">
<span class="day60_txt"> RandomX </span>
<div>
<span>Target:</span><span>{{ latestblockdetail.targetdifficultyrandomx | number }}, </span>
<span>Total:</span><span>{{ latestblockdetail.TotalDifficultyRandomx | number }}</span>
</div>
</div>
<!-- <p class="difficulty_datas">
ProgPow : {{ latestblockdetail.targetdifficultyprogpow | number }} / ProgPow : {{ latestblockdetail.targetdifficultyprogpow | number }} /
{{ latestblockdetail.TotalDifficultyProgpow | number }} {{ latestblockdetail.TotalDifficultyProgpow | number }}
</p> </p>
<p class="difficulty_datas"> <p class="difficulty_datas">
RandomX : {{ latestblockdetail.targetdifficultyrandomx | number }} / RandomX : {{ latestblockdetail.targetdifficultyrandomx | number }} /
{{ latestblockdetail.TotalDifficultyRandomx | number }} {{ latestblockdetail.TotalDifficultyRandomx | number }}
</p> </p> -->
</div> </div>
</div> </div>
</div> </div>

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

@ -6,7 +6,19 @@
<!-- <span class="txn_count" *ngIf="this.lg_last.length > 0"><span *ngFor="let l of lg_last">{{ <!-- <span class="txn_count" *ngIf="this.lg_last.length > 0"><span *ngFor="let l of lg_last">{{
this.l | number</span> this.l | number</span>
}}</span> --> }}</span> -->
<div class="chart_show"> <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,'cuckatoo'); selectedItem12 = 1
" id="1" #item121 [ngClass]="{ active: selectedItem12 == item121.id, txt_primay: true }">Cuckoo</a>
<a href="JavaScript:void(0);" (click)="
Difficultyreq('target', '', '', difficultyRange,'progpow'); selectedItem12 = 2
" id="2" #item122 [ngClass]="{ active: selectedItem12 == item122.id, txt_primay: true }">ProgPow</a>
<a href="JavaScript:void(0);" (click)="
Difficultyreq('target', '', '', difficultyRange,'randomx'); selectedItem12 = 3
" id="3" #item123 [ngClass]="{ active: selectedItem12 == item123.id, txt_primay: true }">RandomX</a>
</div>
<epic-explorer-plotly *ngIf="linearGraphData.data" [data]="linearGraphData.data" [layout]="linearGraphData.layout"> <epic-explorer-plotly *ngIf="linearGraphData.data" [data]="linearGraphData.data" [layout]="linearGraphData.layout">
</epic-explorer-plotly> </epic-explorer-plotly>
<div *ngIf="!linearGraphData.data" class="feedback_div news_desc text-center"> <div *ngIf="!linearGraphData.data" class="feedback_div news_desc text-center">
@ -26,13 +38,13 @@
<div class="day_filter diff_margin"> <div class="day_filter diff_margin">
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
Difficultyreq('target', '', '', '1 day',''); selectedItem = 6; difficultyRange = '1 day' Difficultyreq('target', '', '', '1 day',''); selectedItem = 6; difficultyRange = '1 day'
" id="6" #item6 [ngClass]="{ active: selectedItem == item6.id, txt_primay: true }">1 Day</a> " id="6" #item6 [ngClass]="{ active: selectedItem == item6.id, txt_primay: true }">1 day</a>
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
Difficultyreq('target', '', '', '1 week',''); selectedItem = 1; difficultyRange = '1 week' Difficultyreq('target', '', '', '1 week',''); selectedItem = 1; difficultyRange = '1 week'
" id="1" #item1 [ngClass]="{ active: selectedItem == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a> " id="1" #item1 [ngClass]="{ active: selectedItem == item1.id, txt_primay: true }">1 {{'home.WEEK' | translate}}</a>
<a href="JavaScript:void(0);" (click)=" <!-- <a href="JavaScript:void(0);" (click)="
Difficultyreq('target', '', '', '15 days',''); selectedItem = 2; difficultyRange = '15 days' 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> " id="2" #item2 [ngClass]="{ active: selectedItem == item2.id, day15_txt: true }">15 {{'home.DAYS' | translate}}</a> -->
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
Difficultyreq('target', '', '', '30 days',''); selectedItem = 3; difficultyRange = '30 days' 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> " id="3" #item3 [ngClass]="{ active: selectedItem == item3.id, day30_txt: true }">30 {{'home.DAYS' | translate}}</a>
@ -45,17 +57,7 @@
</div> </div>
<div class="explore_all text-right"> <div class="explore_all text-right">
<div class="d-inline float-left difficulty_filter day_filter p-0 bg-transparent">
<a href="JavaScript:void(0);" (click)="
Difficultyreq('target', '', '', difficultyRange,'cuckatoo'); selectedItem12 = 1
" id="1" #item121 [ngClass]="{ active: selectedItem12 == item121.id, txt_primay: true }">Cuckoo</a>
<a href="JavaScript:void(0);" (click)="
Difficultyreq('target', '', '', difficultyRange,'progpow'); selectedItem12 = 2
" id="2" #item122 [ngClass]="{ active: selectedItem12 == item122.id, txt_primay: true }">ProgPow</a>
<a href="JavaScript:void(0);" (click)="
Difficultyreq('target', '', '', difficultyRange,'randomx'); selectedItem12 = 3
" id="3" #item123 [ngClass]="{ active: selectedItem12 == item123.id, txt_primay: true }">RandomX</a>
</div>
<a routerLink="/chart/target-difficulty"><span class="text-uppercase">{{'home.EXPLORE_IT' | translate}} <i <a routerLink="/chart/target-difficulty"><span class="text-uppercase">{{'home.EXPLORE_IT' | translate}} <i
class="fa fa-long-arrow-right"></i></span></a> class="fa fa-long-arrow-right"></i></span></a>
</div> </div>
@ -68,7 +70,22 @@
<!-- <span class="txn_count" *ngIf="this.lg_last.length > 0"><span *ngFor="let l of lg_last">{{ <!-- <span class="txn_count" *ngIf="this.lg_last.length > 0"><span *ngFor="let l of lg_last">{{
this.l | number</span> this.l | number</span>
}}</span> --> }}</span> -->
<div class="chart_show"> <div class="chart_show">
<div class="difficulty_filter day_filter p-0 bg-transparent mt-2">
<a href="JavaScript:void(0);" (click)="
Difficultyreq('total', '', '', TdifficultyRange,'cuckatoo'); selectedTarget12 = 1
" id="1" #itemtarget121
[ngClass]="{ active: selectedTarget12 == itemtarget121.id, txt_primay: true }">Cuckoo</a>
<a href="JavaScript:void(0);" (click)="
Difficultyreq('total', '', '', TdifficultyRange,'progpow'); selectedTarget12 = 2
" id="2" #itemtarget122
[ngClass]="{ active: selectedTarget12 == itemtarget122.id, txt_primay: true }">ProgPow</a>
<a href="JavaScript:void(0);" (click)="
Difficultyreq('total', '', '', TdifficultyRange,'randomx'); selectedTarget12 = 3
" id="3" #itemtarget123
[ngClass]="{ active: selectedTarget12 == itemtarget123.id, txt_primay: true }">RandomX</a>
</div>
<epic-explorer-plotly *ngIf="linearTotalGraphData.data" [data]="linearTotalGraphData.data" <epic-explorer-plotly *ngIf="linearTotalGraphData.data" [data]="linearTotalGraphData.data"
[layout]="linearTotalGraphData.layout"> [layout]="linearTotalGraphData.layout">
</epic-explorer-plotly> </epic-explorer-plotly>
@ -89,15 +106,15 @@
<div class="day_filter diff_margin"> <div class="day_filter diff_margin">
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
Difficultyreq('total', '', '', '1 day',''); selectedTarget = 6; TdifficultyRange = '1 day' Difficultyreq('total', '', '', '1 day',''); selectedTarget = 6; TdifficultyRange = '1 day'
" id="6" #itemtarget6 [ngClass]="{ active: selectedTarget == itemtarget6.id, txt_primay: true }">1 Day</a> " id="6" #itemtarget6 [ngClass]="{ active: selectedTarget == itemtarget6.id, txt_primay: true }">1 day</a>
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
Difficultyreq('total', '', '', '1 week',''); selectedTarget = 1; TdifficultyRange = '1 week' Difficultyreq('total', '', '', '1 week',''); selectedTarget = 1; TdifficultyRange = '1 week'
" id="1" #itemtarget1 [ngClass]="{ active: selectedTarget == itemtarget1.id, txt_primay: true }">1 " id="1" #itemtarget1 [ngClass]="{ active: selectedTarget == itemtarget1.id, txt_primay: true }">1
{{'home.WEEK' | translate}}</a> {{'home.WEEK' | translate}}</a>
<a href="JavaScript:void(0);" (click)=" <!-- <a href="JavaScript:void(0);" (click)="
Difficultyreq('total', '', '', '15 days',''); selectedTarget = 2; TdifficultyRange = '15 days' Difficultyreq('total', '', '', '15 days',''); selectedTarget = 2; TdifficultyRange = '15 days'
" id="2" #itemtarget2 [ngClass]="{ active: selectedTarget == itemtarget2.id, day15_txt: true }">15 " id="2" #itemtarget2 [ngClass]="{ active: selectedTarget == itemtarget2.id, day15_txt: true }">15
{{'home.DAYS' | translate}}</a> {{'home.DAYS' | translate}}</a> -->
<a href="JavaScript:void(0);" (click)=" <a href="JavaScript:void(0);" (click)="
Difficultyreq('total', '', '', '30 days',''); selectedTarget = 3; TdifficultyRange = '30 days' Difficultyreq('total', '', '', '30 days',''); selectedTarget = 3; TdifficultyRange = '30 days'
" id="3" #itemtarget3 [ngClass]="{ active: selectedTarget == itemtarget3.id, day30_txt: true }">30 " id="3" #itemtarget3 [ngClass]="{ active: selectedTarget == itemtarget3.id, day30_txt: true }">30
@ -113,20 +130,7 @@
</div> </div>
<div class="explore_all text-right"> <div class="explore_all text-right">
<div class="d-inline float-left difficulty_filter day_filter p-0 bg-transparent">
<a href="JavaScript:void(0);" (click)="
Difficultyreq('total', '', '', TdifficultyRange,'cuckatoo'); selectedTarget12 = 1
" id="1" #itemtarget121
[ngClass]="{ active: selectedTarget12 == itemtarget121.id, txt_primay: true }">Cuckoo</a>
<a href="JavaScript:void(0);" (click)="
Difficultyreq('total', '', '', TdifficultyRange,'progpow'); selectedTarget12 = 2
" id="2" #itemtarget122
[ngClass]="{ active: selectedTarget12 == itemtarget122.id, txt_primay: true }">ProgPow</a>
<a href="JavaScript:void(0);" (click)="
Difficultyreq('total', '', '', TdifficultyRange,'randomx'); selectedTarget12 = 3
" id="3" #itemtarget123
[ngClass]="{ active: selectedTarget12 == itemtarget123.id, txt_primay: true }">RandomX</a>
</div>
<a routerLink="/chart/total-difficulty"><span class="text-uppercase">{{'home.EXPLORE_IT' | translate}} <i <a routerLink="/chart/total-difficulty"><span class="text-uppercase">{{'home.EXPLORE_IT' | translate}} <i
class="fa fa-long-arrow-right"></i></span></a> class="fa fa-long-arrow-right"></i></span></a>
</div> </div>
@ -156,15 +160,15 @@
<div class="day_filter"> <div class="day_filter">
<a href="JavaScript:void(0);" (click)="transactionheatmapFunc(tDate, tHour, tInput,'Input'); selectedItem8 = 1" id="1" #item1 <a href="JavaScript:void(0);" (click)="transactionheatmapFunc(tDate, tHour, tInput,'Input'); selectedItem81 = 1" id="1" #item1
[ngClass]="{ active: selectedItem8 == item1.id, txt_primay: true }">{{'home.INPUT' | translate}}</a> [ngClass]="{ active: selectedItem81 == item1.id, txt_primay: true }">{{'home.INPUT' | translate}}</a>
<a href="JavaScript:void(0);" (click)="transactionheatmapFunc(tDate, tHour, tKernal,'Kernal'); selectedItem8 = 2" id="2" #item2 <a href="JavaScript:void(0);" (click)="transactionheatmapFunc(tDate, tHour, tKernal,'Kernal'); selectedItem81 = 2" id="2" #item2
[ngClass]="{ active: selectedItem8 == item2.id, day15_txt: true }">{{'home.KERNELS' | translate}}</a> [ngClass]="{ active: selectedItem81 == item2.id, day15_txt: true }">{{'home.KERNEL' | translate}}</a>
<a href="JavaScript:void(0);" (click)="transactionheatmapFunc(tDate, tHour, tOutput,'Output'); selectedItem8 = 3" id="3" #item3 <a href="JavaScript:void(0);" (click)="transactionheatmapFunc(tDate, tHour, tOutput,'Output'); selectedItem81 = 3" id="3" #item3
[ngClass]="{ active: selectedItem8 == item3.id, day30_txt: true }">{{'home.OUTPUT' | translate}}</a> [ngClass]="{ active: selectedItem81 == item3.id, day30_txt: true }">{{'home.OUTPUT' | translate}}</a>
</div> </div>
<div class="explore_all text-right"> <div class="explore_all text-right">
<a routerLink="/chart/transactions-by-time"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i <a routerLink="/chart/transactions-over-time"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i
class="fa fa-long-arrow-right"></i></span></a> class="fa fa-long-arrow-right"></i></span></a>
</div> </div>
</div> </div>
@ -429,7 +433,7 @@
" id="5" #item5 [ngClass]="{ active: selectedItem10 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a> " id="5" #item5 [ngClass]="{ active: selectedItem10 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
</div> </div>
<div class="explore_all text-right"> <div class="explore_all text-right">
<a routerLink="/chart/stackchart"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i <a routerLink="/chart/blocks-by-algorithm"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i
class="fa fa-long-arrow-right"></i></span></a> class="fa fa-long-arrow-right"></i></span></a>
</div> </div>
</div> </div>
@ -517,7 +521,7 @@
" id="5" #item5 [ngClass]="{ active: selectedItem8 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a> " id="5" #item5 [ngClass]="{ active: selectedItem8 == item5.id, day3m_txt: true }">3 {{'home.MONTHS' | translate}}</a>
</div> </div>
<div class="explore_all text-right"> <div class="explore_all text-right">
<a routerLink="/chart/transactions-vs-date"><span class="text-uppercase d-block">{{'home.EXPLORE_IT' | translate}} <i <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> class="fa fa-long-arrow-right"></i></span></a>
</div> </div>
</div> </div>

39
src/app/view/home/graph-list/graph-list.component.ts
View File

@ -45,7 +45,8 @@ export class GraphListComponent implements OnInit {
public selectedItem4: Number = 3; public selectedItem4: Number = 3;
public selectedItem5: Number = 3; public selectedItem5: Number = 3;
public selectedItem7: Number = 3; public selectedItem7: Number = 3;
public selectedItem8: Number = 1; public selectedItem8: Number = 3;
public selectedItem81: Number = 2;
public selectedItem9: Number = 3; public selectedItem9: Number = 3;
public selectedItem10: Number = 3; public selectedItem10: Number = 3;
public selectedItem11: Number = 3; public selectedItem11: Number = 3;
@ -180,21 +181,21 @@ export class GraphListComponent implements OnInit {
params = params.append('FromDate', fromDate); params = params.append('FromDate', fromDate);
params = params.append('ToDate', ToDate); params = params.append('ToDate', ToDate);
params = params.append('Interval', interval); params = params.append('Interval', interval);
this.chartService // this.chartService
.apiGetRequest(params, '/blockchain_block/hashrate') // .apiGetRequest(params, '/blockchain_block/hashrate')
.subscribe( // .subscribe(
res => { // res => {
if (res['status'] == 200) { // if (res['status'] == 200) {
let Hdate = res.response.date; // let Hdate = res.response.date;
let H29 = res.response.hashrate29; // let H29 = res.response.hashrate29;
let H31 = res.response.hashrate31; // let H31 = res.response.hashrate31;
this.hg_last = H31[H31.length - 1]; // this.hg_last = H31[H31.length - 1];
this.transactiondoublelinechartFunc(Hdate, H29, H31); // this.transactiondoublelinechartFunc(Hdate, H29, H31);
resolve(); // resolve();
} // }
}, // },
error => {}, // error => {},
); // );
}); });
} }
@ -259,8 +260,8 @@ export class GraphListComponent implements OnInit {
this.transactionheatmapFunc( this.transactionheatmapFunc(
this.tDate, this.tDate,
this.tHour, this.tHour,
this.tInput, this.tKernal,
'Input', 'Kernal',
); );
resolve(); resolve();
} }
@ -775,7 +776,7 @@ export class GraphListComponent implements OnInit {
rangemode: 'nonnegative', rangemode: 'nonnegative',
fixedrange: true, fixedrange: true,
showgrid: true, showgrid: true,
tickformat :".0f", //tickformat :".0f",
tickprefix: ' ' tickprefix: ' '
}, },
margin: { margin: {

9
src/app/view/home/home-worksapce.component.ts
View File

@ -2,6 +2,8 @@ import { Component, OnInit, Inject, AfterViewInit } from '@angular/core';
import { DOCUMENT } from '@angular/common'; import { DOCUMENT } from '@angular/common';
import { Utils } from 'src/app/shared/utils'; import { Utils } from 'src/app/shared/utils';
import { Router } from '@angular/router'; import { Router } from '@angular/router';
import { Title } from '@angular/platform-browser';
import { ActivatedRoute } from '@angular/router';
@Component({ @Component({
selector: 'epic-explorer-home-worksapce', selector: 'epic-explorer-home-worksapce',
@ -46,7 +48,7 @@ export class HomeWorksapceComponent extends Utils
implements OnInit, AfterViewInit { implements OnInit, AfterViewInit {
viewchartvar: boolean; viewchartvar: boolean;
constructor(@Inject(DOCUMENT) public document: Document, constructor(@Inject(DOCUMENT) public document: Document,
private router: Router) { private router: Router,private route: ActivatedRoute,private titleService: Title) {
super(document); super(document);
if (this.router.url == '/all') { if (this.router.url == '/all') {
this.viewchartvar = false; this.viewchartvar = false;
@ -55,7 +57,10 @@ export class HomeWorksapceComponent extends Utils
} }
} }
ngOnInit() {} ngOnInit() {
this.titleService.setTitle(
this.route.snapshot.data.title,
);}
viewchartenable() { viewchartenable() {
this.viewchartvar = false; this.viewchartvar = false;

3
src/app/view/home/latestblocks/latestblocks.component.html
View File

@ -20,7 +20,7 @@
</div> </div>
<div class="col-6 col-md-4 tble_col"> <div class="col-6 col-md-4 tble_col">
<div class="block_div"> <div class="block_div">
<h5 class="mb-0">{{'home.DIFFICULTY' | translate}}</h5> <h5 class="mb-0">{{'home.TARGET_DIFFICULTY' | translate}}</h5>
</div> </div>
</div> </div>
<div class="col-7 col-sm-6 col-md-4 tble_col"> <div class="col-7 col-sm-6 col-md-4 tble_col">
@ -46,6 +46,7 @@
</div> </div>
</div> </div>
<div #block></div> <div #block></div>
<!-- <ng-container #block></ng-container> -->
<div [ngClass]="{mobile_table : true, hght_40: item.id != clickValue }" <div [ngClass]="{mobile_table : true, hght_40: item.id != clickValue }"
id="hash_{{hashvalue.blockchain_block_height}}" #item *ngFor="let hashvalue of hashvalues"> id="hash_{{hashvalue.blockchain_block_height}}" #item *ngFor="let hashvalue of hashvalues">

5
src/app/view/home/latestblocks/latestblocks.component.ts
View File

@ -64,10 +64,11 @@ export class LatestblocksComponent implements OnInit {
this.blockdetails = response; this.blockdetails = response;
//console.log(this.blockdetails); //console.log(this.blockdetails);
if (this.lastblock != this.blockdetails.block_height) { if (this.lastblock != this.blockdetails.block_height) {
//console.log('Create'); console.log('Create');
this.createBlock(); this.createBlock();
} }
this.lastblock = this.blockdetails.block_height; this.lastblock = this.blockdetails.block_height;
console.log(this.lastblock);
}); });
} }
@ -75,7 +76,7 @@ export class LatestblocksComponent implements OnInit {
const blockFactory = this.resolver.resolveComponentFactory( const blockFactory = this.resolver.resolveComponentFactory(
BlockAppendComponent, BlockAppendComponent,
); );
const block = this.block.createComponent(blockFactory); const block = this.block.createComponent(blockFactory, 0);
this.blockAppend = {}; this.blockAppend = {};
this.blockAppend['blockchain_block_hash'] = this.blockdetails.hash; this.blockAppend['blockchain_block_hash'] = this.blockdetails.hash;
this.blockAppend[ this.blockAppend[

6
src/app/view/view-routing.module.ts
View File

@ -7,6 +7,9 @@ const viewRoutes: Routes = [
{ {
path: '', path: '',
loadChildren: './home/home.module#HomeModule', loadChildren: './home/home.module#HomeModule',
data: {
title: 'Epic Explorer - Home',
},
}, },
{ {
path: 'all', path: 'all',
@ -21,6 +24,9 @@ const siteRoutes: Routes = [
{ {
path: 'blockdetail/:hash', path: 'blockdetail/:hash',
loadChildren: './block-view/block-view.module#BlockViewModule', loadChildren: './block-view/block-view.module#BlockViewModule',
data: {
title: 'Epic Explorer - Block',
},
}, },
{ {
path: 'chart', path: 'chart',

2
src/assets/css/responsive.css
View File

@ -8,7 +8,7 @@
.mobile_table h6, .view_moble_tble h6, .peer_mobile_table h6{display: none;} .mobile_table h6, .view_moble_tble h6, .peer_mobile_table h6{display: none;}
.view_moble_tble .block_div{text-align: left;} .view_moble_tble .block_div{text-align: left;}
.peer_table_data .col-md-3 { flex: 0 0 16%; max-width: 16%;} .peer_table_data .col-md-3 { flex: 0 0 16%; max-width: 16%;}
.peer_table{ margin-left: -20px; border-bottom: none}
} }
@media(max-width: 1199px){ @media(max-width: 1199px){

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

@ -19,6 +19,7 @@ body {
max-width: 75%; max-width: 75%;
margin: 0 auto; margin: 0 auto;
} }
.text_underline{text-decoration: underline;}
a:hover, a:hover,
a:focus { a:focus {
text-decoration: none; text-decoration: none;
@ -252,6 +253,7 @@ a:focus {
background: #fff; background: #fff;
padding: 0 5px; padding: 0 5px;
} }
.difficulty_filter.day_filter a.active{border-color: #0056b3; color: #0056b3;}
.explore_all { .explore_all {
background: #ecf2ff; background: #ecf2ff;
padding: 15px; padding: 15px;
@ -287,6 +289,9 @@ a:focus {
padding: 20px; padding: 20px;
transition: 0.3s linear all; transition: 0.3s linear all;
min-height: 100%; min-height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
} }
.detail_div .count { .detail_div .count {
font-size: 25px; font-size: 25px;
@ -353,6 +358,9 @@ a:focus {
right: 5px; right: 5px;
top: 1px; top: 1px;
} }
.chart_show {
min-height: 268px;
}
/************************************************Footer*****************************************/ /************************************************Footer*****************************************/
.footer_div { .footer_div {
border-top: 1px solid rgba(0, 0, 0, 0.15); border-top: 1px solid rgba(0, 0, 0, 0.15);

8
src/styles.css
View File

@ -41,3 +41,11 @@
background-position: 468px 0; background-position: 468px 0;
} }
} }
.diff_span{
width: 42px;
overflow: hidden;
/* max-width: 52px; */
display: inline-block;
vertical-align: middle;
text-overflow: ellipsis;
}