valitydev/fraudbusters-ui
14
0
Fork 0
mirror of https://github.com/valitydev/fraudbusters-ui.git synced 2024-11-06 08:35:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add more spiner

Browse Source
This commit is contained in:
Kostya Struga 2022-07-18 17:48:58 +03:00
parent b6a28acbc0
commit 09fd236022
2 changed files with 8 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/app/shared/components/fb-info-card/fb-info-card.component.html
View File

@ -1,11 +1,11 @@
<mat-card fxLayoutAlign="center">
<mat-card-content>
<h4 fxLayoutAlign="center">{{ headerText }}</h4>
<div *ngIf="inProgress | async" fxLayout fxLayoutAlign="center" style="height: 33px; width: 140px">
<mat-progress-spinner color="primary" mode="indeterminate" diameter="30"></mat-progress-spinner>
</div>
<h1 *ngIf="!(inProgress | async)" [class]="type" fxLayoutAlign="center">
{{ numberFormat(valueNumber | number: '.1-4') }} {{ units }}
</h1>
<h4 fxLayoutAlign="center">
{{ headerText }}
<div *ngIf="inProgress | async" fxLayout fxLayoutAlign="center" style="height: 30px; width: 40px">
<mat-progress-spinner color="primary" mode="indeterminate" diameter="20"></mat-progress-spinner>
</div>
</h4>
<h1 [class]="type" fxLayoutAlign="center">{{ numberFormat(valueNumber | number: '.1-4') }} {{ units }}</h1>
</mat-card-content>
</mat-card>

2
src/app/shared/components/fb-info-card/fb-info-card.module.ts
View File

@ -2,9 +2,9 @@ import { CommonModule } from '@angular/common';
import { NgModule } from '@angular/core';
import { FlexModule } from '@angular/flex-layout';
import { MatCardModule } from '@angular/material/card';
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
import { FbInfoCardComponent } from './fb-info-card.component';
import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
@NgModule({
declarations: [FbInfoCardComponent],