malaknihed commited on
Commit
1c851f7
·
verified ·
1 Parent(s): b1f195d

Update static/script.js

Browse files
Files changed (1) hide show
  1. static/script.js +22 -14
static/script.js CHANGED
@@ -42,20 +42,28 @@ function loadResumerPage() {
42
  </div>
43
  <button class="summary-action-btn">RÉSUMER</button>
44
  </div>
45
- <div class="results-container">
46
- <div class="results-placeholder">
47
- <p id="documentResult" class="placeholder-text" data-summary-text="">Le résultat apparaîtra ici...</p>
48
- <div id="downloadSection" style="display: none; margin-top: 20px;">
49
- <h3 style="color: white; margin-bottom: 10px;">Télécharger le résumé</h3>
50
- <div style="display: flex; gap: 10px;">
51
- <button id="downloadPdf" class="download-btn">PDF</button>
52
- <button id="downloadWord" class="download-btn">Word</button>
53
- <button id="downloadPpt" class="download-btn">PowerPoint</button>
54
- <button id="downloadTxt" class="download-btn">Texte</button>
55
- </div>
56
- </div>
57
- </div>
58
- </div>
 
 
 
 
 
 
 
 
59
  </div>
60
  </div>
61
  `;
 
42
  </div>
43
  <button class="summary-action-btn">RÉSUMER</button>
44
  </div>
45
+ <div class="results-container">
46
+ <div class="results-placeholder">
47
+ <!-- Zone de texte avec scroll -->
48
+ <div id="scrollableResult" class="scrollable-text">
49
+ <p id="documentResult" class="placeholder-text" data-summary-text="">
50
+ Le résultat apparaîtra ici...
51
+ </p>
52
+ </div>
53
+
54
+ <!-- Boutons de téléchargement visibles en bas -->
55
+ <div id="downloadSection" style="display: none; margin-top: 20px;">
56
+ <h3 style="color: black; margin-bottom: 10px;">Télécharger le résumé</h3>
57
+ <div style="display: flex; gap: 10px; flex-wrap: wrap; justify-content: center;">
58
+ <button id="downloadPdf" class="download-btn">PDF</button>
59
+ <button id="downloadWord" class="download-btn">Word</button>
60
+ <button id="downloadPpt" class="download-btn">PowerPoint</button>
61
+ <button id="downloadTxt" class="download-btn">Texte</button>
62
+ </div>
63
+ </div>
64
+ </div>
65
+ </div>
66
+
67
  </div>
68
  </div>
69
  `;