fix: css

Author: theodaviddd

css/digiriskdolibarr.min.css

@@ -6,6 +6,7 @@
 @import "photo";
 @import "evaluator";
 @import "riskassessment";
+@import "riskassessmentdocument-modal";
 
 .wpeo-modal .modal-container {
   ul, li {

css/scss/modal/_modal.scss

@@ -0,0 +1,27 @@
+#generationStatus li {
+  display: flex;
+  align-items: center;
+  margin-left: 15px;
+}
+
+#progressbar {
+  margin: 20px;
+}
+
+#progressbar .ui-progressbar-value {
+  background-color: #966ea2;
+  width: 0;
+}
+
+#generationStatus, .loader, .modal-container h2 {
+  margin-left: 15px;
+}
+
+.loader {
+  margin-right: 15px;
+}
+
+.new-document {
+  color: green;
+}
+

css/scss/modal/_riskassessmentdocument-modal.scss

@@ -122,6 +122,7 @@ window.digiriskdolibarr.document.showAdvancementModal = async function () {
 
   setTimeout(() =>  {
     $("#progressbar .ui-progressbar-value").animate({ width: "100%" }, 500);
+    $('.wpeo-loader').removeClass('wpeo-loader')
     $('.loader').html('<i class="fas fa-check" style="color: green"></i>')
   }, "1000")
 
@@ -135,7 +136,7 @@ window.digiriskdolibarr.document.showAdvancementModal = async function () {
     $('#builddoc_form').html($(riskassessmentdocumentPage).find('#builddoc_form'))
 
     var elements = $('#builddoc_form').find('.oddeven .minwidth200 a');
-    const newDocumentDiv = '<span class="new-document" style="color: green">&nbsp;&nbsp;&nbsp;<i class="fas fa-bolt"></i>  Nouveau !</span>'
+    const newDocumentDiv = '<span class="new-document">&nbsp;&nbsp;&nbsp;<i class="fas fa-bolt"></i>  Nouveau !</span>'
     elements.eq(0).append(newDocumentDiv);
     elements.eq(1).append(newDocumentDiv);
   }, "2000");
@@ -149,7 +150,7 @@ window.digiriskdolibarr.document.updateModal = function (text) {
   var statusList = document.getElementById("generationStatus");
   var newStatus = document.createElement("li");
 
-  newStatus.innerHTML = '<div class="loader" style="margin-right: 15px"></div>' + text;
+  newStatus.innerHTML = '<div class="loader"></div>' + text;
   statusList.appendChild(newStatus);
 
   window.saturne.loader.display($(newStatus).find('.loader').last());

js/digiriskdolibarr.min.js

@@ -631,32 +631,13 @@
 print '<input hidden id="groupmentUrl" value="' . $groupmentUrl . '">';
 print '<input hidden id="riskAssessmentDocumentUrl" value="' . $riskAssessmentDocumentUrl . '">';
 print '<input hidden id="digiriskElementIds" value="' . $digiriskElementIds . '">';
-?>
-    <style>
-        #generationStatus li {
-            display: flex;
-            align-items: center;
-            margin-left: 15px; /* Ajoute une marge à gauche */
-        }
-
-        .loader {
-            margin-left: 10px; /* Ajoute un espace entre le texte et le loader */
-        }
 
-        #progressbar {
-            margin: 20px;
-        }
-        #progressbar .ui-progressbar-value {
-            background-color: rgb(<?php echo $conf->global->THEME_ELDY_BTNACTION; ?>); /* Couleur verte pour la barre de progression */
-            width: 0;
-        }
-
-    </style>
+?>
     <div id="generationModal" class="wpeo-modal">
         <div class="modal-container">
-            <h2 style="margin-left: 15px;"><?php echo $langs->trans('RiskAssessmentDocumentGeneration')?></h2>
+            <h2><?php echo $langs->trans('RiskAssessmentDocumentGeneration')?></h2>
             <div id="progressbar"><div class="ui-progressbar-value"></div></div>
-            <ul id="generationStatus" style="margin-left: 15px;">
+            <ul id="generationStatus">
             </ul>
         </div>
     </div>