From 0177e68834660e643aea6bdd90d2da00edafb86a Mon Sep 17 00:00:00 2001
From: Thomas Lenz <Thomas.Lenz@mni.thm.de>
Date: Fri, 9 Mar 2018 12:19:19 +0100
Subject: [PATCH] Include style from participant-room-view into
creator-room-view
---
.../creator-room/creator-room.component.html | 51 ++++++++++++-------
1 file changed, 32 insertions(+), 19 deletions(-)
diff --git a/src/app/creator-room/creator-room.component.html b/src/app/creator-room/creator-room.component.html
index 49b6ee188..15522e258 100644
--- a/src/app/creator-room/creator-room.component.html
+++ b/src/app/creator-room/creator-room.component.html
@@ -1,22 +1,35 @@
-<div *ngIf="room" fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill>
+<div fxLayout="column" fxLayoutAlign="start" fxLayoutGap="20px" fxFill>
<div fxLayout="row" fxLayoutAlign="center">
- <div fxLayoutGap="20px">
- <mat-list-item>Room: {{room.name}}</mat-list-item>
- <mat-list-item>
- <button mat-raised-button color="primary" style="width: 150px">Create content</button>
- </mat-list-item>
- <mat-list-item>
- <button mat-raised-button color="primary" style="width: 150px">Contents</button>
- </mat-list-item>
- <mat-list-item>
- <button mat-raised-button color="primary" style="width: 150px">Comments</button>
- </mat-list-item>
- <mat-list-item>
- <button mat-raised-button color="warn" style="width: 150px">Delete room</button>
- </mat-list-item>
- <mat-list-item>
- <button mat-raised-button color="primary" style="width: 150px" (click)="goBack()">Go back</button>
- </mat-list-item>
- </div>
+
+ <mat-card>
+ <mat-card-header>
+ <mat-card-title><h3 class="subheading-2">{{ room.name }}</h3></mat-card-title>
+ <mat-card-subtitle>{{ room.id }}</mat-card-subtitle>
+ </mat-card-header>
+ <mat-divider></mat-divider>
+ <mat-card-content>
+ <p>
+ {{ room.description }}
+ </p>
+ </mat-card-content>
+ <mat-divider></mat-divider>
+ <mat-card-actions>
+ <button mat-button color="primary" matTooltip="Create new content">
+ Create content
+ </button>
+ <button mat-button color="primary" matTooltip="See contents">
+ Contents
+ </button>
+ <button mat-button color="primary" matTooltip="See room comments">
+ Comments
+ </button>
+ <button mat-button color="warn" matTooltip="Delete selected room">
+ Delete room
+ </button>
+ <button mat-button color="primary" matTooltip="Go back to last page">
+ Go back
+ </button>
+ </mat-card-actions>
+ </mat-card>
</div>
</div>
--
GitLab