Amélioration de l'affichage des toasts du flashMessenger

js/Client/flashMessenger.js

@@ -10,8 +10,7 @@ function toasts(messages)
 
 
 
-function toast(message, severity)
-{
+function toast(message, severity) {
     const bgClasses = {
         info: 'bg-info',
         success: 'bg-success',
@@ -40,39 +39,20 @@ function toast(message, severity)
     toast.setAttribute('aria-live', 'assertive');
     toast.setAttribute('aria-atomic', 'true');
 
-    const toastFlex = document.createElement('div');
-    toastFlex.classList.add('d-flex');
-
-    // Création de l'élément HTML pour le bouton "close"
-    const closeBtn = document.createElement('button');
-    closeBtn.type = 'button';
-    closeBtn.classList.add('btn-close', 'btn-close-white', 'me-2', 'm-auto');
-    closeBtn.setAttribute('data-bs-dismiss', 'toast');
-    closeBtn.setAttribute('aria-label', 'Close');
-
-    // Création d'une icône
-    const icon = document.createElement('span');
-    icon.classList.add('icon', 'fas', 'fa-' + iconClasses[severity]);
-    icon.style = "font-size: 25pt;margin-right:1rem;margin-bottom:.2rem";
+    if (severity === 'error'){
+        toast.setAttribute('style', 'width:100%');
+    }
 
-    // Création de l'élément HTML pour le corps du toast
-    const toastBody = document.createElement('div');
-    toastBody.classList.add('toast-body');
-    toastBody.appendChild(icon);
-    toastBody.innerHTML = toastBody.innerHTML + message;
+    const toastContent =
+        '<button class="btn-close btn-close-white h5" style="float:right" data-bs-dismiss="toast" aria-label="Close"></button>' +
+        '<i class="icon fas fa-' + iconClasses[severity] + '" style="float: left;font-size: 26pt;padding-left: .4rem;margin-top:.4rem;padding-right: 1rem;"></i>' +
+        '<div class="toast-body">' + message + '  </div>';
 
-    // Ajout du bouton "close", du titre et du corps du toast à l'élément du toast
-    toast.appendChild(toastFlex);
-    toastFlex.appendChild(toastBody);
-    toastFlex.appendChild(closeBtn);
+    toast.innerHTML = toastContent;
 
     // Ajout du toast à l'élément du conteneur de toasts
     toastContainer.appendChild(toast);
 
-    // Affichage du toast
-    //const bsToast = new bootstrap.Toast(toast);
-    //bsToast.show();
-
     // Masquage du toast si ce n'est pas une erreur
     if (severity !== 'error') {
         setTimeout(() => {