FatimaGr commited on
Commit
2a8ddf1
·
verified ·
1 Parent(s): 64d6ae1
Files changed (1) hide show
  1. static/script.js +130 -132
static/script.js CHANGED
@@ -137,115 +137,115 @@ fileInput.addEventListener('change', function(event) {
137
  <div class="action-container">
138
 
139
  <select id="languageSelect" class="language-dropdown">
140
- <option class="a" >Select language</option>
141
- <option class="a" value="af">Afrikaans</option>
142
- <option class="a" value="am">Amharic</option>
143
- <option value="ar"class="a">Arabic</option>
144
- <option value="ast"class="a">Asturian</option>
145
- <option value="az"class="a">Azerbaijani</option>
146
- <option value="ba"class="a">Bashkir</option>
147
- <option value="be"class="a">Belarusian</option>
148
- <option value="bg"class="a">Bulgarian</option>
149
- <option value="bn"class="a">Bengali</option>
150
- <option value="br"class="a">Breton</option>
151
- <option value="bs"class="a">Bosnian</option>
152
- <option value="ca"class="a">Catalan; Valencian</option>
153
- <option value="ceb"class="a">Cebuano</option>
154
- <option value="cs"class="a">Czech</option>
155
- <option value="cy"class="a">Welsh</option>
156
- <option value="da"class="a">Danish</option>
157
- <option value="de"class="a">German</option>
158
- <option value="el"class="a">Greek</option>
159
- <option value="en"class="a">English</option>
160
- <option value="es"class="a">Spanish</option>
161
- <option value="et"class="a">Estonian</option>
162
- <option value="fa"class="a">Persian</option>
163
- <option value="ff"class="a">Fulah</option>
164
- <option value="fi"class="a">Finnish</option>
165
- <option value="fr"class="a">French</option>
166
- <option value="fy"class="a">Western Frisian</option>
167
- <option value="ga"class="a">Irish</option>
168
- <option value="gd"class="a">Gaelic; Scottish Gaelic</option>
169
- <option value="gl"class="a">Galician</option>
170
- <option value="gu"class="a">Gujarati</option>
171
- <option value="ha"class="a">Hausa</option>
172
- <option value="he"class="a">Hebrew</option>
173
- <option value="hi"class="a">Hindi</option>
174
- <option value="hr"class="a">Croatian</option>
175
- <option value="ht"class="a">Haitian; Haitian Creole</option>
176
- <option value="hu"class="a">Hungarian</option>
177
- <option value="hy"class="a">Armenian</option>
178
- <option value="id"class="a">Indonesian</option>
179
- <option value="ig"class="a">Igbo</option>
180
- <option value="ilo"class="a">Iloko</option>
181
- <option value="is"class="a">Icelandic</option>
182
- <option value="it"class="a">Italian</option>
183
- <option value="ja"class="a">Japanese</option>
184
- <option value="jv"class="a">Javanese</option>
185
- <option value="ka"class="a">Georgian</option>
186
- <option value="kk"class="a">Kazakh</option>
187
- <option value="km"class="a">Central Khmer</option>
188
- <option value="kn"class="a">Kannada</option>
189
- <option value="ko"class="a">Korean</option>
190
- <option value="lb"class="a">Luxembourgish</option>
191
- <option value="lg"class="a">Ganda</option>
192
- <option value="ln"class="a">Lingala</option>
193
- <option value="lo"class="a">Lao</option>
194
- <option value="lt"class="a">Lithuanian</option>
195
- <option value="lv"class="a">Latvian</option>
196
- <option value="mg"class="a">Malagasy</option>
197
- <option value="mk"class="a">Macedonian</option>
198
- <option value="ml"class="a">Malayalam</option>
199
- <option value="mn"class="a">Mongolian</option>
200
- <option value="mr"class="a">Marathi</option>
201
- <option value="ms"class="a">Malay</option>
202
- <option value="my"class="a">Burmese</option>
203
- <option value="ne"class="a">Nepali</option>
204
- <option value="nl"class="a">Dutch; Flemish</option>
205
- <option value="no"class="a">Norwegian</option>
206
- <option value="ns"class="a">Northern Sotho</option>
207
- <option value="oc"class="a">Occitan (post 1500)</option>
208
- <option value="or"class="a">Oriya</option>
209
- <option value="pa"class="a">Panjabi; Punjabi</option>
210
- <option value="pl"class="a">Polish</option>
211
- <option value="ps"class="a">Pushto; Pashto</option>
212
- <option value="pt"class="a">Portuguese</option>
213
- <option value="ro"class="a">Romanian; Moldavian</option>
214
- <option value="ru"class="a">Russian</option>
215
- <option value="sd"class="a">Sindhi</option>
216
- <option value="si"class="a">Sinhala; Sinhalese</option>
217
- <option value="sk"class="a">Slovak</option>
218
- <option value="sl"class="a">Slovenian</option>
219
- <option value="so"class="a">Somali</option>
220
- <option value="sq"class="a">Albanian</option>
221
- <option value="sr"class="a">Serbian</option>
222
- <option value="ss"class="a">Swati</option>
223
- <option value="su"class="a">Sundanese</option>
224
- <option value="sv"class="a">Swedish</option>
225
- <option value="sw"class="a">Swahili</option>
226
- <option value="ta"class="a">Tamil</option>
227
- <option value="th"class="a">Thai</option>
228
- <option value="tl"class="a">Tagalog</option>
229
- <option value="tn"class="a">Tswana</option>
230
- <option value="tr"class="a">Turkish</option>
231
- <option value="uk"class="a">Ukrainian</option>
232
- <option value="ur"class="a">Urdu</option>
233
- <option value="uz"class="a">Uzbek</option>
234
- <option value="vi"class="a">Vietnamese</option>
235
- <option value="wo"class="a">Wolof</option>
236
- <option value="xh"class="a">Xhosa</option>
237
- <option value="yi"class="a">Yiddish</option>
238
- <option value="yo"class="a">Yoruba</option>
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
 
246
- <div class="results-containe">
247
- <div class="result">
248
- <p class="placeholder-text">LOADING</p>
249
  </div>
250
  </div>
251
  </div>
@@ -259,9 +259,9 @@ fileInput.addEventListener('change', function(event) {
259
  document.getElementById('visualisationButton').addEventListener('click', loadVisualisationPage);
260
  document.getElementById('interpretationButton').addEventListener('click', loadInterpretationPage);
261
  document.getElementById('qesimgButton').addEventListener('click', loadImagePage);
262
- fileInput = document.getElementById('fileInput');
263
- dropText = document.getElementById('dropText');
264
- uploadIcon = document.getElementById('uploadIcon');
265
  +
266
 
267
  dropText.addEventListener('click', function(event) {
@@ -354,9 +354,9 @@ fileInput.addEventListener('change', function(event) {
354
  document.getElementById('interpretationButton').addEventListener('click', loadInterpretationPage);
355
  document.getElementById('qesimgButton').addEventListener('click', loadImagePage);
356
 
357
- fileInput = document.getElementById('fileInput');
358
- dropText = document.getElementById('dropText');
359
- uploadIcon = document.getElementById('uploadIcon');
360
  +
361
 
362
  dropText.addEventListener('click', function(event) {
@@ -425,21 +425,21 @@ fileInput.addEventListener('change', function(event) {
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>
430
- <option value="lineplot"class="a">Courbe</option>
431
- <option value="barplot"class="a">Diagramme en barres</option>
432
- <option value="boxplot"class="a">Boîte à moustaches</option>
433
 
434
 
435
  </select>
436
- <button class="visualiser">GENERER</button>
437
  </div>
438
  </div>
439
 
440
- <div class="results-containe">
441
- <div class="result">
442
- <p class="placeholder-text">Géneration en cours</p>
443
  </div>
444
  </div>
445
  </div>
@@ -455,9 +455,9 @@ fileInput.addEventListener('change', function(event) {
455
  document.getElementById('qesimgButton').addEventListener('click', loadImagePage);
456
 
457
 
458
- fileInput = document.getElementById('fileInput');
459
- dropText = document.getElementById('dropText');
460
- uploadIcon = document.getElementById('uploadIcon');
461
  +
462
 
463
  dropText.addEventListener('click', function(event) {
@@ -547,9 +547,9 @@ fileInput.addEventListener('change', function(event) {
547
  document.getElementById('visualisationButton').addEventListener('click', loadVisualisationPage);
548
  document.getElementById('qesimgButton').addEventListener('click', loadImagePage);
549
 
550
- fileInput = document.getElementById('fileInput');
551
- dropText = document.getElementById('dropText');
552
- uploadIcon = document.getElementById('uploadIcon');
553
  +
554
 
555
  dropText.addEventListener('click', function(event) {
@@ -644,9 +644,9 @@ fileInput.addEventListener('change', function(event) {
644
  document.getElementById('visualisationButton').addEventListener('click', loadVisualisationPage);
645
  document.getElementById('interpretationButton').addEventListener('click', loadInterpretationPage);
646
 
647
- fileInput = document.getElementById('fileInput');
648
- dropText = document.getElementById('dropText');
649
- uploadIcon = document.getElementById('uploadIcon');
650
  +
651
 
652
  dropText.addEventListener('click', function(event) {
@@ -680,6 +680,4 @@ fileInput.addEventListener('change', function(event) {
680
  alert("Question envoyée : " + questionText);
681
  });
682
 
683
- }
684
-
685
-
 
137
  <div class="action-container">
138
 
139
  <select id="languageSelect" class="language-dropdown">
140
+ <option >Select language</option>
141
+ <option value="af">Afrikaans</option>
142
+ <option value="am">Amharic</option>
143
+ <option value="ar">Arabic</option>
144
+ <option value="ast">Asturian</option>
145
+ <option value="az">Azerbaijani</option>
146
+ <option value="ba">Bashkir</option>
147
+ <option value="be">Belarusian</option>
148
+ <option value="bg">Bulgarian</option>
149
+ <option value="bn">Bengali</option>
150
+ <option value="br">Breton</option>
151
+ <option value="bs">Bosnian</option>
152
+ <option value="ca">Catalan; Valencian</option>
153
+ <option value="ceb">Cebuano</option>
154
+ <option value="cs">Czech</option>
155
+ <option value="cy">Welsh</option>
156
+ <option value="da">Danish</option>
157
+ <option value="de">German</option>
158
+ <option value="el">Greek</option>
159
+ <option value="en">English</option>
160
+ <option value="es">Spanish</option>
161
+ <option value="et">Estonian</option>
162
+ <option value="fa">Persian</option>
163
+ <option value="ff">Fulah</option>
164
+ <option value="fi">Finnish</option>
165
+ <option value="fr">French</option>
166
+ <option value="fy">Western Frisian</option>
167
+ <option value="ga">Irish</option>
168
+ <option value="gd">Gaelic; Scottish Gaelic</option>
169
+ <option value="gl">Galician</option>
170
+ <option value="gu">Gujarati</option>
171
+ <option value="ha">Hausa</option>
172
+ <option value="he">Hebrew</option>
173
+ <option value="hi">Hindi</option>
174
+ <option value="hr">Croatian</option>
175
+ <option value="ht">Haitian; Haitian Creole</option>
176
+ <option value="hu">Hungarian</option>
177
+ <option value="hy">Armenian</option>
178
+ <option value="id">Indonesian</option>
179
+ <option value="ig">Igbo</option>
180
+ <option value="ilo">Iloko</option>
181
+ <option value="is">Icelandic</option>
182
+ <option value="it">Italian</option>
183
+ <option value="ja">Japanese</option>
184
+ <option value="jv">Javanese</option>
185
+ <option value="ka">Georgian</option>
186
+ <option value="kk">Kazakh</option>
187
+ <option value="km">Central Khmer</option>
188
+ <option value="kn">Kannada</option>
189
+ <option value="ko">Korean</option>
190
+ <option value="lb">Luxembourgish</option>
191
+ <option value="lg">Ganda</option>
192
+ <option value="ln">Lingala</option>
193
+ <option value="lo">Lao</option>
194
+ <option value="lt">Lithuanian</option>
195
+ <option value="lv">Latvian</option>
196
+ <option value="mg">Malagasy</option>
197
+ <option value="mk">Macedonian</option>
198
+ <option value="ml">Malayalam</option>
199
+ <option value="mn">Mongolian</option>
200
+ <option value="mr">Marathi</option>
201
+ <option value="ms">Malay</option>
202
+ <option value="my">Burmese</option>
203
+ <option value="ne">Nepali</option>
204
+ <option value="nl">Dutch; Flemish</option>
205
+ <option value="no">Norwegian</option>
206
+ <option value="ns">Northern Sotho</option>
207
+ <option value="oc">Occitan (post 1500)</option>
208
+ <option value="or">Oriya</option>
209
+ <option value="pa">Panjabi; Punjabi</option>
210
+ <option value="pl">Polish</option>
211
+ <option value="ps">Pushto; Pashto</option>
212
+ <option value="pt">Portuguese</option>
213
+ <option value="ro">Romanian; Moldavian</option>
214
+ <option value="ru">Russian</option>
215
+ <option value="sd">Sindhi</option>
216
+ <option value="si">Sinhala; Sinhalese</option>
217
+ <option value="sk">Slovak</option>
218
+ <option value="sl">Slovenian</option>
219
+ <option value="so">Somali</option>
220
+ <option value="sq">Albanian</option>
221
+ <option value="sr">Serbian</option>
222
+ <option value="ss">Swati</option>
223
+ <option value="su">Sundanese</option>
224
+ <option value="sv">Swedish</option>
225
+ <option value="sw">Swahili</option>
226
+ <option value="ta">Tamil</option>
227
+ <option value="th">Thai</option>
228
+ <option value="tl">Tagalog</option>
229
+ <option value="tn">Tswana</option>
230
+ <option value="tr">Turkish</option>
231
+ <option value="uk">Ukrainian</option>
232
+ <option value="ur">Urdu</option>
233
+ <option value="uz">Uzbek</option>
234
+ <option value="vi">Vietnamese</option>
235
+ <option value="wo">Wolof</option>
236
+ <option value="xh">Xhosa</option>
237
+ <option value="yi">Yiddish</option>
238
+ <option value="yo">Yoruba</option>
239
+ <option value="zh">Chinese</option>
240
+ <option value="zu">Zulu</option>
241
  </select>
242
+ <button class="summary-action-btn">Translate</button>
243
  </div>
244
  </div>
245
 
246
+ <div class="results-container">
247
+ <div class="results-placeholder">
248
+ <p class="placeholder-text">Le résultat apparaîtra ici...</p>
249
  </div>
250
  </div>
251
  </div>
 
259
  document.getElementById('visualisationButton').addEventListener('click', loadVisualisationPage);
260
  document.getElementById('interpretationButton').addEventListener('click', loadInterpretationPage);
261
  document.getElementById('qesimgButton').addEventListener('click', loadImagePage);
262
+ const fileInput = document.getElementById('fileInput');
263
+ const dropText = document.getElementById('dropText');
264
+ const uploadIcon = document.getElementById('uploadIcon');
265
  +
266
 
267
  dropText.addEventListener('click', function(event) {
 
354
  document.getElementById('interpretationButton').addEventListener('click', loadInterpretationPage);
355
  document.getElementById('qesimgButton').addEventListener('click', loadImagePage);
356
 
357
+ const fileInput = document.getElementById('fileInput');
358
+ const dropText = document.getElementById('dropText');
359
+ const uploadIcon = document.getElementById('uploadIcon');
360
  +
361
 
362
  dropText.addEventListener('click', function(event) {
 
425
 
426
  <select id="languageSelect" class="language-dropdown">
427
  <option >Select type</option>
428
+ <option value="histplot">Histogramme</option>
429
+ <option value="scatterplot">Nuage de points</option>
430
+ <option value="lineplot">Courbe</option>
431
+ <option value="barplot">Diagramme en barres</option>
432
+ <option value="boxplot">Boîte à moustaches</option>
433
 
434
 
435
  </select>
436
+ <button class="summary-action-btn">Génerer</button>
437
  </div>
438
  </div>
439
 
440
+ <div class="results-container">
441
+ <div class="results-placeholder">
442
+ <p class="placeholder-text">Le résultat apparaîtra ici...</p>
443
  </div>
444
  </div>
445
  </div>
 
455
  document.getElementById('qesimgButton').addEventListener('click', loadImagePage);
456
 
457
 
458
+ const fileInput = document.getElementById('fileInput');
459
+ const dropText = document.getElementById('dropText');
460
+ const uploadIcon = document.getElementById('uploadIcon');
461
  +
462
 
463
  dropText.addEventListener('click', function(event) {
 
547
  document.getElementById('visualisationButton').addEventListener('click', loadVisualisationPage);
548
  document.getElementById('qesimgButton').addEventListener('click', loadImagePage);
549
 
550
+ const fileInput = document.getElementById('fileInput');
551
+ const dropText = document.getElementById('dropText');
552
+ const uploadIcon = document.getElementById('uploadIcon');
553
  +
554
 
555
  dropText.addEventListener('click', function(event) {
 
644
  document.getElementById('visualisationButton').addEventListener('click', loadVisualisationPage);
645
  document.getElementById('interpretationButton').addEventListener('click', loadInterpretationPage);
646
 
647
+ const fileInput = document.getElementById('fileInput');
648
+ const dropText = document.getElementById('dropText');
649
+ const uploadIcon = document.getElementById('uploadIcon');
650
  +
651
 
652
  dropText.addEventListener('click', function(event) {
 
680
  alert("Question envoyée : " + questionText);
681
  });
682
 
683
+ }