From d1e98e03e87663086e23fa8de0a785e2e705b4ae Mon Sep 17 00:00:00 2001
From: Louis Peter <Louis.Peter@mni.thm.de>
Date: Sun, 31 Mar 2019 18:43:50 +0200
Subject: [PATCH] Add settings button in creator room page
Add localization for settings button tooltip
---
.../room-creator-page/room-creator-page.component.html | 9 ++++++++-
.../room-creator-page/room-creator-page.component.scss | 9 +++++++++
src/assets/i18n/creator/de.json | 3 ++-
src/assets/i18n/creator/en.json | 3 ++-
4 files changed, 21 insertions(+), 3 deletions(-)
diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.html b/src/app/components/creator/room-creator-page/room-creator-page.component.html
index 671880d51..d95d96ef0 100644
--- a/src/app/components/creator/room-creator-page/room-creator-page.component.html
+++ b/src/app/components/creator/room-creator-page/room-creator-page.component.html
@@ -2,7 +2,9 @@
<div fxLayout="row" fxLayoutAlign="center">
<mat-progress-spinner *ngIf="isLoading" color="accent" mode="indeterminate"></mat-progress-spinner>
<mat-card *ngIf="room">
- <mat-card-header fxLayoutAlign="center">
+ <mat-card-header fxLayoutAlign="center" fxLayout="row">
+ <span class="fill-remaining-space"></span>
+ <div fxLayout="column" id="sessionHeader">
<mat-card-title fxLayoutAlign="center">
<h2>{{ room.name }}</h2>
</mat-card-title>
@@ -11,6 +13,11 @@
{{ room.shortId.slice(0,4) }} {{ room.shortId.slice(4,8) }}
</h3>
</mat-card-subtitle>
+ </div>
+ <span class="fill-remaining-space"></span>
+ <button mat-icon-button id= "sessionSettingsButton" color="primary" matTooltip="{{ 'room-page.session-settings' | translate}}">
+ <mat-icon>settings</mat-icon>
+ </button>
</mat-card-header>
<mat-divider></mat-divider>
<mat-card-content fxLayoutAlign="center">
diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.scss b/src/app/components/creator/room-creator-page/room-creator-page.component.scss
index 76845e2de..a423ed279 100644
--- a/src/app/components/creator/room-creator-page/room-creator-page.component.scss
+++ b/src/app/components/creator/room-creator-page/room-creator-page.component.scss
@@ -79,3 +79,12 @@ mat-expansion-panel {
background-color: var(--content-mat-card)!important;
min-width: 200px;
}
+
+#sessionHeader {
+ width: auto;
+}
+
+#sessionSettingsButton {
+ width: 10%;
+ float: right;
+}
diff --git a/src/assets/i18n/creator/de.json b/src/assets/i18n/creator/de.json
index dd4ab8c08..921baea8c 100644
--- a/src/assets/i18n/creator/de.json
+++ b/src/assets/i18n/creator/de.json
@@ -20,7 +20,8 @@
"update": "Update",
"default-content-group": "Standard",
"description": "Beschreibung",
- "present": "Präsentieren"
+ "present": "Präsentieren",
+ "session-settings": "Session Einstellungen"
},
"content": {
"content": "Frage",
diff --git a/src/assets/i18n/creator/en.json b/src/assets/i18n/creator/en.json
index ac9edfcd9..a28e7d107 100644
--- a/src/assets/i18n/creator/en.json
+++ b/src/assets/i18n/creator/en.json
@@ -20,7 +20,8 @@
"update": "Update",
"default-content-group": "Default",
"description": "Description",
- "present": "Present"
+ "present": "Present",
+ "session-settings": "Session settings"
},
"content": {
"content": "Content",
--
GitLab