From 8e2d5841386edccef3355d24ce24a9396d9e8bc9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Fri, 16 Mar 2018 10:26:51 +0100
Subject: [PATCH] Add loading spinner to room-list view
---
src/app/room-list/room-list.component.html | 7 ++++++-
src/app/room-list/room-list.component.ts | 2 ++
2 files changed, 8 insertions(+), 1 deletion(-)
diff --git a/src/app/room-list/room-list.component.html b/src/app/room-list/room-list.component.html
index ead998d64..869db2914 100644
--- a/src/app/room-list/room-list.component.html
+++ b/src/app/room-list/room-list.component.html
@@ -1,7 +1,12 @@
<mat-accordion>
+ <div fxLayout="row" fxLayoutAlign="center">
+ <mat-progress-spinner *ngIf="isLoading" mode="indeterminate"></mat-progress-spinner>
+ </div>
<mat-expansion-panel *ngFor="let room of rooms">
<mat-expansion-panel-header>
- <button mat-button color="primary" routerLink="/{{ baseUrl }}/room/{{ room.id }}"><mat-icon>send</mat-icon></button>
+ <button mat-button color="primary" routerLink="/{{ baseUrl }}/room/{{ room.id }}">
+ <mat-icon>send</mat-icon>
+ </button>
<mat-panel-title>
{{ room.shortId }}
</mat-panel-title>
diff --git a/src/app/room-list/room-list.component.ts b/src/app/room-list/room-list.component.ts
index f89e1e2d7..83c3ada7c 100644
--- a/src/app/room-list/room-list.component.ts
+++ b/src/app/room-list/room-list.component.ts
@@ -13,6 +13,7 @@ export class RoomListComponent implements OnInit {
rooms: Room[];
closedRooms: Room[];
baseUrl: string;
+ isLoading = true;
constructor(
private roomService: RoomService,
@@ -35,6 +36,7 @@ export class RoomListComponent implements OnInit {
this.roomService.getRooms().subscribe(rooms => {
this.rooms = rooms;
this.closedRooms = this.rooms.filter(room => room.closed);
+ this.isLoading = false;
});
}
}
--
GitLab