add help tooltips

This commit is contained in:
Ludovic Stephan 2017-02-12 00:48:24 -02:00
parent be8eb4ac28
commit 15d79aff2d
2 changed files with 29 additions and 8 deletions

View file

@ -341,3 +341,8 @@ textarea {
.help h4 { .help h4 {
margin:15px 0; margin:15px 0;
} }
/* Tooltips */
thead .tooltip {
font-size:13px;
}

View file

@ -7,17 +7,27 @@
<form action="" method="post"> <form action="" method="post">
{% csrf_token %} {% csrf_token %}
<table class="table table-hover table text-center"> <table class="table table-hover table-condensed text-center">
<thead> <thead>
<tr> <tr>
<td rowspan="2">Article</td> <td rowspan="2">Article</td>
<td colspan="5">Ventes</td> <td colspan="5">Ventes
<td rowspan="2">V. moy.</td> <span class='glyphicon glyphicon-question-sign' title="Ventes des 5 dernières semaines" data-placement="bottom"></span>
<td rowspan="2">E.T.</td> </td>
<td rowspan="2">Prév.</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">Stock</td>
<td rowspan="2">Rec.</td> <td rowspan="2">Rec.
<td rowspan="2">Com.</td> <span class='glyphicon glyphicon-question-sign' title="Commande conseillée" data-placement="bottom"></span>
</td>
<td rowspan="2">Commande</td>
</tr> </tr>
<tr> <tr>
<td>S1</td> <td>S1</td>
@ -36,7 +46,7 @@
{% endifchanged %} {% endifchanged %}
<tr> <tr>
{{ form.article }} {{ form.article }}
<td>{{ form.name }}</td> <td class='text-left'>{{ form.name }}</td>
<td>{{ form.v_s1 }}</td> <td>{{ form.v_s1 }}</td>
<td>{{ form.v_s2 }}</td> <td>{{ form.v_s2 }}</td>
<td>{{ form.v_s3 }}</td> <td>{{ form.v_s3 }}</td>
@ -59,4 +69,10 @@
<input type="submit" class="btn btn-primary btn-lg" value="Envoyer"> <input type="submit" class="btn btn-primary btn-lg" value="Envoyer">
</form> </form>
<script type='text/javascript'>
$(document).ready(function () {
$('.glyphicon-question-sign').tooltip({'html': true}) ;
});
</script>
{% endblock %} {% endblock %}