From ba6c57b28340daab5477de29a0f885f6f9f8ca3c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5var=20Aamb=C3=B8=20Fosstveit?= <havar@fosstveit.net>
Date: Fri, 15 May 2020 21:12:30 +0200
Subject: [PATCH] Make notification position configurable.

---
 app/public/config/config.example.js           | 26 ++++++++++---------
 .../components/Notifications/Notifications.js |  4 ++-
 2 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/app/public/config/config.example.js b/app/public/config/config.example.js
index 3126613..4c7f249 100644
--- a/app/public/config/config.example.js
+++ b/app/public/config/config.example.js
@@ -61,27 +61,29 @@ var config =
 	 * but use it with caution
 	 * full mesh audio strongly decrease room capacity! 
 	 */
-	autoMuteThreshold : 4, 
-	background        : 'images/background.jpg',
-	defaultLayout     : 'democratic', // democratic, filmstrip
+	autoMuteThreshold    : 4, 
+	background           : 'images/background.jpg',
+	defaultLayout        : 'democratic', // democratic, filmstrip
 	// If true, will show media control buttons in separate
 	// control bar, not in the ME container.
-	buttonControlBar  : false,
+	buttonControlBar     : false,
 	// If false, will push videos away to make room for side
 	// drawer. If true, will overlay side drawer over videos
-	drawerOverlayed   : true,
+	drawerOverlayed      : true,
+	// Position of notifications
+	notificationPosition : 'right',
 	// Timeout for autohiding topbar and button control bar
-	hideTimeout       : 3000,
-	lastN             : 4,
-	mobileLastN       : 1,
+	hideTimeout          : 3000,
+	lastN                : 4,
+	mobileLastN          : 1,
 	// Highest number of speakers user can select
-	maxLastN          : 5,
+	maxLastN             : 5,
 	// If truthy, users can NOT change number of speakers visible
-	lockLastN         : false,
+	lockLastN            : false,
 	// Add file and uncomment for adding logo to appbar
 	// logo       : 'images/logo.svg',
-	title             : 'Multiparty meeting',
-	theme             :
+	title                : 'Multiparty meeting',
+	theme                :
 	{
 		palette :
 		{
diff --git a/app/src/components/Notifications/Notifications.js b/app/src/components/Notifications/Notifications.js
index ce2fcee..d5a21c7 100644
--- a/app/src/components/Notifications/Notifications.js
+++ b/app/src/components/Notifications/Notifications.js
@@ -4,6 +4,8 @@ import PropTypes from 'prop-types';
 import { withSnackbar } from 'notistack';
 import * as notificationActions from '../../actions/notificationActions';
 
+const notificationPosition = window.config.notificationPosition || 'right';
+
 class Notifications extends Component
 {
 	displayed = [];
@@ -45,7 +47,7 @@ class Notifications extends Component
 					autoHideDuration : notification.timeout,
 					anchorOrigin     : {
 						vertical   : 'bottom',
-						horizontal : 'left'
+						horizontal : notificationPosition
 					}
 				}
 			);