From 253ad75694571e3a418840725d239507675774b8 Mon Sep 17 00:00:00 2001
From: Thomas Lenz <Thomas.Lenz@mni.thm.de>
Date: Fri, 9 Mar 2018 18:58:03 +0100
Subject: [PATCH] Include progress-spinner into creator-room component.
---
src/app/creator-room/creator-room.component.html | 1 +
src/app/room/room.component.ts | 6 +++++-
2 files changed, 6 insertions(+), 1 deletion(-)
diff --git a/src/app/creator-room/creator-room.component.html b/src/app/creator-room/creator-room.component.html
index 79ca12101..0641b4c87 100644
--- a/src/app/creator-room/creator-room.component.html
+++ b/src/app/creator-room/creator-room.component.html
@@ -1,5 +1,6 @@
<div fxLayout="column" fxLayoutAlign="start" fxLayoutGap="20px" fxFill>
<div fxLayout="row" fxLayoutAlign="center">
+ <mat-progress-spinner *ngIf="isLoading" mode="indeterminate"></mat-progress-spinner>
<mat-card *ngIf="room">
<mat-card-header>
<mat-card-title><h3 class="subheading-2">{{ room.name }}</h3></mat-card-title>
diff --git a/src/app/room/room.component.ts b/src/app/room/room.component.ts
index 800b70b5b..3aa4d45a0 100644
--- a/src/app/room/room.component.ts
+++ b/src/app/room/room.component.ts
@@ -10,6 +10,7 @@ import { ActivatedRoute } from '@angular/router';
})
export class RoomComponent implements OnInit {
room: Room = null;
+ isLoading = true;
constructor(protected roomService: RoomService,
protected route: ActivatedRoute) {
@@ -22,6 +23,9 @@ export class RoomComponent implements OnInit {
}
getRoom(id: string): void {
- this.roomService.getRoom(id).subscribe(room => this.room = room);
+ this.roomService.getRoom(id).subscribe(room => {
+ this.room = room;
+ this.isLoading = false;
+ });
}
}
--
GitLab