From 18bc81cfe91bd0d0beac0a73ef32ce48fe79f0dd Mon Sep 17 00:00:00 2001
From: katibest <katibest@gaslight.co>
Date: Tue, 17 Jul 2018 10:12:14 -0400
Subject: [PATCH] Added tile status styles to the missed transaction tiles &
 updated gettext ether to appropriate spots

---
 .../address_transaction/_transaction.html.eex          |  6 ++++--
 .../templates/chain/_transactions.html.eex             | 10 +++++-----
 .../templates/pending_transaction/index.html.eex       |  2 +-
 .../explorer_web/templates/transaction/index.html.eex  | 10 +++++-----
 4 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/apps/explorer_web/lib/explorer_web/templates/address_transaction/_transaction.html.eex b/apps/explorer_web/lib/explorer_web/templates/address_transaction/_transaction.html.eex
index 3e25c27b78..c3d1281fa3 100644
--- a/apps/explorer_web/lib/explorer_web/templates/address_transaction/_transaction.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/address_transaction/_transaction.html.eex
@@ -4,7 +4,9 @@
       <span class="tile-label">
         <%= ExplorerWeb.TransactionView.transaction_display_type(@transaction) %>
       </span>
-      <div class="tile-status-label" data-test="transaction_status"><%= formatted_status(@transaction) %></div>
+      <div class="tile-status-label" data-test="transaction_status">
+        <%= formatted_status(@transaction) %>
+      </div>
     </div>
     <div class="col-md-7 col-lg-8 d-flex flex-column">
       <%= render ExplorerWeb.TransactionView, "_link.html", locale: @locale, transaction_hash: @transaction.hash %>
@@ -39,7 +41,7 @@
     </div>
     <div class="col-md-3 col-lg-2 d-flex flex-row flex-md-column justify-content-start align-items-end text-md-right">
       <span class="tile-title">
-        <%= ExplorerWeb.TransactionView.value(@transaction, include_label: false) %> POA
+        <%= ExplorerWeb.TransactionView.value(@transaction, include_label: false) %> <%= gettext "Ether" %>
       </span>
       <span class="mr-2 mr-sm-0 text-muted"> <%= ExplorerWeb.TransactionView.formatted_fee(@transaction, denomination: :ether) %> <%= gettext "Fee" %></span>
     </div>
diff --git a/apps/explorer_web/lib/explorer_web/templates/chain/_transactions.html.eex b/apps/explorer_web/lib/explorer_web/templates/chain/_transactions.html.eex
index 1d77c1b21e..751c699e95 100644
--- a/apps/explorer_web/lib/explorer_web/templates/chain/_transactions.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/chain/_transactions.html.eex
@@ -3,12 +3,12 @@
     <%= link(gettext("View All Transactions →"), to: transaction_path(@conn, :index, Gettext.get_locale), class: "button button--secondary button--xsmall float-right") %>
     <h2 class="card-title"><%= gettext "Transactions" %></h2>
     <%= for transaction <- @chain.transactions do %>
-    <div class="tile tile-type-<%= ExplorerWeb.TransactionView.type_suffix(transaction) %>" data-test="<%= ExplorerWeb.TransactionView.type_suffix(transaction) %>" data-transaction-hash="<%= transaction.hash %>">
+    <div class="tile tile-type-<%= ExplorerWeb.TransactionView.type_suffix(transaction) %> tile-status--<%= status(transaction) %>" data-test="<%= ExplorerWeb.TransactionView.type_suffix(transaction) %>" data-transaction-hash="<%= transaction.hash %>">
       <div class="row" data-test="chain_transaction">
-        <div class="col-md-2 d-flex flex-column align-items-left justify-content-start justify-content-lg-center tile-label">
+        <div class="col-md-2 d-flex flex-column align-items-left justify-content-start justify-content-lg-center">
           <div class="ml-4">
-            <span data-test="transaction_type"> <%= ExplorerWeb.TransactionView.transaction_display_type(transaction) %></span>
-            <div data-test="transaction_status" class="text-muted"><%= formatted_status(transaction) %></div>
+            <span class="tile-label" data-test="transaction_type"> <%= ExplorerWeb.TransactionView.transaction_display_type(transaction) %></span>
+            <div class="tile-status-label" data-test="transaction_status"><%= formatted_status(transaction) %></div>
           </div>
         </div>
         <div class="col-md-7 col-lg-8 d-flex flex-column">
@@ -30,7 +30,7 @@
         </div>
         <div class="col-md-3 col-lg-2 d-flex flex-row flex-md-column justify-content-start text-md-right">
           <span class="tile-title">
-            <%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %> POA
+            <%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %> <%= gettext "Ether" %>
           </span>
           <span><%= ExplorerWeb.TransactionView.formatted_fee(transaction, denomination: :ether) %> <%= gettext "Fee" %></span>
         </div>
diff --git a/apps/explorer_web/lib/explorer_web/templates/pending_transaction/index.html.eex b/apps/explorer_web/lib/explorer_web/templates/pending_transaction/index.html.eex
index 792e157126..c17a64c3c6 100644
--- a/apps/explorer_web/lib/explorer_web/templates/pending_transaction/index.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/pending_transaction/index.html.eex
@@ -44,7 +44,7 @@
                   <%= gettext("Contract Address Pending") %>
                 <% end %>
               </span>
-              <%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %> POA
+              <%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %> <%= gettext "Ether" %>
             </div>
           </div>
         </div>
diff --git a/apps/explorer_web/lib/explorer_web/templates/transaction/index.html.eex b/apps/explorer_web/lib/explorer_web/templates/transaction/index.html.eex
index 62d0777e77..544dbc58ce 100644
--- a/apps/explorer_web/lib/explorer_web/templates/transaction/index.html.eex
+++ b/apps/explorer_web/lib/explorer_web/templates/transaction/index.html.eex
@@ -25,12 +25,12 @@
       <p><%= gettext("Showing %{count} Validated Transactions", count: Cldr.Number.to_string!(@transaction_estimated_count, format: "#,###")) %></p>
 
       <%= for transaction <- @transactions do %>
-        <div class="tile tile-type-<%= ExplorerWeb.TransactionView.type_suffix(transaction) %>" data-test="<%= ExplorerWeb.TransactionView.type_suffix(transaction) %>" data-transaction-hash="<%= transaction.hash %>">
+        <div class="tile tile-type-<%= ExplorerWeb.TransactionView.type_suffix(transaction) %> tile-status--<%= status(transaction) %>" data-test="<%= ExplorerWeb.TransactionView.type_suffix(transaction) %>" data-transaction-hash="<%= transaction.hash %>">
           <div class="row" data-test="chain_transaction">
-            <div class="col-md-2 d-flex flex-column align-items-left justify-content-start justify-content-lg-center tile-label">
+            <div class="col-md-2 d-flex flex-column align-items-left justify-content-start justify-content-lg-center">
               <div class="ml-4">
-                <span data-test="transaction_type"> <%= ExplorerWeb.TransactionView.transaction_display_type(transaction) %></span>
-                <div data-test="transaction_status" class="text-muted"><%= formatted_status(transaction) %></div>
+                <span class="tile-label" data-test="transaction_type"> <%= ExplorerWeb.TransactionView.transaction_display_type(transaction) %></span>
+                <div class="tile-status-label" data-test="transaction_status"><%= formatted_status(transaction) %></div>
               </div>
             </div>
             <div class="col-md-7 col-lg-8 d-flex flex-column">
@@ -51,7 +51,7 @@
               </span>
             </div>
             <div class="col-md-3 col-lg-2 d-flex flex-row flex-md-column justify-content-start text-md-right">
-              <span class="tile-title"><%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %> POA</span>
+              <span class="tile-title"><%= ExplorerWeb.TransactionView.value(transaction, include_label: false) %> <%= gettext "Ether" %></span>
               <span> <%= ExplorerWeb.TransactionView.formatted_fee(transaction, denomination: :ether) %> <%= gettext "Fee" %></span>
             </div>
           </div>