From 1211d6d56a8800dcdd06fe15db5a29ac6b8b8c31 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lukas=20Mau=C3=9F?= <lukas.mauss@mni.thm.de>
Date: Fri, 30 Aug 2019 15:24:36 +0200
Subject: [PATCH] Check if session description exists in edit dialog
---
.../creator/_dialogs/room-edit/room-edit.component.html | 4 ++--
.../creator/_dialogs/room-edit/room-edit.component.scss | 2 +-
2 files changed, 3 insertions(+), 3 deletions(-)
diff --git a/src/app/components/creator/_dialogs/room-edit/room-edit.component.html b/src/app/components/creator/_dialogs/room-edit/room-edit.component.html
index 08de06650..a940d40b1 100644
--- a/src/app/components/creator/_dialogs/room-edit/room-edit.component.html
+++ b/src/app/components/creator/_dialogs/room-edit/room-edit.component.html
@@ -5,14 +5,14 @@
<mat-form-field class="input-block">
<input [(ngModel)]="editRoom.name" matInput placeholder="{{ 'session.session-name' | translate}}"
name="room-name" maxlength="20"/>
- <mat-hint align="end">{{editRoom.name.length }} / 20</mat-hint>
+ <mat-hint align="end">{{ editRoom.name.length }} / 20</mat-hint>
</mat-form-field>
<mat-form-field class="input-block">
<textarea [(ngModel)]="editRoom.description" matInput matTextareaAutosize
matAutosizeMinRows="2" matAutosizeMaxRows="5" maxlength="255"
placeholder="{{ 'session.description' | translate}}" name="description">
</textarea>
- <mat-hint align="end">{{editRoom.description.length }} / 255</mat-hint>
+ <mat-hint align="end">{{ editRoom.description ? editRoom.description.length : 0 }} / 255</mat-hint>
</mat-form-field>
<div fxLayoutAlign="center center">
<button mat-raised-button class="delete" (click)="openDeleteRoomDialog()">
diff --git a/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss b/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss
index 2dd1385d8..ef90a45d1 100644
--- a/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss
+++ b/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss
@@ -3,7 +3,7 @@
}
.delete {
- margin-bottom: 20px;
+ margin: 20px 0 20px 0;
min-width: 220px;
background-color: var(--red);
color: var(--on-secondary);
--
GitLab