diff options
author | Ian Coleman <coleman.ian@gmail.com> | 2016-12-01 10:54:33 +1100 |
---|---|---|
committer | Ian Coleman <coleman.ian@gmail.com> | 2016-12-01 11:25:36 +1100 |
commit | e00964ccf7a556895784ed05f0fdec954f5558d5 (patch) | |
tree | e7790593e2309e494eb19ccc3e34bbb74b7188e7 /src/index.html | |
parent | fc7c248fafef4ba2aecf9dcf4718b3d4c91d94b0 (diff) | |
download | BIP39-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.html | 37 |
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> |