From 274f14e56e7dc16a8f420d7541bef3720fc6c7d3 Mon Sep 17 00:00:00 2001
From: Neffi42 <114996380+Neffi42@users.noreply.github.com>
Date: Mon, 21 Oct 2024 14:27:39 +0200
Subject: [PATCH] update displayToast

---
 django/src/ft_auth/templates/authentification.html | 4 ++--
 django/src/ft_auth/templates/settings.html         | 4 ++--
 django/src/games/templates/pong_tournament.html    | 4 ++--
 nginx/src/index.html                               | 4 ++--
 nginx/src/js/core.js                               | 5 ++++-
 5 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/django/src/ft_auth/templates/authentification.html b/django/src/ft_auth/templates/authentification.html
index c358a97..3d5e2f5 100644
--- a/django/src/ft_auth/templates/authentification.html
+++ b/django/src/ft_auth/templates/authentification.html
@@ -128,7 +128,7 @@ <h1 class="row">Johnny Depp</h1>
 
 		submitForm('register-form', () => {
 			route('/login');
-			displayToast("Account creation successful.");
+			displayToast("Account creation successful.", "bg-success");
 		}, (json) => {
 			document.getElementById('register-error').textContent = json.error;
 			emptyPasswords();
@@ -293,4 +293,4 @@ <h1 class="row">Johnny Depp</h1>
 		overflow-wrap: break-word;
 	}
 </style>
-{% endblock %}
\ No newline at end of file
+{% endblock %}
diff --git a/django/src/ft_auth/templates/settings.html b/django/src/ft_auth/templates/settings.html
index 591353c..f3ab6c1 100644
--- a/django/src/ft_auth/templates/settings.html
+++ b/django/src/ft_auth/templates/settings.html
@@ -100,7 +100,7 @@ <h2 class="form-title">Upload New Avatar</h2>
 
 		submitForm('password-form', () => {
 			route('/settings');
-			displayToast("Password changed successfully.");
+			displayToast("Password changed successfully.", "bg-success");
 		}, (json) => {
 			document.getElementById('password-error').textContent = json.error;
 			emptyPasswords();
@@ -144,7 +144,7 @@ <h2 class="form-title">Upload New Avatar</h2>
 						const avatarImg = document.querySelector('.profile-image-container img');
 						avatarImg.src = data.avatar_url;
 						hideModal();
-						displayToast("Avatar updated successfully.");
+						displayToast("Avatar updated successfully.", "bg-success");
 					} else {
 						alert('Error uploading avatar');
 					}
diff --git a/django/src/games/templates/pong_tournament.html b/django/src/games/templates/pong_tournament.html
index 9e03e23..04af1fb 100644
--- a/django/src/games/templates/pong_tournament.html
+++ b/django/src/games/templates/pong_tournament.html
@@ -95,7 +95,7 @@ <h2 class="text-start fs-4 fw-bold mb-3">{% trans "Match history" %}</h2>
 			case "join": handleJoin(data.players); break;
 			case "player_pairs": handlePlayerPairs(data.player_pairs); break;
 			case "next_round_id": route(`/pong/online/${data.id}/{{ name }}/${power}`); break;
-			case "bye": displayToast("You have received a bye for this round. Enjoy the break!"); break;
+			case "bye": displayToast("You have received a bye for this round. Enjoy the break!", "bg-info"); break;
 			case "history": handleHistory(data.history); break;
 			case "end": handleEnd(data.winner); break;
 			default: console.error("Invalid message from server ignored."); break;
@@ -182,7 +182,7 @@ <h2 class="text-start fs-4 fw-bold mb-3">{% trans "Match history" %}</h2>
 		const tableBody = document.querySelector("#players tbody");
 		const rowCount = tableBody.rows.length;
 		if (rowCount < 2) {
-			displayToast("You are alone in the tournament...");
+			displayToast("You are alone in the tournament...", "bg-warning");
 			return;
 		}
 		hideBtn(lockBtn);
diff --git a/nginx/src/index.html b/nginx/src/index.html
index 82857cc..baa4649 100644
--- a/nginx/src/index.html
+++ b/nginx/src/index.html
@@ -26,7 +26,7 @@
 	<div id="content"></div>
 
 	<div class="toast-container position-fixed bottom-0 end-0 p-3" style="z-index: 9001;">
-		<div id="toast" class="toast align-items-center text-white bg-success" role="alert" aria-live="assertive"
+		<div id="toast" class="toast align-items-center text-black" role="alert" aria-live="assertive"
 			aria-atomic="true">
 			<div class="d-flex">
 				<div class="toast-body" id="toast-content">
@@ -46,4 +46,4 @@
 	<script src="/js/sidebar.js"></script>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/nginx/src/js/core.js b/nginx/src/js/core.js
index c0e9b33..64da5fa 100644
--- a/nginx/src/js/core.js
+++ b/nginx/src/js/core.js
@@ -61,10 +61,13 @@ function logout() {
 		}).catch(error => console.error(error));
 }
 
-function displayToast(message) {
+function displayToast(message, colorClass = "") {
 	const toastContentElement = document.getElementById('toast-content');
 	toastContentElement.textContent = message;
 	const toastElement = document.getElementById('toast');
+	toastElement.classList.remove('bg-success', 'bg-danger', 'bg-warning', 'bg-info', 'bg-primary', 'bg-secondary', 'bg-light', 'bg-dark');
+	if (colorClass !== "")
+		toastElement.classList.add(colorClass);
 	const toast = new bootstrap.Toast(toastElement);
 	toast.show();
 }