m

68ba83ed · Okthane · 61812c2e · 68ba83ed · 68ba83ed
Commit 68ba83ed authored Mar 28, 2022 by Okthane
Show whitespace changes
Inline Side-by-side

Showing with 50 additions and 40 deletions

index.php index.php +0 -1

script.js script.js +50 -39

No files found.
--- a/index.php
+++ b/index.php
@@ -20,7 +20,6 @@
    <!-- API TenserFlow -->
 </head>
 <body>
-    <button id="photovalidé">Web_serverAPI</button>
    <div class="site-header-main">
        <div id="logo-header"></div>
        <div class="site-branding">Titre de la page</div>

--- a/script.js
+++ b/script.js
@@ -6,6 +6,8 @@ const URL_WEB_API = 'web_server.php';
 const URL_CHOOSE_MAIL = 'io.php';
 const URL_END = 'byebye.html';

+const timeout = 5000;
+
 const ID = "img-ID";
 const canva = "canvas";
 console.log($("#"+ID).attr('src'));
@@ -18,7 +20,7 @@ const idBtnSubmit = 'btnSubmit';var btnSubmit;

 const idStatut = "span-status";

-var errorUpload = true;
+var errorFormat = true;
 var errorRemoveBackGround = true;

 var unSeulVisage = false;
@@ -34,7 +36,9 @@ $(document).ready(function(){
  btnCustomFileUpload = $("#"+idCustomFileUpload);
  btnSubmit = $("#"+idBtnSubmit);
  Console = $("#"+idConsole);
-
+    //empêcher de valider si la photo n'est pas valide
+    inputFileUpload.change(function(){unSeulVisage=false;format_correct=false});
+    //requête pour les vérifications de sécurité
    $("#form").on("submit",function (event) {
        event.preventDefault();
        var formData = new FormData(this);
@@ -55,10 +59,10 @@ $(document).ready(function(){
          console.log(data);
          src = data['src'];
          console.log('src');
-          errorUpload = data['error'];
+          errorFormat = data['error'];
          Console.empty();
          Console.append(data['message']);
-
+          format_correct = true;
          //Affichage de la photo
          // findFaces();
        })
@@ -67,7 +71,7 @@ $(document).ready(function(){
          alert("La requête s'est terminée en échec. Infos : " + JSON.stringify(error));
        })

-
+        if(!errorFormat){
          $.ajax({
            //url de la requête
            url: URL_DETOURAGE,
@@ -87,11 +91,11 @@ $(document).ready(function(){
            //Affichage de la photo
            $("#img-ID2").attr('src',data['src']);
          })
+        }
    });
    

    //Etape du choix de l'addresse mail.
-    $("#photovalidé").on('click',function(){
      studentId = getParameter(window.location.href);
      $.ajax({
        url: URL_WEB_API,
@@ -112,9 +116,10 @@ $(document).ready(function(){

        if(mailsPossibles.length!=0){
        $("body").append(
-          `<h3>Bonjour <strong>${prenom}</strong>, veuillez choisir votre prochaine adresse électronique</h3>
+          `
+          <h2>Choix de l'adresse électronique</h2>
          <div class = "form-container div-form" id="email-container" >
-            <div class="title-container"> <h2>Choix de l'adresse électronique</h2></div>
+            <div class="title-container"><h3>Veuillez choisir votre prochaine adresse électronique</h3></div>
            <form id ="choix-email" name="mail" class="div-form form-emails" action="" method="" onsubmit="event.preventDefault();sendMail()"> 
            </form>
          </div>`
@@ -131,8 +136,11 @@ $(document).ready(function(){
          `<input type="submit" id="valide-mail" value="Ok c'est bon !">`
        );
        }
+        else{
+          $("body").append(`<h3>Votre adresse électronique sera ${mail}, vous recevrez votre mot de passe dans les 24 heures.</h3>`);
+        }
    })
-  });
+  

  
 });
@@ -141,16 +149,18 @@ $(document).ready(function(){
 function sendMail(){
  console.log($("input[name=\"mail\"]:checked").val());
  var mail = $("input[name=\"mail\"]:checked").val();
-
+  if(unSeulVisage&&format_correct){
    $.ajax({
      url: URL_CHOOSE_MAIL,
      method: 'POST',
      data: 'mail='+mail,
      dataType: "json"
    });
-  setTimeout(function () {
-    window.open(URL_END, '_self');
-}, 000);;
+    setTimeout(function () {window.open(URL_END, '_self');}, timeout);
+  }
+  else{
+    alert("Oups...\nIl y a un problème avec votre photo :'(");
+  }
  // window.close();
 }

@@ -172,6 +182,7 @@ async function findFaces(idImage) {
      $("#"+idStatut).append(predictions.length+" face(s) found!");
      if(predictions.length==1){
        $("#li-oneface").css('color','green');
+        unSeulVisage = true;
      }
      else{$("#li-oneface").css('color','red');}

@@ -204,7 +215,7 @@ async function findFaces(idImage) {
    $("#"+idStatut).append("No Face(s) Found");
    $("#li-oneface").css('color','red');
  }
-  // btnSubmit.prop('disabled',false);
+  btnSubmit.prop('disabled',false);
  btnCustomFileUpload.prop('disabled',false);
 }