gmarche/src/Account/views/signup.twig

65 lines
2.5 KiB
Twig

{% extends 'layout.twig' %}
{% block body %}
<!-- <script type="text/javascript" src="../../../public/js/script.js"></script>-->
<div class="container" style="background-color: lightgray;opacity: 0.9;margin: 1rem;padding:1rem;">
<form action="{{ path('account.signup') }}" method="post">
{{ csrf_input() }}
{{ field('username', user.username, "Pseudo") }}
<div class="loadingPubkey"></div>
<div id="livesearch-pubkey"></div>
<div id=cle_pub>{{ field('pubkey', user.pubkey, "Clé publique") }}</div>
{{ field('firstname', user.firstname, "Prénom") }} {{ field('lastname', user.lastname, "Nom") }}
{{ field('email', user.email, "Email", {type: 'email'}) }}
{{ field('password', null, "Mot de passe", {type: 'password'}) }}
{{ field('password_confirm', null, "Confirmez le mot de passe", {type: 'password'}) }}
{{ field('created_at', date(), null, {type: 'hidden'}) }}
<button class="btn btn-primary">S'inscrire</button>
</form>
</div>
<script>
var textInput = document.getElementById('username');
var timeout = null;
$body = $("body");
noPubKey("hide")
textInput.onkeyup = function (e) {
clearTimeout(timeout);
timeout = setTimeout(function () {
xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function() {
if (this.readyState==4 && this.status==200) {
pubkeyAnswer=this.responseText;
pubkeyIsNull = pubkeyAnswer.includes("Aucune clé n'a été trouvé à partir de ce pseudo");
// (pubkeyIsNull) ? sentenceAnswer=this.responseText : sentenceAnswer="j'ai trouvé ta clé publique Ḡ1 !";
// sentenceAnswer=this.responseText;
document.getElementById("livesearch-pubkey").innerHTML=pubkeyAnswer;
(pubkeyIsNull) ? document.getElementById("pubkey").value="" : document.getElementById("pubkey").value=pubkeyAnswer;
document.getElementById("livesearch-pubkey").style.border="1px solid #A5ACB2";
(pubkeyIsNull) ? noPubKey("block") : noPubKey("hide");
}
}
$body.addClass("loading");
xmlhttp.open("GET","/ajax/getG1PubKey.php?vendeur="+textInput.value,true);
xmlhttp.send();
}, 800);
};
function noPubKey(state) {
$body.removeClass("loading");
var textMbr = document.getElementById("cle_pub");
if (state == "hide"){
textMbr.style.display = "none";
} else {
textMbr.style.display = "block";
}
}
</script>
{% endblock %}