From 6254259b7351957ad1c0497a368c3f5abe9b349b Mon Sep 17 00:00:00 2001
From: Alexandre Aubin <alexandre.aubin@cern.ch>
Date: Fri, 1 Dec 2017 21:51:05 +0100
Subject: [PATCH] Display relative date of test on branch page

---
 appci/templates/branch.html | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/appci/templates/branch.html b/appci/templates/branch.html
index bd72a3e..3923e04 100644
--- a/appci/templates/branch.html
+++ b/appci/templates/branch.html
@@ -61,6 +61,8 @@
 
         .canvasjs-chart-credit { display: none; }
 
+        .daysAgo { font-size: 12px; width:100px; }
+
     </style>
 
 </head>
@@ -83,6 +85,7 @@
                             {% for test in data.tests %}
                              <th class="ci-test-title"><div><span>{{ test }}</span></div></th>
                             {% endfor %}
+                             <th class="ci-test-title"></th>
                         </tr>
                     </thead>
                     <tbody>
@@ -97,6 +100,8 @@
                             </td>
                             {% endfor %}
                         {% endif %}
+                        <td class="daysAgo" timestamp="{{ test_results['date'] }}">
+                        </td>
                     </tr>
                     {% endfor %}
                     </tbody>
@@ -144,5 +149,19 @@ chart.render();
 }
 </script>
 
+<script>
+function daysAgo(timestamp) {
+    var difference = Math.round(+new Date()/1000) - timestamp;
+    var daysDifference = Math.round(difference/60/60/24);
+    //return (new Date(timestamp*1000));
+    return "(" + daysDifference + " days ago)";
+}
+$(".daysAgo").each(function () {
+    console.log($(this));
+    var t = $(this).attr("timestamp");
+    $(this).text(daysAgo(t));
+});
+</script>
+
 </body>
 </html>