aboutsummaryrefslogtreecommitdiff
path: root/src/index.html
diff options
context:
space:
mode:
authorIan Coleman <coleman.ian@gmail.com>2016-12-01 10:54:33 +1100
committerIan Coleman <coleman.ian@gmail.com>2016-12-01 11:25:36 +1100
commite00964ccf7a556895784ed05f0fdec954f5558d5 (patch)
treee7790593e2309e494eb19ccc3e34bbb74b7188e7 /src/index.html
parentfc7c248fafef4ba2aecf9dcf4718b3d4c91d94b0 (diff)
downloadBIP39-e00964ccf7a556895784ed05f0fdec954f5558d5.tar.gz
BIP39-e00964ccf7a556895784ed05f0fdec954f5558d5.tar.zst
BIP39-e00964ccf7a556895784ed05f0fdec954f5558d5.zip
QR code shown on hover for certain bits of data
QR code shown for: * mnemonic * seed * root key * derived extended private key * derived extended public key * addresses * public keys * private keys
Diffstat (limited to 'src/index.html')
-rw-r--r--src/index.html37
1 files changed, 29 insertions, 8 deletions
diff --git a/src/index.html b/src/index.html
index 860e9d0..aab473c 100644
--- a/src/index.html
+++ b/src/index.html
@@ -81,6 +81,20 @@
81 .card-suit.spade { 81 .card-suit.spade {
82 color: #000; 82 color: #000;
83 } 83 }
84 .qr-container {
85 position: fixed;
86 top: 0;
87 right: 0;
88 text-align: center;
89 background-color: #FFF;
90 border: 1px solid #CCC;
91 }
92 .qr-image {
93 margin: 5px;
94 }
95 .qr-hint {
96 padding: 2px;
97 }
84 </style> 98 </style>
85 </head> 99 </head>
86 <body> 100 <body>
@@ -209,7 +223,7 @@
209 <div class="form-group"> 223 <div class="form-group">
210 <label for="phrase" class="col-sm-2 control-label" data-translate>BIP39 Mnemonic</label> 224 <label for="phrase" class="col-sm-2 control-label" data-translate>BIP39 Mnemonic</label>
211 <div class="col-sm-10"> 225 <div class="col-sm-10">
212 <textarea id="phrase" class="phrase form-control"></textarea> 226 <textarea id="phrase" class="phrase form-control" data-show-qr></textarea>
213 </div> 227 </div>
214 </div> 228 </div>
215 <div class="form-group"> 229 <div class="form-group">
@@ -221,7 +235,7 @@
221 <div class="form-group"> 235 <div class="form-group">
222 <label for="seed" class="col-sm-2 control-label" data-translate>BIP39 Seed</label> 236 <label for="seed" class="col-sm-2 control-label" data-translate>BIP39 Seed</label>
223 <div class="col-sm-10"> 237 <div class="col-sm-10">
224 <textarea id="seed" class="seed form-control" readonly="readonly"></textarea> 238 <textarea id="seed" class="seed form-control" readonly="readonly" data-show-qr></textarea>
225 </div> 239 </div>
226 </div> 240 </div>
227 <div class="form-group"> 241 <div class="form-group">
@@ -235,7 +249,7 @@
235 <div class="form-group"> 249 <div class="form-group">
236 <label for="root-key" class="col-sm-2 control-label" data-translate>BIP32 Root Key</label> 250 <label for="root-key" class="col-sm-2 control-label" data-translate>BIP32 Root Key</label>
237 <div class="col-sm-10"> 251 <div class="col-sm-10">
238 <textarea id="root-key" class="root-key form-control"></textarea> 252 <textarea id="root-key" class="root-key form-control" data-show-qr></textarea>
239 </div> 253 </div>
240 </div> 254 </div>
241 </form> 255 </form>
@@ -382,13 +396,13 @@
382 <div class="form-group"> 396 <div class="form-group">
383 <label for="extended-priv-key" class="col-sm-2 control-label" data-translate>BIP32 Extended Key</label> 397 <label for="extended-priv-key" class="col-sm-2 control-label" data-translate>BIP32 Extended Key</label>
384 <div class="col-sm-10"> 398 <div class="col-sm-10">
385 <textarea id="extended-priv-key" class="extended-priv-key form-control" readonly="readonly"></textarea> 399 <textarea id="extended-priv-key" class="extended-priv-key form-control" readonly="readonly" data-show-qr></textarea>
386 </div> 400 </div>
387 </div> 401 </div>
388 <div class="form-group"> 402 <div class="form-group">
389 <label for="extended-pub-key" class="col-sm-2 control-label" data-translate>BIP32 Extended Key (addresses only)</label> 403 <label for="extended-pub-key" class="col-sm-2 control-label" data-translate>BIP32 Extended Key (addresses only)</label>
390 <div class="col-sm-10"> 404 <div class="col-sm-10">
391 <textarea id="extended-pub-key" class="extended-pub-key form-control" readonly="readonly"></textarea> 405 <textarea id="extended-pub-key" class="extended-pub-key form-control" readonly="readonly" data-show-qr></textarea>
392 </div> 406 </div>
393 </div> 407 </div>
394 </form> 408 </form>
@@ -586,6 +600,12 @@
586 600
587 </div> 601 </div>
588 602
603 <div class="qr-container hidden">
604 <div class="qr-hint bg-primary" data-translate>Click field to hide QR</div>
605 <div class="qr-hint bg-primary hidden" data-translate>Click field to show QR</div>
606 <div class="qr-image"></div>
607 </div>
608
589 <div class="feedback-container"> 609 <div class="feedback-container">
590 <div class="feedback">Loading...</div> 610 <div class="feedback">Loading...</div>
591 </div> 611 </div>
@@ -593,14 +613,15 @@
593 <script type="text/template" id="address-row-template"> 613 <script type="text/template" id="address-row-template">
594 <tr> 614 <tr>
595 <td class="index"><span></span></td> 615 <td class="index"><span></span></td>
596 <td class="address"><span></span></td> 616 <td class="address"><span data-show-qr></span></td>
597 <td class="pubkey"><span></span></td> 617 <td class="pubkey"><span data-show-qr></span></td>
598 <td class="privkey"><span></span></td> 618 <td class="privkey"><span data-show-qr></span></td>
599 </tr> 619 </tr>
600 </script> 620 </script>
601 <script src="js/jquery.min.js"></script> 621 <script src="js/jquery.min.js"></script>
602 <script src="js/bootstrap.min.js"></script> 622 <script src="js/bootstrap.min.js"></script>
603 <script src="js/levenshtein.js"></script> 623 <script src="js/levenshtein.js"></script>
624 <script src="js/jquery.qrcode.min.js"></script>
604 <script src="js/bitcoinjs-1-5-7.js"></script> 625 <script src="js/bitcoinjs-1-5-7.js"></script>
605 <script src="js/bitcoinjs-extensions.js"></script> 626 <script src="js/bitcoinjs-extensions.js"></script>
606 <script src="js/sjcl-bip39.js"></script> 627 <script src="js/sjcl-bip39.js"></script>