Besoin d'aide ?
-
La saisie d'un pseudonyme, d'une adresse e-mail et d'un mot de passe est obligatoire et vous devez accepter les Conditions Générales d'Utilisation.
-
Votre pseudonyme est complétement libre, mais servira à personnaliser certains affichages.
+
Votre compte vous permettra de recevoir régulièrement de nouvelles "graines de culture" directement sur votre adresse e-mail. Vous pourrez aussi sauvegarder vos résultats aux quizs.
+
La saisie d'une adresse e-mail est obligatoire et vous devez accepter les Conditions Générales d'Utilisation.
Vous recevrez un lien sur l'adresse e-mail saisie sur lequel vous devrez cliquer pour valider la création de votre compte.
-
Votre mot de passe doit compter au moins 8 caractères. Si vous manquez d'inspiration, cliquez sur le lien "Générer un mot de passe" pour en obtenir un.
-
Si vous connaissez une personne déjà inscrite à WikiLerni, vous pouvez fournir son code parrain ou encore son adresse e-mail. Dans le cas où vous optez ensuite pour un abonnement prémium, il sera alors allongé de 30 jours grâce à ce parrainage.
+
Une fois cliqué sur ce lien, vous serez invité à compléter vos informations (pseudo, mot de passe...) ou encore à désigner votre "parrain" (si c'est le cas).
+
La création de votre compte est gratuite et sans engagement. Elle vous permet de tester WikiLerni durant une période de 15 jours. Libre à vous ensuite de vous abonner ou pas.
diff --git a/front/src/groupElement.js b/front/src/groupElement.js
index 015688c..043906e 100644
--- a/front/src/groupElement.js
+++ b/front/src/groupElement.js
@@ -123,7 +123,7 @@ myForm.addEventListener("submit", function(e)
if(datas)
{
datas.timeDifference=getTimeDifference(configUsers);
- // si l'utilisateur a précédement répondu à un quiz, on ajoute les données de son résultat :
+ // Si l'utilisateur a précédement répondu à un quiz, on ajoute les données de son résultat :
datas=checkAnswerDatas(datas);
xhr.send(JSON.stringify(datas));
}
diff --git a/front/src/subscribe.js b/front/src/subscribe.js
index c4b4eef..af423be 100644
--- a/front/src/subscribe.js
+++ b/front/src/subscribe.js
@@ -1,7 +1,8 @@
// -- GESTION DU FORMULAIRE PERMETTANT DE CRÉER SON COMPTE
/// L'utilisateur peut avoir répondu à un quiz avant d'arriver sur la page d'inscription
-/// Des ce cas il faut enregistrer son résultat en même temps que les informations de son compte
+/// Des ce cas il faut enregistrer son résultat en même temps que les premières informations de son compte (email, ok CGU)
+/// Les infos du compte sont complétées (mot de passe, code parrain...) au moment de la validation.
// Fichier de configuration tirés du backend :
import { apiUrl, availableLangs, theme } from "../../config/instance.js";
@@ -15,25 +16,18 @@ import { getLocaly, removeLocaly, saveLocaly } from "./tools/clientstorage.js";
import { addElement } from "./tools/dom.js";
import { helloDev } from "./tools/everywhere.js";
import { getDatasFromInputs, setAttributesToInputs } from "./tools/forms.js";
-import { getPassword } from "../../tools/main";
import { loadMatomo } from "./tools/matomo.js";
import { checkAnswerDatas, checkSession, getTimeDifference } from "./tools/users.js";
// Dictionnaires :
-const { notRequired, serverError } = require("../../lang/"+lang+"/general");
-const { alreadyConnected, godfatherFound, godfatherNotFound, needUniqueEmail, passwordCopied } = require("../../lang/"+lang+"/user");
+const { serverError } = require("../../lang/"+lang+"/general");
+const { alreadyConnected, needUniqueEmail } = require("../../lang/"+lang+"/user");
// Principaux éléments du DOM manipulés :
-const myForm=document.getElementById("subscription");
-const divResponse=document.getElementById("response");
-const passwordInput=document.getElementById("password");
-const passwordLink=document.getElementById("getPassword");
-const passwordHelp=document.getElementById("passwordMessage");
-const emailInput=document.getElementById("email");
const btnSubmit=document.getElementById("submitDatas");
-const codeGodfatherInput=document.getElementById("codeGodfather");
-
-helloDev();
+const divResponse=document.getElementById("response");
+const emailInput=document.getElementById("email");
+const myForm=document.getElementById("subscription");
// Test de connexion de l'utilisateur + affichage formulaire d'inscription.
const initialise = async () =>
@@ -43,7 +37,7 @@ const initialise = async () =>
const isConnected=await checkSession();
if(isConnected)
{
- saveLocaly("message", { message: alreadyConnected, color:"info" });// pour l'afficher sur la page suivante
+ saveLocaly("message", { message: alreadyConnected, color:"info" });
const user=getLocaly("user", true);
const homePage=user.status+"HomePage";
window.location.assign("/"+configTemplate[homePage]);
@@ -62,25 +56,10 @@ const initialise = async () =>
}
}
initialise();
+helloDev();
-// Générateur de mot de passe "aléatoire"
-passwordLink.addEventListener("click", function(e)
-{
- e.preventDefault();
- passwordInput.type="text";
- passwordInput.value=getPassword(8, 12);
- // Copie du mot de passe généré dans le "presse-papier" de l'ordinateur :
- passwordInput.select();
- document.execCommand("copy");
- addElement(passwordHelp, "div", passwordCopied, "", ["success"]);
-});
-
-// Test si l'e-mail saisi est déjà utilisé par un autre compte.
+// Teste si l'e-mail saisi est déjà utilisé par un autre compte.
// Si c'est le cas, la validation du formulaire est bloquée.
-emailInput.addEventListener("focus", function(e)
-{
- document.getElementById("emailMessage").innerHTML="";// pour supprimer l'éventuel message d'erreur déjà affiché
-});
emailInput.addEventListener("blur", function(e)
{
const emailValue=emailInput.value.trim();
@@ -93,7 +72,7 @@ emailInput.addEventListener("blur", function(e)
if (this.readyState == XMLHttpRequest.DONE)
{
let response=JSON.parse(this.responseText);
- if (this.status === 200 && response.free!==undefined && response.free === false)
+ if (this.status === 200 && response.free !== undefined && response.free === false)
{
addElement(document.getElementById("emailMessage"), "div", needUniqueEmail.replace("#URL", configTemplate.connectionPage), "", ["error"]);
btnSubmit.setAttribute("disabled", true);
@@ -107,33 +86,10 @@ emailInput.addEventListener("blur", function(e)
xhr.send(JSON.stringify(datas));
}
});
-
-// Vérification que le code/e-mail de parrainage saisi est valide.
-codeGodfatherInput.addEventListener("focus", function(e)
-{ // on efface l'éventuel message d'erreur si on revient sur le champ pour tester un autre code.
- addElement(document.getElementById("codeGodfatherMessage"), "i", notRequired);
-});
-codeGodfatherInput.addEventListener("blur", function(e)
+// Supprime l'éventuel message d'erreur déjà injecté si l'utilisateur revient dans le champ :
+emailInput.addEventListener("focus", function(e)
{
- const codeValue=codeGodfatherInput.value.trim();
- if(codeValue!=="")
- {
- const xhr = new XMLHttpRequest();
- xhr.open("POST", apiUrl+configUsers.userRoutes+configUsers.getGodfatherRoute);
- xhr.onreadystatechange = function()
- {
- if (this.readyState == XMLHttpRequest.DONE)
- {
- if (this.status === 204)
- addElement(document.getElementById("codeGodfatherMessage"), "div", godfatherNotFound, "", ["error"]);
- else
- addElement(document.getElementById("codeGodfatherMessage"), "div", godfatherFound, "", ["success"]);
- }
- }
- xhr.setRequestHeader("Content-Type", "application/json");
- const datas={ codeTest:codeValue };
- xhr.send(JSON.stringify(datas));
- }
+ document.getElementById("emailMessage").innerHTML="";
});
// Traitement de l'envoi des données d'inscription :
@@ -169,7 +125,7 @@ myForm.addEventListener("submit", function(e)
if(datas)
{
datas.timeDifference=getTimeDifference(configUsers);
- // si l'utilisateur a précédement répondu à un quiz, j'ajoute les infos de son résultat :
+ // Si l'utilisateur a précédement répondu à un quiz, j'ajoute les infos de son résultat :
datas=checkAnswerDatas(datas);
xhr.send(JSON.stringify(datas));
}