From 528d8525b12d64cafae00fe1ec7840c87f9d4584 Mon Sep 17 00:00:00 2001
From: Jordan Wright <jmwright798@gmail.com>
Date: Mon, 1 Feb 2016 21:53:00 -0600
Subject: [PATCH] Added basic table to display results - last step is the JS to
 dynamically show it.

---
 static/css/main.css               |  4 ++++
 static/js/app/campaign_results.js | 13 +++++++++++++
 2 files changed, 17 insertions(+)

diff --git a/static/css/main.css b/static/css/main.css
index 572dbe55..89abd3af 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -441,3 +441,7 @@ table.dataTable thead .sorting_desc:after {
 .timeline-event-details>.table-responsive{
 	display:none;
 }
+.timeline-event-details{
+	margin-top: 10px;
+	margin-bottom: 10px;
+}
diff --git a/static/js/app/campaign_results.js b/static/js/app/campaign_results.js
index 51d77e79..a5249855 100644
--- a/static/js/app/campaign_results.js
+++ b/static/js/app/campaign_results.js
@@ -131,6 +131,19 @@ function renderTimeline(data) {
                 '    <span class="timeline-date">' + moment(event.time).format('MMMM Do YYYY h:mm') + '</span>'
 	    if (event.details) {
 	    	results += '<div class="timeline-event-details"><i class="fa fa-caret-right"></i> View Details</div>'
+	    	results += '<div class="timeline-event-table">'
+	    	results += '    <table class="table table-condensed table-bordered table-striped">'
+	    	results += '        <thead><tr><th>Parameter</th><th>Value(s)</tr></thead><tbody>'
+	        details = JSON.parse(event.details)
+	        $.each(Object.keys(details.payload), function(i, param){
+			if (param == "rid") { return true; }
+			results += '    <tr>'
+			results += '        <td>' + param + '</td>'
+			results += '        <td>' + details.payload[param] + '</td>'
+			results += '    </tr>'
+		})
+    		results += '       </tbody></table>'
+		results += '</div>'
 	    }
             results += '</div></div>'
         }