From 15d79aff2d50d304ca711d0dcdf1e47f5b9d29f0 Mon Sep 17 00:00:00 2001
From: Ludovic Stephan <ludovic.stephan@ens.fr>
Date: Sun, 12 Feb 2017 00:48:24 -0200
Subject: [PATCH] add help tooltips

---
 kfet/static/kfet/css/index.css        |  5 +++++
 kfet/templates/kfet/order_create.html | 32 ++++++++++++++++++++-------
 2 files changed, 29 insertions(+), 8 deletions(-)

diff --git a/kfet/static/kfet/css/index.css b/kfet/static/kfet/css/index.css
index f3e9bf8c..37e04bf6 100644
--- a/kfet/static/kfet/css/index.css
+++ b/kfet/static/kfet/css/index.css
@@ -341,3 +341,8 @@ textarea {
 .help h4 {
     margin:15px 0;
 }
+
+/* Tooltips */
+thead .tooltip {
+    font-size:13px;
+}
diff --git a/kfet/templates/kfet/order_create.html b/kfet/templates/kfet/order_create.html
index 511e2177..fdab4282 100644
--- a/kfet/templates/kfet/order_create.html
+++ b/kfet/templates/kfet/order_create.html
@@ -7,17 +7,27 @@
 
 <form action="" method="post">
   {% csrf_token %}
-  <table class="table table-hover table text-center">
+  <table class="table table-hover table-condensed text-center">
     <thead>
       <tr>
         <td rowspan="2">Article</td>
-        <td colspan="5">Ventes</td>
-        <td rowspan="2">V. moy.</td>
-        <td rowspan="2">E.T.</td>
-        <td rowspan="2">Prév.</td>
+        <td colspan="5">Ventes
+            <span class='glyphicon glyphicon-question-sign' title="Ventes des 5 dernières semaines" data-placement="bottom"></span>
+            </td>
+        <td rowspan="2">V. moy.
+            <span class='glyphicon glyphicon-question-sign' title="Moyenne des ventes" data-placement="bottom"></span>
+            </td>
+        <td rowspan="2">E.T.
+            <span class='glyphicon glyphicon-question-sign' title="Écart-type des ventes" data-placement="bottom"></span>
+            </td>
+        <td rowspan="2">Prév.
+            <span class='glyphicon glyphicon-question-sign' title="Prévision de ventes" data-placement="bottom"></span>
+            </td>
         <td rowspan="2">Stock</td>
-        <td rowspan="2">Rec.</td>
-        <td rowspan="2">Com.</td>
+        <td rowspan="2">Rec.
+            <span class='glyphicon glyphicon-question-sign' title="Commande conseillée" data-placement="bottom"></span>
+            </td>
+        <td rowspan="2">Commande</td>
       </tr>
       <tr>
         <td>S1</td>
@@ -36,7 +46,7 @@
         {% endifchanged %}
         <tr>
           {{ form.article }}
-          <td>{{ form.name }}</td>
+          <td class='text-left'>{{ form.name }}</td>
           <td>{{ form.v_s1 }}</td>
           <td>{{ form.v_s2 }}</td>
           <td>{{ form.v_s3 }}</td>
@@ -59,4 +69,10 @@
   <input type="submit" class="btn btn-primary btn-lg" value="Envoyer">
 </form>
 
+<script type='text/javascript'>
+$(document).ready(function () {
+    $('.glyphicon-question-sign').tooltip({'html': true}) ;
+});
+</script>
+
 {% endblock %}