From 1169d0fff03ee7642a8b5e06462781f8996bb6e5 Mon Sep 17 00:00:00 2001
From: Alon Levy <alon@pobox.com>
Date: Tue, 28 Oct 2014 19:57:54 +0200
Subject: history: show last logged action (ui has negative z-index)

---
 index.html         | 3 +++
 scripts/history.js | 1 +
 style.css          | 9 +++++++++
 3 files changed, 13 insertions(+)

diff --git a/index.html b/index.html
index ef5b58b4..fa84746f 100644
--- a/index.html
+++ b/index.html
@@ -100,6 +100,9 @@
     </div>
     </div>
 
+    <div class="history-timeline">
+    </div>
+
     <div class="logo">
         <a href="#"><img width="146" height="67" src="images/sage.png"/></a>
     </div>
diff --git a/scripts/history.js b/scripts/history.js
index d4a8d4a3..72f9e846 100644
--- a/scripts/history.js
+++ b/scripts/history.js
@@ -56,6 +56,7 @@ History.prototype.record = function(action, d)
     d['user'] = this.user;
     d['timestamp'] = new Date();
     this.records.push(d);
+    $('.history-timeline').html('<pre>' + JSON.stringify(d) + '</pre>');
 };
 
 function svg_extract_translate_and_scale(e)
diff --git a/style.css b/style.css
index 0549cd79..aa304a3e 100644
--- a/style.css
+++ b/style.css
@@ -296,6 +296,15 @@ input:focus {
 .debug{
 }
 
+.history-timeline {
+    pointer-events: none;
+    z-index: -1;
+    position: absolute;
+    width: 100%;
+    justify-content: center;
+    bottom: 100px;
+}
+
 .save{
 }
 
-- 
cgit v1.3.1