From b0cba1af36dc0b7f40d01352210fa4d7300c285b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Mon, 4 Feb 2019 16:34:49 +0100
Subject: [PATCH] Add loading-spinner to room-list-page
---
.../creator/content-list/content-list.component.html | 5 +++++
.../creator/content-list/content-list.component.ts | 3 +++
2 files changed, 8 insertions(+)
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 6319a71b1..91c7b0c46 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 e769f8db1..22530e16c 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 {
--
GitLab