From 0b618fa0452389ff1fc56f9a0e4170531826cf8b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Aur=C3=A9lien=20Delobelle?= <aurelien.delobelle@ens.fr>
Date: Thu, 22 Sep 2016 17:59:51 +0200
Subject: [PATCH] =?UTF-8?q?K-Psul=20-=20S=C3=A9lection=20des=20articles?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Ajout de la sélection au clic (souris/tactile)
---
 kfet/static/kfet/css/kpsul.css |  5 +++++
 kfet/templates/kfet/kpsul.html | 29 +++++++++++++++++++++++++----
 2 files changed, 30 insertions(+), 4 deletions(-)

diff --git a/kfet/static/kfet/css/kpsul.css b/kfet/static/kfet/css/kpsul.css
index b15f6de8..9fd53604 100644
--- a/kfet/static/kfet/css/kpsul.css
+++ b/kfet/static/kfet/css/kpsul.css
@@ -319,6 +319,11 @@ input[type=number]::-webkit-outer-spin-button {
     padding-left:20px;
 }
 
+#articles_data .article:hover {
+    background:rgba(200,16,46,0.3);
+    cursor:pointer;
+}
+
 /* Second part - Left - bottom */
 
 .kpsul_middle_left_bottom {
diff --git a/kfet/templates/kfet/kpsul.html b/kfet/templates/kfet/kpsul.html
index d4a1b1b8..2278a6f7 100644
--- a/kfet/templates/kfet/kpsul.html
+++ b/kfet/templates/kfet/kpsul.html
@@ -685,6 +685,12 @@ $(document).ready(function() {
         return false;
     }
 
+    // A utiliser après la sélection d'un article
+    function goToArticleNb() {
+        articleNb.val('1');
+        articleNb.focus().select();
+    }
+
     articleSelect.on('keydown', function(e) {
         var text = articleSelect.val();
         // Comportement normal pour ces touches
@@ -699,13 +705,28 @@ $(document).ready(function() {
             }
             return true;
         }
-        if (updateMatchedArticles(text+e.key)) {
-            articleNb.val('1');
-            articleNb.focus().select();
-        }
+        if (updateMatchedArticles(text+e.key))
+            goToArticleNb();
         return false;
     });
 
+    function getArticleId($article) {
+        return $article.attr('id').split('-')[2];
+    }
+
+    function getArticleName($article) {
+        return $article.find('.name').text();
+    }
+
+    // Sélection des articles à la souris/tactile
+    articles_container.on('click', '.article', function() {
+        console.log('1');
+        articleId.val(getArticleId($(this)));
+        articleSelect.val(getArticleName($(this)));
+        displayMatchedArticles(articlesList);
+        goToArticleNb();
+    });
+
     function is_nb_ok(nb) {
         return /^[0-9]+$/.test(nb) && nb > 0 && nb <= 24;
     }