feat: Added a chatroom component, that is navigatable by the chatroom's ID

[demos/kafka/chat] / src / app / chatrooms / chatrooms.component.html

diff --git a/src/app/chatrooms/chatrooms.component.html b/src/app/chatrooms/chatrooms.component.html
index bea9473..4df38de 100644 (file)
--- a/src/app/chatrooms/chatrooms.component.html
+++ b/src/app/chatrooms/chatrooms.component.html
@@ -1,9 +1,8 @@
-<h2>Available Chatrooms</h2>
-<ul class="chatrooms">
-  <li *ngFor="let chatroom of chatrooms">
-    <button type="button">
-      <span class="badge">{{chatroom.id}}</span>
-      <span class="name">{{chatroom.name}}</span>
-    </button>
-  </li>
-</ul>
+<div class="panel panel-primary">
+  <div class="panel-heading">
+    <h3 class="panel-title">Please Choose a Chat-Room</h3>
+  </div>
+  <div class="panel-body">
+    <button *ngFor="let chatroom of chatrooms" routerLink="/chatroom/{{chatroom.id}}" type="button" class="btn btn-default btn-lg btn-block">{{chatroom.name}}</button>
+  </div>
+</div>