displays timestamp on every transaction

DemocracyEarth · Apr 11, 2018 · 3acdac7 · 3acdac7
1 parent 341d293
commit 3acdac7
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/imports/ui/css/earth.css b/imports/ui/css/earth.css
@@ -3155,6 +3155,11 @@ blockquote {
   float: left;
 }
 
+.data.data-feed.data-transaction {
+  margin: 3px 10px 7px -4px;
+  float: left;
+}
+
 .contract-collapse {
   position: absolute;
   top: 0px;
@@ -5537,6 +5542,12 @@ blockquote {
   margin-bottom: 10px;
 }
 
+.transaction-date {
+  margin-top: 3px;
+  margin-bottom: 10px;
+  margin-left: -4px;
+}
+
 @media (max-width: 991px) {
   .contract {
     margin-right: 15px;

diff --git a/imports/ui/templates/widgets/transaction/transaction.html b/imports/ui/templates/widgets/transaction/transaction.html
@@ -13,6 +13,11 @@
         </div>
       </div>
     </div>
+
+      <div class="data data-feed data-transaction">
+        <div class="verifier verifier-live verifier-feed">&#183; {{sinceDate}}</div>
+      </div>
+
     {{#if compressed}}
       <div class="identity identity-transaction w-clearfix" style="float:left">
         {{#with sender}}

diff --git a/imports/ui/templates/widgets/transaction/transaction.js b/imports/ui/templates/widgets/transaction/transaction.js
@@ -5,6 +5,7 @@ import { ReactiveVar } from 'meteor/reactive-var';
 import { Session } from 'meteor/session';
 
 import { getVotes } from '/imports/api/transactions/transaction';
+import { timeCompressed } from '/imports/ui/modules/chronos';
 
 import '/imports/ui/templates/widgets/transaction/transaction.html';
 
@@ -70,6 +71,9 @@ Template.transaction.helpers({
     }
     return '';
   },
+  sinceDate() {
+    return `${timeCompressed(this.contract.timestamp)}`;
+  },
   onCard() {
     if (this.onCard) {
       return 'vote-delegation-card';