Merge branch '47-creator-home-screen-html-template-list' into 'master'

Resolve "creator home screen - html template (list)"

Closes #47

See merge request swtp-block-ws17/arsnova-angular-frontend!60

src/app/creator-home-screen/creator-home-screen.component.scss

+app-room-list {
+  width: 100%;
+  max-width: 800px;
+}

src/app/in-memory-data.service.ts

@@ -25,20 +25,29 @@ export class InMemoryDataService implements InMemoryDbService {
     const rooms = [
       {
         id: '1',
-        revision: '1',
-        shortId: 't',
+        revision: '10',
+        shortId: '12345678',
         abbreviation: 'abb',
-        name: 'testroom',
-        description: 'this is a test room',
+        name: 'ARSnova Testroom',
+        description: 'Refactoring ARSnova to look and feel good',
         closed: true
       },
       {
         id: '2',
         revision: '11',
-        shortId: 't1',
+        shortId: '23456789',
         abbreviation: 'abb1',
-        name: 'testroom1',
-        description: 'this is a test room1',
+        name: 'Darkroom',
+        description: 'Here is where the 18+ stuff happens',
+        closed: false
+      },
+      {
+        id: '3',
+        revision: '11',
+        shortId: '34567890',
+        abbreviation: 'abb1',
+        name: 'Keller',
+        description: 'This is where the beer stehs',
         closed: false
       }
     ];

src/app/room-list/room-list.component.html

-<mat-list>
-  <mat-list-item *ngFor="let room of rooms">
-    <button mat-button routerLink="room/{{room.id}}">
-      {{room.name}}
-    </button>
-  </mat-list-item>
-</mat-list>
-
+<mat-accordion>
+  <mat-expansion-panel *ngFor="let room of rooms">
+    <mat-expansion-panel-header>
+      <mat-panel-title>
+        {{ room.shortId }}
+      </mat-panel-title>
+      <mat-panel-description>
+        {{ room.name }}
+      </mat-panel-description>
+    </mat-expansion-panel-header>
+    <p>
+      {{ room.description }}
+    </p>
+    <mat-action-row>
+      <button mat-button routerLink="/room/{{ room.id }}">Join room</button>
+    </mat-action-row>
+  </mat-expansion-panel>
+</mat-accordion>