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 |
|