From bfcb90c9a6c25c3e6b94f6635d26be325c016f9b Mon Sep 17 00:00:00 2001
From: Hideyoshi Moriya <hide@piyo.jp>
Date: Fri, 11 May 2018 19:27:49 -0700
Subject: [PATCH] add a link to tx history. close #11

---
 public/eth/index.html |  5 +++++
 public/js/eth.js      | 15 +++++++++------
 pug/eth/index.pug     |  4 ++++
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/public/eth/index.html b/public/eth/index.html
index e99612b..bd26c73 100644
--- a/public/eth/index.html
+++ b/public/eth/index.html
@@ -90,6 +90,11 @@ <h5 class="card-title">Send ETH</h5>
             <button class="btn btn-primary" id="send-eth-to-confirm-btn" type="button" data-toggle="modal" data-target="#send-eth-confirm-modal">Send Ether</button>
           </div>
         </div>
+        <div class="card mb-3">
+          <div class="card-body">
+            <h5 class="card-title">Transaction History</h5><a class="btn btn-outline-secondary btn-block" id="etherscan-link" target="_blank">Check tx history in EtherScan</a>
+          </div>
+        </div>
       </div>
       <!-- Send Ether Confirmation Modal-->
       <div class="modal fade" id="send-eth-confirm-modal" tabindex="-1" role="dialog" aria-labelledby="send-eth-confirm-modal-label" aria-hidden="true">
diff --git a/public/js/eth.js b/public/js/eth.js
index 7403233..eca74a0 100644
--- a/public/js/eth.js
+++ b/public/js/eth.js
@@ -12,10 +12,10 @@ const HTTP_PROVIDERS = [
 	'',
 	'https://ropsten.infura.io'
 ];
-const ETHERSCAN_TX_URLS = [
-	'https://etherscan.io/tx/',
+const ETHERSCAN_URLS = [
+	'https://etherscan.io/',
 	'',
-	'https://ropsten.etherscan.io/tx/'
+	'https://ropsten.etherscan.io/'
 ]
 var chainId = 1;
 
@@ -251,8 +251,8 @@ function registerCallbacks() {
 	$('#send-eth-btn').on('click', function() {
 		$('#send-eth-confirm-modal').modal('toggle');
 		sendEther(function(result) {
-			const baseUrl = ETHERSCAN_TX_URLS[chainId-1];
-			const url = baseUrl + result;
+			const baseUrl = ETHERSCAN_URLS[chainId-1];
+			const url = baseUrl + 'tx/' + result;
 			const e = $("<a></a>", {
   				href: url,
   				target: "_blank",
@@ -294,7 +294,10 @@ function registerCallbacks() {
     }
   });
 
-
+  const baseUrl = ETHERSCAN_URLS[chainId-1];
+  const address = wallet.getAddressString();
+  const url = baseUrl + 'address/' + address
+  $('#etherscan-link').attr('href', url);
 }
 
 function isChrome() {
diff --git a/pug/eth/index.pug b/pug/eth/index.pug
index 84fac84..9b89f1b 100644
--- a/pug/eth/index.pug
+++ b/pug/eth/index.pug
@@ -81,6 +81,10 @@ html(lang='en')
               .input-group-append
                 span#basic-addon2.input-group-text(readonly='') ETH
             button#send-eth-to-confirm-btn.btn.btn-primary(type='button', data-toggle='modal', data-target='#send-eth-confirm-modal') Send Ether
+        .card.mb-3
+          .card-body
+            h5.card-title Transaction History
+            a#etherscan-link.btn.btn-outline-secondary.btn-block(target='_blank') Check tx history in EtherScan
       // Send Ether Confirmation Modal
       #send-eth-confirm-modal.modal.fade(tabindex='-1', role='dialog', aria-labelledby='send-eth-confirm-modal-label', aria-hidden='true')
         .modal-dialog(role='document')