diff options
Diffstat (limited to 'src/index.html')
-rw-r--r-- | src/index.html | 177 |
1 files changed, 98 insertions, 79 deletions
diff --git a/src/index.html b/src/index.html index a53a20b..0720867 100644 --- a/src/index.html +++ b/src/index.html | |||
@@ -15,7 +15,7 @@ | |||
15 | <div class="container"> | 15 | <div class="container"> |
16 | 16 | ||
17 | <h1 class="text-center">Mnemonic Code Converter</h1> | 17 | <h1 class="text-center">Mnemonic Code Converter</h1> |
18 | <p class="version">v0.3.6</p> | 18 | <p class="version">v0.3.7</p> |
19 | <hr> | 19 | <hr> |
20 | <div class="row"> | 20 | <div class="row"> |
21 | <div class="col-md-12"> | 21 | <div class="col-md-12"> |
@@ -69,7 +69,7 @@ | |||
69 | <div class="form-group"> | 69 | <div class="form-group"> |
70 | <label for="entropy" class="col-sm-2 control-label">Entropy</label> | 70 | <label for="entropy" class="col-sm-2 control-label">Entropy</label> |
71 | <div class="col-sm-7"> | 71 | <div class="col-sm-7"> |
72 | <textarea id="entropy" rows="2" class="entropy form-control" placeholder="Accepts either binary, base 6, 6-sided dice, base 10, hexadecimal or cards"></textarea> | 72 | <textarea id="entropy" rows="2" class="entropy private-data form-control" placeholder="Accepts either binary, base 6, 6-sided dice, base 10, hexadecimal or cards"></textarea> |
73 | <div class="row filter-warning text-danger hidden"> | 73 | <div class="row filter-warning text-danger hidden"> |
74 | <p class="col-sm-12"> | 74 | <p class="col-sm-12"> |
75 | <strong> | 75 | <strong> |
@@ -96,19 +96,19 @@ | |||
96 | <div class="bits col-sm-3 form-control-static"></div> | 96 | <div class="bits col-sm-3 form-control-static"></div> |
97 | </div> | 97 | </div> |
98 | <label class="col-sm-3 control-label">Filtered Entropy</label> | 98 | <label class="col-sm-3 control-label">Filtered Entropy</label> |
99 | <div class="filtered col-sm-9 form-control-static"></div> | 99 | <div class="filtered private-data col-sm-9 form-control-static"></div> |
100 | <label class="col-sm-3 control-label">Raw Binary</label> | 100 | <label class="col-sm-3 control-label">Raw Binary</label> |
101 | <div class="binary col-sm-9 form-control-static"></div> | 101 | <div class="binary private-data col-sm-9 form-control-static"></div> |
102 | <label class="col-sm-3 control-label">Binary Checksum</label> | 102 | <label class="col-sm-3 control-label">Binary Checksum</label> |
103 | <div class="checksum col-sm-9 form-control-static"> </div> | 103 | <div class="checksum private-data col-sm-9 form-control-static"> </div> |
104 | <label class="col-sm-3 control-label">Word Indexes</label> | 104 | <label class="col-sm-3 control-label">Word Indexes</label> |
105 | <div class="word-indexes col-sm-9 form-control-static"> </div> | 105 | <div class="word-indexes private-data col-sm-9 form-control-static"> </div> |
106 | <label class="col-sm-3 control-label">Mnemonic Length</label> | 106 | <label class="col-sm-3 control-label">Mnemonic Length</label> |
107 | <div class="col-sm-9"> | 107 | <div class="col-sm-9"> |
108 | <select class="mnemonic-length form-control"> | 108 | <select class="mnemonic-length form-control"> |
109 | <option value="raw" selected>Use Raw Entropy (3 words per 32 bits)</option> | 109 | <option value="raw" selected>Use Raw Entropy (3 words per 32 bits)</option> |
110 | <option value="12">12 <span>Words</span></option> | 110 | <option value="12">12 <span>Words</span></option> |
111 | <option value="15">15 <span>Words</option> | 111 | <option value="15">15 <span>Words</span></option> |
112 | <option value="18">18 <span>Words</span></option> | 112 | <option value="18">18 <span>Words</span></option> |
113 | <option value="21">21 <span>Words</span></option> | 113 | <option value="21">21 <span>Words</span></option> |
114 | <option value="24">24 <span>Words</span></option> | 114 | <option value="24">24 <span>Words</span></option> |
@@ -143,6 +143,15 @@ | |||
143 | </div> | 143 | </div> |
144 | </div> | 144 | </div> |
145 | <div class="form-group"> | 145 | <div class="form-group"> |
146 | <div class="col-sm-2"></div> | ||
147 | <div class="col-sm-10 checkbox"> | ||
148 | <label> | ||
149 | <input type="checkbox" class="privacy-screen-toggle"> | ||
150 | <span>Hide all private info</span> | ||
151 | </label> | ||
152 | </div> | ||
153 | </div> | ||
154 | <div class="form-group"> | ||
146 | <label class="col-sm-2 control-label">Mnemonic Language</label> | 155 | <label class="col-sm-2 control-label">Mnemonic Language</label> |
147 | <div class="col-sm-10 languages"> | 156 | <div class="col-sm-10 languages"> |
148 | <div class="form-control no-border"> | 157 | <div class="form-control no-border"> |
@@ -160,19 +169,19 @@ | |||
160 | <div class="form-group"> | 169 | <div class="form-group"> |
161 | <label for="phrase" class="col-sm-2 control-label">BIP39 Mnemonic</label> | 170 | <label for="phrase" class="col-sm-2 control-label">BIP39 Mnemonic</label> |
162 | <div class="col-sm-10"> | 171 | <div class="col-sm-10"> |
163 | <textarea id="phrase" class="phrase form-control" data-show-qr></textarea> | 172 | <textarea id="phrase" class="phrase private-data form-control" data-show-qr></textarea> |
164 | </div> | 173 | </div> |
165 | </div> | 174 | </div> |
166 | <div class="form-group"> | 175 | <div class="form-group"> |
167 | <label for="passphrase" class="col-sm-2 control-label">BIP39 Passphrase (optional)</label> | 176 | <label for="passphrase" class="col-sm-2 control-label">BIP39 Passphrase (optional)</label> |
168 | <div class="col-sm-10"> | 177 | <div class="col-sm-10"> |
169 | <textarea id="passphrase" class="passphrase form-control"></textarea> | 178 | <textarea id="passphrase" class="passphrase private-data form-control"></textarea> |
170 | </div> | 179 | </div> |
171 | </div> | 180 | </div> |
172 | <div class="form-group"> | 181 | <div class="form-group"> |
173 | <label for="seed" class="col-sm-2 control-label">BIP39 Seed</label> | 182 | <label for="seed" class="col-sm-2 control-label">BIP39 Seed</label> |
174 | <div class="col-sm-10"> | 183 | <div class="col-sm-10"> |
175 | <textarea id="seed" class="seed form-control" readonly="readonly" data-show-qr></textarea> | 184 | <textarea id="seed" class="seed private-data form-control" readonly="readonly" data-show-qr></textarea> |
176 | </div> | 185 | </div> |
177 | </div> | 186 | </div> |
178 | <div class="form-group"> | 187 | <div class="form-group"> |
@@ -186,7 +195,7 @@ | |||
186 | <div class="form-group"> | 195 | <div class="form-group"> |
187 | <label for="root-key" class="col-sm-2 control-label">BIP32 Root Key</label> | 196 | <label for="root-key" class="col-sm-2 control-label">BIP32 Root Key</label> |
188 | <div class="col-sm-10"> | 197 | <div class="col-sm-10"> |
189 | <textarea id="root-key" class="root-key form-control" data-show-qr></textarea> | 198 | <textarea id="root-key" class="root-key private-data form-control" data-show-qr></textarea> |
190 | </div> | 199 | </div> |
191 | </div> | 200 | </div> |
192 | <div class="form-group litecoin-ltub-container hidden"> | 201 | <div class="form-group litecoin-ltub-container hidden"> |
@@ -279,7 +288,7 @@ | |||
279 | <span>Account Extended Private Key</span> | 288 | <span>Account Extended Private Key</span> |
280 | </label> | 289 | </label> |
281 | <div class="col-sm-10"> | 290 | <div class="col-sm-10"> |
282 | <textarea id="account-xprv" type="text" class="account-xprv form-control" readonly data-show-qr></textarea> | 291 | <textarea id="account-xprv" type="text" class="account-xprv private-data form-control" readonly data-show-qr></textarea> |
283 | </div> | 292 | </div> |
284 | </div> | 293 | </div> |
285 | <div class="form-group"> | 294 | <div class="form-group"> |
@@ -439,7 +448,7 @@ | |||
439 | <span>Account Extended Private Key</span> | 448 | <span>Account Extended Private Key</span> |
440 | </label> | 449 | </label> |
441 | <div class="col-sm-10"> | 450 | <div class="col-sm-10"> |
442 | <textarea id="account-xprv" type="text" class="account-xprv form-control" readonly data-show-qr></textarea> | 451 | <textarea id="account-xprv" type="text" class="account-xprv private-data form-control" readonly data-show-qr></textarea> |
443 | </div> | 452 | </div> |
444 | </div> | 453 | </div> |
445 | <div class="form-group"> | 454 | <div class="form-group"> |
@@ -506,79 +515,89 @@ | |||
506 | <div id="bip84" class="tab-pane"> | 515 | <div id="bip84" class="tab-pane"> |
507 | <form class="form-horizontal" role="form"> | 516 | <form class="form-horizontal" role="form"> |
508 | <br> | 517 | <br> |
509 | <div class="col-sm-2"></div> | 518 | <div class="unavailable hidden"> |
510 | <div class="col-sm-10"> | 519 | <div class="form-group"> |
511 | <p> | 520 | <div class="col-sm-2"></div> |
512 | For more info see the | 521 | <div class="col-sm-10"> |
513 | <a href="https://github.com/bitcoin/bips/blob/master/bip-0084.mediawiki" target="_blank">BIP84 spec</a>. | 522 | <p>BIP84 is unavailable for this coin.</p> |
514 | </p> | 523 | </div> |
515 | </div> | ||
516 | <div class="form-group"> | ||
517 | <label for="purpose" class="col-sm-2 control-label"> | ||
518 | Purpose | ||
519 | </label> | ||
520 | <div class="col-sm-10"> | ||
521 | <input id="purpose" type="text" class="purpose form-control" value="84" readonly> | ||
522 | </div> | 524 | </div> |
523 | </div> | 525 | </div> |
524 | <div class="form-group"> | 526 | <div class="available"> |
525 | <label for="coin" class="col-sm-2 control-label"> | 527 | <div class="col-sm-2"></div> |
526 | Coin | ||
527 | </label> | ||
528 | <div class="col-sm-10"> | 528 | <div class="col-sm-10"> |
529 | <input id="coin" type="text" class="coin form-control" value="0" readonly> | 529 | <p> |
530 | For more info see the | ||
531 | <a href="https://github.com/bitcoin/bips/blob/master/bip-0084.mediawiki" target="_blank">BIP84 spec</a>. | ||
532 | </p> | ||
530 | </div> | 533 | </div> |
531 | </div> | 534 | <div class="form-group"> |
532 | <div class="form-group"> | 535 | <label for="purpose" class="col-sm-2 control-label"> |
533 | <label for="account" class="col-sm-2 control-label"> | 536 | Purpose |
534 | Account | 537 | </label> |
535 | </label> | 538 | <div class="col-sm-10"> |
536 | <div class="col-sm-10"> | 539 | <input id="purpose" type="text" class="purpose form-control" value="84" readonly> |
537 | <input id="account" type="text" class="account form-control" value="0"> | 540 | </div> |
538 | </div> | 541 | </div> |
539 | </div> | 542 | <div class="form-group"> |
540 | <div class="form-group"> | 543 | <label for="coin" class="col-sm-2 control-label"> |
541 | <label for="change" class="col-sm-2 control-label"> | 544 | Coin |
542 | External / Internal | 545 | </label> |
543 | </label> | 546 | <div class="col-sm-10"> |
544 | <div class="col-sm-10"> | 547 | <input id="coin" type="text" class="coin form-control" value="0" readonly> |
545 | <input id="change" type="text" class="change form-control" value="0"> | 548 | </div> |
546 | </div> | 549 | </div> |
547 | </div> | 550 | <div class="form-group"> |
548 | <div class="form-group"> | 551 | <label for="account" class="col-sm-2 control-label"> |
549 | <label class="col-sm-2 control-label"> | 552 | Account |
550 | </label> | 553 | </label> |
551 | <div class="col-sm-10"> | 554 | <div class="col-sm-10"> |
552 | <p>The account extended keys can be used for importing to most BIP84 compatible wallets.</p> | 555 | <input id="account" type="text" class="account form-control" value="0"> |
556 | </div> | ||
553 | </div> | 557 | </div> |
554 | </div> | 558 | <div class="form-group"> |
555 | <div class="form-group"> | 559 | <label for="change" class="col-sm-2 control-label"> |
556 | <label for="account-xprv" class="col-sm-2 control-label"> | 560 | External / Internal |
557 | <span>Account Extended Private Key</span> | 561 | </label> |
558 | </label> | 562 | <div class="col-sm-10"> |
559 | <div class="col-sm-10"> | 563 | <input id="change" type="text" class="change form-control" value="0"> |
560 | <textarea id="account-xprv" type="text" class="account-xprv form-control" readonly data-show-qr></textarea> | 564 | </div> |
561 | </div> | 565 | </div> |
562 | </div> | 566 | <div class="form-group"> |
563 | <div class="form-group"> | 567 | <label class="col-sm-2 control-label"> |
564 | <label for="account-xpub" class="col-sm-2 control-label"> | 568 | </label> |
565 | <span>Account Extended Public Key</span> | 569 | <div class="col-sm-10"> |
566 | </label> | 570 | <p>The account extended keys can be used for importing to most BIP84 compatible wallets.</p> |
567 | <div class="col-sm-10"> | 571 | </div> |
568 | <textarea id="account-xpub" type="text" class="account-xpub form-control" readonly data-show-qr></textarea> | ||
569 | </div> | 572 | </div> |
570 | </div> | 573 | <div class="form-group"> |
571 | <div class="form-group"> | 574 | <label for="account-xprv" class="col-sm-2 control-label"> |
572 | <label class="col-sm-2 control-label"> | 575 | <span>Account Extended Private Key</span> |
573 | </label> | 576 | </label> |
574 | <div class="col-sm-10"> | 577 | <div class="col-sm-10"> |
575 | <p>The BIP32 derivation path and extended keys are the basis for the derived addresses.</p> | 578 | <textarea id="account-xprv" type="text" class="account-xprv private-data form-control" readonly data-show-qr></textarea> |
579 | </div> | ||
576 | </div> | 580 | </div> |
577 | </div> | 581 | <div class="form-group"> |
578 | <div class="form-group"> | 582 | <label for="account-xpub" class="col-sm-2 control-label"> |
579 | <label for="bip84-path" class="col-sm-2 control-label">BIP32 Derivation Path</label> | 583 | <span>Account Extended Public Key</span> |
580 | <div class="col-sm-10"> | 584 | </label> |
581 | <input id="bip84-path" type="text" class="path form-control" value="m/84'/0'/0'/0" readonly="readonly"> | 585 | <div class="col-sm-10"> |
586 | <textarea id="account-xpub" type="text" class="account-xpub form-control" readonly data-show-qr></textarea> | ||
587 | </div> | ||
588 | </div> | ||
589 | <div class="form-group"> | ||
590 | <label class="col-sm-2 control-label"> | ||
591 | </label> | ||
592 | <div class="col-sm-10"> | ||
593 | <p>The BIP32 derivation path and extended keys are the basis for the derived addresses.</p> | ||
594 | </div> | ||
595 | </div> | ||
596 | <div class="form-group"> | ||
597 | <label for="bip84-path" class="col-sm-2 control-label">BIP32 Derivation Path</label> | ||
598 | <div class="col-sm-10"> | ||
599 | <input id="bip84-path" type="text" class="path form-control" value="m/84'/0'/0'/0" readonly="readonly"> | ||
600 | </div> | ||
582 | </div> | 601 | </div> |
583 | </div> | 602 | </div> |
584 | </form> | 603 | </form> |
@@ -588,7 +607,7 @@ | |||
588 | <div class="form-group"> | 607 | <div class="form-group"> |
589 | <label for="extended-priv-key" class="col-sm-2 control-label">BIP32 Extended Private Key</label> | 608 | <label for="extended-priv-key" class="col-sm-2 control-label">BIP32 Extended Private Key</label> |
590 | <div class="col-sm-10"> | 609 | <div class="col-sm-10"> |
591 | <textarea id="extended-priv-key" class="extended-priv-key form-control" readonly="readonly" data-show-qr></textarea> | 610 | <textarea id="extended-priv-key" class="extended-priv-key private-data form-control" readonly="readonly" data-show-qr></textarea> |
592 | </div> | 611 | </div> |
593 | </div> | 612 | </div> |
594 | <div class="form-group"> | 613 | <div class="form-group"> |
@@ -634,7 +653,7 @@ | |||
634 | <input type="checkbox" class="use-bip38"> | 653 | <input type="checkbox" class="use-bip38"> |
635 | <span>Encrypt private keys using BIP38 and this password:</span> | 654 | <span>Encrypt private keys using BIP38 and this password:</span> |
636 | </label> | 655 | </label> |
637 | <input class="bip38-password"> | 656 | <input class="bip38-password private-data"> |
638 | <span>Enabling BIP38 means each key will take several minutes to generate.</span> | 657 | <span>Enabling BIP38 means each key will take several minutes to generate.</span> |
639 | </div> | 658 | </div> |
640 | </div> | 659 | </div> |
@@ -899,7 +918,7 @@ | |||
899 | <td class="index"><span></span></td> | 918 | <td class="index"><span></span></td> |
900 | <td class="address"><span data-show-qr></span></td> | 919 | <td class="address"><span data-show-qr></span></td> |
901 | <td class="pubkey"><span data-show-qr></span></td> | 920 | <td class="pubkey"><span data-show-qr></span></td> |
902 | <td class="privkey"><span data-show-qr></span></td> | 921 | <td class="privkey private-data"><span data-show-qr></span></td> |
903 | </tr> | 922 | </tr> |
904 | </script> | 923 | </script> |
905 | <script src="js/polyfill.es6.js"></script> | 924 | <script src="js/polyfill.es6.js"></script> |