static/requetes.js

   1
   2 function appelle_image()
   3 {
   4         affiche_statut("Calcul en cours...") ;
   5
   6         var formData = new FormData( document.getElementById("donnees_enfant") );
   7
   8         var requete = new XMLHttpRequest();
   9         requete.responseType = "json";
  10         requete.onreadystatechange = function()
  11         {
  12                 if (this.readyState == 4 && this.status == 200) {
  13                         // On nettoie
  14                         nettoie_erreurs() ;
  15                         nettoie_calculs() ;
  16
  17                         // on récupère les différents champs de la réponse
  18                         var result = this.response.result ;
  19                         var image_poids = this.response.image_poids ;
  20                         var image_taille = this.response.image_taille ;
  21                         var liste_warnings = this.response.messages
  22                         var texte = this.response.export_txt;
  23                         var nomenfant = this.response.nomenfant ;
  24                         var calculextra = this.response.calculextra ;
  25
  26                         // on affiche l'export des données
  27                         document.getElementById('export_texte').innerHTML = texte;
  28                         document.getElementById('sectionexport').style.display = "block";
  29
  30
  31                         var boutondl = document.getElementById("export_dl") ;
  32                         boutondl.setAttribute('onclick',"download_file('donnees_"+nomenfant+".txt', 'application/json;charset=utf-8','"+encodeURIComponent(texte) +"')")
  33
  34
  35                         if(result == "success")
  36                         {
  37                                 // On affiche l'image, si elle est là
  38                                 if (image_poids != "") {
  39                                         document.getElementById('sectioncourbe').style.display = "block";
  40                                         document.getElementById('section_courbe_poids').style.display = "block" ;
  41                                         document.getElementById('courbe_poids').src = 'data:image/png;base64,'+(image_poids);
  42                                         document.getElementById('courbe_poids').alt = 'Courbe de poids de '+nomenfant ;
  43                                         boutondl = document.getElementById("courbe_dl_poids") ;
  44                                         boutondl.setAttribute('onclick',"download_file('courbe_poids_"+nomenfant+".png', 'image/png;base64','"+image_poids +"')")
  45                                 }
  46                                 else {
  47                                         document.getElementById('section_courbe_poids').style.display = "none" ;
  48                                 }
  49
  50                                 if (image_taille != "") {
  51                                         document.getElementById('sectioncourbe').style.display = "block";
  52                                         document.getElementById('section_courbe_taille').style.display = "block" ;
  53                                         document.getElementById('courbe_taille').src = 'data:image/png;base64,'+(image_taille);
  54                                         document.getElementById('courbe_taille').alt = 'Courbe de taille de '+nomenfant ;
  55                                         boutondl = document.getElementById("courbe_dl_taille") ;
  56                                         boutondl.setAttribute('onclick',"download_file('courbe_taille_"+nomenfant+".png', 'image/png;base64','"+image_taille +"')")
  57                             }
  58                             else {
  59                                         document.getElementById('section_courbe_taille').style.display = "none" ;
  60                                 }
  61
  62
  63                                 // Si y'a eu des warnings, faut les afficher
  64                                 if(liste_warnings.length != 0)
  65                                 {
  66                                         // afficher la liste des warnings
  67                                         var elem_div = document.getElementById('courbe_warnings') ;
  68                                         elem_div.style.display = "block" ;
  69                                         var ul = elem_div.children[1] ;
  70                                         for(i=0; i<liste_warnings.length; i++) {
  71                                                 var li = document.createElement("li");
  72                                                 li.appendChild(document.createTextNode(liste_warnings[i]));
  73                                                 ul.appendChild(li);
  74                                         }
  75                                 }
  76                                 // S'il y a des calculs faits, à afficher !
  77                                 if(calculextra.length != 0)
  78                                 {
  79                                         var elem_extr = document.getElementById("section_extradonnees")
  80                                         elem_extr.style.display = "block" ;
  81                                         var ul2=elem_extr.children[1] ;
  82                                         for(i=0; i<calculextra.length; i++) {
  83                                                 var li = document.createElement("li");
  84                                                 li.appendChild(document.createTextNode(calculextra[i]));
  85                                                 ul2.appendChild(li);
  86                                         }
  87                                 }
  88                                 affiche_statut("Courbes générées, scroller vers le bas pour les voir.") ;
  89                         }
  90                         else{ // si la génération de l'image a merdé
  91
  92                                 // afficher la liste des erreurs
  93                                 var elem_div = document.getElementById('courbe_erreurs') ;
  94                                 elem_div.style.display = "block" ;
  95                                 var ul = elem_div.children[1] ;
  96                                 for(i=0; i<liste_warnings.length; i++) {
  97                                         var li = document.createElement("li");
  98                                         li.appendChild(document.createTextNode(liste_warnings[i]));
  99                                         ul.appendChild(li);
 100                                 }
 101                                 affiche_statut("Il y a eu une erreur à la génération des courbes, voir plus bas.") ;
 102
 103                         }
 104                 }
 105         }
 106         requete.open("POST","courbe/b64",true)
 107         requete.send(formData)
 108
 109 }
 110
 111 function nettoie_erreurs()
 112 {
 113         // fonction qui nettoie les erreurs affichées sur la page
 114         // vider les warnings
 115         var elem_div = document.getElementById('courbe_warnings') ;
 116         elem_div.style.display = "none" ;
 117         var ul = elem_div.children[1] ;
 118         ul.innerHTML = "";
 119
 120         // vider les erreurs
 121         elem_div = document.getElementById('courbe_erreurs') ;
 122         elem_div.style.display = "none" ;
 123         ul = elem_div.children[1] ;
 124         ul.innerHTML = "" ;
 125
 126 }
 127
 128 function nettoie_calculs()
 129 {
 130         // Vider les calculs éventuels
 131         var elem_extr = document.getElementById("section_extradonnees")
 132         elem_extr.style.display = "none" ;
 133         var ul = document.getElementById("extradata") ;
 134         ul.innerHTML = "" ;
 135 }
 136
 137
 138 function download_file(filename,mimetype,data) {
 139   var element = document.createElement('a');
 140   element.setAttribute('href', 'data:'+mimetype+',' + data);
 141   element.setAttribute('download', filename);
 142
 143   element.style.display = 'none';
 144   document.body.appendChild(element);
 145
 146   element.click();
 147
 148   document.body.removeChild(element);
 149
 150 }
 151
 152 function upload_file(nomformulaire) {
 153         document.getElementById(nomformulaire).submit();
 154 }
 155
 156 // Fonction pour afficher le statut des courbes
 157 function affiche_statut(message) {
 158         document.getElementById("statut_courbes").innerHTML = message ;
 159 }