machankura/mempool
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

"view more" links - placeholders

Browse Source
This commit is contained in:
nymkappa
2022-03-05 17:21:11 +01:00
parent dd43ba2f2c
commit f84a7535de
8 changed files with 103 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
frontend/src/app/components/hashrate-chart/hashrate-chart.component.html
View File

@@ -31,22 +31,22 @@
<div class="spinner-border text-light"></div>
</div>
<div class="mt-3" *ngIf="tableOnly || !widget">
<table class="table table-borderless table-sm text-center">
<div [class]="!widget ? 'mt-3 p-2' : 'ml-4 mr-4 mt-1'" *ngIf="tableOnly">
<table class="table table-borderless table-sm text-left" [class]="widget ? 'compact' : ''">
<thead>
<tr>
<th class="d-none d-md-block" i18n="block.timestamp">Timestamp</th>
<th i18n="mining.adjusted">Adjusted</th>
<th i18n="mining.difficulty">Difficulty</th>
<th i18n="mining.change">Change</th>
<th i18n="mining.difficulty" class="text-right">Difficulty</th>
<th i18n="mining.change" class="text-right">Change</th>
</tr>
</thead>
<tbody *ngIf="(hashrateObservable$ | async) as data">
<tr *ngFor="let diffChange of data.difficulty">
<td class="d-none d-md-block">&lrm;{{ diffChange.timestamp * 1000 | date:'yyyy-MM-dd HH:mm' }}</td>
<td><app-time-since [time]="diffChange.timestamp" [fastRender]="true"></app-time-since></td>
<td>{{ diffChange.difficultyShorten }}</td>
<td [style]="diffChange.change >= 0 ? 'color: #42B747' : 'color: #B74242'">{{ formatNumber(diffChange.change, locale, '1.2-2') }}%</td>
<td class="text-right">{{ diffChange.difficultyShorten }}</td>
<td class="text-right" [style]="diffChange.change >= 0 ? 'color: #42B747' : 'color: #B74242'">{{ formatNumber(diffChange.change, locale, '1.2-2') }}%</td>
</tr>
</tbody>
</table>

7
frontend/src/app/components/hashrate-chart/hashrate-chart.component.scss
View File

@@ -29,7 +29,7 @@
.chart-widget {
width: 100%;
height: 100%;
max-height: 325px;
max-height: 293px;
}
.formRadioGroup {
@@ -48,3 +48,8 @@
}
}
}
.compact td {
padding: 0 !important;
margin: 0.15rem !important;
}

2
frontend/src/app/components/hashrate-chart/hashrate-chart.component.ts
View File

@@ -115,7 +115,7 @@ export class HashrateChartComponent implements OnInit {
}
return {
availableTimespanDay: availableTimespanDay,
difficulty: this.tableOnly ? tableData.slice(0, 8) : tableData
difficulty: this.tableOnly ? (this.isMobile() ? tableData.slice(0, 12) : tableData.slice(0, 9)) : tableData
};
}),
);