[IMP][ADD] mail, various: timeline view.

This commit introduces a new view type, the timeline view. This view is
intended to display messages like the previous chatter. This is now a view
like the form or list view. Like other views it will be possible to have
custom templates for some specific needs, allowing customization.

[IMP] mail: the value tracking is modified. Previously messages were created
containing the modified values. Those values are now stored, using a new
model mail.tracking.value. The message body is dynamically build based on
the values. Tests have been updated.

This version is temporary. Indeed two main modifications will come in a short
future :

 - the new design will improve the display
 - the slack mode will change the way the Inbox and notifications are managed

All glory to the Hypnotoad.

Special thanks to Valerie Pirenne (vpi), Jerome Maes (jem) and Richat Mathot
(rim) that did not code but said a lot of things. Martin Trigaux (mat) did
nothing, a bit like for the slides modules, but he is busy sending emails.

1 files changed, 20 insertions, 29 deletions

diff --git a/addons/gamification/static/src/css/gamification.sass b/addons/gamification/static/src/css/gamification.sass
index fa5e4f86dcf..b524c9486b8 100644
--- a/addons/gamification/static/src/css/gamification.sass
+++ b/addons/gamification/static/src/css/gamification.sass
@@ -62,34 +62,29 @@
     .oe_form td .oe_no_padding
         margin-left: -6px
 
-
-    .oe_mail_wall
-        .oe_mail_wall_aside
-            margin-top: 15px
-            position: relative
-            display: inline-block
-            vertical-align: top
-            width: 280px
-            border-radius: 2px
-
-            .oe_gamification_challenge_list
-                background-color: #EDEDF6
+    .oe_timeline
+        .oe_tl_inbox_aside
             .oe_gamification_suggestion
-                background-color: rgb(211, 222, 241)
-                ul
-                    padding-left: 15px
+                background-color: #d3def1
 
-            h4, .oe_goals_list .oe_thead
-                text-align: center
-                padding-bottom: 15px
+                ul 
+                    padding-left: 15px
 
-        .oe_mail_wall_aside > div
-            border-bottom: solid 5px white
-            border-radius: 2px
+                span
+                    background-color: #f0eeee
+                    display: inline-block
+                    height: 25px
+                    vertical-align: middle
+                    font-size: 14px
+                    font-weight: bold
+                    margin-top: -20px
+                    padding-left: 0 5px 0px 5px
 
         .oe_goal
-            border-bottom: solid 3px white
-            padding: 5px 10px
+            background-color: #f0eeee
+            border: solid 1px #CACACA
+            margin-top: 20px
+            padding-left: 10px
             .oe_update_challenge.fa, .oe_goal_action.fa
                 visibility: hidden
                 font-size: 16px
@@ -97,7 +92,6 @@
                 position: relative
             div:hover > .oe_update_challenge, div:hover > .oe_goal_action, th:hover > .oe_goal_action
                 visibility: visible
-
             .oe_goals_list
                 padding-left: 0
                 margin-top: 5px
@@ -170,18 +164,15 @@
                 padding: 0 5px
             .col2
                 width: auto
-        
+
         .oe_user_avatar
             width: 24px
             padding-right: 5px
 
-        .oe_mail
-            display: inline-block
-
         .oe_table
             display: table
         .oe_row
             display: table-row
         .oe_cell
             display: table-cell
-            vertical-align: middle
+            vertical-align: middle
\ No newline at end of file