Loading src/app/landing/landing.component.html +6 −4 Original line number Diff line number Diff line Loading @@ -46,11 +46,12 @@ </svg> </div> <div class="card-body p-3"> <div *ngIf="isLoading; else apiRespondedUsers"> <div *ngIf="isNaN(animatedCounts.registeredUsers) || isLoading; else apiRespondedUsers"> <h5 class="card-title"><skeleton [width]="'35%'" [height]="'24px'"></skeleton></h5> </div> <ng-template #apiRespondedUsers> <h5 class="card-title font-weight-bold">{{isNaN(animatedCounts.registeredUsers) ? 'NaN': animatedCounts.registeredUsers}}</h5> <!-- <h5 class="card-title font-weight-bold">{{isNaN(animatedCounts.registeredUsers) ? 'NaN': animatedCounts.registeredUsers}}</h5> --> <h5 class="card-title font-weight-bold">{{animatedCounts.registeredUsers}}</h5> </ng-template> <div class="card-text">Registered Users</div> </div> Loading @@ -66,11 +67,12 @@ </svg> </div> <div class="card-body p-3"> <div *ngIf="isLoading; else apiRespondedServiceSpecs"> <div *ngIf="isNaN(animatedCounts.publishedServiceSpecs) || isLoading; else apiRespondedServiceSpecs"> <h5 class="card-title"><skeleton [width]="'35%'" [height]="'24px'"></skeleton></h5> </div> <ng-template #apiRespondedServiceSpecs> <h5 class="card-title font-weight-bold">{{isNaN(animatedCounts.publishedServiceSpecs) ? ' ': animatedCounts.publishedServiceSpecs}}</h5> <!-- <h5 class="card-title font-weight-bold">{{isNaN(animatedCounts.publishedServiceSpecs) ? ' ': animatedCounts.publishedServiceSpecs}}</h5> --> <h5 class="card-title font-weight-bold">{{animatedCounts.publishedServiceSpecs}}</h5> </ng-template> <div class="card-text">Published Service Specifications</div> </div> Loading src/app/landing/landing.component.ts +2 −2 Original line number Diff line number Diff line Loading @@ -5,7 +5,7 @@ import { OAuthService } from 'angular-oauth2-oidc'; import { AuthService } from 'src/app/shared/services/auth.service'; import { GeneralMetricsApiService } from '../openApis/openSliceMetrics/services'; import { asyncScheduler, forkJoin, scheduled } from 'rxjs'; import { catchError, delay } from 'rxjs/operators'; import { catchError } from 'rxjs/operators'; import Player from '@vimeo/player'; @Component({ Loading Loading @@ -72,7 +72,7 @@ export class LandingComponent implements OnInit { }) ) }) .pipe(delay(500)) // .pipe(delay(500)) .subscribe( results => { Loading Loading
src/app/landing/landing.component.html +6 −4 Original line number Diff line number Diff line Loading @@ -46,11 +46,12 @@ </svg> </div> <div class="card-body p-3"> <div *ngIf="isLoading; else apiRespondedUsers"> <div *ngIf="isNaN(animatedCounts.registeredUsers) || isLoading; else apiRespondedUsers"> <h5 class="card-title"><skeleton [width]="'35%'" [height]="'24px'"></skeleton></h5> </div> <ng-template #apiRespondedUsers> <h5 class="card-title font-weight-bold">{{isNaN(animatedCounts.registeredUsers) ? 'NaN': animatedCounts.registeredUsers}}</h5> <!-- <h5 class="card-title font-weight-bold">{{isNaN(animatedCounts.registeredUsers) ? 'NaN': animatedCounts.registeredUsers}}</h5> --> <h5 class="card-title font-weight-bold">{{animatedCounts.registeredUsers}}</h5> </ng-template> <div class="card-text">Registered Users</div> </div> Loading @@ -66,11 +67,12 @@ </svg> </div> <div class="card-body p-3"> <div *ngIf="isLoading; else apiRespondedServiceSpecs"> <div *ngIf="isNaN(animatedCounts.publishedServiceSpecs) || isLoading; else apiRespondedServiceSpecs"> <h5 class="card-title"><skeleton [width]="'35%'" [height]="'24px'"></skeleton></h5> </div> <ng-template #apiRespondedServiceSpecs> <h5 class="card-title font-weight-bold">{{isNaN(animatedCounts.publishedServiceSpecs) ? ' ': animatedCounts.publishedServiceSpecs}}</h5> <!-- <h5 class="card-title font-weight-bold">{{isNaN(animatedCounts.publishedServiceSpecs) ? ' ': animatedCounts.publishedServiceSpecs}}</h5> --> <h5 class="card-title font-weight-bold">{{animatedCounts.publishedServiceSpecs}}</h5> </ng-template> <div class="card-text">Published Service Specifications</div> </div> Loading
src/app/landing/landing.component.ts +2 −2 Original line number Diff line number Diff line Loading @@ -5,7 +5,7 @@ import { OAuthService } from 'angular-oauth2-oidc'; import { AuthService } from 'src/app/shared/services/auth.service'; import { GeneralMetricsApiService } from '../openApis/openSliceMetrics/services'; import { asyncScheduler, forkJoin, scheduled } from 'rxjs'; import { catchError, delay } from 'rxjs/operators'; import { catchError } from 'rxjs/operators'; import Player from '@vimeo/player'; @Component({ Loading Loading @@ -72,7 +72,7 @@ export class LandingComponent implements OnInit { }) ) }) .pipe(delay(500)) // .pipe(delay(500)) .subscribe( results => { Loading