Fab_Blab/WikiLerni
Fab_Blab
/
WikiLerni
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Revue formulaire création/mise à jour des quizs + intégration thème WikiLerni + compilation JS front

This commit is contained in:
Fabrice PENHOËT 2020-10-06 11:38:07 +02:00
parent f593f8e654
commit b208b3f6d8
27 changed files with 2389 additions and 1872 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
config/instance-example.js
View File

@ -52,10 +52,11 @@ module.exports =
// Links: // Links:
nbLinksMin: 1, nbLinksMin: 1,
nbLinksMax: 1, nbLinksMax: 1,
// Questions & responses:
nbQuestionsMin: 1,
nbQuestionsMax: 0,
nbChoicesMax: 10,
// à supprimer quand tous les "require" à jour: // à supprimer quand tous les "require" à jour:
nbQuestionsMin: questionnaires.nbQuestionsMin,
nbQuestionsMax: questionnaires.nbQuestionsMax,
nbChoicesMax: questionnaires.nbChoicesMax,
passwordMinLength: users.password.minlength, passwordMinLength: users.password.minlength,
dirCacheUsers: users.dirCacheUsers, dirCacheUsers: users.dirCacheUsers,
dirCacheUsersAnswers: users.dirCacheUsersAnswers, dirCacheUsersAnswers: users.dirCacheUsersAnswers,

2
config/questionnaires.js
View File

@ -38,6 +38,8 @@ module.exports =
{ {
text: { maxlength: 255, required: true } text: { maxlength: 255, required: true }
}, },
search: { minlength: 3, required: true },
/* valeurs en fait définies dans instance.js donc à supprimer quand plus utilisées ailleurs */
nbQuestionsMin: 1, nbQuestionsMin: 1,
nbQuestionsMax: 0, nbQuestionsMax: 0,
nbChoicesMax: 10, nbChoicesMax: 10,

2
config/users.js
View File

@ -28,7 +28,7 @@ module.exports =
newPassword: { minlength: 8, maxlength:72 }, newPassword: { minlength: 8, maxlength:72 },
codeGodfather: { maxlength: 255 }, codeGodfather: { maxlength: 255 },
cguOk: { value: "true", required: true }, cguOk: { value: "true", required: true },
search: { minlength: 3, required: true }, search: { minlength: 1, required: true },
timeDifferenceMin: -720, timeDifferenceMin: -720,
timeDifferenceMax:840, timeDifferenceMax:840,
// JSON dir // JSON dir

10
controllers/questionnaire.js
View File

@ -466,13 +466,13 @@ const checkQuestionnaireIsPublishable = (datas, checkDate=true) =>
return false; return false;
} }
} }
if(datas.Questions==undefined || datas.Questions.length < config.nbQuestionsMin) // le nombre de réponses mini étant contrôlé au moment de l'enregistrement de la question if(datas.Questions==undefined || datas.Questions.length < config.nbQuestionsMin)
return false;// le nombre de réponses mini étant contrôlé au moment de l'enregistrement de la question
if(datas.Tags==undefined || datas.Tags.length < config.nbTagsMin)
return false; return false;
if(datas.Tags==undefined || datas.Tags.length < configTags.nbTagsMin) if(datas.Links==undefined || datas.Links.length < config.nbLinksMin)
return false; return false;
if(datas.Links==undefined || datas.Links.length < configLinks.nbLinksMin) if(datas.Illustrations==undefined || datas.Illustrations.length < config.nbIllustrationsMin)
return false;
if(datas.Illustrations==undefined || datas.Illustrations.length < configIllustrations.nbIllustrationsMin)
return false; return false;
return true; return true;
} }

191
front/public/JS/accountUser.app.js
View File

File diff suppressed because one or more lines are too long

119
front/public/JS/connection.app.js
View File

File diff suppressed because one or more lines are too long

119
front/public/JS/deconnection.app.js
View File

File diff suppressed because one or more lines are too long

119
front/public/JS/deleteValidation.app.js
View File

File diff suppressed because one or more lines are too long

242
front/public/JS/homeManager.app.js
View File

File diff suppressed because one or more lines are too long

127
front/public/JS/homeUser.app.js
View File

File diff suppressed because one or more lines are too long

115
front/public/JS/index.app.js
View File

File diff suppressed because one or more lines are too long

119
front/public/JS/loginLink.app.js
View File

File diff suppressed because one or more lines are too long

445
front/public/JS/manageQuestionnaires.app.js
View File

File diff suppressed because one or more lines are too long

266
front/public/JS/manageUsers.app.js
View File

File diff suppressed because one or more lines are too long

119
front/public/JS/newLoginValidation.app.js
View File

File diff suppressed because one or more lines are too long

133
front/public/JS/questionnaire.app.js
View File

File diff suppressed because one or more lines are too long

119
front/public/JS/subscribe.app.js
View File

File diff suppressed because one or more lines are too long

119
front/public/JS/subscribeValidation.app.js
View File

File diff suppressed because one or more lines are too long

122
front/public/JS/unsubscribe.app.js
View File

File diff suppressed because one or more lines are too long

309
front/public/gestion-quizs.html
View File

@ -1,262 +1,185 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Saisie et mise à jour des quizs">
<meta name="robots" content="noindex"> <meta name="robots" content="noindex">
<title>Les quizs</title> <title>Gestion des quizs</title>
<!-- Version lisible des scripts : https://gitlab.com/lefablab/wikilerni/-/tree/master/front/src --> <!-- Version lisible des scripts : https://gitlab.com/lefablab/wikilerni/-/tree/master/front/src -->
<script src="/JS/polyfill.app.js" defer></script> <script src="/JS/polyfill.app.js" defer></script>
<script src="/JS/manageQuestionnaires.app.js" defer></script> <script src="/JS/manageQuestionnaires.app.js" defer></script>
<link rel="shortcut icon" href="/img/favicon.ico"> <link rel="shortcut icon" href="/img/favicon.ico">
<link rel="stylesheet" href="/themes/default/CSS/pure-min.css"> <link rel="stylesheet" href="/themes/wikilerni/css/style.css">
<link rel="stylesheet" href="/themes/default/CSS/grids-responsive-min.css"> </head>
<link rel="stylesheet" href="/themes/default/CSS/wikilerni.css">
<link rel="canonical" href="https://www.wililerni.com/gestion-quizs.html">
</head>
<body> <body class="cardboard">
<!-- En tête -->
<header class="pure-g menu"> <header class="cardboard">
<div class="pure-u-1 pure-u-lg-1-8 menu-heading"> <a href="/" title="Page d'accueil WikLerni"><img src="/themes/wikilerni/img/wikilerni-purple-2-128.png" alt="WikiLerni (logo)" title="Accéder à la page d'accueil de WikiLerni" /></a>
<a class="pure-menu-heading" href="/">WikiLerni</a> <ul id="headLinks">
</div> <li><a href="/contact.html" rel="nofollow">Contact</a></li>
<div class="pure-u-1 pure-u-lg-7-8"> <li><a href="/quizs/" id="indexHeadLink" title="Les derniers quizs">Parcourir</a></li>
<ul class="pure-g"> <li><a href="/connexion.html" id="accountHeadLink">Mon compte</a></li>
<li class="pure-menu-item pure-u-1 pure-u-lg-1-4"> <li><a href="/a-propos.html">À propos</a></li>
<a class="pure-menu-link" href="/">Accueil</a> <li><a href="/" title="Page d'accueil de WikiLerni">Accueil</a></li>
</li>
<li class="pure-menu-item pure-u-1 pure-u-lg-1-4">
<a class="pure-menu-link" href="/connexion.html" id="accountHeadLink">Mon compte</a>
</li>
<li class="pure-menu-item pure-u-1 pure-u-lg-1-4">
<a class="pure-menu-link" href="/a-propos.html">À propos</a>
</li>
<li class="pure-menu-item pure-u-1 pure-u-lg-1-4">
<a class="pure-menu-link" href="/contact.html">Contact</a>
</li>
</ul> </ul>
</div>
</header> </header>
<div id="crash"></div>
<section id="main-content" class="needJS"> <section id="main-content" class="needJS">
<div class="pure-menu pure-menu-horizontal"> <ul id="menu" class="cardboard">
<a href="/gestion.html" class="pure-menu-heading pure-menu-link">Gestion WikiLerni</a> <li><a href="/gestion.html">Gestion WikiLerni</a></li>
<ul id="classement" class="pure-menu-list"> <li><a href="/gestion-quizs.html" title="Publication des quizs">Les quizs</a></li>
<li class="pure-menu-item"><a href="/gestion-quizs.html" title="Publication des quizs" class="pure-menu-link" >Les quizs</a></li> <li><a href="/gestion-utilisateurs.html" title="Les comptes utilisateurs">Les abonné(e)s</a></li>
<li class="pure-menu-item"><a href="/gestion-utilisateurs.html" title="Les comptes utilisateurs" class="pure-menu-link">Les abonné(e)s</a></li> <li><a href="/sortie.html">Me déconnecter</a></li>
<li class="pure-menu-item"><a href="/sortie.html" title="Sortie des artistes !" class="pure-menu-link">Me déconnecter</a></li>
</ul> </ul>
</div>
<div class="content"> <div id="manageQuestionnaires" class="cardboard">
<h2 class="content-head is-center" id="infos">Les quizs</h2>
<form class="pure-form pure-u-1" id="search" method="POST"> <h1 class="cardboard" id="infos">Les quizs</h1>
<fieldset> <h2>Chercher un quiz</h2>
<legend>Chercher un quiz</legend> <form id="search" method="POST">
<input id="searchQuestionnaires" type="txt" name="searchQuestionnaires" placeholder="Votre recherche"> <input id="searchQuestionnaires" type="text" name="searchQuestionnaires" placeholder="Votre recherche" class="cardboard" />
<button type="submit" class="pure-button pure-button-primary">Chercher</button> <div class="input_wrapper"><input type="submit" value="Chercher" class="cardboard" /></div>
<div id="searchResult"></div> <div id="searchResult"></div>
</fieldset>
</form> </form>
<div class="pure-g">
<div class="l-box-lrg pure-u-1">
<div id="message"></div> <div id="message"></div>
<form class="pure-form pure-form-aligned" id="questionnaires" method="POST">
<form id="questionnaires" method="POST">
<h2>Informations du quiz</h2>
<fieldset><label for="title">Titre</label><input id="title" type="text" name="title" class="cardboard"></fieldset>
<fieldset><label for="slug">Slug</label><input id="slug" type="text" name="slug" class="cardboard"></fieldset>
<fieldset><label for="introduction">Introduction</label><textarea id="introduction" name="introduction" rows="10" class="cardboard"></textarea></fieldset>
<fieldset><label for="keywords">Mots-clés</label><textarea id="keywords" name="keywords" rows="3" class="cardboard"></textarea></fieldset>
<fieldset><label for="publishingAt">Date de publication</label><input id="publishingAt" type="date" name="publishingAt" class="cardboard"><span class="info" id="helpPublishingAt"></span></fieldset>
<fieldset> <fieldset>
<legend>Informations du quiz</legend>
<div class="pure-control-group">
<label for="title">Titre</label>
<input id="title" type="text" name="title">
<span class="pure-form-message-inline"></span>
</div>
<div class="pure-control-group">
<label for="slug">Page html</label>
<input id="slug" type="text" name="slug">.html
</div>
<div class="pure-control-group">
<label for="introduction">Introduction</label>
<textarea id="introduction" name="introduction" rows="5"></textarea>
</div>
<div class="pure-control-group">
<label for="keywords">Mots-clés</label>
<textarea id="keywords" name="keywords" rows="5"></textarea>
</div>
<div class="pure-control-group">
<label for="publishingAt">Date de publication</label>
<input id="publishingAt" type="date" name="publishingAt"> <span class="information" id="helpPublishingAt"></span>
</div>
<div class="pure-control-group">
<label for="estimatedTime">Durée de lecture estimée</label> <label for="estimatedTime">Durée de lecture estimée</label>
<select name="estimatedTime" id="estimatedTime"> <select id="estimatedTime" name="estimatedTime" class="cardboard">
<option value="short">Court</option> <option value="short">Court</option>
<option value="medium">Moyen</option> <option value="medium">Moyen</option>
<option value="long">Long</option> <option value="long">Long</option>
</select> </select>
</div> </fieldset>
<div class="pure-control-group"> <fieldset><label for="classification">Catégories de classement</label><input id="classification" type="text" name="classification" class="cardboard"><br><span class="info" id="helpClassification">Séparer les rubriques par des virgules</span></fieldset>
<label for="classification">Catégories de classement</label> <ul class="checkbox_li">
<input id="classification" type="text" name="classification"> <span class="information" id="helpClassification">Séparer les rubriques par des virgules</span> <li class="checkbox_li">
</div> <label for="deleteOk" class="check" id="deleteOkLabel"><input type="checkbox" id="deleteOk" name="deleteOk" value="true" /><div class="checkbox_override"></div> <span class="error">Je souhaite supprimer ce quiz.</span></label>
<div class="pure-controls"> </li>
<label for="deleteOk" class="pure-checkbox error" id="deleteOkLabel"> </ul>
<input type="checkbox" id="deleteOk" name="deleteOk" value="true" /> Je souhaite supprimer ce quiz
</label>
<input type="hidden" name="id" id="id" value=""> <input type="hidden" name="id" id="id" value="">
<button type="submit" class="pure-button pure-button-primary" id="submitDatas">Valider</button> <div class="input_wrapper"><input type="submit" value="Valider." class="cardboard" id="submitDatas" /></div>
<a href="#questionnaires" class="pure-button pure-button-primary needJS" id="wantNewQuestionnaire">Nouveau questionnaire</a> <div class="input_wrapper"><a href="#questionnaires" class="button cardboard" id="wantNewQuestionnaire">Nouveau questionnaire</a></div>
<a href="#questionnaires" class="pure-button pure-button-primary needJS" id="previewQuestionnaire" target=="_blank">Voir le quiz</a> <div class="input_wrapper"><a href="#questionnaires" class="button cardboard" id="previewQuestionnaire" target=="_blank">Voir le quiz</a></div>
</div>
<div id="response"></div> <div id="response"></div>
<div id="linksList" class="needJS"></div> <div id="linksList" class="needJS"></div>
<div id="illustrationsList" class="needJS"></div> <div id="illustrationsList" class="needJS"></div>
<div id="questionsList" class="needJS"></div> <div id="questionsList" class="needJS"></div>
</fieldset>
</form> </form>
<form class="pure-form pure-form-aligned" id="links" method="POST"> <form id="links" method="POST">
<fieldset> <h2>Informations du lien</h2>
<legend>Informations du lien</legend> <fieldset><label for="url">Url</label><input id="url" type="url" name="url" class="cardboard"></fieldset>
<div class="pure-control-group"> <fieldset><label for="anchor">Texte du lien</label><input id="anchor" type="text" name="anchor" class="cardboard" value="Lire l'article sur Wikipédia."></fieldset>
<label for="url">Url</label>
<input id="url" type="url" name="url">
<span class="pure-form-message-inline"></span>
</div>
<div class="pure-control-group">
<label for="anchor">Texte du lien</label>
<input id="anchor" type="text" name="anchor" value="Lire l'article sur Wikipédia.">
</div>
<div class="pure-controls">
<input type="hidden" name="id" id="idLink" value=""> <input type="hidden" name="id" id="idLink" value="">
<input type="hidden" name="QuestionnaireId" id="QuestionnaireIdLink" value=""> <input type="hidden" name="QuestionnaireId" id="QuestionnaireIdLink" value="">
<input type="hidden" name="deleteOk" id="deleteOkLink" value=""> <input type="hidden" name="deleteOk" id="deleteOkLink" value="">
<button type="submit" class="pure-button pure-button-primary">Valider</button> <div class="input_wrapper"><input type="submit" value="Valider." class="cardboard" /></div>
</div>
<div id="responseLink"></div> <div id="responseLink"></div>
</fieldset>
</form> </form>
<form class="pure-form pure-form-aligned" id="illustrations" method="POST" enctype="multipart/form-data"> <form id="illustrations" method="POST">
<fieldset> <h2>Informations de l'illustration</h2>
<legend>Informations de l'illustration</legend> <fieldset><label for="image">Sélectionnez le fichier à utiliser</label><input id="image" type="file" name="image" class="cardboard"></fieldset>
<div class="pure-control-group"> <fieldset><label for="alt">Propriété "alt"</label><input id="alt" type="text" name="alt" class="cardboard"></fieldset>
<label for="image">Sélectionnez le fichier à utiliser</label> <fieldset><label for="title">Propriété "title"</label><input id="title" type="text" name="title" class="cardboard"></fieldset>
<input type="file" id="image" name="image"> <fieldset><label for="caption">Légende</label><input id="caption" type="text" name="caption" class="cardboard" value="Crédit : "></fieldset>
</div>
<div class="pure-control-group">
<label for="alt">Propriété "alt"</label>
<input id="alt" type="text" name="alt">
</div>
<div class="pure-control-group">
<label for="title">Propriété "title"</label>
<input id="title" type="text" name="title">
</div>
<div class="pure-control-group">
<label for="caption">Légende</label>
<input id="caption" type="text" name="caption">
</div>
<div class="pure-controls">
<input type="hidden" name="id" id="idIllustration" value=""> <input type="hidden" name="id" id="idIllustration" value="">
<input type="hidden" name="QuestionnaireId" id="QuestionnaireIdIllustration" value=""> <input type="hidden" name="QuestionnaireId" id="QuestionnaireIdIllustration" value="">
<input type="hidden" name="deleteOk" id="deleteOkIllustration" value=""> <input type="hidden" name="deleteOk" id="deleteOkIllustration" value="">
<button type="submit" class="pure-button pure-button-primary">Valider</button> <div class="input_wrapper"><input type="submit" value="Valider." class="cardboard" /></div>
</div>
<div id="responseIllustration"></div> <div id="responseIllustration"></div>
</fieldset>
</form> </form>
<form id="questions" method="POST">
<h2>La question et les réponses proposées</h2>
<fieldset><label for="text">Question</label><input id="text" type="text" name="text" class="cardboard"></fieldset> <fieldset><label for="rank">Rang</label><input id="rank" type="number" name="rank" class="cardboard" value="1"> <span class="info">Permet de fixer l'ordre d'affichage des questions.</span></fieldset>
<fieldset><label for="explanation">Explications</label><textarea id="explanation" name="explanation" rows="5" class="cardboard"></textarea></fieldset>
<form class="pure-form pure-form-aligned" id="questions" method="POST"> <h3>Réponses proposées</h3>
<fieldset>
<legend>La question et les réponses proposées</legend> <ul class="responses_li">
<div class="pure-control-group"> <li class="responses_li">
<label for="text">Question</label> <input id="choiceText0" type="text" name="choiceText0" maxlength="255" maxlength="255" class="cardboard">
<input id="text" type="text" name="text"> <label for="choiceIsCorrect0" class="check"><input type="checkbox" id="choiceIsCorrect0" name="choiceIsCorrect0" value="true" /><div class="checkbox_override"></div> Réponse correcte.</label>
<span class="pure-form-message-inline"></span>
</div>
<div class="pure-control-group">
<label for="rank">Rang</label>
<input id="rank" type="number" name="rank" value="1"> <span class="information">Permet de fixer l'ordre d'affichage des questions.</span>
</div>
<div class="pure-control-group">
<label for="explanation">Explications</label>
<textarea id="explanation" name="explanation" rows="5"></textarea>
</div>
<legend>Réponses proposées</legend>
<div class="pure-control-group">
<input id="choiceText0" type="text" name="choiceText0" maxlength="255" maxlength="255">&nbsp;<input type="checkbox" id="choiceIsCorrect0" name="choiceIsCorrect0" value="true" /> Réponse correcte
<input type="hidden" name="idChoice0" id="idChoice0" value=""> <input type="hidden" name="idChoice0" id="idChoice0" value="">
</div> </li>
<div class="pure-control-group"> <li class="responses_li">
<input id="choiceText1" type="text" name="choiceText1" maxlength="255">&nbsp;<input type="checkbox" id="choiceIsCorrect1" name="choiceIsCorrect1" value="true" /> Réponse correcte <input id="choiceText1" type="text" name="choiceText1" maxlength="255" maxlength="255" class="cardboard">
<label for="choiceIsCorrect1" class="check"><input type="checkbox" id="choiceIsCorrect1" name="choiceIsCorrect1" value="true" /><div class="checkbox_override"></div> Réponse correcte.</label>
<input type="hidden" name="idChoice1" id="idChoice1" value=""> <input type="hidden" name="idChoice1" id="idChoice1" value="">
</div> </li>
<div class="pure-control-group"> <li class="responses_li">
<input id="choiceText2" type="text" name="choiceText2" maxlength="255">&nbsp;<input type="checkbox" id="choiceIsCorrect2" name="choiceIsCorrect2" value="true" /> Réponse correcte <input id="choiceText2" type="text" name="choiceText2" maxlength="255" maxlength="255" class="cardboard">
<label for="choiceIsCorrect2" class="check"><input type="checkbox" id="choiceIsCorrect2" name="choiceIsCorrect2" value="true" /><div class="checkbox_override"></div> Réponse correcte.</label>
<input type="hidden" name="idChoice2" id="idChoice2" value=""> <input type="hidden" name="idChoice2" id="idChoice2" value="">
</div> </li>
<div class="pure-control-group"> <li class="responses_li">
<input id="choiceText3" type="text" name="choiceText3" maxlength="255">&nbsp;<input type="checkbox" id="choiceIsCorrect3" name="choiceIsCorrect3" value="true" /> Réponse correcte <input id="choiceText3" type="text" name="choiceText3" maxlength="255" maxlength="255" class="cardboard">
<label for="choiceIsCorrect3" class="check"><input type="checkbox" id="choiceIsCorrect3" name="choiceIsCorrect3" value="true" /><div class="checkbox_override"></div> Réponse correcte.</label>
<input type="hidden" name="idChoice3" id="idChoice3" value=""> <input type="hidden" name="idChoice3" id="idChoice3" value="">
</div> </li>
<div class="pure-control-group"> <li class="responses_li">
<input id="choiceText4" type="text" name="choiceText4" maxlength="255">&nbsp;<input type="checkbox" id="choiceIsCorrect4" name="choiceIsCorrect4" value="true" /> Réponse correcte <input id="choiceText4" type="text" name="choiceText4" maxlength="255" maxlength="255" class="cardboard">
<label for="choiceIsCorrect4" class="check"><input type="checkbox" id="choiceIsCorrect4" name="choiceIsCorrect4" value="true" /><div class="checkbox_override"></div> Réponse correcte.</label>
<input type="hidden" name="idChoice4" id="idChoice4" value=""> <input type="hidden" name="idChoice4" id="idChoice4" value="">
</div> </li>
<div class="pure-control-group"> <li class="responses_li">
<input id="choiceText5" type="text" name="choiceText5" maxlength="255">&nbsp;<input type="checkbox" id="choiceIsCorrect5" name="choiceIsCorrect5" value="true" /> Réponse correcte <input id="choiceText5" type="text" name="choiceText5" maxlength="255" maxlength="255" class="cardboard">
<label for="choiceIsCorrect5" class="check"><input type="checkbox" id="choiceIsCorrect5" name="choiceIsCorrect5" value="true" /><div class="checkbox_override"></div> Réponse correcte.</label>
<input type="hidden" name="idChoice5" id="idChoice5" value=""> <input type="hidden" name="idChoice5" id="idChoice5" value="">
</div> </li>
<div class="pure-control-group"> <li class="responses_li">
<input id="choiceText6" type="text" name="choiceText6" maxlength="255">&nbsp;<input type="checkbox" id="choiceIsCorrect6" name="choiceIsCorrect6" value="true" /> Réponse correcte <input id="choiceText6" type="text" name="choiceText6" maxlength="255" maxlength="255" class="cardboard">
<label for="choiceIsCorrect6" class="check"><input type="checkbox" id="choiceIsCorrect6" name="choiceIsCorrect6" value="true" /><div class="checkbox_override"></div> Réponse correcte.</label>
<input type="hidden" name="idChoice6" id="idChoice6" value=""> <input type="hidden" name="idChoice6" id="idChoice6" value="">
</div> </li>
<div class="pure-control-group"> <li class="responses_li">
<input id="choiceText7" type="text" name="choiceText7" maxlength="255">&nbsp;<input type="checkbox" id="choiceIsCorrect7" name="choiceIsCorrect7" value="true" /> Réponse correcte <input id="choiceText7" type="text" name="choiceText7" maxlength="255" maxlength="255" class="cardboard">
<label for="choiceIsCorrect7" class="check"><input type="checkbox" id="choiceIsCorrect7" name="choiceIsCorrect7" value="true" /><div class="checkbox_override"></div> Réponse correcte.</label>
<input type="hidden" name="idChoice7" id="idChoice7" value=""> <input type="hidden" name="idChoice7" id="idChoice7" value="">
</div> </li>
<div class="pure-control-group"> <li class="responses_li">
<input id="choiceText8" type="text" name="choiceText8" maxlength="255">&nbsp;<input type="checkbox" id="choiceIsCorrect8" name="choiceIsCorrect8" value="true" /> Réponse correcte <input id="choiceText8" type="text" name="choiceText8" maxlength="255" maxlength="255" class="cardboard">
<label for="choiceIsCorrect8" class="check"><input type="checkbox" id="choiceIsCorrect8" name="choiceIsCorrect8" value="true" /><div class="checkbox_override"></div> Réponse correcte.</label>
<input type="hidden" name="idChoice8" id="idChoice8" value=""> <input type="hidden" name="idChoice8" id="idChoice8" value="">
</div> </li>
<div class="pure-control-group"> <li class="responses_li">
<input id="choiceText9" type="text" name="choiceText9" maxlength="255">&nbsp;<input type="checkbox" id="choiceIsCorrect9" name="choiceIsCorrect9" value="true" /> Réponse correcte <input id="choiceText9" type="text" name="choiceText9" maxlength="255" maxlength="255" class="cardboard">
<label for="choiceIsCorrect9" class="check"><input type="checkbox" id="choiceIsCorrect9" name="choiceIsCorrect9" value="true" /><div class="checkbox_override"></div> Réponse correcte.</label>
<input type="hidden" name="idChoice9" id="idChoice9" value=""> <input type="hidden" name="idChoice9" id="idChoice9" value="">
</div> </li>
<div class="pure-controls"> </ul>
<input type="hidden" name="id" id="idQuestion" value=""> <input type="hidden" name="id" id="idQuestion" value="">
<input type="hidden" name="QuestionnaireId" id="QuestionnaireIdQuestion" value=""> <input type="hidden" name="QuestionnaireId" id="QuestionnaireIdQuestion" value="">
<input type="hidden" name="deleteOk" id="deleteOkQuestion" value=""> <input type="hidden" name="deleteOk" id="deleteOkQuestion" value="">
<button type="submit" class="pure-button pure-button-primary">Valider</button> <div class="input_wrapper"><input type="submit" value="Valider." class="cardboard" /></div>
</div>
<div id="responseQuestion"></div> <div id="responseQuestion"></div>
</fieldset>
</form> </form>
<div class="l-box-lrg pure-u-1" id="questionnairesList"></div> <div class="l-box-lrg pure-u-1" id="questionnairesList"></div>
</div>
</div>
</div> </div>
</section> </section>
<footer class="cardboard">
<footer class="footer l-box is-center"> <ul id="footLinks">
<ul class="pure-g"> <li><a href="https://framasphere.org/people/7e54b7a0b53201389eef2a0000053625" title="Blog WikiLerni sur diaspora*">Blog</a></li>
<li class="pure-u-1 pure-u-lg-1-5"> <li><a href="/credits.html">Crédits</a></li>
<a href="/mentions-legales.html">Crédits</a> <li><a href="/mentions-legales.html" rel="nofollow">Mentions légales</a></li>
</li> <li><a href="/donnees.html">Données personnelles</a></li>
<li class="pure-u-1 pure-u-lg-1-5"> <li><a href="/CGV-CGU.html" rel="nofollow">CGV &amp; CGU</a></li>
<a href="/mentions-legales.html">Mentions légales</a>
</li>
<li class="pure-u-1 pure-u-lg-1-5">
<a href="/donnees.html">Données personnelles</a>
</li>
<li><a href="/CGV-CGU.html">CGV &amp; CGU</a></li>
</ul> </ul>
</footer> </footer>
</body> </body>
</html> </html>

6
front/public/gestion-utilisateurs.html
View File

@ -3,9 +3,8 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Gestion des abonnés.">
<meta name="robots" content="noindex"> <meta name="robots" content="noindex">
<title>Mon WikiLerni</title> <title>Gestion des abonnés</title>
<!-- Version lisible des scripts : https://gitlab.com/lefablab/wikilerni/-/tree/master/front/src --> <!-- Version lisible des scripts : https://gitlab.com/lefablab/wikilerni/-/tree/master/front/src -->
<script src="/JS/polyfill.app.js" defer></script> <script src="/JS/polyfill.app.js" defer></script>
<script src="/JS/manageUsers.app.js" defer></script> <script src="/JS/manageUsers.app.js" defer></script>
@ -13,7 +12,6 @@
<link rel="stylesheet" href="/themes/wikilerni/css/style.css"> <link rel="stylesheet" href="/themes/wikilerni/css/style.css">
</head> </head>
<body class="cardboard"> <body class="cardboard">
<!-- En tête --> <!-- En tête -->
<header class="cardboard"> <header class="cardboard">
@ -73,7 +71,7 @@
</fieldset> </fieldset>
<fieldset><label for="timeDifference">Décalage horaire</label><input id="timeDifference" type="number" name="timeDifference" readonly class="cardboard"></fieldset> <fieldset><label for="timeDifference">Décalage horaire</label><input id="timeDifference" type="number" name="timeDifference" readonly class="cardboard"></fieldset>
<fieldset><label for="newPassword">Nouveau mot de passe</label><input id="newPassword" type="password" name="newPassword" class="cardboard"> <fieldset><label for="newPassword">Nouveau mot de passe</label><input id="newPassword" type="password" name="newPassword" class="cardboard">
<div id="newPasswordMessage"><span class="info">Laisser vide sauf si vous souhaitez le changer.</span></div></fieldset> <div id="newPasswordMessage"> <span class="info">Laisser vide sauf si vous souhaitez le changer.</span></div></fieldset>
<fieldset><label for="adminComments">Commentaires</label><textarea id="adminComments" name="adminComments" rows="5" class="cardboard"></textarea></fieldset> <fieldset><label for="adminComments">Commentaires</label><textarea id="adminComments" name="adminComments" rows="5" class="cardboard"></textarea></fieldset>
<fieldset><label for="numberOfDays">Durée totale de l'abonnement</label><input id="numberOfDays" type="number" name="numberOfDays" class="cardboard"><span class="info">Depuis la création de son compte.</span></fieldset> <fieldset><label for="numberOfDays">Durée totale de l'abonnement</label><input id="numberOfDays" type="number" name="numberOfDays" class="cardboard"><span class="info">Depuis la création de son compte.</span></fieldset>
<div class="framed"> <div class="framed">

129
front/public/themes/wikilerni/css/style.css
View File

@ -29,7 +29,7 @@ font-family: Arial, Helvetica, sans-serif;
/* texture de fond des éléments */ /* texture de fond des éléments */
.cardboard .cardboard
{ {
background-image: url('../img/background-texture.png'); background-image: url("../img/background-texture.png");
} }
/* Cache un contenu du DOM devant être réintégrer via JavaScript */ /* Cache un contenu du DOM devant être réintégrer via JavaScript */
.needJS .needJS
@ -64,7 +64,7 @@ text-shadow:none;
/* Liens de navigation entre pages de résultats */ /* Liens de navigation entre pages de résultats */
#next a, #previous a, #tagsList a #next a, #previous a, #tagsList a
{ {
background-image: url('../img/background-texture.png'); background-image: url("../img/background-texture.png");
} }
nav#pagination, nav#tagsList nav#pagination, nav#tagsList
{ {
@ -83,7 +83,6 @@ nav#pagination div, nav#tagsList div
margin: 1em; margin: 1em;
} }
/* Boutons médias sociaux */ /* Boutons médias sociaux */
#zerozozio #zerozozio
{ {
@ -234,7 +233,7 @@ line-height: 1.25em;
} }
.info,.success,.error .info,.success,.error
{ {
background-image: url('../img/background-texture.png'); background-image: url("../img/background-texture.png");
} }
.info {background-color: #8c599c;} .info {background-color: #8c599c;}
.success {background-color: #00c684;} .success {background-color: #00c684;}
@ -259,9 +258,10 @@ padding:0;
margin:0; margin:0;
} }
input[type=submit], input[type=text], input[type=email], input[type=password], input[type=number], input[type=submit], input[type=text], input[type=email], input[type=password], input[type=number],
select, textarea, .button input[type=file], input[type=date], input[type=url], select, textarea, .button
{ {
background-color: #8c599c; background-color: #8c599c;
background-image: url("../img/background-texture.png");
padding: 10px; padding: 10px;
border: 0; border: 0;
border-radius: 3px; border-radius: 3px;
@ -279,11 +279,16 @@ input[type=submit]:hover, .button:hover
margin-top: 2px; margin-top: 2px;
box-shadow: inset 0px 1px 0px rgba(255,255,255,0.66), inset 0px -1px 0px rgba(0, 0, 0,0.66), 0px 0px 5px rgba(0,0,0,0.66); box-shadow: inset 0px 1px 0px rgba(255,255,255,0.66), inset 0px -1px 0px rgba(0, 0, 0,0.66), 0px 0px 5px rgba(0,0,0,0.66);
} }
input[type=text], input[type=password], input[type=email], textarea input[type=text], input[type=password], input[type=email],
input[type=number], input[type=file], input[type=date], input[type=url], select, textarea
{ {
box-shadow: inset 0 1px 0 rgba(0,0,0,0.66), inset 0 -1px 0 rgba(255,255,255,0.66), inset 0 3px 8px rgba(0,0,0,0.66); box-shadow: inset 0 1px 0 rgba(0,0,0,0.66), inset 0 -1px 0 rgba(255,255,255,0.66), inset 0 3px 8px rgba(0,0,0,0.66);
}
input[type=text], input[type=password], input[type=email], input[type=url], textarea
{
width: 95%; width: 95%;
} }
input[type=checkbox] input[type=checkbox]
{ {
width:15px; width:15px;
@ -334,19 +339,45 @@ input:-webkit-autofill:focus
-webkit-box-shadow: 0 0 0 1000px #8c599c inset !important; -webkit-box-shadow: 0 0 0 1000px #8c599c inset !important;
-webkit-text-fill-color: white !important; -webkit-text-fill-color: white !important;
} }
ul.checkbox_li ul.checkbox_li, ul.responses_li
{ {
list-style-type: none; list-style-type: none;
text-align: left; text-align: left;
padding-left: 0.7em; padding-left: 0.7em;
font-family: sans; font-family: sans;
} }
form ul.checkbox_li li form ul.checkbox_li li,form ul.responses_li li
{ {
margin-bottom:0.5em; margin-bottom:0.5em;
} }
#searchQuestionnaires
{
width:90%;
}
#selectSearch
{
background-image: url("../img/background-texture.png");
}
/* explications sous formulaires */ #helpClassification a
{
font-size:1.2em;
padding: 0.2em 0.3em;
}
#publishingAt
{
margin-right:100%;
}
#helpPublishingAt
{
font-size:1.2em;
}
#manageQuestionnaires #questionnairesList li
{
font-size:1.1em;
margin-top: 1em;
}
/* textes en annexes des formulaires */
#explanations #explanations
{ {
padding: 0.2em; padding: 0.2em;
@ -357,6 +388,37 @@ margin:1.5em;
text-align:left; text-align:left;
line-height:1.5em; line-height:1.5em;
} }
#linksList, #illustrationsList, #questionsList
{
margin:3em 1em;
text-align: left;
}
#linksList ul, #illustrationsList ul, #questionsList ul
{
padding:0;
list-style-type: none;
}
#linksList li, #illustrationsList li, #questionsList li
{
padding:0;
margin: 1em 0;
}
#linksList a, #illustrationsList a, #questionsList a
{
margin-right:3em;
}
#linksList br, #illustrationsList br, #questionsList br
{
line-height: 3em;
}
#questionsList p
{
margin:3em 0;
}
#questionsList p a
{
font-size:1.5em;
}
/* Sous-menu pour tags ou utilisateur connecté, etc. */ /* Sous-menu pour tags ou utilisateur connecté, etc. */
@ -471,7 +533,7 @@ font-size:1em;
} }
/* Propriétés générales à mobiles en mode paysage + petites tablettes ou grandes tablettes en mode portrait */ /* Propriétés générales à partir des mobiles en mode paysage */
@media screen and (min-width: 480px) @media screen and (min-width: 480px)
{ {
/* header & footer */ /* header & footer */
@ -535,6 +597,15 @@ font-size:1em;
{ {
padding:0.2em 1em; padding:0.2em 1em;
} }
#searchQuestionnaires
{
width:65%;
}
#manageQuestionnaires #questionnairesList li
{
font-size:1.2em;
margin-top: 0.5em;
}
} }
@ -626,12 +697,21 @@ font-size:1em;
{ {
margin:1em 10%; margin:1em 10%;
} }
form ul.responses_li
{
margin:1em 0;
}
form li.responses_li
{
width:80%;
margin: auto;
}
/* Contenus textuels, paragraphes, etc. */ /* Contenus textuels, paragraphes, etc. */
.framed .framed
{ {
padding-top: 0.5em; padding-top: 0.5em;
padding-bottom: 0.5em; padding-bottom: 0.5em;
background-image: url('../img/background-texture.png'); background-image: url("../img/background-texture.png");
font-size:0.8em; font-size:0.8em;
} }
#explanations #explanations
@ -772,7 +852,7 @@ border-top: 1px solid rgba(255,255,255,0.5);
border-bottom: 1px solid rgba(0,0,0,0.75); border-bottom: 1px solid rgba(0,0,0,0.75);
padding-top: 0.25em; padding-top: 0.25em;
padding-bottom: 0.25em; padding-bottom: 0.25em;
background-image: url('../img/background-texture.png'); background-image: url("../img/background-texture.png");
} }
#home h2 #home h2
{ {
@ -1159,13 +1239,13 @@ display:inline;
{ {
display:inline; display:inline;
background-color: #00c684; background-color: #00c684;
background-image: url('../img/background-texture.png'); background-image: url("../img/background-texture.png");
} }
.isNotCorrect em .isNotCorrect em
{ {
display:inline; display:inline;
background-color: red; background-color: red;
background-image: url('../img/background-texture.png'); background-image: url("../img/background-texture.png");
} }
li.checkbox_li em li.checkbox_li em
{ {
@ -1288,7 +1368,7 @@ font-size:1.1em;
} }
/*----------------- Déclaration générales pour les pages avec des formulaires de connexion, inscription, etc. --------------*/ /*----------------- Déclaration générales pour les pages avec des formulaires de connexion, inscription, etc. --------------*/
#signup, #login, #account #signup, #login, #account, #manageQuestionnaires
{ {
width: 85%; width: 85%;
margin: auto; margin: auto;
@ -1303,7 +1383,7 @@ background-color: #FF8800;
box-shadow: 0 0 5px rgba(0,0,0,0.75); box-shadow: 0 0 5px rgba(0,0,0,0.75);
text-align:center; text-align:center;
} }
#signup h1, #login h1, #account h1 #signup h1, #login h1, #account h1, #manageQuestionnaires h1
{ {
background-color: #FF8800; background-color: #FF8800;
box-shadow: 0 0 5px rgba(0,0,0,0.75); box-shadow: 0 0 5px rgba(0,0,0,0.75);
@ -1317,21 +1397,24 @@ border-top: 1px solid rgba(255,255,255,0.5);
border-bottom: 1px solid rgba(0,0,0,0.66); border-bottom: 1px solid rgba(0,0,0,0.66);
font-size:0.9em; font-size:0.9em;
} }
#signup h2, #login h2, #account h2 #signup h2, #login h2, #account h2, #manageQuestionnaires h2
{ {
margin-bottom: 0; margin-bottom: 0;
} }
#signup p, #login p, #account p #signup p, #login p, #account p, #manageQuestionnaires p
{ {
text-align: left; text-align: left;
padding-left: 1em; padding-left: 1em;
} }
#signup .framed .engraved, #login .framed .engraved, #account .framed .engraved #signup .framed .engraved,
#login .framed .engraved,
#account .framed .engraved,
#manageQuestionnaires .framed .engraved
{ {
text-align: left; text-align: left;
margin: 1em; margin: 1em;
} }
#signup div.framed, #login div.framed, #account div.framed #signup div.framed, #login div.framed, #account div.framed, #manageQuestionnaires div.framed
{ {
font-size:0.9em; font-size:0.9em;
margin-left: 1em; margin-left: 1em;
@ -1344,7 +1427,7 @@ width: 85%;
{ {
width: 75%; width: 75%;
} }
#signup div.framed, #login div.framed, #account div.framed #signup div.framed, #login div.framed, #account div.framed, #manageQuestionnaires div.framed
{ {
width: 90%; width: 90%;
} }
@ -1374,7 +1457,7 @@ width: 85%;
{ {
display:inline; display:inline;
} }
#signup div.framed, #login div.framed, #account div.framed #signup div.framed, #login div.framed, #account div.framed, #manageQuestionnaires div.framed
{ {
width: 95%; width: 95%;
} }
@ -1387,7 +1470,7 @@ width: 85%;
@media screen and (min-width: 1024px) @media screen and (min-width: 1024px)
{ {
#signup, #login, #account #signup, #login, #account, #manageQuestionnaires
{ {
width: 60%; width: 60%;
} }

207
front/src/manageQuestionnaires.js
View File

@ -4,36 +4,40 @@
/// Si c'est ok, propose un moteur de recherche permettant de chercher un quiz /// Si c'est ok, propose un moteur de recherche permettant de chercher un quiz
/// Si un id est passé par l'url on affiche les informations du quiz dans un formulaire permettant de l'éditer/supprimer avec une liste des éléments liés (liens, illustrations, questions...) pouvant eux-mêmes être édités/supprimés. /// Si un id est passé par l'url on affiche les informations du quiz dans un formulaire permettant de l'éditer/supprimer avec une liste des éléments liés (liens, illustrations, questions...) pouvant eux-mêmes être édités/supprimés.
/// Si le nombre max configuré pour chacun de ses éléments n'est pas atteint, il est aussi proposé d'ajouter un nouvel élément. /// Si le nombre max configuré pour chacun de ses éléments n'est pas atteint, il est aussi proposé d'ajouter un nouvel élément.
/// Sinon pas d'id passé par l'url, on affiche un formulaire vide permettant d'en saisir un nouveau avec ses tags. /// Sinon pas d'id passé par l'url, on affiche un formulaire vide permettant d'en saisir un nouveau quiz avec ses tags.
// Fichier de configuration côté client : // Fichier de configuration côté client :
import { apiUrl, availableLangs, theme } from "../../config/instance.js"; import { apiUrl, availableLangs, theme } from "../../config/instance.js";
const lang=availableLangs[0]; const lang=availableLangs[0];
const configFrontEnd = require("../../views/"+theme+"/config/"+lang+".js");
// Fonctions utiles au script : !! revoir quand le reste sera fini pour vérifier si tout est utile const config = require("../../config/instance.js");
import { getLocaly, removeLocaly, saveLocaly } from "./tools/clientstorage.js"; const configIllustrations = require("../../config/illustrations.js");
const configLinks = require("../../config/links.js");
const configQuestionnaires = require("../../config/questionnaires.js");
const configTemplate = require("../../views/"+theme+"/config/"+lang+".js");
// Fonctions utiles au script :
import { getLocaly, removeLocaly } from "./tools/clientstorage.js";
import { addElement } from "./tools/dom.js"; import { addElement } from "./tools/dom.js";
import { helloDev, updateAccountLink } from "./tools/everywhere.js"; import { helloDev, updateAccountLink } from "./tools/everywhere.js";
import { empyAndHideForm, empyForm, getDatasFromInputs, setAttributesToInputs } from "./tools/forms.js"; import { empyAndHideForm, getDatasFromInputs, setAttributesToInputs } from "./tools/forms.js";
import { dateFormat, isEmpty, replaceAll } from "../../tools/main"; import { dateFormat, isEmpty } from "../../tools/main";
import { getUrlParams } from "./tools/url.js"; import { getUrlParams } from "./tools/url.js";
import { checkSession, getConfig } from "./tools/users.js"; import { checkSession, getConfig } from "./tools/users.js";
// Dictionnaires : // Dictionnaires :
const txt = require("../../lang/"+lang+"/general"); const { addOkMessage, deleteBtnTxt, serverError, updateBtnTxt } = require("../../lang/"+lang+"/general");
const txtUsers = require("../../lang/"+lang+"/user"); const { addIllustrationTxt, defaultAlt, introNoIllustration, introTitleForIllustration } = require("../../lang/"+lang+"/illustration");
const txtQuestionnaire = require("../../lang/"+lang+"/questionnaire"); const { addLinkTxt, defaultValueForLink, introNoLink, introTitleForLink } = require("../../lang/"+lang+"/link");
const txtQuestion = require("../../lang/"+lang+"/question"); const { addQuestionTxt, introNoQuestion, introTitleForQuestion } = require("../../lang/"+lang+"/question");
const txtLink = require("../../lang/"+lang+"/link"); const { nextDateWithoutQuestionnaire, nextQuestionnairesList, questionnaireNeedBeCompleted, searchQuestionnaireWithNoResult } = require("../../lang/"+lang+"/questionnaire");
const txtIllustration = require("../../lang/"+lang+"/illustration"); const { needBeConnected } = require("../../lang/"+lang+"/user");
helloDev();
// Principaux éléments du DOM manipulés : // Principaux éléments du DOM manipulés :
const divMain = document.getElementById("main-content"); const divMain = document.getElementById("main-content");
const divMessage = document.getElementById("message"); const divMessage = document.getElementById("message");
const divResponse = document.getElementById("response"); const divResponse = document.getElementById("response");
const divCrash = document.getElementById("crash");
const formQuestionnaire = document.getElementById("questionnaires"); const formQuestionnaire = document.getElementById("questionnaires");
const inputClassification = document.getElementById("classification"); const inputClassification = document.getElementById("classification");
const helpClassification = document.getElementById("helpClassification"); const helpClassification = document.getElementById("helpClassification");
@ -41,12 +45,9 @@ const helpPublishingAt = document.getElementById("helpPublishingAt");
const deleteCheckBox = document.getElementById("deleteOkLabel"); const deleteCheckBox = document.getElementById("deleteOkLabel");
const btnNewQuestionnaire = document.getElementById("wantNewQuestionnaire"); const btnNewQuestionnaire = document.getElementById("wantNewQuestionnaire");
const btnPreviewQuestionnaire = document.getElementById("previewQuestionnaire"); const btnPreviewQuestionnaire = document.getElementById("previewQuestionnaire");
const divQuestionnaires = document.getElementById("questionnairesList"); const divQuestionnaires = document.getElementById("questionnairesList");
const formSearch = document.getElementById("search"); const formSearch = document.getElementById("search");
const divSearchResult = document.getElementById("searchResult"); const divSearchResult = document.getElementById("searchResult");
const formLink = document.getElementById("links"); const formLink = document.getElementById("links");
const formIllustration = document.getElementById("illustrations"); const formIllustration = document.getElementById("illustrations");
const formQuestion = document.getElementById("questions"); const formQuestion = document.getElementById("questions");
@ -54,16 +55,13 @@ const divLinks = document.getElementById("linksList");
const divIllustrations = document.getElementById("illustrationsList"); const divIllustrations = document.getElementById("illustrationsList");
const divQuestions = document.getElementById("questionsList"); const divQuestions = document.getElementById("questionsList");
helloDev();
const initialise = async () => const initialise = async () =>
{ {
try try
{ {
const config = await getConfig(); const isConnected=await checkSession(["manager", "admin"], "/"+configTemplate.connectionPage, { message: needBeConnected, color:"error" }, window.location);
if(!config)
addElement(divMessage, "p", txt.serverError, "", ["error"]);
else
{
const isConnected=await checkSession(["manager", "admin"], "/"+configFrontEnd.connectionPage, { message: txtUsers.needBeConnected, color:"error" }, window.location);
if(isConnected) if(isConnected)
{ {
divMain.style.display="block"; divMain.style.display="block";
@ -73,13 +71,13 @@ const initialise = async () =>
removeLocaly("message"); removeLocaly("message");
} }
const user=getLocaly("user", true); const user=getLocaly("user", true);
updateAccountLink(user.status, configFrontEnd); updateAccountLink(user.status, configTemplate);
// Initialisation du formulaire de recherche : // Initialisation du formulaire de recherche :
setAttributesToInputs(config, formSearch); setAttributesToInputs(configQuestionnaires, formSearch);
// Initialise le formulaire permettant de mettre à jour les infos de base du questionnaire : // Initialise le formulaire permettant de mettre à jour les infos de base du questionnaire :
setAttributesToInputs(config.Questionnaire, formQuestionnaire); setAttributesToInputs(configQuestionnaires.Questionnaire, formQuestionnaire);
// Case de suppression cachée par défaut, car inutile pour formulaire de création // Case de suppression cachée par défaut, car inutile pour formulaire de création
deleteCheckBox.style.display="none"; deleteCheckBox.style.display="none";
@ -87,8 +85,8 @@ const initialise = async () =>
const hideAllForms = () => const hideAllForms = () =>
{ {
empyAndHideForm(formLink); empyAndHideForm(formLink);
if(txtLink.defaultValue!=0) if(defaultValueForLink!=0)
document.getElementById("anchor").value=txtLink.defaultValue; document.getElementById("anchor").value=defaultValueForLink;
empyAndHideForm(formIllustration); empyAndHideForm(formIllustration);
empyAndHideForm(formQuestion); empyAndHideForm(formQuestion);
} }
@ -97,13 +95,13 @@ const initialise = async () =>
// Affiche les infos connues concernant les liens // Affiche les infos connues concernant les liens
const showLinkInfos = (Links) => const showLinkInfos = (Links) =>
{ {
addElement(divLinks, "h4", txtLink.introTitle);// remplace l'existant dans divLinks addElement(divLinks, "h2", introTitleForLink);
let listLinks=""; let listLinks="";
for(let i in Links) for(let i in Links)
listLinks+="<li><a href='"+Links[i].url+"' target='_blank'>"+Links[i].anchor+"</a> | <a href='#updateLink"+Links[i].id+"' id='#updateLink"+Links[i].id+"' >"+txt.updateBtnTxt+"</a> | <a href='#deleteLink"+Links[i].id+"' id='#deleteLink"+Links[i].id+"' >"+txt.deleteBtnTxt+"</a></li>"; listLinks+="<li><a href='"+Links[i].url+"' target='_blank'>"+Links[i].anchor+"</a><br><a href='#updateLink"+Links[i].id+"' id='#updateLink"+Links[i].id+"' class='button' >"+updateBtnTxt+"</a> <a href='#deleteLink"+Links[i].id+"' id='#deleteLink"+Links[i].id+"' class='button' >"+deleteBtnTxt+"</a></li>";
if(listLinks==="") if(listLinks==="")
listLinks="<li>"+txtLink.introNoLink+"</li>"; listLinks="<li>"+introNoLink+"</li>";
addElement(divLinks, "ul", listLinks, "", ["information"], "", false);// à intégrer dans le DOM pour pouvoir ajouter des addEventListener ensuite addElement(divLinks, "ul", listLinks, "", [], "", false);// à intégrer d'abord dans le DOM pour pouvoir ajouter des Listeners ensuite
for(let i in Links) for(let i in Links)
{ {
document.getElementById("#updateLink"+Links[i].id).addEventListener("click", function(e) document.getElementById("#updateLink"+Links[i].id).addEventListener("click", function(e)
@ -122,18 +120,16 @@ const initialise = async () =>
} }
if(config.nbLinksMax > Links.length || config.nbLinksMax===0) if(config.nbLinksMax > Links.length || config.nbLinksMax===0)
{ {
if(Links.length < config.nbLinksMin) let newBtn="<a href='#newLink' id='newLink' class='button'>"+addLinkTxt+"</a>";
addElement(divLinks, "a", txt.addBtnTxt, "#newLink", ["error"], { href:"#newLink" }, false); addElement(divLinks, "p", newBtn, "", [], { }, false);
else document.getElementById("newLink").addEventListener("click", function(e)
addElement(divLinks, "a", txt.addBtnTxt, "#newLink", ["information"], { href:"#newLink" }, false);
document.getElementById("#newLink").addEventListener("click", function(e)
{ {
e.preventDefault(); e.preventDefault();
hideAllForms(); hideAllForms();
formLink.style.display="block"; formLink.style.display="block";
formLink.elements["QuestionnaireId"].value=formQuestionnaire.elements["id"].value; formLink.elements["QuestionnaireId"].value=formQuestionnaire.elements["id"].value;
window.location.assign("#links"); window.location.assign("#links");
setAttributesToInputs(config.Link, formLink); setAttributesToInputs(configLinks, formLink);
}); });
} }
} }
@ -141,13 +137,13 @@ const initialise = async () =>
// Affiche les infos connues concernant les illustrations // Affiche les infos connues concernant les illustrations
const showIllustrationInfos = (Illustrations) => const showIllustrationInfos = (Illustrations) =>
{ {
addElement(divIllustrations, "h4", txtIllustration.introTitle);// remplace l'existant dans divIllustrations addElement(divIllustrations, "h2", introTitleForIllustration);
let listIllustrations=""; let listIllustrations="";
for(let i in Illustrations) for(let i in Illustrations)
listIllustrations+="<li><a href='"+configFrontEnd.illustrationDir+Illustrations[i].url+"' target='_blank'><img src='"+configFrontEnd.illustrationDir+Illustrations[i].url+"' alt='"+txtIllustration.defaultAlt+"' style='max-height:150px'></a> | <a href='#updateIllustration"+Illustrations[i].id+"' id='#updateIllustration"+Illustrations[i].id+"' >"+txt.updateBtnTxt+"</a> | <a href='#deleteIllustration"+Illustrations[i].id+"' id='#deleteIllustration"+Illustrations[i].id+"' >"+txt.deleteBtnTxt+"</a></li>"; listIllustrations+="<li><a href='"+configTemplate.illustrationDir+Illustrations[i].url+"' target='_blank'><img src='"+configTemplate.illustrationDir+Illustrations[i].url+"' alt='"+defaultAlt+"' style='max-height:150px'></a><br><a href='#updateIllustration"+Illustrations[i].id+"' id='#updateIllustration"+Illustrations[i].id+"' class='button'>"+updateBtnTxt+"</a> <a href='#deleteIllustration"+Illustrations[i].id+"' id='#deleteIllustration"+Illustrations[i].id+"' class='button'>"+deleteBtnTxt+"</a></li>";
if(listIllustrations==="") if(listIllustrations==="")
listIllustrations="<li>"+txtIllustration.introNoIllustration+"</li>"; listIllustrations="<li>"+introNoIllustration+"</li>";
addElement(divIllustrations, "ul", listIllustrations, "", ["information"], "", false);// à intégrer dans le DOM pour pouvoir ajouter des addEventListener ensuite addElement(divIllustrations, "ul", listIllustrations, "", [], "", false);// à intégrer d'abord dans le DOM pour pouvoir ajouter des Listeners ensuite
for(let i in Illustrations) for(let i in Illustrations)
{ {
document.getElementById("#updateIllustration"+Illustrations[i].id).addEventListener("click", function(e) document.getElementById("#updateIllustration"+Illustrations[i].id).addEventListener("click", function(e)
@ -166,18 +162,16 @@ const initialise = async () =>
} }
if(config.nbIllustrationsMax > Illustrations.length || config.nbIllustrationsMax===0) if(config.nbIllustrationsMax > Illustrations.length || config.nbIllustrationsMax===0)
{ {
if(Illustrations.length < config.nbIllustrationsMin) let newBtn="<a href='#newIllustration' id='newIllustration' class='button'>"+addIllustrationTxt+"</a>";
addElement(divIllustrations, "a", txt.addBtnTxt, "#newIllustration", ["error"], { href:"#newIllustration" }, false); addElement(divIllustrations, "p", newBtn, "", [], { }, false);
else document.getElementById("newIllustration").addEventListener("click", function(e)
addElement(divIllustrations, "a", txt.addBtnTxt, "#newIllustration", ["information"], { href:"#newIllustration" }, false);
document.getElementById("#newIllustration").addEventListener("click", function(e)
{ {
e.preventDefault(); e.preventDefault();
hideAllForms(); hideAllForms();
formIllustration.style.display="block"; formIllustration.style.display="block";
formIllustration.elements["QuestionnaireId"].value=formQuestionnaire.elements["id"].value; formIllustration.elements["QuestionnaireId"].value=formQuestionnaire.elements["id"].value;
window.location.assign("#illustrations"); window.location.assign("#illustrations");
setAttributesToInputs(config.Illustration, formIllustration); setAttributesToInputs(configIllustrations, formIllustration);
}); });
} }
} }
@ -185,13 +179,13 @@ const initialise = async () =>
// Affiche les infos connues concernant les questions // Affiche les infos connues concernant les questions
const showQuestionInfos = (Questions) => const showQuestionInfos = (Questions) =>
{ {
addElement(divQuestions, "h4", txtQuestion.introTitle);// remplace l'existant dans divQuestions addElement(divQuestions, "h2", introTitleForQuestion);
let listQuestions=""; let listQuestions="";
for(let i in Questions) for(let i in Questions)
listQuestions+="<li>"+Questions[i].Question.rank+" - "+Questions[i].Question.text+" | <a href='#updateQuestion"+Questions[i].Question.id+"' id='#updateQuestion"+Questions[i].Question.id+"' >"+txt.updateBtnTxt+"</a> | <a href='#deleteQuestion"+Questions[i].Question.id+"' id='#deleteQuestion"+Questions[i].Question.id+"' >"+txt.deleteBtnTxt+"</a></li>"; listQuestions+="<li>"+Questions[i].Question.rank+" - "+Questions[i].Question.text+"<br><a href='#updateQuestion"+Questions[i].Question.id+"' id='#updateQuestion"+Questions[i].Question.id+"' class='button'>"+updateBtnTxt+"</a> <a href='#deleteQuestion"+Questions[i].Question.id+"' id='#deleteQuestion"+Questions[i].Question.id+"' class='button'>"+deleteBtnTxt+"</a></li>";
if(listQuestions==="") if(listQuestions==="")
listQuestions="<li>"+txtQuestion.introNoQuestion+"</li>"; listQuestions="<li>"+introNoQuestion+"</li>";
addElement(divQuestions, "ul", listQuestions, "", ["information"], "", false);// à intégrer dans le DOM pour pouvoir ajouter des addEventListener ensuite addElement(divQuestions, "ul", listQuestions, "", [], "", false);// à intégrer d'abord dans le DOM pour pouvoir ajouter des Listeners ensuite
for(let i in Questions) for(let i in Questions)
{ {
document.getElementById("#updateQuestion"+Questions[i].Question.id).addEventListener("click", function(e) document.getElementById("#updateQuestion"+Questions[i].Question.id).addEventListener("click", function(e)
@ -208,22 +202,19 @@ const initialise = async () =>
sendQuestionForm(); sendQuestionForm();
}); });
} }
if(config.nbQuestionsMax > Questions.length || config.nbQuestionsMax===0) if(config.nbQuestionsMax > Questions.length || config.nbQuestionsMax===0)
{ {
if(Questions.length < config.nbQuestionsMin) let newBtn="<a href='#newQuestion' id='newQuestion' class='button'>"+addQuestionTxt+"</a>";
addElement(divQuestions, "a", txt.addBtnTxt, "#newQuestion", ["error"], { href:"#newQuestion" }, false); addElement(divQuestions, "p", newBtn, "", [], { }, false);
else document.getElementById("newQuestion").addEventListener("click", function(e)
addElement(divQuestions, "a", txt.addBtnTxt, "#newQuestion", ["information"], { href:"#newQuestion" }, false);
document.getElementById("#newQuestion").addEventListener("click", function(e)
{ {
e.preventDefault(); e.preventDefault();
hideAllForms(); hideAllForms();
formQuestion.style.display="block"; formQuestion.style.display="block";
formQuestion.elements["QuestionnaireId"].value=formQuestionnaire.elements["id"].value; formQuestion.elements["QuestionnaireId"].value=formQuestionnaire.elements["id"].value;
formQuestion.elements["rank"].value=(Questions.length===0) ? config.Question.rank.defaultValue : Questions.length+1; formQuestion.elements["rank"].value=(Questions.length===0) ? configQuestionnaires.Question.rank.defaultValue : Questions.length+1;
window.location.assign("#questions"); window.location.assign("#questions");
setAttributesToInputs(config.Question, formQuestion); setAttributesToInputs(configQuestionnaires.Question, formQuestion);
}); });
} }
} }
@ -235,13 +226,13 @@ const initialise = async () =>
hideAllForms(); hideAllForms();
// puis on affiche celui dont l'id est passé avec ses données connues // puis on affiche celui dont l'id est passé avec ses données connues
formLink.style.display="block"; formLink.style.display="block";
// + les contraintes de champ & valeurs par défaut :
setAttributesToInputs(configLinks, formLink);
for(let data in Link) for(let data in Link)
{ {
if(formLink.elements[data]!==undefined) if(formLink.elements[data]!==undefined)
formLink.elements[data].value=Link[data]; formLink.elements[data].value=Link[data];
} }
// + les contraintes de champ :
setAttributesToInputs(config.Link, formLink);
} }
// Fonction affichant les infos d'une illustration dans le formulaire adhoc // Fonction affichant les infos d'une illustration dans le formulaire adhoc
@ -251,15 +242,15 @@ const initialise = async () =>
hideAllForms(); hideAllForms();
// puis on affiche celui dont l'id est passé avec ses données connues // puis on affiche celui dont l'id est passé avec ses données connues
formIllustration.style.display="block"; formIllustration.style.display="block";
// + les contraintes de champ & valeurs par défaut :
setAttributesToInputs(configIllustrations, formIllustration);
// !! le champ file qui n'est plus requis, quand un fichier existe déjà !
formIllustration.elements["image"].removeAttribute("required");
for(let data in Illustration) for(let data in Illustration)
{ {
if(formIllustration.elements[data]!==undefined) if(formIllustration.elements[data]!==undefined)
formIllustration.elements[data].value=Illustration[data]; formIllustration.elements[data].value=Illustration[data];
} }
// + les contraintes de champ :
setAttributesToInputs(config.Illustration, formIllustration);
// sauf le champ file qui n'est plus requis quand un fichier existe déjà !
formIllustration.elements["image"].removeAttribute("required");
} }
// Fonction affichant les infos d'une question + ses réponses possibles dans le formulaire adhoc // Fonction affichant les infos d'une question + ses réponses possibles dans le formulaire adhoc
@ -274,6 +265,8 @@ const initialise = async () =>
if(formQuestion.elements[data]!==undefined) if(formQuestion.elements[data]!==undefined)
formQuestion.elements[data].value=Question.Question[data]; formQuestion.elements[data].value=Question.Question[data];
} }
// + les contraintes de champ & valeurs par défaut :
setAttributesToInputs(configQuestionnaires.Question, formQuestion);
for(let data in Question.Choices) for(let data in Question.Choices)
{ {
if(formQuestion.elements["choiceText"+data]!==undefined) if(formQuestion.elements["choiceText"+data]!==undefined)
@ -284,15 +277,13 @@ const initialise = async () =>
formQuestion.elements["idChoice"+data].value=Question.Choices[data].id; formQuestion.elements["idChoice"+data].value=Question.Choices[data].id;
} }
} }
// + les contraintes de champ :
setAttributesToInputs(config.Question, formQuestion);
} }
// Fonction affichant les infos connues concernant un questionnaire et ses dépendances // Fonction affichant les infos connues concernant un questionnaire et ses dépendances
const showFormQuestionnaireInfos = (id) => const showFormQuestionnaireInfos = (id) =>
{ {
const xhrGetInfos = new XMLHttpRequest(); const xhrGetInfos = new XMLHttpRequest();
xhrGetInfos.open("GET", apiUrl+config.questionnaireRoutes+config.getQuestionnaireRoutes+"/"+id); xhrGetInfos.open("GET", apiUrl+configQuestionnaires.questionnaireRoutes+configQuestionnaires.getQuestionnaireRoutes+"/"+id);
xhrGetInfos.onreadystatechange = function() xhrGetInfos.onreadystatechange = function()
{ {
if (this.readyState == XMLHttpRequest.DONE) if (this.readyState == XMLHttpRequest.DONE)
@ -300,7 +291,7 @@ const initialise = async () =>
let response=JSON.parse(this.responseText); let response=JSON.parse(this.responseText);
if (this.status === 200 && response.Questionnaire != undefined) if (this.status === 200 && response.Questionnaire != undefined)
{ {
formQuestionnaire.reset();// pour ne pas garder données déjà affichées si vide dans ce qui est retourné formQuestionnaire.reset();// pour ne pas garder les données déjà affichées si vide dans ce qui est retourné
for(let data in response.Questionnaire) for(let data in response.Questionnaire)
{ {
if(formQuestionnaire.elements[data]!==undefined) if(formQuestionnaire.elements[data]!==undefined)
@ -337,12 +328,12 @@ const initialise = async () =>
helpPublishingAt.style.display="none";// info utile pour "placer" un nouveau quiz helpPublishingAt.style.display="none";// info utile pour "placer" un nouveau quiz
// à revoir : remplacer lien pour un bouton + reset complet du formulaire, y compris champs hidden : // à revoir : remplacer lien pour un bouton + reset complet du formulaire, y compris champs hidden :
btnNewQuestionnaire.style.display="block"; btnNewQuestionnaire.style.display="block";
btnNewQuestionnaire.setAttribute("href", configFrontEnd.questionnairesManagementPage); btnNewQuestionnaire.setAttribute("href", configTemplate.questionnairesManagementPage);
btnPreviewQuestionnaire.style.display="block"; btnPreviewQuestionnaire.style.display="block";
if(response.Questionnaire["isPublished"]===false) if(response.Questionnaire["isPublished"]===false)
btnPreviewQuestionnaire.setAttribute("href", apiUrl+config.questionnaireRoutes+config.previewQuestionnaireRoutes+"/"+id+"/"+user.token); btnPreviewQuestionnaire.setAttribute("href", apiUrl+configQuestionnaires.questionnaireRoutes+configQuestionnaires.previewQuestionnaireRoutes+"/"+id+"/"+user.token);
else else
btnPreviewQuestionnaire.setAttribute("href", config.siteUrl+config.publishedQuestionnaireRoutes+response.Questionnaire["slug"]+".html"); btnPreviewQuestionnaire.setAttribute("href", config.siteUrl+configQuestionnaires.publishedQuestionnaireRoutes+response.Questionnaire["slug"]+".html");
} }
} }
xhrGetInfos.send(); xhrGetInfos.send();
@ -359,7 +350,7 @@ const initialise = async () =>
e.preventDefault(); e.preventDefault();
let datas=getDatasFromInputs(formSearch); let datas=getDatasFromInputs(formSearch);
const xhrSearch = new XMLHttpRequest(); const xhrSearch = new XMLHttpRequest();
xhrSearch.open("POST", apiUrl+config.questionnaireRoutes+config.searchAdminQuestionnairesRoute); xhrSearch.open("POST", apiUrl+configQuestionnaires.questionnaireRoutes+configQuestionnaires.searchAdminQuestionnairesRoute);
xhrSearch.onreadystatechange = function() xhrSearch.onreadystatechange = function()
{ {
if (this.readyState == XMLHttpRequest.DONE) if (this.readyState == XMLHttpRequest.DONE)
@ -368,7 +359,7 @@ const initialise = async () =>
if (this.status === 200 && Array.isArray(response)) if (this.status === 200 && Array.isArray(response))
{ {
if(response.length===0) if(response.length===0)
addElement(divSearchResult, "p", txtQuestionnaire.notFound, "", ["information"]); addElement(divSearchResult, "p", searchQuestionnaireWithNoResult, "", ["info"]);
else else
{ {
let selectHTML="<option value=''></option>"; let selectHTML="<option value=''></option>";
@ -384,7 +375,7 @@ const initialise = async () =>
} }
} }
else else
addElement(divSearchResult, "p", txt.serverError, "", ["error"]); addElement(divSearchResult, "p", serverError, "", ["error"]);
} }
} }
xhrSearch.setRequestHeader("Content-Type", "application/json"); xhrSearch.setRequestHeader("Content-Type", "application/json");
@ -397,7 +388,7 @@ const initialise = async () =>
const showNextQuestionnaires = () => const showNextQuestionnaires = () =>
{ {
const xhrNextQuestionnaires = new XMLHttpRequest(); const xhrNextQuestionnaires = new XMLHttpRequest();
xhrNextQuestionnaires.open("GET", apiUrl+config.questionnaireRoutes+config.getListNextQuestionnaires); xhrNextQuestionnaires.open("GET", apiUrl+configQuestionnaires.questionnaireRoutes+configQuestionnaires.getListNextQuestionnaires);
xhrNextQuestionnaires.onreadystatechange = function() xhrNextQuestionnaires.onreadystatechange = function()
{ {
if (this.readyState == XMLHttpRequest.DONE) if (this.readyState == XMLHttpRequest.DONE)
@ -409,14 +400,14 @@ const initialise = async () =>
for(let i in response.questionnaires) for(let i in response.questionnaires)
{ {
dayStr=new Intl.DateTimeFormat(lang, optionsDayStr).format(new Date(response.questionnaires[i].datePublishing)); dayStr=new Intl.DateTimeFormat(lang, optionsDayStr).format(new Date(response.questionnaires[i].datePublishing));
listHTML+="<li>"+dayStr+" "+dateFormat(response.questionnaires[i].datePublishing, "fr")+": <a href='"+configFrontEnd.questionnairesManagementPage+"?id="+response.questionnaires[i].id+"' id='questionnaire_"+response.questionnaires[i].id+"'>"+response.questionnaires[i].title+"</a>"; listHTML+="<li>"+dayStr+" "+dateFormat(response.questionnaires[i].datePublishing, "fr")+": <a href='"+configTemplate.questionnairesManagementPage+"?id="+response.questionnaires[i].id+"' id='questionnaire_"+response.questionnaires[i].id+"'>"+response.questionnaires[i].title+"</a>";
if(response.questionnaires[i].isPublishable===false) if(response.questionnaires[i].isPublishable===false)
listHTML+=" <span class='error'>("+txtQuestionnaire.needBeCompleted+")</li>"; listHTML+=" <span class='error'>("+questionnaireNeedBeCompleted+")</li>";
listHTML+="</li>"; listHTML+="</li>";
} }
if(response.questionnaires.length!==0) if(response.questionnaires.length!==0)
addElement(divQuestionnaires, "h3", txtQuestionnaire.nextQuestionnairesList.replace("#NB", response.questionnaires.length)); addElement(divQuestionnaires, "h3", nextQuestionnairesList.replace("#NB", response.questionnaires.length));
addElement(helpPublishingAt, "em", txtQuestionnaire.nextDateWithoutQuestionnaire+dateFormat(new Date(response.dateNeeded), "fr")); addElement(helpPublishingAt, "em", nextDateWithoutQuestionnaire+dateFormat(new Date(response.dateNeeded), "fr"));
addElement(divQuestionnaires, "ul", listHTML, "", "", "", false); addElement(divQuestionnaires, "ul", listHTML, "", "", "", false);
for(let i in response.questionnaires) for(let i in response.questionnaires)
{ {
@ -444,10 +435,10 @@ const initialise = async () =>
const lastTag=tags[0].trim(); const lastTag=tags[0].trim();
if(lastTag.length >= 2) if(lastTag.length >= 2)
{ {
// à revoir : importer la liste des tags lors de l'initialisation pour éviter les appels multiples // à revoir : importer la liste des tags lors de l'initialisation pour éviter les appels multiples ?
// mais dans ce cas actualiser cette liste après chaque mise à jour. // mais dans ce cas actualiser cette liste après chaque mise à jour.
const xhrSearchTags = new XMLHttpRequest(); const xhrSearchTags = new XMLHttpRequest();
xhrSearchTags.open("POST", apiUrl+config.questionnaireRoutes+config.tagsSearchRoute); xhrSearchTags.open("POST", apiUrl+configQuestionnaires.questionnaireRoutes+configQuestionnaires.tagsSearchRoute);
xhrSearchTags.onreadystatechange = function() xhrSearchTags.onreadystatechange = function()
{ {
if (this.readyState == XMLHttpRequest.DONE) if (this.readyState == XMLHttpRequest.DONE)
@ -458,7 +449,7 @@ const initialise = async () =>
helpClassification.innerHTML=""; helpClassification.innerHTML="";
for(let i in response) for(let i in response)
{ {
addElement(helpClassification, "a", response[i].name, "#tag"+response[i].id, ["information"], { href:"#tag"+response[i].id }, false); addElement(helpClassification, "a", response[i].name, "#tag"+response[i].id, ["info"], { href:"#tag"+response[i].id }, false);
document.getElementById("#tag"+response[i].id).addEventListener("click", function(e) document.getElementById("#tag"+response[i].id).addEventListener("click", function(e)
{ {
e.preventDefault(); e.preventDefault();
@ -485,11 +476,11 @@ const initialise = async () =>
let datas=getDatasFromInputs(formQuestionnaire); let datas=getDatasFromInputs(formQuestionnaire);
const xhrQuestionnaireDatas = new XMLHttpRequest(); const xhrQuestionnaireDatas = new XMLHttpRequest();
if(!isEmpty(datas.id) && (datas.deleteOk!==undefined)) if(!isEmpty(datas.id) && (datas.deleteOk!==undefined))
xhrQuestionnaireDatas.open("DELETE", apiUrl+config.questionnaireRoutes+"/"+datas.id); xhrQuestionnaireDatas.open("DELETE", apiUrl+configQuestionnaires.questionnaireRoutes+"/"+datas.id);
else if(!isEmpty(datas.id)) else if(!isEmpty(datas.id))
xhrQuestionnaireDatas.open("PUT", apiUrl+config.questionnaireRoutes+"/"+datas.id); xhrQuestionnaireDatas.open("PUT", apiUrl+configQuestionnaires.questionnaireRoutes+"/"+datas.id);
else else
xhrQuestionnaireDatas.open("POST", apiUrl+config.questionnaireRoutes+"/"); xhrQuestionnaireDatas.open("POST", apiUrl+configQuestionnaires.questionnaireRoutes+"/");
xhrQuestionnaireDatas.onreadystatechange = function() xhrQuestionnaireDatas.onreadystatechange = function()
{ {
if (this.readyState == XMLHttpRequest.DONE) if (this.readyState == XMLHttpRequest.DONE)
@ -497,7 +488,7 @@ const initialise = async () =>
let response=JSON.parse(this.responseText); let response=JSON.parse(this.responseText);
if (this.status === 201 && response.id!=undefined) if (this.status === 201 && response.id!=undefined)
{ {
addElement(divResponse, "p", txt.addOkMessage, "", ["success"]); addElement(divResponse, "p", addOkMessage, "", ["success"]);
datas.id=response.id; datas.id=response.id;
showNextQuestionnaires();// peut avoir évolué suivant ce qui s'est passé showNextQuestionnaires();// peut avoir évolué suivant ce qui s'est passé
} }
@ -515,11 +506,11 @@ const initialise = async () =>
if(Array.isArray(response.errors)) if(Array.isArray(response.errors))
response.errors = response.errors.join("<br>"); response.errors = response.errors.join("<br>");
else else
response.errors = txt.serverError; response.errors = serverError;
addElement(divResponse, "p", response.errors, "", ["error"]); addElement(divResponse, "p", response.errors, "", ["error"]);
} }
else else
addElement(divResponse, "p", txt.serverError, "", ["error"]); addElement(divResponse, "p", serverError, "", ["error"]);
if(datas.deleteOk===undefined) if(datas.deleteOk===undefined)
showFormQuestionnaireInfos(datas.id); showFormQuestionnaireInfos(datas.id);
else else
@ -540,11 +531,11 @@ const initialise = async () =>
let datas=getDatasFromInputs(formLink); let datas=getDatasFromInputs(formLink);
const xhrLinkDatas = new XMLHttpRequest(); const xhrLinkDatas = new XMLHttpRequest();
if(!isEmpty(datas.id) && (!isEmpty(datas.deleteOk))) if(!isEmpty(datas.id) && (!isEmpty(datas.deleteOk)))
xhrLinkDatas.open("DELETE", apiUrl+config.linksRoute+datas.id); xhrLinkDatas.open("DELETE", apiUrl+configLinks.linksRoute+datas.id);
else if(!isEmpty(datas.id)) else if(!isEmpty(datas.id))
xhrLinkDatas.open("PUT", apiUrl+config.linksRoute+datas.id); xhrLinkDatas.open("PUT", apiUrl+configLinks.linksRoute+datas.id);
else else
xhrLinkDatas.open("POST", apiUrl+config.linksRoute); xhrLinkDatas.open("POST", apiUrl+configLinks.linksRoute);
xhrLinkDatas.onreadystatechange = function() xhrLinkDatas.onreadystatechange = function()
{ {
if (this.readyState == XMLHttpRequest.DONE) if (this.readyState == XMLHttpRequest.DONE)
@ -567,11 +558,11 @@ const initialise = async () =>
if(Array.isArray(response.errors)) if(Array.isArray(response.errors))
response.errors = response.errors.join("<br>"); response.errors = response.errors.join("<br>");
else else
response.errors = txt.serverError; response.errors = serverError;
addElement(divResponseLink, "p", response.errors, "", ["error"]); addElement(divResponseLink, "p", response.errors, "", ["error"]);
} }
else else
addElement(divResponseLink, "p", txt.serverError, "", ["error"]); addElement(divResponseLink, "p", serverError, "", ["error"]);
} }
} }
xhrLinkDatas.setRequestHeader("Content-Type", "application/json"); xhrLinkDatas.setRequestHeader("Content-Type", "application/json");
@ -584,7 +575,7 @@ const initialise = async () =>
sendLinkForm(); sendLinkForm();
}); });
// L'envoi des données d'un lien peut être généré par le bouton formulaire ou par le lien supprimer // L'envoi des données d'une illustration peut être généré par le bouton formulaire ou par le lien supprimer
const sendIllustrationForm = () => const sendIllustrationForm = () =>
{ {
const divResponseIllustration=document.getElementById("responseIllustration"); const divResponseIllustration=document.getElementById("responseIllustration");
@ -593,11 +584,11 @@ const initialise = async () =>
let datasWithFiles=new FormData(formIllustration); // il me manque les informations du fichier avec ma fonction getDatasFromInputs let datasWithFiles=new FormData(formIllustration); // il me manque les informations du fichier avec ma fonction getDatasFromInputs
const xhrIllustrationDatas = new XMLHttpRequest(); const xhrIllustrationDatas = new XMLHttpRequest();
if(!isEmpty(datas.id) && (!isEmpty(datas.deleteOk))) if(!isEmpty(datas.id) && (!isEmpty(datas.deleteOk)))
xhrIllustrationDatas.open("DELETE", apiUrl+config.illustrationsRoute+datas.id); xhrIllustrationDatas.open("DELETE", apiUrl+configIllustrations.illustrationsRoute+datas.id);
else if(!isEmpty(datas.id)) else if(!isEmpty(datas.id))
xhrIllustrationDatas.open("PUT", apiUrl+config.illustrationsRoute+datas.id); xhrIllustrationDatas.open("PUT", apiUrl+configIllustrations.illustrationsRoute+datas.id);
else else
xhrIllustrationDatas.open("POST", apiUrl+config.illustrationsRoute); xhrIllustrationDatas.open("POST", apiUrl+configIllustrations.illustrationsRoute);
xhrIllustrationDatas.onreadystatechange = function() xhrIllustrationDatas.onreadystatechange = function()
{ {
if (this.readyState == XMLHttpRequest.DONE) if (this.readyState == XMLHttpRequest.DONE)
@ -620,11 +611,11 @@ const initialise = async () =>
if(Array.isArray(response.errors)) if(Array.isArray(response.errors))
response.errors = response.errors.join("<br>"); response.errors = response.errors.join("<br>");
else else
response.errors = txt.serverError; response.errors = serverError;
addElement(divResponseIllustration, "p", response.errors, "", ["error"]); addElement(divResponseIllustration, "p", response.errors, "", ["error"]);
} }
else else
addElement(divResponseIllustration, "p", txt.serverError, "", ["error"]); addElement(divResponseIllustration, "p", serverError, "", ["error"]);
} }
} }
xhrIllustrationDatas.setRequestHeader("Authorization", "Bearer "+user.token); xhrIllustrationDatas.setRequestHeader("Authorization", "Bearer "+user.token);
@ -636,7 +627,6 @@ const initialise = async () =>
sendIllustrationForm(); sendIllustrationForm();
}); });
// L'envoi des données d'une question et de ses réponse qui peut être généré par le bouton submit ou par le lien supprimer // L'envoi des données d'une question et de ses réponse qui peut être généré par le bouton submit ou par le lien supprimer
const sendQuestionForm = () => const sendQuestionForm = () =>
{ {
@ -645,11 +635,11 @@ const initialise = async () =>
let datas=getDatasFromInputs(formQuestion); let datas=getDatasFromInputs(formQuestion);
const xhrQuestionDatas = new XMLHttpRequest(); const xhrQuestionDatas = new XMLHttpRequest();
if(!isEmpty(datas.id) && (!isEmpty(datas.deleteOk))) if(!isEmpty(datas.id) && (!isEmpty(datas.deleteOk)))
xhrQuestionDatas.open("DELETE", apiUrl+config.questionsRoute+datas.id); xhrQuestionDatas.open("DELETE", apiUrl+configQuestionnaires.questionsRoute+datas.id);
else if(!isEmpty(datas.id)) else if(!isEmpty(datas.id))
xhrQuestionDatas.open("PUT", apiUrl+config.questionsRoute+datas.id); xhrQuestionDatas.open("PUT", apiUrl+configQuestionnaires.questionsRoute+datas.id);
else else
xhrQuestionDatas.open("POST", apiUrl+config.questionsRoute); xhrQuestionDatas.open("POST", apiUrl+configQuestionnaires.questionsRoute);
xhrQuestionDatas.onreadystatechange = function() xhrQuestionDatas.onreadystatechange = function()
{ {
if (this.readyState == XMLHttpRequest.DONE) if (this.readyState == XMLHttpRequest.DONE)
@ -672,11 +662,11 @@ const initialise = async () =>
if(Array.isArray(response.errors)) if(Array.isArray(response.errors))
response.errors = response.errors.join("<br>"); response.errors = response.errors.join("<br>");
else else
response.errors = txt.serverError; response.errors = serverError;
addElement(divResponseQuestion, "p", response.errors, "", ["error"]); addElement(divResponseQuestion, "p", response.errors, "", ["error"]);
} }
else else
addElement(divResponseQuestion, "p", txt.serverError, "", ["error"]); addElement(divResponseQuestion, "p", serverError, "", ["error"]);
} }
} }
xhrQuestionDatas.setRequestHeader("Content-Type", "application/json"); xhrQuestionDatas.setRequestHeader("Content-Type", "application/json");
@ -690,11 +680,10 @@ const initialise = async () =>
}); });
} }
} }
}
catch(e) catch(e)
{ {
console.error(e); console.error(e);
addElement(divMessage, "p", txt.serverError, "", ["error"]); addElement(divCrash, "p", serverError, "", ["error"]);
} }
} }
initialise(); initialise();

3
lang/fr/illustration.js
View File

@ -1,5 +1,6 @@
module.exports = module.exports =
{ {
addIllustrationTxt: "Ajouter une illustration",
needUrl : "Merci de fournir une url pour l'image.", needUrl : "Merci de fournir une url pour l'image.",
needUniqueUrl : "L'url est déjà utilisée par une autre image.", needUniqueUrl : "L'url est déjà utilisée par une autre image.",
needGoodLongUrl : "L'url de l'image doit contenir entre 5 et 255 caractères.", needGoodLongUrl : "L'url de l'image doit contenir entre 5 et 255 caractères.",
@ -14,6 +15,6 @@ module.exports =
updatedOkMessage: "L'illustration a bien été modifiée.", updatedOkMessage: "L'illustration a bien été modifiée.",
deletedOkMessage: "L'illustration a bien été supprimée.", deletedOkMessage: "L'illustration a bien été supprimée.",
defaultAlt : "Illustration du quiz", defaultAlt : "Illustration du quiz",
introTitle : "Illustrations du quiz", introTitleForIllustration : "Illustrations du quiz",
introNoIllustration : "Aucune illustration pour l'instant." introNoIllustration : "Aucune illustration pour l'instant."
}; };

5
lang/fr/link.js
View File

@ -1,5 +1,6 @@
module.exports = module.exports =
{ {
addLinkTxt: "Ajouter un lien",
needUrl : "Merci de saisir l'url du lien.", needUrl : "Merci de saisir l'url du lien.",
needValidUrl : "Merci de saisir un url ayant un format valide.", needValidUrl : "Merci de saisir un url ayant un format valide.",
needNotTooLongUrl : "Merci de saisir un url ne comptant pas plus de 255 caractères.", needNotTooLongUrl : "Merci de saisir un url ne comptant pas plus de 255 caractères.",
@ -11,7 +12,7 @@ module.exports =
addedOkMessage: "Le lien a bien été ajouté.", addedOkMessage: "Le lien a bien été ajouté.",
deletedOkMessage: "Le lien a bien été supprimé.", deletedOkMessage: "Le lien a bien été supprimé.",
notFound : "L'enregistrement du lien n'a pas été trouvé.", notFound : "L'enregistrement du lien n'a pas été trouvé.",
introTitle : "Lectures proposées", introTitleForLink : "Lectures proposées",
introNoLink : "Aucun lien pour l'instant.", introNoLink : "Aucun lien pour l'instant.",
defaultValue: "Lire l'article sur Wikipédia." defaultValueForLink: "Lire l'article sur Wikipédia."
}; };

3
lang/fr/question.js
View File

@ -1,5 +1,6 @@
module.exports = module.exports =
{ {
addQuestionTxt: "Ajouter une question",
needText: "Merci de saisir le texte de la question !", needText: "Merci de saisir le texte de la question !",
needNotTooLongText: "La question ne doit pas compter plus de 255 caractères.", needNotTooLongText: "La question ne doit pas compter plus de 255 caractères.",
needQuestionnaire: "Le questionnaire concerné n'a pas été trouvé.", needQuestionnaire: "Le questionnaire concerné n'a pas été trouvé.",
@ -8,7 +9,7 @@ module.exports =
addOkMessage: "La question a bien été ajoutée.", addOkMessage: "La question a bien été ajoutée.",
updateOkMessage: "La question a bien été modifiée.", updateOkMessage: "La question a bien été modifiée.",
deleteOkMessage: "La question a bien été supprimée.", deleteOkMessage: "La question a bien été supprimée.",
introTitle: "Les questions enregistrées", introTitleForQuestion: "Les questions enregistrées",
introNoQuestion: "Aucune question n'a été saisie pour l'instant", introNoQuestion: "Aucune question n'a été saisie pour l'instant",
needNumberForRank : "Vous devez fournir un nombre supérieur ou égal à 1 pour le rang de cette question." needNumberForRank : "Vous devez fournir un nombre supérieur ou égal à 1 pour le rang de cette question."
}; };

4
lang/fr/questionnaire.js
View File

@ -11,7 +11,7 @@ module.exports =
needEstimatedTime: "Merci de sélectionner une estimation de la durée de ce quiz.", needEstimatedTime: "Merci de sélectionner une estimation de la durée de ce quiz.",
notFound : "Aucun quiz n'a pas été trouvé.", notFound : "Aucun quiz n'a pas été trouvé.",
searchResultTitle : "Résultat pour votre recherche", searchResultTitle : "Résultat pour votre recherche",
searchNoResult : "Aucun résultat n'a été trouvé pour votre recherche", searchQuestionnaireWithNoResult : "Aucun quiz n'a été trouvé pour votre recherche.",
searchWithResult : "Voici #NB quizs pour votre recherche :", searchWithResult : "Voici #NB quizs pour votre recherche :",
questionnairesName: "quiz", questionnairesName: "quiz",
publishedBy: "Quiz publié par", publishedBy: "Quiz publié par",
@ -33,7 +33,7 @@ module.exports =
btnShowQuestionnaire: "Afficher le quiz !", btnShowQuestionnaire: "Afficher le quiz !",
btnShareQuizTxt: "Partager ce quiz sur ", btnShareQuizTxt: "Partager ce quiz sur ",
nextQuestionnairesList: "Les #NB prochains quizs devant être publiés", nextQuestionnairesList: "Les #NB prochains quizs devant être publiés",
needBeCompleted: "Quiz incomplet", questionnaireNeedBeCompleted: "Quiz incomplet",
nextDateWithoutQuestionnaire: "Prochaine date sans quiz programmé : ", nextDateWithoutQuestionnaire: "Prochaine date sans quiz programmé : ",
haveBeenPublished : ":NB nouveaux questionnaires ont été publiés.", haveBeenPublished : ":NB nouveaux questionnaires ont été publiés.",
haveBeenRegenerated : "Les fichiers HTML de #NB1 questionnaires et #NB2 rubriques ont été regénérés." haveBeenRegenerated : "Les fichiers HTML de #NB1 questionnaires et #NB2 rubriques ont été regénérés."