diff --git a/front/public/themes/wikilerni/css/style.css b/front/public/themes/wikilerni/css/style.css index 3456815..cfafe00 100644 --- a/front/public/themes/wikilerni/css/style.css +++ b/front/public/themes/wikilerni/css/style.css @@ -238,13 +238,20 @@ background-image: url("../img/background-texture.png"); .info {background-color: #8c599c;} .success {background-color: #00c684;} .error {background-color: red;} +#groupIntroTxt p +{ +font-size:0.8em; +font-style:italic; +} /* Formulaires */ fieldset { -width: 100 %; +width: 90%; border: 0; text-align: left; +margin-left: 0.7em; +padding-left: 0; } label { @@ -309,6 +316,7 @@ margin: 0.5em; { width: 15px; height: 15px; +margin-right:5px; border-radius: 2px; box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.25); @@ -377,6 +385,18 @@ font-size:1.2em; font-size:1.1em; margin-top: 1em; } +#quizElementSignupForm form +{ + border: 1px solid rgba(0, 0, 0, 0.33); + border-radius: 3px; + padding:0.5em; + text-align:left; +} +#quizElementSignupForm form h3 +{ + margin-top:0; +} + /* textes en annexes des formulaires */ #explanations { @@ -388,6 +408,21 @@ margin:1.5em; text-align:left; line-height:1.5em; } +#quizElementLinks h4 +{ +margin:0; +font-size:1.1em; +} +#quizElementLinks ul +{ +margin:0; +font-size:0.85em; +} +#nextLink +{ + margin:1em; + text-align: center; +} #linksList, #illustrationsList, #questionsList { margin:3em 1em; @@ -1322,6 +1357,10 @@ font-size:1.1em; { width: 60%; } + #content-side fieldset + { + margin-left: 1em; + } #content-side ul.checkbox_li { margin-left: 1em; diff --git a/front/src/manageGroups.js b/front/src/manageGroups.js index 6504905..5d59540 100644 --- a/front/src/manageGroups.js +++ b/front/src/manageGroups.js @@ -84,12 +84,10 @@ const showFormGroupInfos = (id, token) => } deleteCheckBox.style.display="block"; btnPreviewGroup.style.display="block"; - console.log(response.Group); if(response.Group["isPublishable"] === false) btnPreviewGroup.setAttribute("href", apiUrl+configQuestionnaires.groupRoutes+configQuestionnaires.previewGroupRoutes+"/"+id+"/"+token); else btnPreviewGroup.setAttribute("href", siteUrl+"/"+configQuestionnaires.dirWebGroups+"/"+response.Group["slug"]+".html"); - console.log(btnPreviewGroup); }// ajout gestion erreur 404 ??? } } diff --git a/lang/fr/group.js b/lang/fr/group.js index 49a7ae0..4c6de88 100644 --- a/lang/fr/group.js +++ b/lang/fr/group.js @@ -2,12 +2,12 @@ module.exports = { btnSendResponse: "Testez vos réponses.", btnShareQuizTxt: "Partager ce quiz sur ", - commonIntroTxt: "Ce quiz vous permet de tester ce que vous avez retenu des textes qui vous ont été proposés à la lecture. Au besoin, cliquez sur le bouton précédent pour les relire.", + 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 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.
Son identifiant est GROUP_ID. Il regroupe actuellement les questions de NB_ELEMENTS quizs.", - linkFirstElementGroup: "Retour à la première leçon.", + linkFirstElementGroup: "Retour au début.", lastUpdated: "Dernière mise à jour le ", needCorrectPublishingDate: "La date de publication fournie n'a pas un format valide.", needLanguage: "Vous devez sélectionner la langue de ce groupe de quizs.", diff --git a/views/wikilerni/quiz-element.pug b/views/wikilerni/quiz-element.pug index cb16014..5f1d06d 100644 --- a/views/wikilerni/quiz-element.pug +++ b/views/wikilerni/quiz-element.pug @@ -53,12 +53,12 @@ block content //- Les sources de l'article if(questionnaire.Links != undefined && questionnaire.Links.length !== 0) - div#elementLinks + div#quizElementLinks h4 #{configTpl.quizElementLinksIntro} - ul#quizElementLinks - for link in questionnaire.Links - li - a(href=link.url target="_blank" rel="noopener" title=link.anchor+" ("+txtGeneral.alertNewWindow+")") #{link.anchor} + ul + for link in questionnaire.Links + li + a(href=link.url target="_blank" rel="noopener" title=link.anchor+" ("+txtGeneral.alertNewWindow+")") #{link.anchor} // Lien vers l'élément suivant ou le quiz du groupe, si je suis arrivé à la fin : - @@ -79,17 +79,12 @@ block content div#nextLink a(href=nextLink.href class="button cardboard" title=nextLink.title) !{"➔ "+nextLink.anchor} - div#licence - p !{configTpl.licenceTxt} - + // Formulaire d'inscription : noscript div strong #{configTpl.noJSNotification} - - // Formulaire d'inscription : - - - const cguOkLabel = txtUser.formsEmailLabel.replace("#link", "/"+configTpl.cguPage); /// remettre class="needJS" au formulaire ci-dessous - div#signupForm + - const cguOkLabel = txtUser.formsCGUOkLabel.replace("#link", "/"+configTpl.cguPage); /// remettre class="needJS" au formulaire ci-dessous + div#quizElementSignupForm form(id="subscription" method="POST") h3 #{configTpl.quizElementSubcriptionFormTitle} fieldset @@ -101,7 +96,7 @@ block content label(for="cguOk" class="check") input(type="checkbox" id="cguOk" name="cguOk" value="true") div(class="checkbox_override") - span #{cguOkLabel} + span !{cguOkLabel} div(class="input_wrapper") input(id="submitDatas" type="submit" value=txtUser.formsSubmitTxt class="cardboard") div(id="response") @@ -113,6 +108,9 @@ block content img(src="/themes/wikilerni/img/facebook.png" alt=txtQuestionnaire.btnShareQuizTxt+" facebook") a(href="https://twitter.com/intent/tweet?url="+linkCanonical+"&text="+questionnaire.Questionnaire.title+" via @"+configTpl.twitterAccount rel="nofollow noopener" title=txtQuestionnaire.btnShareQuizTxt+" twitter ("+txtGeneral.alertNewWindow+")" target="_blank") img(src="/themes/wikilerni/img/twitter.png" alt=txtQuestionnaire.btnShareQuizTxt+" twitter") + + div#licence + p !{configTpl.licenceTxt} div#explanations(class="engraved framed") h3#explanationsTitle #{configTpl.explanationTitle} diff --git a/views/wikilerni/quiz-group.pug b/views/wikilerni/quiz-group.pug index e195686..41ee537 100644 --- a/views/wikilerni/quiz-group.pug +++ b/views/wikilerni/quiz-group.pug @@ -42,22 +42,21 @@ block content p(id="author-date") #{txtGroups.publishedBy} #{author} #{txtGroups.publishedAt} #{publishedAtTxt}. #{txtGroups.lastUpdated} #{updatedAtTxt}. //- Important : ici, on garde volontairement le html, car cela est accepté pour l'introduction. - div#introduction + div#introduction if(group.Group.introduction) div !{group.Group.introduction} - div #{txtGroups.commonIntroTxt} + div#groupIntroTxt + p.info !{txtGroups.commonIntroTxt} + // - lien vers premier élément du groupe (html autorisé pour permettre les symboles unicodes) div#links a(href="/"+configQuestionnaires.dirWebQuestionnaires+"/"+group.Questionnaires[0].Questionnaire.slug+".html" class="button cardboard" title=group.Questionnaires[0].Questionnaire.title) !{"← "+txtGroups.linkFirstElementGroup} - div#licence - p !{configTpl.licenceTxt} - + // Formulaire du quiz noscript div strong #{configTpl.noJSNotification} - // à cacher si pas de JS ! form(id="group" method="POST") h2 #{group.Group.title} @@ -97,6 +96,9 @@ block content img(src="/themes/wikilerni/img/facebook.png" alt=txtGroups.btnShareQuizTxt+" facebook") a(href="https://twitter.com/intent/tweet?url="+linkCanonical+"&text="+group.Group.title+" via @"+configTpl.twitterAccount rel="nofollow noopener" title=txtGroups.btnShareQuizTxt+" twitter ("+txtGeneral.alertNewWindow+")" target="_blank") img(src="/themes/wikilerni/img/twitter.png" alt=txtGroups.btnShareQuizTxt+" twitter") + + div#licence + p !{configTpl.licenceTxt} div#explanations(class="engraved framed") h3#explanationsTitle #{configTpl.explanationTitle}