Mise en forme nouveaux templates éléments de groupe + quiz
This commit is contained in:
parent
e092c31e43
commit
9f795e8b63
|
@ -238,13 +238,20 @@ background-image: url("../img/background-texture.png");
|
||||||
.info {background-color: #8c599c;}
|
.info {background-color: #8c599c;}
|
||||||
.success {background-color: #00c684;}
|
.success {background-color: #00c684;}
|
||||||
.error {background-color: red;}
|
.error {background-color: red;}
|
||||||
|
#groupIntroTxt p
|
||||||
|
{
|
||||||
|
font-size:0.8em;
|
||||||
|
font-style:italic;
|
||||||
|
}
|
||||||
|
|
||||||
/* Formulaires */
|
/* Formulaires */
|
||||||
fieldset
|
fieldset
|
||||||
{
|
{
|
||||||
width: 100 %;
|
width: 90%;
|
||||||
border: 0;
|
border: 0;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
|
margin-left: 0.7em;
|
||||||
|
padding-left: 0;
|
||||||
}
|
}
|
||||||
label
|
label
|
||||||
{
|
{
|
||||||
|
@ -309,6 +316,7 @@ margin: 0.5em;
|
||||||
{
|
{
|
||||||
width: 15px;
|
width: 15px;
|
||||||
height: 15px;
|
height: 15px;
|
||||||
|
margin-right:5px;
|
||||||
border-radius: 2px;
|
border-radius: 2px;
|
||||||
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
|
box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.5);
|
||||||
background-color: rgba(0, 0, 0, 0.25);
|
background-color: rgba(0, 0, 0, 0.25);
|
||||||
|
@ -377,6 +385,18 @@ font-size:1.2em;
|
||||||
font-size:1.1em;
|
font-size:1.1em;
|
||||||
margin-top: 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 */
|
/* textes en annexes des formulaires */
|
||||||
#explanations
|
#explanations
|
||||||
{
|
{
|
||||||
|
@ -388,6 +408,21 @@ margin:1.5em;
|
||||||
text-align:left;
|
text-align:left;
|
||||||
line-height:1.5em;
|
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
|
#linksList, #illustrationsList, #questionsList
|
||||||
{
|
{
|
||||||
margin:3em 1em;
|
margin:3em 1em;
|
||||||
|
@ -1322,6 +1357,10 @@ font-size:1.1em;
|
||||||
{
|
{
|
||||||
width: 60%;
|
width: 60%;
|
||||||
}
|
}
|
||||||
|
#content-side fieldset
|
||||||
|
{
|
||||||
|
margin-left: 1em;
|
||||||
|
}
|
||||||
#content-side ul.checkbox_li
|
#content-side ul.checkbox_li
|
||||||
{
|
{
|
||||||
margin-left: 1em;
|
margin-left: 1em;
|
||||||
|
|
|
@ -84,12 +84,10 @@ const showFormGroupInfos = (id, token) =>
|
||||||
}
|
}
|
||||||
deleteCheckBox.style.display="block";
|
deleteCheckBox.style.display="block";
|
||||||
btnPreviewGroup.style.display="block";
|
btnPreviewGroup.style.display="block";
|
||||||
console.log(response.Group);
|
|
||||||
if(response.Group["isPublishable"] === false)
|
if(response.Group["isPublishable"] === false)
|
||||||
btnPreviewGroup.setAttribute("href", apiUrl+configQuestionnaires.groupRoutes+configQuestionnaires.previewGroupRoutes+"/"+id+"/"+token);
|
btnPreviewGroup.setAttribute("href", apiUrl+configQuestionnaires.groupRoutes+configQuestionnaires.previewGroupRoutes+"/"+id+"/"+token);
|
||||||
else
|
else
|
||||||
btnPreviewGroup.setAttribute("href", siteUrl+"/"+configQuestionnaires.dirWebGroups+"/"+response.Group["slug"]+".html");
|
btnPreviewGroup.setAttribute("href", siteUrl+"/"+configQuestionnaires.dirWebGroups+"/"+response.Group["slug"]+".html");
|
||||||
console.log(btnPreviewGroup);
|
|
||||||
}// ajout gestion erreur 404 ???
|
}// ajout gestion erreur 404 ???
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -2,12 +2,12 @@ module.exports =
|
||||||
{
|
{
|
||||||
btnSendResponse: "Testez vos réponses.",
|
btnSendResponse: "Testez vos réponses.",
|
||||||
btnShareQuizTxt: "Partager ce quiz sur ",
|
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",
|
correctAnswerTxt: "Bonne réponse",
|
||||||
groupsName: "Quiz",// nom d'un groupe pour l'affichage dans les vues
|
groupsName: "Quiz",// nom d'un groupe pour l'affichage dans les vues
|
||||||
haveBeenPublished: "#NB nouveaux groupes de quizs ont été publiés.",
|
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.",
|
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 à la première leçon.",
|
linkFirstElementGroup: "Retour au début.",
|
||||||
lastUpdated: "Dernière mise à jour le ",
|
lastUpdated: "Dernière mise à jour le ",
|
||||||
needCorrectPublishingDate: "La date de publication fournie n'a pas un format valide.",
|
needCorrectPublishingDate: "La date de publication fournie n'a pas un format valide.",
|
||||||
needLanguage: "Vous devez sélectionner la langue de ce groupe de quizs.",
|
needLanguage: "Vous devez sélectionner la langue de ce groupe de quizs.",
|
||||||
|
|
|
@ -53,9 +53,9 @@ block content
|
||||||
|
|
||||||
//- Les sources de l'article
|
//- Les sources de l'article
|
||||||
if(questionnaire.Links != undefined && questionnaire.Links.length !== 0)
|
if(questionnaire.Links != undefined && questionnaire.Links.length !== 0)
|
||||||
div#elementLinks
|
div#quizElementLinks
|
||||||
h4 #{configTpl.quizElementLinksIntro}
|
h4 #{configTpl.quizElementLinksIntro}
|
||||||
ul#quizElementLinks
|
ul
|
||||||
for link in questionnaire.Links
|
for link in questionnaire.Links
|
||||||
li
|
li
|
||||||
a(href=link.url target="_blank" rel="noopener" title=link.anchor+" ("+txtGeneral.alertNewWindow+")") #{link.anchor}
|
a(href=link.url target="_blank" rel="noopener" title=link.anchor+" ("+txtGeneral.alertNewWindow+")") #{link.anchor}
|
||||||
|
@ -79,17 +79,12 @@ block content
|
||||||
div#nextLink
|
div#nextLink
|
||||||
a(href=nextLink.href class="button cardboard" title=nextLink.title) !{"➔ "+nextLink.anchor}
|
a(href=nextLink.href class="button cardboard" title=nextLink.title) !{"➔ "+nextLink.anchor}
|
||||||
|
|
||||||
div#licence
|
// Formulaire d'inscription :
|
||||||
p !{configTpl.licenceTxt}
|
|
||||||
|
|
||||||
noscript
|
noscript
|
||||||
div
|
div
|
||||||
strong #{configTpl.noJSNotification}
|
strong #{configTpl.noJSNotification}
|
||||||
|
- const cguOkLabel = txtUser.formsCGUOkLabel.replace("#link", "/"+configTpl.cguPage); /// remettre class="needJS" au formulaire ci-dessous
|
||||||
// Formulaire d'inscription :
|
div#quizElementSignupForm
|
||||||
-
|
|
||||||
const cguOkLabel = txtUser.formsEmailLabel.replace("#link", "/"+configTpl.cguPage); /// remettre class="needJS" au formulaire ci-dessous
|
|
||||||
div#signupForm
|
|
||||||
form(id="subscription" method="POST")
|
form(id="subscription" method="POST")
|
||||||
h3 #{configTpl.quizElementSubcriptionFormTitle}
|
h3 #{configTpl.quizElementSubcriptionFormTitle}
|
||||||
fieldset
|
fieldset
|
||||||
|
@ -101,7 +96,7 @@ block content
|
||||||
label(for="cguOk" class="check")
|
label(for="cguOk" class="check")
|
||||||
input(type="checkbox" id="cguOk" name="cguOk" value="true")
|
input(type="checkbox" id="cguOk" name="cguOk" value="true")
|
||||||
div(class="checkbox_override")
|
div(class="checkbox_override")
|
||||||
span #{cguOkLabel}
|
span !{cguOkLabel}
|
||||||
div(class="input_wrapper")
|
div(class="input_wrapper")
|
||||||
input(id="submitDatas" type="submit" value=txtUser.formsSubmitTxt class="cardboard")
|
input(id="submitDatas" type="submit" value=txtUser.formsSubmitTxt class="cardboard")
|
||||||
div(id="response")
|
div(id="response")
|
||||||
|
@ -114,6 +109,9 @@ block content
|
||||||
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")
|
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")
|
img(src="/themes/wikilerni/img/twitter.png" alt=txtQuestionnaire.btnShareQuizTxt+" twitter")
|
||||||
|
|
||||||
|
div#licence
|
||||||
|
p !{configTpl.licenceTxt}
|
||||||
|
|
||||||
div#explanations(class="engraved framed")
|
div#explanations(class="engraved framed")
|
||||||
h3#explanationsTitle #{configTpl.explanationTitle}
|
h3#explanationsTitle #{configTpl.explanationTitle}
|
||||||
div#explanationsContent
|
div#explanationsContent
|
||||||
|
|
|
@ -45,19 +45,18 @@ block content
|
||||||
div#introduction
|
div#introduction
|
||||||
if(group.Group.introduction)
|
if(group.Group.introduction)
|
||||||
div !{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)
|
// - lien vers premier élément du groupe (html autorisé pour permettre les symboles unicodes)
|
||||||
div#links
|
div#links
|
||||||
a(href="/"+configQuestionnaires.dirWebQuestionnaires+"/"+group.Questionnaires[0].Questionnaire.slug+".html" class="button cardboard" title=group.Questionnaires[0].Questionnaire.title) !{"← "+txtGroups.linkFirstElementGroup}
|
a(href="/"+configQuestionnaires.dirWebQuestionnaires+"/"+group.Questionnaires[0].Questionnaire.slug+".html" class="button cardboard" title=group.Questionnaires[0].Questionnaire.title) !{"← "+txtGroups.linkFirstElementGroup}
|
||||||
|
|
||||||
div#licence
|
// Formulaire du quiz
|
||||||
p !{configTpl.licenceTxt}
|
|
||||||
|
|
||||||
noscript
|
noscript
|
||||||
div
|
div
|
||||||
strong #{configTpl.noJSNotification}
|
strong #{configTpl.noJSNotification}
|
||||||
|
|
||||||
// à cacher si pas de JS !
|
// à cacher si pas de JS !
|
||||||
form(id="group" method="POST")
|
form(id="group" method="POST")
|
||||||
h2 #{group.Group.title}
|
h2 #{group.Group.title}
|
||||||
|
@ -98,6 +97,9 @@ block content
|
||||||
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")
|
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")
|
img(src="/themes/wikilerni/img/twitter.png" alt=txtGroups.btnShareQuizTxt+" twitter")
|
||||||
|
|
||||||
|
div#licence
|
||||||
|
p !{configTpl.licenceTxt}
|
||||||
|
|
||||||
div#explanations(class="engraved framed")
|
div#explanations(class="engraved framed")
|
||||||
h3#explanationsTitle #{configTpl.explanationTitle}
|
h3#explanationsTitle #{configTpl.explanationTitle}
|
||||||
div#explanationsContent
|
div#explanationsContent
|
||||||
|
|
Loading…
Reference in New Issue