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 {
margin:15px 0;
}
/* Tooltips */
thead .tooltip {
font-size:13px;
}

View file

@ -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 %}