.card-suit.spade {
color: #000;
}
+ .qr-container {
+ position: fixed;
+ top: 0;
+ right: 0;
+ text-align: center;
+ background-color: #FFF;
+ border: 1px solid #CCC;
+ }
+ .qr-image {
+ margin: 5px;
+ }
+ .qr-hint {
+ padding: 2px;
+ }
</style>
</head>
<body>
<div class="form-group">
<label for="phrase" class="col-sm-2 control-label" data-translate>BIP39 Mnemonic</label>
<div class="col-sm-10">
- <textarea id="phrase" class="phrase form-control"></textarea>
+ <textarea id="phrase" class="phrase form-control" data-show-qr></textarea>
</div>
</div>
<div class="form-group">
<div class="form-group">
<label for="seed" class="col-sm-2 control-label" data-translate>BIP39 Seed</label>
<div class="col-sm-10">
- <textarea id="seed" class="seed form-control" readonly="readonly"></textarea>
+ <textarea id="seed" class="seed form-control" readonly="readonly" data-show-qr></textarea>
</div>
</div>
<div class="form-group">
<div class="form-group">
<label for="root-key" class="col-sm-2 control-label" data-translate>BIP32 Root Key</label>
<div class="col-sm-10">
- <textarea id="root-key" class="root-key form-control"></textarea>
+ <textarea id="root-key" class="root-key form-control" data-show-qr></textarea>
</div>
</div>
</form>
<input id="change" type="text" class="change form-control" value="0">
</div>
</div>
+ <div class="form-group">
+ <label class="col-sm-2 control-label">
+ </label>
+ <div class="col-sm-10">
+ <p data-translate>The account extendend keys can be used for importing to most BIP44 compatible wallets, such as mycelium or electrum.</p>
+ </div>
+ </div>
+ <div class="form-group">
+ <label for="account-xprv" class="col-sm-2 control-label">
+ <span data-translate>Account Extended Private Key</span>
+ </label>
+ <div class="col-sm-10">
+ <textarea id="account-xprv" type="text" class="account-xprv form-control" readonly data-show-qr></textarea>
+ </div>
+ </div>
+ <div class="form-group">
+ <label for="account-xpub" class="col-sm-2 control-label">
+ <span data-translate>Account Extended Public Key</span>
+ </label>
+ <div class="col-sm-10">
+ <textarea id="account-xpub" type="text" class="account-xpub form-control" readonly data-show-qr></textarea>
+ </div>
+ </div>
+ <div class="form-group">
+ <label class="col-sm-2 control-label">
+ </label>
+ <div class="col-sm-10">
+ <p data-translate>The BIP32 derivation path and extended keys are the basis for the derived addresses.</p>
+ </div>
+ </div>
<div class="form-group">
<label for="bip44-path" class="col-sm-2 control-label" data-translate>BIP32 Derivation Path</label>
<div class="col-sm-10">
<span data-translate>Use hardened addresses</span>
</label>
</div>
- <div class="form-group">
- <label for="mycelium-path" class="col-sm-2 control-label" data-translate>Mycelium Wallet</label>
- <div class="col-sm-10">
- <p class="form-control no-border" data-translate-html>
- <code>m/44'/0'/0'</code> generates extended keys for import / export
- </p>
- <p class="form-control no-border" data-translate-html>
- <code>m/44'/0'/1'</code> for the next account. Continue incrementing for more accounts (most use a single account).
- </p>
- <p class="form-control no-border" data-translate-html>
- <code>m/44'/0'/0'/0</code> generates public addresses
- </p>
- <p class="form-control no-border" data-translate-html>
- <code>m/44'/0'/0'/1</code> generates change addresses
- </p>
- <p class="form-control no-border" data-translate-html>
- For more info see the
- <a href="http://www.mycelium.com/" target="_blank">Mycelium Wallet homepage</a>
- </p>
- </div>
- </div>
<div class="form-group">
<label for="core-path" class="col-sm-2 control-label" data-translate>Bitcoin Core</label>
<div class="col-sm-10">
</div>
<form class="form-horizontal" role="form">
<div class="form-group">
- <label for="extended-priv-key" class="col-sm-2 control-label" data-translate>BIP32 Extended Key</label>
+ <label for="extended-priv-key" class="col-sm-2 control-label" data-translate>BIP32 Extended Private Key</label>
<div class="col-sm-10">
- <textarea id="extended-priv-key" class="extended-priv-key form-control" readonly="readonly"></textarea>
+ <textarea id="extended-priv-key" class="extended-priv-key form-control" readonly="readonly" data-show-qr></textarea>
</div>
</div>
<div class="form-group">
- <label for="extended-pub-key" class="col-sm-2 control-label" data-translate>BIP32 Extended Key (addresses only)</label>
+ <label for="extended-pub-key" class="col-sm-2 control-label" data-translate>BIP32 Extended Public Key</label>
<div class="col-sm-10">
- <textarea id="extended-pub-key" class="extended-pub-key form-control" readonly="readonly"></textarea>
+ <textarea id="extended-pub-key" class="extended-pub-key form-control" readonly="readonly" data-show-qr></textarea>
</div>
</div>
</form>
</div>
+ <div class="qr-container hidden">
+ <div class="qr-hint bg-primary" data-translate>Click field to hide QR</div>
+ <div class="qr-hint bg-primary hidden" data-translate>Click field to show QR</div>
+ <div class="qr-image"></div>
+ </div>
+
<div class="feedback-container">
<div class="feedback">Loading...</div>
</div>
<script type="text/template" id="address-row-template">
<tr>
<td class="index"><span></span></td>
- <td class="address"><span></span></td>
- <td class="pubkey"><span></span></td>
- <td class="privkey"><span></span></td>
+ <td class="address"><span data-show-qr></span></td>
+ <td class="pubkey"><span data-show-qr></span></td>
+ <td class="privkey"><span data-show-qr></span></td>
</tr>
</script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/levenshtein.js"></script>
+ <script src="js/jquery.qrcode.min.js"></script>
<script src="js/bitcoinjs-1-5-7.js"></script>
<script src="js/bitcoinjs-extensions.js"></script>
<script src="js/sjcl-bip39.js"></script>