From 92e2e30cfd02487810beeab4403a49241c77d8b8 Mon Sep 17 00:00:00 2001
From: axel584 <axel584@gmail.com>
Date: Sun, 28 Aug 2016 09:56:43 +0200
Subject: [PATCH] =?UTF-8?q?Fix=20#275=20:=20Ajout=20des=20libell=C3=A9s=20?=
 =?UTF-8?q?quand=20on=20change=20le=20curseur=20du=20range?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 fr/cge/konfirmo.php | 18 ++++++++++++++----
 js/ikurso.js        | 37 +++++++++++++++++++++++++++++++++++++
 2 files changed, 51 insertions(+), 4 deletions(-)

diff --git a/fr/cge/konfirmo.php b/fr/cge/konfirmo.php
index 2a3b245e..13636c08 100644
--- a/fr/cge/konfirmo.php
+++ b/fr/cge/konfirmo.php
@@ -42,12 +42,22 @@
 				<input type='hidden' name="leciono" value='<?=$leciono?>'/>
 				<div class="tasko enketo">
 					<p>Notez l'intérêt que vous avez eu à effectuer la leçon : de 1 (très ennuyeux) à 5 (très amusant) </p>
-					<div class="rating">
-						<p class="range-field"><input name="intereso" type="range" value="3" min="1" max="5" step="1"></p>
+					<div class="row">
+						<div class="rating col s12 m6 l6">
+							<p class="range-field"><input id="range_intereso" name="intereso" type="range" value="3" min="1" max="5" step="1"></p>
+						</div>
+						<div class="rating col s12 m6 l6">
+							<p id="libelle_intereso"></p>
+						</div>
 					</div>
 					<p>Notez la difficulté que vous avez eue à effectuer la leçon : de 1 (très facile) à 5 (très compliqué) </p>
-					<div class="rating">
-						<p class="range-field"><input name="malfacileco" type="range" min="1" max="5" step="1"></p>
+					<div class="row">
+						<div class="rating col s12 m6 l6">
+							<p class="range-field"><input id="range_malfacileco"  name="malfacileco" type="range" min="1" max="5" step="1"></p>
+						</div>
+						<div class="rating col s12 m6 l6">
+							<p id="libelle_malfacileco"></p>
+						</div>
 					</div>
 					<div class="input-field col s12">
 						<textarea name="komento" class="materialize-textarea"></textarea>
diff --git a/js/ikurso.js b/js/ikurso.js
index dc642994..ce8fd3d8 100644
--- a/js/ikurso.js
+++ b/js/ikurso.js
@@ -39,6 +39,43 @@
       Materialize.toast('Mauvaise réponse, essaye encore !', 4000);
     });
 
+// outil pour évaluer la leçon, on met des phrases plus lisibles
+$('#range_intereso').on("change mousemove", function() {
+    if ($(this).val()==1) {
+      $("#libelle_intereso").html("1. Trop barbant");
+    }
+    if ($(this).val()==2) {
+      $("#libelle_intereso").html("2. Plutôt ennuyeux.");
+    }
+    if ($(this).val()==3) {
+      $("#libelle_intereso").html("3. Moyen");
+    }
+    if ($(this).val()==4) {
+      $("#libelle_intereso").html("4. Assez intéressant");
+    }
+    if ($(this).val()==5) {
+      $("#libelle_intereso").html("5. Génial ! J'ai adoré !");
+    }
+});
+
+$('#range_malfacileco').on("change mousemove", function() {
+    if ($(this).val()==1) {
+      $("#libelle_malfacileco").html("1. Les doigts dans le nez !");
+    }
+    if ($(this).val()==2) {
+      $("#libelle_malfacileco").html("2. Assez facile.");
+    }
+    if ($(this).val()==3) {
+      $("#libelle_malfacileco").html("3. Quelques difficultés mais dans l'ensemble je m'en suis sorti.");
+    }
+    if ($(this).val()==4) {
+      $("#libelle_malfacileco").html("4. Assez difficile.");
+    }
+    if ($(this).val()==5) {
+      $("#libelle_malfacileco").html("5. Trop compliqué. Je m'en suis arraché les cheveux !");
+    }
+});
+
 
 $('#eniri_identigilo,#eniri_pasvorto').keyup(function(e) {    
    if(e.keyCode == 13) { // KeyCode de la touche entrée