ui.recover: add clipboard for tx hash

Author: chrisdukakis

locales/en/translation.json

@@ -339,5 +339,6 @@
   "recovery_proof_transaction_pending": "Proof transaction is pending",
   "recovery_proof_transaction_confirmed": "Proof transaction confirmed",
   "recovery_close": "Close",
-  "invalid_checksum": "Invalid checksum"
+  "invalid_checksum": "Invalid checksum",
+  "recovery_transaction_hash": "Transaction hash:"
 }

ui/css/ui.css

@@ -1857,3 +1857,8 @@ input[type="number"] {
 #recovery-step-2-close {
   display: none;
 }
+
+#recovery-transaction-hash-clipboard {
+  overflow: hidden;
+  margin: 14px;
+}

ui/index.html

@@ -204,6 +204,8 @@ <h1 data-i18n="network_spammer"></h1>
       <span id="recovery-proof-transaction-pending" data-i18n="recovery_proof_transaction_pending"></span>
       <span id="recovery-proof-transaction-confirmed" data-i18n="recovery_proof_transaction_confirmed"></span>
     </p>
+    <span data-i18n="recovery_transaction_hash"></span>
+    <div id="recovery-transaction-hash-clipboard" class="hash"></div>
     <p id="recovery-reattach-prompt" class="description"><span data-i18n="recovery_reattach_prompt"></span></p>
     <button id="recovery-reattach-btn" class="btn" type="button" data-initial="reattach" data-loading="reattaching" data-i18n="reattach"></button>
     <button id="recovery-step-2-close" class="btn btn-no-loading" type="button" data-initial="recovery_close" data-i18n="recovery_close"></button>

ui/js/ui.recover.js

@@ -99,6 +99,7 @@ var UI = (function (UI, $, undefined) {
           $('.remodal-close').off('click')
           $('#recovery-step-1').hide()
           $('#recovery-step-2').fadeIn()
+          $('#recovery-transaction-hash-clipboard').html(UI.formatForClipboard(tx[0].hash))
           _step++
           checkInclusionStates(tx[0], CONFIRMATION_CHECK_TIMEOUT, function (err, confirmed) {
             if (err) {