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;}
|
||||
.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;
|
||||
|
|
|
|||
|
|
@ -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 ???
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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.<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 ",
|
||||
needCorrectPublishingDate: "La date de publication fournie n'a pas un format valide.",
|
||||
needLanguage: "Vous devez sélectionner la langue de ce groupe de quizs.",
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
Loading…
Reference in New Issue