mempool/frontend/src/app/components/assets/asset-group/asset-group.component.html

37 lines
1.0 KiB
HTML
Raw Normal View History

2022-05-17 19:27:41 +04:00
<div *ngIf="group$ | async as group; else loading;">
2022-02-06 01:20:26 +04:00
2022-05-17 19:27:41 +04:00
<ng-container *ngTemplateOutlet="title; context: group.group"></ng-container>
2022-02-06 01:20:26 +04:00
2022-05-17 19:27:41 +04:00
<ng-template #title>
<div class="main-title">
<h2>{{ group.name }}</h2>
<div class="sub-title" i18n>Group of {{ group.assets.length | number }} assets</div>
</div>
</ng-template>
2022-02-06 01:20:26 +04:00
<div class="clearfix"></div>
<br>
<div class="featuredBox">
<div *ngFor="let asset of group.assets">
<div class="card">
2022-02-07 00:08:07 +04:00
<a [routerLink]="['/assets/asset' | relativeUrl, asset.asset_id]">
<img class="assetIcon" [src]="'/api/v1/asset/' + asset.asset_id + '/icon'">
2022-02-07 00:08:07 +04:00
</a>
2022-02-06 01:20:26 +04:00
<div class="title">
2022-02-06 19:43:57 +04:00
<a [routerLink]="['/assets/asset/' | relativeUrl, asset.asset_id]">{{ asset.name }}</a>
2022-02-06 01:20:26 +04:00
</div>
<div class="ticker">{{ asset.ticker }}</div>
</div>
</div>
</div>
</div>
2022-02-07 00:08:07 +04:00
<ng-template #loading>
<br>
<div class="text-center loadingGraphs">
<div class="spinner-border text-light"></div>
</div>
</ng-template>