From fb763e637f73106bd6043d9f7a2920faeb83e66c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lars=20Sj=C3=B6str=C3=B6m?= <lars.sjostrom@svenskaspel.se>
Date: Mon, 4 Nov 2013 14:20:24 +0100
Subject: [PATCH] Feature: Toggle event message in event reports

Toggle event message in reports

cursor pointer and indent of message

rebase from master
---
 puppetboard/static/css/puppetboard.css | 12 ++++++++++++
 puppetboard/templates/report.html      | 17 +++++++++++++++--
 2 files changed, 27 insertions(+), 2 deletions(-)

diff --git a/puppetboard/static/css/puppetboard.css b/puppetboard/static/css/puppetboard.css
index 3e54c34..99188e9 100644
--- a/puppetboard/static/css/puppetboard.css
+++ b/puppetboard/static/css/puppetboard.css
@@ -61,6 +61,18 @@ h1.success {
 h1.noop {
   color:#aaa;
 }
+tr.event {
+  cursor: pointer;
+}
+td.message {
+  padding: 0;
+  border: 0;
+  background-color: #FFFFE9;
+}
+div[id^='message-event'] {
+  display: none;
+  padding: 4px 15px 4px 15px;
+}
 .label-count {
   width:25px;
   text-align:center;
diff --git a/puppetboard/templates/report.html b/puppetboard/templates/report.html
index a131dc5..00fa878 100644
--- a/puppetboard/templates/report.html
+++ b/puppetboard/templates/report.html
@@ -39,15 +39,24 @@
   <tbody>
     {% for event in events %}
     {% if not event.failed and event.item['old'] != event.item['new'] %}
-      <tr class='success'>
+      <tr id='event-{{loop.index}}' class='success event'>
     {% elif event.failed %}
-      <tr class='error'>
+      <tr id='event-{{loop.index}}' class='error event'>
     {% endif %}
       <td>{{event.item['type']}}[{{event.item['title']}}]</td>
       <td>{{event.status}}</td>
       <td>{{event.item['old']}}</td>
       <td>{{event.item['new']}}</td>
     </tr>
+    {% if event.item['message'] %}
+    <tr>
+      <td class='message' colspan='4'>
+        <div id='message-event-{{loop.index}}'>
+          {{event.item['message']}}
+        </div>
+      </td>
+    </tr>
+    {% endif %}
     {% endfor %}
   </tbody>
 </table>
@@ -57,6 +66,10 @@
   <script type='text/javascript'>
     jQuery(function ($) {
       $("[rel=tooltip]").tooltip();
+      $(".event").click(function() {
+        $("#message-" + this.id).slideToggle(200);
+        return false;
+      });
     });
   </script>
 {% endblock script %}