diff --git a/src/app/components/creator/content-list/content-list.component.html b/src/app/components/creator/content-list/content-list.component.html index 6319a71b123f7f47d24a301266c47b9e5580e1b0..91c7b0c46f0c8bc909e08761f89833fb325320ab 100644 --- a/src/app/components/creator/content-list/content-list.component.html +++ b/src/app/components/creator/content-list/content-list.component.html @@ -4,6 +4,11 @@ <h2 fxLayoutAlign="center">{{ 'content.contents' | translate}}</h2> </mat-card-header> <mat-divider></mat-divider> + <div *ngIf="isLoading" fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill> + <div fxLayout="row" fxLayoutAlign="center"> + <mat-progress-spinner mode="indeterminate"></mat-progress-spinner> + </div> + </div> <mat-card-actions> <button mat-fab color="primary" matTooltip="Fragen präsentieren" routerLink="/creator/room/{{ roomId }}/contents"> diff --git a/src/app/components/creator/content-list/content-list.component.ts b/src/app/components/creator/content-list/content-list.component.ts index e769f8db17913be42fbabc1198bb50517848c071..22530e16c31ec8dbdb9233a88685265923406a65 100644 --- a/src/app/components/creator/content-list/content-list.component.ts +++ b/src/app/components/creator/content-list/content-list.component.ts @@ -40,6 +40,8 @@ export class ContentListComponent implements OnInit { room: Room; + isLoading = true; + constructor(private contentService: ContentService, private roomService: RoomService, private route: ActivatedRoute, @@ -64,6 +66,7 @@ export class ContentListComponent implements OnInit { sessionStorage.setItem('collection', params['contentGroup']); }); this.translateService.use(localStorage.getItem('currentLang')); + this.isLoading = false; } findIndexOfSubject(subject: string): number {