From cd7fd312b477db483dddd52ad57480785de1f73a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fabrice=20PENHO=C3=8BT?= <fabrice@le-fab-lab.com>
Date: Mon, 26 Oct 2020 18:31:39 +0100
Subject: [PATCH] =?UTF-8?q?Ajout=20d'une=20liste=20des=20=C3=A9l=C3=A9ment?=
 =?UTF-8?q?s=20class=C3=A9s=20dans=20le=20groupe=20dans=20le=20formulaire?=
 =?UTF-8?q?=20de=20gestion=20des=20groupes=20de=20quizs.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 controllers/group.js              |  2 +-
 front/public/gestion-groups.html  |  1 +
 front/public/gestion-quizs.html   |  2 +-
 front/src/manageGroups.js         | 17 +++++++++++++++--
 front/src/manageQuestionnaires.js |  5 +++--
 lang/fr/group.js                  |  2 ++
 6 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/controllers/group.js b/controllers/group.js
index c2f19f5..2f75e21 100644
--- a/controllers/group.js
+++ b/controllers/group.js
@@ -144,7 +144,7 @@ exports.getOneById = async (req, res, next) =>
 {
     try
     { 
-        const datas=await searchGroupById(req.params.id);
+        const datas=await searchGroupById(req.params.id, true);
         if(datas)
             res.status(200).json(datas);
         else
diff --git a/front/public/gestion-groups.html b/front/public/gestion-groups.html
index 878965c..da61291 100644
--- a/front/public/gestion-groups.html
+++ b/front/public/gestion-groups.html
@@ -66,6 +66,7 @@
                     <div id="response"></div>
                 </form>
                 <div id="response"></div>
+                <div id="questionnairesList"></div>
             </section>
 
         <footer class="cardboard">
diff --git a/front/public/gestion-quizs.html b/front/public/gestion-quizs.html
index f08ab59..7498846 100644
--- a/front/public/gestion-quizs.html
+++ b/front/public/gestion-quizs.html
@@ -177,7 +177,7 @@
                     <div class="input_wrapper"><input type="submit" value="Valider" class="cardboard" /></div>
                     <div id="responseQuestion"></div>
                 </form>
-                <div class="l-box-lrg pure-u-1" id="questionnairesList"></div>
+                <div id="questionnairesList"></div>
             </div>
         </section>
         <footer class="cardboard">
diff --git a/front/src/manageGroups.js b/front/src/manageGroups.js
index 5d59540..4410697 100644
--- a/front/src/manageGroups.js
+++ b/front/src/manageGroups.js
@@ -22,7 +22,7 @@ import { checkSession } from "./tools/users.js";
 
 // Dictionnaires :
 const { addOkMessage, serverError } = require("../../lang/"+lang+"/general");
-const { infosGroupForAdmin, searchWithoutResult } = require("../../lang/"+lang+"/group");
+const { groupQuestionnairesList, groupQuestionnairesListWithout, infosGroupForAdmin, searchWithoutResult } = require("../../lang/"+lang+"/group");
 const { needBeConnected } = require("../../lang/"+lang+"/user");
 
 // Principaux éléments du DOM manipulés :
@@ -33,6 +33,7 @@ const divCrash = document.getElementById("crash");
 const divGroupIntro = document.getElementById("groupIntro");
 const divMain = document.getElementById("main-content");
 const divMessage = document.getElementById("message");
+const divQuestionnaires = document.getElementById("questionnairesList");
 const divResponse = document.getElementById("response");
 const divSearchResult = document.getElementById("searchResult");
 const formGroup = document.getElementById("groups");
@@ -88,7 +89,19 @@ const showFormGroupInfos = (id, token) =>
                     btnPreviewGroup.setAttribute("href", apiUrl+configQuestionnaires.groupRoutes+configQuestionnaires.previewGroupRoutes+"/"+id+"/"+token);
                 else
                     btnPreviewGroup.setAttribute("href", siteUrl+"/"+configQuestionnaires.dirWebGroups+"/"+response.Group["slug"]+".html");
-            }// ajout gestion erreur 404 ???
+                // affichage des éléments du groupe :
+                if(response.Questionnaires !== undefined && response.Questionnaires.length !== 0)
+                {
+                    let listHTML="", optionsDayStr = { weekday: 'long'};
+                    for(let i in response.Questionnaires)
+                        listHTML+="<li><a href='"+configTemplate.questionnairesManagementPage+"?id="+response.Questionnaires[i].Questionnaire.id+"' id='questionnaire_"+response.Questionnaires[i].Questionnaire.id+"'>"+response.Questionnaires[i].Questionnaire.title+"</a></li>";
+                    if(response.Questionnaires.length!==0)
+                        addElement(divQuestionnaires, "h3", groupQuestionnairesList.replace("#NB", response.Questionnaires.length));
+                    else
+                        addElement(divQuestionnaires, "h3", groupQuestionnairesListWithout);                    
+                    addElement(divQuestionnaires, "ul", listHTML, "", "", "", false);
+                }
+            }
         }
     }
     xhrGetInfos.setRequestHeader("Authorization", "Bearer "+token);
diff --git a/front/src/manageQuestionnaires.js b/front/src/manageQuestionnaires.js
index e475c5f..eb2ec18 100644
--- a/front/src/manageQuestionnaires.js
+++ b/front/src/manageQuestionnaires.js
@@ -524,6 +524,8 @@ const initialise = async () =>
             let urlDatas=getUrlParams();
             if(urlDatas && urlDatas.id!==undefined)
                 showFormQuestionnaireInfos(urlDatas.id, user.token);
+            // les prochaines publications :
+            showNextQuestionnaires(user.token);
             // Lancement d'une recherche :
             formSearch.addEventListener("submit", function(e)
             {
@@ -563,8 +565,7 @@ const initialise = async () =>
                 if(datas)
                     xhrSearch.send(JSON.stringify(datas));
             });
-            showNextQuestionnaires(user.token);
-
+            
             // Aide à la saisie pour le classement du quiz
             inputClassification.addEventListener("input", function(e)
             {
diff --git a/lang/fr/group.js b/lang/fr/group.js
index a10230c..1bc544e 100644
--- a/lang/fr/group.js
+++ b/lang/fr/group.js
@@ -5,6 +5,8 @@ module.exports =
     commonIntroTxt: "Ce quiz vous permet tester ce que vous avez retenu des textes proposés à la lecture. Au besoin, cliquez sur le bouton suivant pour les relire.",
     correctAnswerTxt: "Bonne réponse",    
     groupsName: "Quiz",// nom d'un groupe pour l'affichage dans les vues
+    groupQuestionnairesList : "Les #NB éléments enregistrés pour ce groupe",
+    groupQuestionnairesListWithout : "Aucun élément n'a été enregistré pour ce groupe.",  
     haveBeenPublished: "#NB nouveaux groupes de quizs ont été publiés.",
     infosGroupForAdmin: "Ce groupe de quizs a été créé le DATE_CREA, mise à jour la dernière fois le DATE_UPDATE.<br>Son identifiant est <b>GROUP_ID</b>. Il regroupe actuellement les questions de NB_ELEMENTS quizs.",
     linkFirstElementGroup: "Retour au début.",