(WIP) First steps to #32

assets/dashboard/styles/materialize.min.css

@@ -5099,7 +5099,7 @@ small {
 }
 
 .btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
-  background-color: #1d7d74
+  background-color: #c3300f
 }
 
 .btn, .btn-large, .btn-small {

assets/styles/forms.css

@@ -2,8 +2,7 @@
   fill: #aaa;
 }
 
-.select-dropdown
-{
+.select-dropdown {
   color: #aaa;
 }
 
@@ -23,7 +22,11 @@
   color: #aaa;
 }
 
-#tableTransactionsForAll .fa-arrow-right {
+#tableTransactionsForAll .fa-sign-in-alt {
+  color: green;
+}
+
+#tableTransactionsForAll .fa-sign-out-alt {
   color: red;
 }
 

assets/styles/materialize.min.css

@@ -4651,7 +4651,7 @@ small {
 }
 
 .btn:focus, .btn-large:focus, .btn-small:focus, .btn-floating:focus {
-  background-color: #1d7d74
+  background-color: #c3300f
 }
 
 .btn, .btn-large, .btn-small {

assets/templates/transactions.html

@@ -1,5 +1,4 @@
 <div id="transactionsWrapper">
-  <!----<button type="button" class="btn btn-etho" id="btnRefreshTransactions">Refresh</button>-->
   <table id="tableTransactionsForAll" class="display tableTransactions" style="width:100%">
     <thead>
       <tr>

renderer/tableTransactions.js

@@ -1,4 +1,6 @@
-const {ipcRenderer} = require("electron");
+const {
+  ipcRenderer
+} = require("electron");
 
 class tableTransactions {
   constructor() {
@@ -9,12 +11,10 @@ class tableTransactions {
     // register the sort datetime format
     $.fn.dataTable.moment("MMM Do YYYY HH:mm:ss");
 
-    var namesType = $.fn.dataTable.absoluteOrderNumber([
-      {
+    var namesType = $.fn.dataTable.absoluteOrderNumber([{
       value: null,
       position: "top"
-      }
-    ]);
+    }]);
     // render the transactions
     $(id).DataTable({
       dom: "Bfrtip",
@@ -29,24 +29,27 @@ class tableTransactions {
       oSearch: {
         sSearch: EthoTransactions.getFilter()
       },
-      buttons: [
-        {
+      buttons: [{
         text: '<i class="fas fa-sync-alt"></i>',
         action: function(e, dt, node, config) {
           EthoTransactions.renderTransactions();
         }
-        }
-      ],
-      columnDefs: [
-        {
+      }],
+      columnDefs: [{
         targets: 0,
         render: function(data, type, row) {
           if (data == 0) {
-              return '<i class="fas fa-arrow-left"></i>';
+            var AccLogic1 = document.getElementById("txValue");
+            AccLogic1.style.color = "green";
+            return '<i class="fas fa-sign-out-alt"></i>';
           } else if (data == 1) {
-              return '<i class="fas fa-arrow-right"></i>';
+            var AccLogic1 = document.getElementById("txValue");
+            AccLogic1.style.color = "red";
+            return '<i class="fas fa-sign-in-alt"></i>';
           } else {
-              return '<i class="fas fa-arrow-right"></i>';
+            var AccLogic1 = document.getElementById("txValue");
+            AccLogic1.style.color = "red";
+            return '<i class="fas fa-sign-in-alt"></i>';
           }
         }
       }, {
@@ -73,11 +76,10 @@ class tableTransactions {
           if (row[1]) {
             return '<i class="fas fa-check"></i>';
           } else {
-              return '<i class="fas fa-question"></i>';
+            return '<i class="fas fa-times" style="color:red"></i>';
           }
         }
-        }
-      ],
+      }],
       drawCallback: function(settings) {
         $("#loadingTransactionsOverlay").css("display", "none");
       }