Adjust room-creation

Fix demo room joining

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

@@ -10,5 +10,5 @@
         <mat-icon>send</mat-icon>
       </button>
     </div>
-    <button mat-button color="primary" (click)="joinDemo()">Join demo room <mat-icon>lightbulb_outline</mat-icon></button>
 </form>
+<button mat-button color="primary" (click)="joinDemo()">Join demo room <mat-icon>lightbulb_outline</mat-icon></button>

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

@@ -3,7 +3,7 @@
     <input [(ngModel)]="editRoom.name" #roomName matInput/>
   </mat-form-field>
   <mat-form-field class="input-block">
-    <input [(ngModel)]="editRoom.shortId" #roomShortID matInput/>
+    <input [(ngModel)]="editRoom.abbreviation" #roomAbbreviation matInput/>
   </mat-form-field>
   <mat-form-field class="input-block">
             <textarea [(ngModel)]="editRoom.description" #roomDescription matInput matTextareaAutosize

src/app/room.service.ts

@@ -66,10 +66,10 @@ export class RoomService extends ErrorHandlingService {
   }
 
   updateRoom(room: Room): Observable<Room> {
-    const connectionUrl = `${this.apiBaseUrl}${this.roomsUrl}/${room.id}`;
+    const connectionUrl = `${this.apiBaseUrl}${this.roomsUrl}/~${room.shortId}`;
     return this.http.put(connectionUrl, {
-      shortId: room.shortId, ownerId: this.authService.getUser().userId,
-      abbreviation: room.abbreviation, name: room.name, closed: room.closed, description: room.description
+      ownerId: this.authService.getUser().userId,
+      abbreviation: room.abbreviation, name: room.name, description: room.description
     }, httpOptions).pipe(
       tap(_ => ''),
       catchError(this.handleError<any>('updateRoom'))