[enh] Graphic work on confirmation & invalidation : icons, tooltips…

media/css/style.css

@@ -387,6 +387,33 @@ div.comment {
   padding: .8em 1em;
 }
 
+#report #icons {
+	float: right;
+	margin-right: 0.5em;
+	font-weight: bold;
+	font-size: 120%;
+	width: 100%;
+	text-align: right;
+	color: #eee;
+}
+
+#report #icons span {
+	padding: 0 0 2px 20px;
+	background-clip: pading-box;
+	background-repeat: no-repeat;
+	color: #000;
+}
+
+#report #icons span#confirmations {	background-image: url(../img/plus_alt.png); }
+#report #icons span#invalidations {	background-image: url(../img/minus_alt.png); }
+#report #icons span#verified      {	background-image: url(../img/eye.png); padding-left: 28px;}
+
+#report #icons span.tooltip {
+	display: none;
+	font-weight: normal;
+}
+
+
 /* General inputs */
 
 input[type=submit], input[type=button], .button, input[type="text"], textarea, select {

templates/view.html

@@ -70,6 +70,8 @@ $(document).ready(function() {
                                 + "-h6,hr[size|noshade],dd,dl,dt,cite,abbr,acronym,"
                                 + "del[datetime|cite],ins[datetime|cite]",
              });
+
+	$('span').hover(function(){$('span#'+this.id+'_tooltip').fadeIn();}, function(){$('span#'+this.id+'_tooltip').hide();});
 });
 </script>
 {% endblock %}
@@ -77,7 +79,16 @@ $(document).ready(function() {
 {%block content%}
 <div id='global'>
   <h2>{{v.operator}} ({{v.country}}) {{v.contract}}</h2>
+
 <div id="report">
+	<div id="icons">
+		<span id="verified_tooltip" class="tooltip">{% trans "This case was verified by the management team" %}</span>
+		<span id="confirmations_tooltip" class="tooltip">{%if v.confirmations == 0 %} {% trans "Nobody has yet confirmed the case. Feel free to do it" %} {%else%} {{v.confirmations}} {% trans "people confirmed this case" %} {%endif%}</span>
+		<span id="verified"></span> |
+		<span id="confirmations">{{v.confirmations}}</span> |
+		<span id="invalidations">{%if v.invalidations %} {{v.invalidations}} {%else%} 0 {%endif%}</span>
+	</div>
+
   <dl>{%if v.resource_name%}<dt>{% trans "Resource" %}</dt><dd>{{v.resource_name}}</dd>{%endif%}
   {%if v.type%}<dt>{% trans "Type" %}</dt><dd>{{v.type}}</dd>{%endif%}
   {%if v.media%}<dt>{% trans "Media" %}</dt><dd>{{v.media}}</dd>{%endif%}