Added game file size

This commit is contained in:
grimsi
2022-07-24 23:17:11 +02:00
parent f2197a3bd4
commit b86544b22a
9 changed files with 110 additions and 38 deletions
@@ -1,15 +1,37 @@
<div fxLayout="row" fxLayoutAlign="center" style="margin-top: 16px;">
<div fxLayout="column" fxFlex="0 1 70" fxLayoutGap="16px" fxFlex.lt-xl="95">
<div fxLayout="row" fxLayoutGap="16px">
<img src="v1/images/{{game.coverId}}" alt="Game cover">
<div fxFlex="30" fxLayout="column" id="game-details">
<h2>{{game.title}}</h2>
<div fxFlex="40" fxLayout="column" id="game-details">
<h1>{{game.title}}</h1>
<p id="game-summary">{{game.summary}}</p>
</div>
<div fxLayout="column" fxFlex>
<button mat-raised-button (click)="downloadGame()">
Download
<div fxFlex><!-- Spacer --></div>
<div fxLayout="column" fxFlex="40" fxLayoutGap="16px">
<button mat-raised-button color="primary" (click)="downloadGame()">
Download ({{bytesAsHumanReadableString(game.diskSize)}})
</button>
<div fxLayout="column" fxLayoutGap="24px">
<div *ngIf="game.genres !== undefined && game.genres.length > 0">
<h2>Genres</h2>
<mat-chip-list>
<mat-chip *ngFor="let genre of game.genres">{{genre.name}}</mat-chip>
</mat-chip-list>
</div>
<div *ngIf="game.themes !== undefined && game.themes.length > 0">
<h2>Themes</h2>
<mat-chip-list>
<mat-chip *ngFor="let theme of game.themes">{{theme.name}}</mat-chip>
</mat-chip-list>
</div>
</div>
</div>
</div>
<div fxLayout="column" fxLayoutGap="16px">
@@ -34,8 +34,28 @@ export class GameDetailViewComponent implements OnInit {
ngOnInit(): void {
}
downloadGame(): void {
public downloadGame(): void {
this.gamesService.downloadGame(this.game.slug);
}
public bytesAsHumanReadableString(bytes: number): string {
const thresh = 1024;
if (Math.abs(bytes) < thresh) {
return bytes + ' B';
}
const units = ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
const dp = 1;
let u = -1;
const r = 10**dp;
do {
bytes /= thresh;
++u;
} while (Math.round(Math.abs(bytes) * r) / r >= thresh && u < units.length - 1);
return bytes.toFixed(dp) + ' ' + units[u];
}
}