From d87f2b17edb403860a4ae151395505624660afbf Mon Sep 17 00:00:00 2001
From: Andrew Croce <andrew+dds@promptworks.com>
Date: Tue, 25 Sep 2018 16:03:08 -0400
Subject: [PATCH] audit log markup

---
 templates/audit_log.html | 35 +++++++++++++++++++++++------------
 1 file changed, 23 insertions(+), 12 deletions(-)

diff --git a/templates/audit_log.html b/templates/audit_log.html
index 68b54f80..2ae23517 100644
--- a/templates/audit_log.html
+++ b/templates/audit_log.html
@@ -3,20 +3,31 @@
 {% block content %}
 
 
-  <div class="panel">
-    <section class="block-list">
-      <header class="block-list__header">
-        <h1 class="block-list__title">Acitivity History</h1>
-      </header>
+  <section class="block-list">
+    <header class="block-list__header">
+      <h1 class="block-list__title">Activity History</h1>
+    </header>
 
-      <ul>
-        {% for event in audit_events %}
-          <li class="block-list__item">{{ event }}</li>
-        {% endfor %}
-      </ul>
+    <ul>
+      {% for event in audit_events %}
+        <li class="block-list__item">
+          <article class='audit-log__item'>
+            <div class='audit-log__item__timestamp'>
+              <local-datetime timestamp='{{ event.time_created }}'></local-datetime>
+            </div>
 
-    </section>
+            <div>
+              <h2 class='h4 audit-log__item__name'>
+                {{ event.user.full_name if event.user else "ATAT System" }}
+              </h2>
+              {{ event.activity_description }}
+            </div>
+          </article>
+        </li>
+      {% endfor %}
+    </ul>
+
+  </section>
 
-  </div>
 
 {% endblock %}