Spaces:
Running
Running
add
Browse files- static/script.js +5 -77
static/script.js
CHANGED
|
@@ -4,12 +4,6 @@ document.getElementById('qesdocButton').addEventListener('click', loadDocPage);
|
|
| 4 |
document.getElementById('visualisationButton').addEventListener('click', loadVisualisationPage);
|
| 5 |
document.getElementById('interpretationButton').addEventListener('click', loadInterpretationPage);
|
| 6 |
document.getElementById('qesimgButton').addEventListener('click', loadImagePage);
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
//quand on clique sur le boutton resumer ------------------------
|
| 14 |
function loadResumerPage() {
|
| 15 |
document.body.style.setProperty('--background-image', "url('resumer2.webp')");
|
|
@@ -134,10 +128,10 @@ fileInput.addEventListener('change', function(event) {
|
|
| 134 |
<div class="upload-container">
|
| 135 |
<div class="file-drop-zone" id="fileDropZone">
|
| 136 |
<label for="fileInput" class="file-upload-label">
|
| 137 |
-
<img src="up.png" id="
|
| 138 |
-
<span class="drop-text" id="
|
| 139 |
</label>
|
| 140 |
-
<input type="file" id="
|
| 141 |
</div>
|
| 142 |
|
| 143 |
<div class="action-container">
|
|
@@ -245,7 +239,7 @@ fileInput.addEventListener('change', function(event) {
|
|
| 245 |
<option value="zh"class="a">Chinese</option>
|
| 246 |
<option value="zu"class="a">Zulu</option>
|
| 247 |
</select>
|
| 248 |
-
<button class="translate"
|
| 249 |
</div>
|
| 250 |
</div>
|
| 251 |
|
|
@@ -257,34 +251,9 @@ fileInput.addEventListener('change', function(event) {
|
|
| 257 |
</div>
|
| 258 |
</div>
|
| 259 |
`;
|
| 260 |
-
|
| 261 |
document.body.innerHTML = "";
|
| 262 |
document.body.appendChild(appContainer);
|
| 263 |
|
| 264 |
-
// Ajout des écouteurs APRES que le HTML soit injecté
|
| 265 |
-
document.getElementById("translateBtn").addEventListener("click", uploadForTranslation);
|
| 266 |
-
const fileInput = document.getElementById("fi");
|
| 267 |
-
const dropText = document.getElementById("drText");
|
| 268 |
-
const uploadIcon = document.getElementById("uploadIc");
|
| 269 |
-
|
| 270 |
-
dropText.addEventListener("click", function (event) {
|
| 271 |
-
event.preventDefault();
|
| 272 |
-
fileInput.click();
|
| 273 |
-
});
|
| 274 |
-
|
| 275 |
-
uploadIcon.addEventListener("click", function (event) {
|
| 276 |
-
event.preventDefault();
|
| 277 |
-
fileInput.click();
|
| 278 |
-
});
|
| 279 |
-
|
| 280 |
-
fileInput.addEventListener("change", function (event) {
|
| 281 |
-
let file = event.target.files[0];
|
| 282 |
-
if (file) {
|
| 283 |
-
dropText.textContent = file.name;
|
| 284 |
-
uploadIcon.style.display = "none";
|
| 285 |
-
}
|
| 286 |
-
});
|
| 287 |
-
|
| 288 |
document.getElementById('resumerButton').addEventListener('click', loadResumerPage);
|
| 289 |
document.getElementById('qesdocButton').addEventListener('click', loadDocPage);
|
| 290 |
document.getElementById('visualisationButton').addEventListener('click', loadVisualisationPage);
|
|
@@ -454,7 +423,7 @@ fileInput.addEventListener('change', function(event) {
|
|
| 454 |
|
| 455 |
<div class="action-container">
|
| 456 |
|
| 457 |
-
<select id="
|
| 458 |
<option >Select type</option>
|
| 459 |
<option value="histplot"class="a">Histogramme</option>
|
| 460 |
<option value="scatterplot"class="a">Nuage de points</option>
|
|
@@ -712,46 +681,5 @@ fileInput.addEventListener('change', function(event) {
|
|
| 712 |
});
|
| 713 |
|
| 714 |
}
|
| 715 |
-
|
| 716 |
-
|
| 717 |
-
|
| 718 |
-
|
| 719 |
-
|
| 720 |
-
|
| 721 |
-
|
| 722 |
-
|
| 723 |
-
|
| 724 |
-
|
| 725 |
-
|
| 726 |
-
|
| 727 |
-
|
| 728 |
-
|
| 729 |
-
|
| 730 |
-
|
| 731 |
-
|
| 732 |
-
|
| 733 |
-
|
| 734 |
-
|
| 735 |
-
|
| 736 |
-
|
| 737 |
-
|
| 738 |
-
|
| 739 |
-
|
| 740 |
-
|
| 741 |
-
|
| 742 |
-
|
| 743 |
-
|
| 744 |
-
|
| 745 |
-
|
| 746 |
-
|
| 747 |
-
|
| 748 |
-
|
| 749 |
-
|
| 750 |
-
|
| 751 |
-
|
| 752 |
-
|
| 753 |
-
|
| 754 |
-
|
| 755 |
-
|
| 756 |
|
| 757 |
|
|
|
|
| 4 |
document.getElementById('visualisationButton').addEventListener('click', loadVisualisationPage);
|
| 5 |
document.getElementById('interpretationButton').addEventListener('click', loadInterpretationPage);
|
| 6 |
document.getElementById('qesimgButton').addEventListener('click', loadImagePage);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 7 |
//quand on clique sur le boutton resumer ------------------------
|
| 8 |
function loadResumerPage() {
|
| 9 |
document.body.style.setProperty('--background-image', "url('resumer2.webp')");
|
|
|
|
| 128 |
<div class="upload-container">
|
| 129 |
<div class="file-drop-zone" id="fileDropZone">
|
| 130 |
<label for="fileInput" class="file-upload-label">
|
| 131 |
+
<img src="up.png" id="uploadIcon" class="upload-icon" alt="Upload">
|
| 132 |
+
<span class="drop-text" id="dropText">Déposez votre fichier ici ou cliquez pour parcourir</span>
|
| 133 |
</label>
|
| 134 |
+
<input type="file" id="fileInput" class="file-input" accept=".doc,.docx,.xls,.xlsx,.pdf,.ppt,.pptx" hidden>
|
| 135 |
</div>
|
| 136 |
|
| 137 |
<div class="action-container">
|
|
|
|
| 239 |
<option value="zh"class="a">Chinese</option>
|
| 240 |
<option value="zu"class="a">Zulu</option>
|
| 241 |
</select>
|
| 242 |
+
<button class="translate">TRANSLATE</button>
|
| 243 |
</div>
|
| 244 |
</div>
|
| 245 |
|
|
|
|
| 251 |
</div>
|
| 252 |
</div>
|
| 253 |
`;
|
|
|
|
| 254 |
document.body.innerHTML = "";
|
| 255 |
document.body.appendChild(appContainer);
|
| 256 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 257 |
document.getElementById('resumerButton').addEventListener('click', loadResumerPage);
|
| 258 |
document.getElementById('qesdocButton').addEventListener('click', loadDocPage);
|
| 259 |
document.getElementById('visualisationButton').addEventListener('click', loadVisualisationPage);
|
|
|
|
| 423 |
|
| 424 |
<div class="action-container">
|
| 425 |
|
| 426 |
+
<select id="languageSelect" class="language-dropdown">
|
| 427 |
<option >Select type</option>
|
| 428 |
<option value="histplot"class="a">Histogramme</option>
|
| 429 |
<option value="scatterplot"class="a">Nuage de points</option>
|
|
|
|
| 681 |
});
|
| 682 |
|
| 683 |
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 684 |
|
| 685 |
|