-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #574 from UnUniFi/material-icons
feat: replace mat-icon
- Loading branch information
Showing
108 changed files
with
1,077 additions
and
812 deletions.
There are no files selected for viewing
135 changes: 75 additions & 60 deletions
135
projects/explorer/src/app/views/accounts/account/account.component.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,70 +1,85 @@ | ||
| <h2 class="mb-0">Account Info</h2> | ||
| <div class="card bg-base-100 shadow-xl mb-4"> | ||
| <div class="card-body"> | ||
| <div class="overflow-x-auto"> | ||
| <table class="table w-full"> | ||
| <tr> | ||
| <th>Address</th> | ||
| <td class="font-mono"> | ||
| {{ address }} | ||
| <button mat-icon-button type="button" (click)="copyClipboard(address || '')"> | ||
| <mat-icon>content_copy</mat-icon> | ||
| </button> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <th>Public Key</th> | ||
| <td class="font-mono">{{ publicKey }}</td> | ||
| </tr> | ||
| <tr> | ||
| <th>Account Number</th> | ||
| <td>{{ baseAccount?.account_number }}</td> | ||
| </tr> | ||
| <tr> | ||
| <th>Sequence</th> | ||
| <td>{{ baseAccount?.sequence }}</td> | ||
| </tr> | ||
| </table> | ||
| <div class="mx-auto max-w-screen-xl"> | ||
| <div class="text-xl breadcrumbs"> | ||
| <ul> | ||
| <li>Account Info</li> | ||
| </ul> | ||
| </div> | ||
| <div class="card bg-base-100 shadow-xl mb-4"> | ||
| <div class="card-body"> | ||
| <div class="overflow-x-auto"> | ||
| <table class="table w-full"> | ||
| <tr> | ||
| <th>Address</th> | ||
| <td class="font-mono"> | ||
| <div class="flex items-center gap-2"> | ||
| {{ address }} | ||
| <button | ||
| class="btn btn-circle btn-sm" | ||
| type="button" | ||
| (click)="copyClipboard(address || '')" | ||
| > | ||
| <span class="material-symbols-outlined">content_copy</span> | ||
| </button> | ||
| </div> | ||
| </td> | ||
| </tr> | ||
| <tr> | ||
| <th>Public Key</th> | ||
| <td class="font-mono">{{ publicKey }}</td> | ||
| </tr> | ||
| <tr> | ||
| <th>Account Number</th> | ||
| <td>{{ baseAccount?.account_number }}</td> | ||
| </tr> | ||
| <tr> | ||
| <th>Sequence</th> | ||
| <td>{{ baseAccount?.sequence }}</td> | ||
| </tr> | ||
| </table> | ||
| </div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="card bg-base-100 shadow-xl mb-4"> | ||
| <div class="card-body"> | ||
| <h2 class="card-title">Balances</h2> | ||
| <div class="card bg-base-100 shadow-xl mb-4"> | ||
| <div class="card-body"> | ||
| <h2 class="card-title">Balances</h2> | ||
|
|
||
| <ng-container *ngIf="symbolBalancesMap === null; then loading; else loaded"></ng-container> | ||
| <ng-template #loading> | ||
| <p class="text-center"> | ||
| <span class="loading loading-dots loading-lg"></span> | ||
| </p> | ||
| </ng-template> | ||
| <ng-template #loaded> | ||
| <ng-container *ngIf="!symbolBalancesMap; then empty; else filled"></ng-container> | ||
| <ng-template #empty> | ||
| <p class="text-lg text-error">No Balance!</p> | ||
| <ng-container *ngIf="symbolBalancesMap === null; then loading; else loaded"></ng-container> | ||
| <ng-template #loading> | ||
| <p class="text-center"> | ||
| <span class="loading loading-ring loading-lg"></span> | ||
| </p> | ||
| </ng-template> | ||
| <ng-template #filled> | ||
| <div class="overflow-x-auto"> | ||
| <table class="table w-full"> | ||
| <tbody> | ||
| <tr *ngFor="let balance of symbolBalancesMap | keyvalue"> | ||
| <th> | ||
| <div class="flex items-center space-x-3"> | ||
| <div class="avatar mr-2" *ngIf="symbolImageMap && symbolImageMap[balance.key]"> | ||
| <div class="mask mask-circle w-8 h-8"> | ||
| <img src="{{ symbolImageMap[balance.key] }}" alt="Asset Symbol" /> | ||
| <ng-template #loaded> | ||
| <ng-container *ngIf="!symbolBalancesMap; then empty; else filled"></ng-container> | ||
| <ng-template #empty> | ||
| <p class="text-lg text-error">No Balance!</p> | ||
| </ng-template> | ||
| <ng-template #filled> | ||
| <div class="overflow-x-auto"> | ||
| <table class="table w-full"> | ||
| <tbody> | ||
| <tr *ngFor="let balance of symbolBalancesMap | keyvalue"> | ||
| <th> | ||
| <div class="flex items-center space-x-3"> | ||
| <div | ||
| class="avatar mr-2" | ||
| *ngIf="symbolImageMap && symbolImageMap[balance.key]" | ||
| > | ||
| <div class="mask mask-circle w-8 h-8"> | ||
| <img src="{{ symbolImageMap[balance.key] }}" alt="Asset Symbol" /> | ||
| </div> | ||
| </div> | ||
| {{ balance.key }} | ||
| </div> | ||
| {{ balance.key }} | ||
| </div> | ||
| </th> | ||
| <td>{{ balance.value }}</td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
| </div> | ||
| </th> | ||
| <td>{{ balance.value }}</td> | ||
| </tr> | ||
| </tbody> | ||
| </table> | ||
| </div> | ||
| </ng-template> | ||
| </ng-template> | ||
| </ng-template> | ||
| </div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
13 changes: 9 additions & 4 deletions
13
projects/explorer/src/app/views/blocks/block/block.component.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
40 changes: 23 additions & 17 deletions
40
projects/explorer/src/app/views/dashboard/dashboard.component.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,23 +1,29 @@ | ||
| <h2>Dashboard</h2> | ||
|
|
||
| <div class="stats stats-vertical md:stats-horizontal shadow"> | ||
| <div class="stat"> | ||
| <div class="stat-title">Latest Block Height</div> | ||
| <div class="stat-value text-primary">{{ latestBlockHeight }}</div> | ||
| <div class="stat-desc" routerLink="/blocks/{{ latestBlockHeight }}">Details</div> | ||
| <div class="mx-auto max-w-screen-xl"> | ||
| <div class="text-xl breadcrumbs"> | ||
| <ul> | ||
| <li>Dashboard</li> | ||
| </ul> | ||
| </div> | ||
|
|
||
| <div class="stat"> | ||
| <div class="stat-title">Staked Ratio</div> | ||
| <div class="stat-value">{{ stakedRatio }} %</div> | ||
| <div class="stat-desc"> | ||
| {{ stakedTokens | unitConversion }} / {{ totalSupply | unitConversion }} | ||
| <div class="stats stats-vertical md:stats-horizontal shadow"> | ||
| <div class="stat"> | ||
| <div class="stat-title">Latest Block Height</div> | ||
| <div class="stat-value text-primary">{{ latestBlockHeight }}</div> | ||
| <div class="stat-desc" routerLink="/blocks/{{ latestBlockHeight }}">Details</div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="stat"> | ||
| <div class="stat-title">Inflation</div> | ||
| <div class="stat-value text-secondary">{{ inflation }} %</div> | ||
| <div class="stat-desc">Total supply increase of governance token</div> | ||
| <div class="stat"> | ||
| <div class="stat-title">Staked Ratio</div> | ||
| <div class="stat-value">{{ stakedRatio }} %</div> | ||
| <div class="stat-desc"> | ||
| {{ stakedTokens | unitConversion }} / {{ totalSupply | unitConversion }} | ||
| </div> | ||
| </div> | ||
|
|
||
| <div class="stat"> | ||
| <div class="stat-title">Inflation</div> | ||
| <div class="stat-value text-secondary">{{ inflation }} %</div> | ||
| <div class="stat-desc">Total supply increase of governance token</div> | ||
| </div> | ||
| </div> | ||
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.