summaryrefslogtreecommitdiff
path: root/static
diff options
context:
space:
mode:
Diffstat (limited to 'static')
-rw-r--r--static/outilspage.js26
-rw-r--r--static/requetes.js51
-rw-r--r--static/style.css13
3 files changed, 87 insertions, 3 deletions
diff --git a/static/outilspage.js b/static/outilspage.js
index de87963..8da9e88 100644
--- a/static/outilspage.js
+++ b/static/outilspage.js
@@ -23,3 +23,29 @@ function ajoutelignes()
23 } 23 }
24 24
25} 25}
26
27// Affichage de la textarea "export"
28function affiche_export()
29{
30 document.getElementById("export").style.display = "block" ;
31
32}
33
34function affiche_cache(id,elemcourant)
35{
36 // affiche et/ou cache l'élément id, tout en changeant le this
37 // en afficher/masquer
38 elem = document.getElementById(id)
39 if(elem.style.display == "block")
40 {
41 elem.style.display = "none";
42 elemcourant.innerHTML = "Afficher" ;
43 }
44 else
45 {
46 elem.style.display = "block" ;
47 elemcourant.innerHTML = "Masquer" ;
48
49 }
50
51}
diff --git a/static/requetes.js b/static/requetes.js
index 072e880..b7e719a 100644
--- a/static/requetes.js
+++ b/static/requetes.js
@@ -9,21 +9,34 @@ function appelle_image()
9 requete.onreadystatechange = function() 9 requete.onreadystatechange = function()
10 { 10 {
11 if (this.readyState == 4 && this.status == 200) { 11 if (this.readyState == 4 && this.status == 200) {
12 // On nettoie
13 nettoie_erreurs()
14
12 // on récupère les différents champs de la réponse 15 // on récupère les différents champs de la réponse
13 var result = this.response.result ; 16 var result = this.response.result ;
14 var image = this.response.image ; 17 var image = this.response.image ;
15 var liste_warnings = this.response.messages 18 var liste_warnings = this.response.messages
16 var texte = this.response.export_txt; 19 var texte = this.response.export_txt;
20 var nomenfant = this.response.nomenfant ;
21
17 // on affiche l'export des données 22 // on affiche l'export des données
18 document.getElementById('export').innerHTML = texte; 23 document.getElementById('export').innerHTML = texte;
19 document.getElementById('sectionexport').style.display = "block"; 24 document.getElementById('sectionexport').style.display = "block";
25
26
27 var boutondl = document.getElementById("export_dl") ;
28 boutondl.setAttribute('onclick',"download_file('donnees_"+nomenfant+".json', 'application/json;charset=utf-8','"+encodeURIComponent(texte) +"')")
29
20 30
21 if(result == "success") 31 if(result == "success")
22 { 32 {
23 // On affiche l'image 33 // On affiche l'image
24 document.getElementById('courbe').src = 'data:image/png;base64,'+(image); 34 document.getElementById('courbe').src = 'data:image/png;base64,'+(image);
25 document.getElementById('sectioncourbe').style.display = "block"; 35 document.getElementById('sectioncourbe').style.display = "block";
26 36
37 //document.getElementById("courbe_dl").setAttribute('href', 'data:image/png;base64,' + image);
38 boutondl = document.getElementById("courbe_dl") ;
39 boutondl.setAttribute('onclick',"download_file('courbe_"+nomenfant+".png', 'image/png;base64','"+image +"')")
27 40
28 // Si y'a eu des warnings, faut les afficher 41 // Si y'a eu des warnings, faut les afficher
29 if(liste_warnings.length != 0) 42 if(liste_warnings.length != 0)
@@ -41,7 +54,7 @@ function appelle_image()
41 } 54 }
42 else{ // si la génération de l'image a merdé 55 else{ // si la génération de l'image a merdé
43 56
44 // afficher la liste des warnings 57 // afficher la liste des erreurs
45 var elem_div = document.getElementById('courbe_erreurs') ; 58 var elem_div = document.getElementById('courbe_erreurs') ;
46 elem_div.style.display = "block" ; 59 elem_div.style.display = "block" ;
47 var ul = elem_div.children[1] ; 60 var ul = elem_div.children[1] ;
@@ -58,3 +71,35 @@ function appelle_image()
58 requete.open("POST","courbe/b64",true) 71 requete.open("POST","courbe/b64",true)
59 requete.send(formData) 72 requete.send(formData)
60} 73}
74
75function nettoie_erreurs()
76{
77 // fonction qui nettoie les erreurs affichées sur la page
78 // vider les warnings
79 var elem_div = document.getElementById('courbe_warnings') ;
80 elem_div.style.display = "none" ;
81 var ul = elem_div.children[1] ;
82 ul.innerHTML = "";
83
84 // vider les erreurs
85 elem_div = document.getElementById('courbe_erreurs') ;
86 elem_div.style.display = "none" ;
87 ul = elem_div.children[1] ;
88 ul.innerHTML = "" ;
89
90}
91
92
93function download_file(filename,mimetype,data) {
94 var element = document.createElement('a');
95 element.setAttribute('href', 'data:'+mimetype+',' + data);
96 element.setAttribute('download', filename);
97
98 element.style.display = 'none';
99 document.body.appendChild(element);
100
101 element.click();
102
103 document.body.removeChild(element);
104
105}
diff --git a/static/style.css b/static/style.css
index 3113832..58fdd24 100644
--- a/static/style.css
+++ b/static/style.css
@@ -13,6 +13,7 @@ body {
13#export { 13#export {
14 width: 25em; 14 width: 25em;
15 height: 20em; 15 height: 20em;
16 display:none;
16} 17}
17 18
18#courbe_warnings { 19#courbe_warnings {
@@ -22,3 +23,15 @@ body {
22#courbe_erreurs { 23#courbe_erreurs {
23 display: none; 24 display: none;
24} 25}
26
27#import_donnees, #pref_graphique{
28 display: none;
29}
30
31.bouton {
32 text-decoration: underline;
33}
34
35.bouton:hover {
36 cursor:pointer;
37}