From f20a7c5efa11d2402004e18a41395ade11ddbc74 Mon Sep 17 00:00:00 2001
From: Mitch Riedstra <mitch@riedstra.us>
Date: Wed, 18 Oct 2017 22:46:07 -0400
Subject: Much better format on recent modifications to the load object

---
 app/dispatch/templates/dispatch/loads/detail.html | 45 ++++++++++++++---------
 1 file changed, 28 insertions(+), 17 deletions(-)

(limited to 'app')

diff --git a/app/dispatch/templates/dispatch/loads/detail.html b/app/dispatch/templates/dispatch/loads/detail.html
index 44997ee..d2b40a7 100644
--- a/app/dispatch/templates/dispatch/loads/detail.html
+++ b/app/dispatch/templates/dispatch/loads/detail.html
@@ -86,30 +86,41 @@
       </div>
     </div>
 
+
   <div class="row">
     <div class="col s12">
       <h4>Recent Changes</h4>
+        <ul class="collapsible" data-collapsible="accordion">
         {% for h in object.history.get_queryset %}
         {% if h.actor is not None %}
-        Change By: {{h.actor.first_name}} {{h.actor.last_name}} ( {{h.actor.email}} )
-          <table>
-            <thead>
-              <th>Field</th>
-              <th>From</th>
-              <th>To</th>
-            </thead>
-            <tbody>
-              {% for field, changes in h.changes_dict.items %}
-                <tr>
-                  <th>{{field}}</th>
-                  <td>{{changes|getindex:0}}</td>
-                  <td>{{changes|getindex:1}}</td>
-                </tr>
-              {% endfor %}
-            </tbody>
-          </table>
+          <li>
+            <div class="collapsible-header">
+              Change By: {{h.actor.first_name}} {{h.actor.last_name}} ( {{h.actor.email}} )
+              On: {{h.timestamp}}
+            </div>
+            <div class="collapsible-body">
+              <table>
+                <thead>
+                  <th>Field</th>
+                  <th>From</th>
+                  <th>To</th>
+                </thead>
+                <tbody>
+                  {% for field, changes in h.changes_dict.items %}
+                  <tr>
+                    <th>{{field}}</th>
+                    <td>{{changes|getindex:0}}</td>
+                    <td>{{changes|getindex:1}}</td>
+                  </tr>
+                  {% endfor %}
+                </tbody>
+              </table>
+            </div>
+          </li>
         {% endif %}
         {% endfor %}
+        </ul>
+      </div>
     </div>
   </div>
 
-- 
cgit v1.2.3