From 3dd8b802d7b952d56e4764d4936062fa36e46800 Mon Sep 17 00:00:00 2001
From: Qiu Di <imcoddy@gmail.com>
Date: Fri, 21 Feb 2014 23:49:43 +0900
Subject: [PATCH] Hide passphrase and private key at first.

Add toggle buttons to show/hide passphrase and private key. This could be useful to avoid someone in behind and take a snapshot.
---
 index.html        | 15 +++++++++++----
 js/brainwallet.js | 25 +++++++++++++++++++++++++
 2 files changed, 36 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index 7a72aee..848d011 100644
--- a/index.html
+++ b/index.html
@@ -104,8 +104,11 @@
               <div class="form-group">
                 <label class="col-lg-2 control-label" for="pass">Passphrase</label>
                 <div class="col-lg-10 controls">
-                  <div class="input-append">
-                    <input class="form-control" id="pass" placeholder="Long sentence that does not appear in songs or literature. SHA256 used as private key. Should not be empty!" type="text" autofocus/>
+                  <div class="input-group">
+                    <input class="form-control" id="pass" placeholder="Long sentence that does not appear in songs or literature. SHA256 used as private key. Should not be empty!" type="password" autofocus/>
+                    <span class="input-group-btn">
+                      <button id="togglePass" class="btn btn-info" type="button">Toggle</button>
+                    </span>
                   </div>
                 </div>
               </div>
@@ -129,7 +132,7 @@
                   </div>
                 </div>
               </div>
-              <div class="form-group">
+              <div class="form-group" style="display:none">
                 <label class="col-lg-2 control-label" for="sec">Private Key</label>
                 <div class="col-lg-10 controls">
                   <input class="form-control" id="sec" readonly="readonly" spellcheck="false" title="Wallet Import Format (Base58Check of Secret Exponent)" type="text" />
@@ -143,8 +146,12 @@
               </div>
               <div class="form-group">
                 <label class="col-lg-2 control-label" for="genAddrQR">Address QR Code</label>
-                <div class="col-lg-10 controls">
+                <div class="col-lg-4 controls">
                   <a href="#" id="genAddrURL" target="_blank" title="Click to view address history (external link)"><span id="genAddrQR"></span></a>
+                  <span id='toggleKeyCode' class='btn btn-default'>Toggle Key</span>
+                </div>
+                <div class="col-lg-3 controls">
+                  <span id="genKeyQR" style="display:none"></span>
                 </div>
               </div>
               <div class="form-group">
diff --git a/js/brainwallet.js b/js/brainwallet.js
index 762dca7..b5940e4 100644
--- a/js/brainwallet.js
+++ b/js/brainwallet.js
@@ -259,6 +259,21 @@
         $('#genAddrQR').html(qrCode.createImgTag(4));
         $('#genAddrURL').attr('href', getAddressURL(addr));
         $('#genAddrURL').attr('title', addr);
+
+        var keyQRCode = qrcode(3, 'L');
+        var text = $('#sec').val();
+        text = text.replace(/^[\s\u3000]+|[\s\u3000]+$/g, '');
+        keyQRCode.addData(text);
+        keyQRCode.make();
+
+        $('#genKeyQR').html(keyQRCode.createImgTag(4));
+        // NMC fix
+        if (ADDRESS_URL_PREFIX.indexOf('explorer.dot-bit.org')>=0 )
+          $('#genAddrURL').attr('href', ADDRESS_URL_PREFIX+'/a/'+addr);
+
+        // chainbrowser fix (needs closing slash for some reason)
+        if (ADDRESS_URL_PREFIX.indexOf('chainbrowser.com')>=0 )
+          $('#genAddrURL').attr('href', ADDRESS_URL_PREFIX+'/address/'+addr+'/');
     }
 
     function genCalcHash() {
@@ -1721,5 +1736,15 @@
           console.log ('secureRandom is not supported');
         }
 
+        $('#toggleKeyCode').on('click', function() {
+            $('#genKeyQR').slideToggle();
+            $('#sec').closest('.form-group').slideToggle();
+        });
+
+        $('#togglePass').on('click', function(){
+            var type = $('#pass').attr('type');
+            type = (type === 'text' ? 'password' : 'text');
+            $('#pass').attr('type', type);
+        });
     });
 })(jQuery);