From 465dac83dd101bc003edb6e18c684ffc487a4bc9 Mon Sep 17 00:00:00 2001
From: Louis Peter <Louis.Peter@mni.thm.de>
Date: Tue, 2 Apr 2019 16:40:38 +0200
Subject: [PATCH] Add basic slider in settings dialog
---
.../creator/_dialogs/room-edit/room-edit.component.html | 2 ++
.../creator/_dialogs/room-edit/room-edit.component.scss | 3 +++
.../creator/room-creator-page/room-creator-page.component.html | 2 +-
3 files changed, 6 insertions(+), 1 deletion(-)
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 fa34865c2..e48f8887c 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
@@ -7,6 +7,8 @@
matAutosizeMinRows="2" matAutosizeMaxRows="5" placeholder="{{ 'session.description' | translate}}" name="description">
</textarea>
</mat-form-field>
+ <mat-slider thumbLabel id="commentSlider" tickInterval="0" min="-50" max="50" step="1" value="0"
+ color="accent"></mat-slider>
<div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="10px">
<button (click)="dialogRef.close('abort')" mat-button color="primary">
{{ 'room-page.abort' | translate}}
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 e69de29bb..495b758bd 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
@@ -0,0 +1,3 @@
+#commentSlider {
+ width: 100%;
+}
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 315eb4087..477eb79ea 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
@@ -37,7 +37,7 @@
</button>
</mat-grid-tile>
<mat-grid-tile>
- <button mat-icon-button *ngIf="!modify" (click)="showEditDialog()" color="accent"
+ <button mat-icon-button *ngIf="!modify" (click)="showEditDialog()" color="primary"
matTooltip="{{ 'room-page.session-settings' | translate}}">
<mat-icon>settings</mat-icon>
</button>
--
GitLab