ajout loader pendant la colorisation du texte

static/scripts/main.js

@@ -92,6 +92,8 @@ var dicoTok = {};
 var dicoId = {};
 
 async function getColorisation() {
+	document.getElementById('loader').style.display = "block";
+
 	var inText = document.getElementById('inText').value;
 	var lang = document.getElementById('choixLang').value;
 
@@ -198,6 +200,7 @@ async function getColorisation() {
 				dicoId['tok'+i] = 0;
 			}
 		}
+		document.getElementById('loader').style.display = "none";
 	}
 
 	var tokens = document.getElementsByClassName("tokens");

static/styles/styles.css

@@ -277,6 +277,7 @@ button {
     position: absolute;
     top: 40%;
 }
+
 .info {
     font-size: .7em;
     background-color: rgb(182, 233, 182);

templates/coloriseur.html

@@ -47,6 +47,7 @@
             <span class="glyphicon glyphicon-bold langtitle" aria-hidden="true" id="ti_btnBold" onclick="toggleBold()"></span>
         </div>
         <h2><span id="sp_output" class="langspan"></span></h2>
+        <center><div id="loader" class="loader" style="display: none;"></div></center>
         <div id="output" class="output outputBold"></div>
     </div>