From 491a2b5ab7852ef9eb44632788dc58b08e4f6c58 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20P=C3=A9ters?= <fpeters@entrouvert.com>
Date: Mon, 8 Feb 2016 09:20:58 +0100
Subject: [PATCH] style: add an icon to the journal items (#9903)

---
 wcs/forms/common.py              |  5 +++++
 wcs/qommon/static/css/qommon.css | 29 +++++++++++++++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/wcs/forms/common.py b/wcs/forms/common.py
index f2d9d74..f6922e8 100644
--- a/wcs/forms/common.py
+++ b/wcs/forms/common.py
@@ -324,7 +324,12 @@ class FormStatusPage(Directory):
             if evo.status:
                 previous_status = evo.status
 
+            status_colour = self.filled.get_status(previous_status).colour
+            fg_colour = misc.get_foreground_colour(status_colour)
+
             r += htmltext('<li class="%s">' % klass)
+            r += htmltext('<span class="item" style="background: #%s; color: %s;"></span>' %
+                    (status_colour, fg_colour))
             r += htmltext('<div>')
             r += status_block.getvalue()
 
diff --git a/wcs/qommon/static/css/qommon.css b/wcs/qommon/static/css/qommon.css
index 4b93837..811c825 100644
--- a/wcs/qommon/static/css/qommon.css
+++ b/wcs/qommon/static/css/qommon.css
@@ -525,6 +525,35 @@ ul#evolutions li.msg-out div.msg {
 	margin-bottom: 30px;
 }
 
+ul#evolutions li span.item {
+	/* left circle icon */
+	position: absolute;
+	text-align: center;
+	line-height: 40px;
+	color: #666;
+	font-family: FontAwesome;
+	width: 40px;
+	height: 40px;
+	display: block;
+	left:  10px;
+	border-radius: 20px;
+	border: 1px solid #aaa;
+	top: 20px;
+	color: #666 !important;
+}
+
+ul#evolutions li:first-child span.item:before {
+	content: "\f067"; /* plus */
+}
+
+ul#evolutions li.msg-system span.item:before {
+	content: "\f141"; /* ellipsis-h */
+}
+
+ul#evolutions li span.item:before {
+	content: "\f075"; /* comment */
+}
+
 div.halfwidth {
 	width: 45%;
 	float: left;
-- 
2.7.0