history: show last logged action (ui has negative z-index)

3 files changed, 13 insertions, 0 deletions

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{
 }