Verrouillage du questionnaire avec la classe .fin

css/custom.css

@@ -7,36 +7,86 @@
     Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
 */
 .fruity .question-container .btn-primary{
-    background-color:rgba(255,255,255,0.55);
-    border:1px solid white;
+    background-color:rgba(255,255,255,1);
+    border:2px solid white;
+    padding:20px;
+    border-radius:25px;
+    color:black;
+    font-size: 30px;
+    font-weight: bold;
 }
 
-.fruity .question-container .btn-primary:hover, .fruity .btn-primary:focus, .fruity .btn-primary:active, .fruity .btn-primary.active, .fruity .btn-primary.active:focus, .fruity .open .dropdown-toggle.btn-primary{
-    background-color:white;
-    border:1px solid white;
+.fruity .btn-primary:hover, .fruity .btn-primary:focus{
+    background-color:rgba(175,175,175, 1);
+    border:2px solid #222222;
+    color:black;
 }
 
-.item0, .item5, .item10, .item15, .item20{
-    background-image:url(/upload/themes/survey/kiwi/files/bg/item0.svg);
+.fruity .btn-primary:active, .fruity .btn-primary.active, .fruity .btn-primary.active:focus, .fruity .open .dropdown-toggle.btn-primary{
+    background-color:rgba(0,0,0,0.98);
+    border:2px solid white;
+    color:white;
 }
 
-.item1, .item6, .item11, .item16, .item21{
-    background-image:url(/upload/themes/survey/kiwi/files/bg/item1.svg);
+
+.item0, .item5, .item10, .item15, .item20, .item25{
+    background-color:#6600cc;
+}
+
+.item1, .item6, .item11, .item16, .item21, .item26{
+    background-color:#cc3300;
+}
+
+.item2, .item7, .item12, .item17, .item22, .item27{
+    background-color:#ff9900;
+}
+
+.item3, .item8, .item13, .item18, .item23, .item28{
+    background-color:#ffff33;
+}
+
+.item4, .item9, .item14, .item19, .item24, .item29{
+    background-color:#0066ff;
+}
+
+.itemE{
+    background-color:black;
+    background-image:url(/upload/themes/survey/fruity_for_ecrimo/files/bg/itemE.svg);
+}
+
+
+.item0, .item6, .item12, .item18, .item24{
+    background-image:url(/upload/themes/survey/fruity_for_ecrimo/files/bg/item0.svg);
+}
+
+.item1, .item7, .item13, .item19, .item25{
+    background-image:url(/upload/themes/survey/fruity_for_ecrimo/files/bg/item1.svg);
+}
+
+.item2, .item8, .item14, .item20, .item26{
+    background-image:url(/upload/themes/survey/fruity_for_ecrimo/files/bg/item2.svg);
 }
 
-.item2, .item7, .item12, .item17, .item22{
-    background-image:url(/upload/themes/survey/kiwi/files/bg/item2.svg);
+.item3, .item9, .item15, .item21, .item27{
+    background-image:url(/upload/themes/survey/fruity_for_ecrimo/files/bg/item3.svg);
 }
 
-.item3, .item8, .item13, .item18, .item23{
-    background-image:url(/upload/themes/survey/kiwi/files/bg/item3.svg);
+.item4, .item10, .item16, .item22, .item28{
+    background-image:url(/upload/themes/survey/fruity_for_ecrimo/files/bg/item4.svg);
 }
 
-.item4, .item9, .item14, .item19, .item24{
-    background-image:url(/upload/themes/survey/kiwi/files/bg/item4.svg);
+.item5, .item11, .item17, .item23, .item29{
+    background-image:url(/upload/themes/survey/fruity_for_ecrimo/files/bg/item5.svg);
 }
 
+
 .asterisk.pull-left{
     display:none;
 }
-.ecrire .clavier{display:none;}
+
+/*Pour gérer la fin du questionnaire (le bouton suivant/valider est caché en haut à gauche, mettre la classe fin à un élément*/
+#ls-button-submit.fin{
+    color:white;
+    background-color: rgba(255,255,255,0.01);
+    border:none;
+}
\ No newline at end of file

css/jkeyboard.css

+.ecrire .clavier{display:none;}
+
+.jkeyboard-answer{
+	font-size: 38px;
+	height: 58px;
+	padding: 10px;
+	font-weight: bold;
+}
+
 .jkeyboard {
   display: inline-block;
   background-color:none;
@@ -13,13 +22,14 @@
 }
 .jkeyboard .jline ul li {
   font-family: arial, sans-serif;
-  font-size: 20px;
+  font-size: 33px;
+  font-weight: bold;
   background-color: #328637;
   display: inline-block;
   border: 1px solid #0f3e12;
   box-shadow: 0 0 3px #0f3e12;
   box-shadow: inset 0 0 3px #0f3e12;
-  margin: 10px 0 1px 14px;
+  margin: 18px 0 1px 48px;
   color: #f7faf7;
   border-radius: 5px;
   width: 52px;
@@ -48,21 +58,21 @@
 }
 .jkeyboard .jline .layout_switch {
   background-color: #328637;
-  background-image: url("/upload/themes/survey/kiwi/files/kb/locale.png") ;
+  background-image: url("/upload/themes/survey/fruity_for_ecrimo/files/kb/locale.png") ;
   background-repeat: no-repeat;
   background-position: center, right;
 }
 .jkeyboard .jline .shift {
   width: 100px;
   background-color: #328637;
-  background-image: url("/upload/themes/survey/kiwi/files/kb/shift.png");
+  background-image: url("/upload/themes/survey/fruity_for_ecrimo/files/kb/shift.png");
   background-repeat: no-repeat;
   background-position: center, center;
 }
 .jkeyboard .jline .backspace {
   width: 69px;
   background-color: #328637;
-  background-image: url("/upload/themes/survey/kiwi/files/kb/backspace.png");
+  background-image: url("/upload/themes/survey/fruity_for_ecrimo/files/kb/backspace.png");
   background-repeat: no-repeat;
   background-position: center, center;
 }

scripts/custom.js

@@ -6,6 +6,7 @@
    If possible use a closure, or add them to the general Template Object "Template"
 */
 
+var cheat = 5;
 
 $(document).on('ready pjax:scriptcomplete',function(){
 	/**
@@ -13,6 +14,7 @@ $(document).on('ready pjax:scriptcomplete',function(){
 	 * @see https://learn.jquery.com/using-jquery-core/document-ready/
 	 */
 	handleExtrakeyboard();
+	handleEnd();
 });
 
 function handleExtrakeyboard(){
@@ -24,7 +26,7 @@ function handleExtrakeyboard(){
 			input = $(inputs[i])
 			layout = $(layouts[i])
 			layout = createLayout(input, layout.text(), i);
-			createKeyboard(input, layout, i) ; 
+			createKeyboard(input, layout, i) ;
 		}
 	}
 	else if(inputs.length > 0){
@@ -78,6 +80,39 @@ function createLayout(i, l, n){
 function createKeyboard(input, layout, n){
 	elt = $( "<div id='kb"+n+"'></div>" );
 	elt.appendTo(input.parent());
+	input.addClass("jkeyboard-answer");
 	$('#kb'+n).jkeyboard(layout);
 	input.attr('readonly','readonly');
+}
+
+function cheatCode(){
+    cheat--;
+    elt = $("<p>"+cheat+"</p>");
+    $('.fin').append(elt);
+    setTimeout(function(){
+        elt.remove();
+        if(cheat === 0){
+            code = prompt('Entrer le code de déverouillage :');
+            if(code == $("[code]")[0].getAttribute('code')){
+                $('#ls-button-submit').prop('disabled', false);
+            }
+            else{
+                cheat = 5;
+            }
+        }
+    }, 100);
+}
+
+function handleEnd(){
+    if(testEnd()){
+        submit = $('#ls-button-submit');
+        submit.prop('disabled', true);
+        $(".fin").click(cheatCode);
+    }
+    
+}
+
+function testEnd(){
+    elt = $(".fin");
+    return elt.length>0;
 }
\ No newline at end of file