From b45df49afd1014a40e9d52ea577a462a705c588d Mon Sep 17 00:00:00 2001
From: Thomas Lenz <Thomas.Lenz@mni.thm.de>
Date: Thu, 8 Mar 2018 15:06:16 +0100
Subject: [PATCH] Add simple view
---
.../creator-room/creator-room.component.html | 22 ++++++++++++++++---
.../creator-room/creator-room.component.ts | 2 +-
2 files changed, 20 insertions(+), 4 deletions(-)
diff --git a/src/app/creator-room/creator-room.component.html b/src/app/creator-room/creator-room.component.html
index d14196923..d641f8e45 100644
--- a/src/app/creator-room/creator-room.component.html
+++ b/src/app/creator-room/creator-room.component.html
@@ -1,3 +1,19 @@
-<p>
- creator-room works!
-</p>
+<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill>
+ <div fxLayout="row" fxLayoutAlign="center">
+ <div fxLayoutGap="20px">
+ <mat-list-item>Room: {{room}}</mat-list-item>
+ <mat-list-item>
+ <button mat-raised-button color="primary">Create content</button>
+ </mat-list-item>
+ <mat-list-item>
+ <button mat-raised-button color="primary">Contents</button>
+ </mat-list-item>
+ <mat-list-item>
+ <button mat-raised-button color="primary">Comments</button>
+ </mat-list-item>
+ <mat-list-item>
+ <button mat-raised-button color="warn">Delete room</button>
+ </mat-list-item>
+ </div>
+ </div>
+</div>
diff --git a/src/app/creator-room/creator-room.component.ts b/src/app/creator-room/creator-room.component.ts
index 18eb75c8c..c88fa779b 100644
--- a/src/app/creator-room/creator-room.component.ts
+++ b/src/app/creator-room/creator-room.component.ts
@@ -6,7 +6,7 @@ import { Component, OnInit } from '@angular/core';
styleUrls: ['./creator-room.component.scss']
})
export class CreatorRoomComponent implements OnInit {
-
+ room = '1';
constructor() { }
ngOnInit() {
--
GitLab