src/app/core/config/dynamic-routing/empty/application-loading.component.ts
| changeDetection | ChangeDetectionStrategy.OnPush |
| selector | app-application-loading |
| standalone | true |
| imports |
MatProgressBarModule
|
| styleUrls | ./application-loading.component.scss |
| templateUrl | ./application-loading.component.html |
MatProgressBarModule
import { Component, ChangeDetectionStrategy } from "@angular/core";
import { MatProgressBarModule } from "@angular/material/progress-bar";
@Component({
changeDetection: ChangeDetectionStrategy.OnPush,
selector: "app-application-loading",
templateUrl: "./application-loading.component.html",
styleUrls: ["./application-loading.component.scss"],
imports: [MatProgressBarModule],
})
export class ApplicationLoadingComponent {}
<h1 i18n="Sync notification line 1">Building application</h1>
<p i18n="Sync notification line 2">
We are downloading your system configuration and setting things up. The
application will be ready in a moment ...
</p>
<mat-progress-bar mode="indeterminate"></mat-progress-bar>
./application-loading.component.scss
:host {
display: flex;
flex-direction: column;
place-items: center;
text-align: center;
margin: 2em
}