Skip to content

P
Projet ISIS
Commit 68ba83ed authored by Okthane's avatar Okthane
Browse files
Options

m

parent 61812c2e
Hide whitespace changes
Inline Side-by-side
Showing with 50 additions and 40 deletions
index.php
View file @ 68ba83ed
...@@ -20,7 +20,6 @@ ...@@ -20,7 +20,6 @@
<!-- API TenserFlow --> <!-- API TenserFlow -->
</head> </head>
<body> <body>
<button id="photovalidé">Web_serverAPI</button>
<div class="site-header-main"> <div class="site-header-main">
<div id="logo-header"></div> <div id="logo-header"></div>
<div class="site-branding">Titre de la page</div> <div class="site-branding">Titre de la page</div>
......
script.js
View file @ 68ba83ed
...@@ -6,6 +6,8 @@ const URL_WEB_API = 'web_server.php'; ...@@ -6,6 +6,8 @@ const URL_WEB_API = 'web_server.php';
const URL_CHOOSE_MAIL = 'io.php'; const URL_CHOOSE_MAIL = 'io.php';
const URL_END = 'byebye.html'; const URL_END = 'byebye.html';
const timeout = 5000;
const ID = "img-ID"; const ID = "img-ID";
const canva = "canvas"; const canva = "canvas";
console.log($("#"+ID).attr('src')); console.log($("#"+ID).attr('src'));
...@@ -18,7 +20,7 @@ const idBtnSubmit = 'btnSubmit';var btnSubmit; ...@@ -18,7 +20,7 @@ const idBtnSubmit = 'btnSubmit';var btnSubmit;
const idStatut = "span-status"; const idStatut = "span-status";
var errorUpload = true; var errorFormat = true;
var errorRemoveBackGround = true; var errorRemoveBackGround = true;
var unSeulVisage = false; var unSeulVisage = false;
...@@ -34,7 +36,9 @@ $(document).ready(function(){ ...@@ -34,7 +36,9 @@ $(document).ready(function(){
btnCustomFileUpload = $("#"+idCustomFileUpload); btnCustomFileUpload = $("#"+idCustomFileUpload);
btnSubmit = $("#"+idBtnSubmit); btnSubmit = $("#"+idBtnSubmit);
Console = $("#"+idConsole); 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) { $("#form").on("submit",function (event) {
event.preventDefault(); event.preventDefault();
var formData = new FormData(this); var formData = new FormData(this);
...@@ -55,10 +59,10 @@ $(document).ready(function(){ ...@@ -55,10 +59,10 @@ $(document).ready(function(){
console.log(data); console.log(data);
src = data['src']; src = data['src'];
console.log('src'); console.log('src');
errorUpload = data['error']; errorFormat = data['error'];
Console.empty(); Console.empty();
Console.append(data['message']); Console.append(data['message']);
format_correct = true;
//Affichage de la photo //Affichage de la photo
// findFaces(); // findFaces();
}) })
...@@ -67,31 +71,31 @@ $(document).ready(function(){ ...@@ -67,31 +71,31 @@ $(document).ready(function(){
alert("La requête s'est terminée en échec. Infos : " + JSON.stringify(error)); alert("La requête s'est terminée en échec. Infos : " + JSON.stringify(error));
}) })
if(!errorFormat){
$.ajax({ $.ajax({
//url de la requête //url de la requête
url: URL_DETOURAGE, url: URL_DETOURAGE,
method: 'POST', method: 'POST',
enctype: 'multipart/form-data', enctype: 'multipart/form-data',
data: formData, data: formData,
cache: false, cache: false,
dataType: "json", dataType: "json",
contentType: false, contentType: false,
processData: false processData: false
}) })
.done(function(data){ .done(function(data){
console.log(data); console.log(data);
//Affichage de la photo //Affichage de la photo
$("#img-ID2").attr('src',data['src']); $("#img-ID2").attr('src',data['src']);
}) })
}
}); });
//Etape du choix de l'addresse mail. //Etape du choix de l'addresse mail.
$("#photovalidé").on('click',function(){
studentId = getParameter(window.location.href); studentId = getParameter(window.location.href);
$.ajax({ $.ajax({
url: URL_WEB_API, url: URL_WEB_API,
...@@ -112,9 +116,10 @@ $(document).ready(function(){ ...@@ -112,9 +116,10 @@ $(document).ready(function(){
if(mailsPossibles.length!=0){ if(mailsPossibles.length!=0){
$("body").append( $("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 = "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 id ="choix-email" name="mail" class="div-form form-emails" action="" method="" onsubmit="event.preventDefault();sendMail()">
</form> </form>
</div>` </div>`
...@@ -131,8 +136,11 @@ $(document).ready(function(){ ...@@ -131,8 +136,11 @@ $(document).ready(function(){
`<input type="submit" id="valide-mail" value="Ok c'est bon !">` `<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(){ ...@@ -141,16 +149,18 @@ $(document).ready(function(){
function sendMail(){ function sendMail(){
console.log($("input[name=\"mail\"]:checked").val()); console.log($("input[name=\"mail\"]:checked").val());
var mail = $("input[name=\"mail\"]:checked").val(); var mail = $("input[name=\"mail\"]:checked").val();
if(unSeulVisage&&format_correct){
$.ajax({ $.ajax({
url: URL_CHOOSE_MAIL, url: URL_CHOOSE_MAIL,
method: 'POST', method: 'POST',
data: 'mail='+mail, data: 'mail='+mail,
dataType: "json" dataType: "json"
}); });
setTimeout(function () { setTimeout(function () {window.open(URL_END, '_self');}, timeout);
window.open(URL_END, '_self'); }
}, 000);; else{
alert("Oups...\nIl y a un problème avec votre photo :'(");
}
// window.close(); // window.close();
} }
...@@ -172,6 +182,7 @@ async function findFaces(idImage) { ...@@ -172,6 +182,7 @@ async function findFaces(idImage) {
$("#"+idStatut).append(predictions.length+" face(s) found!"); $("#"+idStatut).append(predictions.length+" face(s) found!");
if(predictions.length==1){ if(predictions.length==1){
$("#li-oneface").css('color','green'); $("#li-oneface").css('color','green');
unSeulVisage = true;
} }
else{$("#li-oneface").css('color','red');} else{$("#li-oneface").css('color','red');}
...@@ -204,7 +215,7 @@ async function findFaces(idImage) { ...@@ -204,7 +215,7 @@ async function findFaces(idImage) {
$("#"+idStatut).append("No Face(s) Found"); $("#"+idStatut).append("No Face(s) Found");
$("#li-oneface").css('color','red'); $("#li-oneface").css('color','red');
} }
// btnSubmit.prop('disabled',false); btnSubmit.prop('disabled',false);
btnCustomFileUpload.prop('disabled',false); btnCustomFileUpload.prop('disabled',false);
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment