Add BIP84 unavailable indicator to UI

This commit is contained in:
Ian Coleman
2018-05-29 08:47:23 +10:00
parent cbd0625ff7
commit bddd5d9f95
2 changed files with 79 additions and 63 deletions
+73 -63
View File
@@ -506,79 +506,89 @@
<div id="bip84" class="tab-pane"> <div id="bip84" class="tab-pane">
<form class="form-horizontal" role="form"> <form class="form-horizontal" role="form">
<br> <br>
<div class="col-sm-2"></div> <div class="unavailable hidden">
<div class="col-sm-10"> <div class="form-group">
<p> <div class="col-sm-2"></div>
For more info see the <div class="col-sm-10">
<a href="https://github.com/bitcoin/bips/blob/master/bip-0084.mediawiki" target="_blank">BIP84 spec</a>. <p>BIP84 is unavailable for this coin.</p>
</p> </div>
</div>
<div class="form-group">
<label for="purpose" class="col-sm-2 control-label">
Purpose
</label>
<div class="col-sm-10">
<input id="purpose" type="text" class="purpose form-control" value="84" readonly>
</div> </div>
</div> </div>
<div class="form-group"> <div class="available">
<label for="coin" class="col-sm-2 control-label"> <div class="col-sm-2"></div>
Coin
</label>
<div class="col-sm-10"> <div class="col-sm-10">
<input id="coin" type="text" class="coin form-control" value="0" readonly> <p>
For more info see the
<a href="https://github.com/bitcoin/bips/blob/master/bip-0084.mediawiki" target="_blank">BIP84 spec</a>.
</p>
</div> </div>
</div> <div class="form-group">
<div class="form-group"> <label for="purpose" class="col-sm-2 control-label">
<label for="account" class="col-sm-2 control-label"> Purpose
Account </label>
</label> <div class="col-sm-10">
<div class="col-sm-10"> <input id="purpose" type="text" class="purpose form-control" value="84" readonly>
<input id="account" type="text" class="account form-control" value="0"> </div>
</div> </div>
</div> <div class="form-group">
<div class="form-group"> <label for="coin" class="col-sm-2 control-label">
<label for="change" class="col-sm-2 control-label"> Coin
External / Internal </label>
</label> <div class="col-sm-10">
<div class="col-sm-10"> <input id="coin" type="text" class="coin form-control" value="0" readonly>
<input id="change" type="text" class="change form-control" value="0"> </div>
</div> </div>
</div> <div class="form-group">
<div class="form-group"> <label for="account" class="col-sm-2 control-label">
<label class="col-sm-2 control-label"> Account
</label> </label>
<div class="col-sm-10"> <div class="col-sm-10">
<p>The account extended keys can be used for importing to most BIP84 compatible wallets.</p> <input id="account" type="text" class="account form-control" value="0">
</div>
</div> </div>
</div> <div class="form-group">
<div class="form-group"> <label for="change" class="col-sm-2 control-label">
<label for="account-xprv" class="col-sm-2 control-label"> External / Internal
<span>Account Extended Private Key</span> </label>
</label> <div class="col-sm-10">
<div class="col-sm-10"> <input id="change" type="text" class="change form-control" value="0">
<textarea id="account-xprv" type="text" class="account-xprv form-control" readonly data-show-qr></textarea> </div>
</div> </div>
</div> <div class="form-group">
<div class="form-group"> <label class="col-sm-2 control-label">
<label for="account-xpub" class="col-sm-2 control-label"> </label>
<span>Account Extended Public Key</span> <div class="col-sm-10">
</label> <p>The account extended keys can be used for importing to most BIP84 compatible wallets.</p>
<div class="col-sm-10"> </div>
<textarea id="account-xpub" type="text" class="account-xpub form-control" readonly data-show-qr></textarea>
</div> </div>
</div> <div class="form-group">
<div class="form-group"> <label for="account-xprv" class="col-sm-2 control-label">
<label class="col-sm-2 control-label"> <span>Account Extended Private Key</span>
</label> </label>
<div class="col-sm-10"> <div class="col-sm-10">
<p>The BIP32 derivation path and extended keys are the basis for the derived addresses.</p> <textarea id="account-xprv" type="text" class="account-xprv form-control" readonly data-show-qr></textarea>
</div>
</div> </div>
</div> <div class="form-group">
<div class="form-group"> <label for="account-xpub" class="col-sm-2 control-label">
<label for="bip84-path" class="col-sm-2 control-label">BIP32 Derivation Path</label> <span>Account Extended Public Key</span>
<div class="col-sm-10"> </label>
<input id="bip84-path" type="text" class="path form-control" value="m/84'/0'/0'/0" readonly="readonly"> <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>The BIP32 derivation path and extended keys are the basis for the derived addresses.</p>
</div>
</div>
<div class="form-group">
<label for="bip84-path" class="col-sm-2 control-label">BIP32 Derivation Path</label>
<div class="col-sm-10">
<input id="bip84-path" type="text" class="path form-control" value="m/84'/0'/0'/0" readonly="readonly">
</div>
</div> </div>
</div> </div>
</form> </form>
+6
View File
@@ -77,6 +77,8 @@
DOM.bip49accountXprv = $("#bip49 .account-xprv"); DOM.bip49accountXprv = $("#bip49 .account-xprv");
DOM.bip49accountXpub = $("#bip49 .account-xpub"); DOM.bip49accountXpub = $("#bip49 .account-xpub");
DOM.bip49change = $("#bip49 .change"); DOM.bip49change = $("#bip49 .change");
DOM.bip84unavailable = $("#bip84 .unavailable");
DOM.bip84available = $("#bip84 .available");
DOM.bip84path = $("#bip84-path"); DOM.bip84path = $("#bip84-path");
DOM.bip84purpose = $("#bip84 .purpose"); DOM.bip84purpose = $("#bip84 .purpose");
DOM.bip84coin = $("#bip84 .coin"); DOM.bip84coin = $("#bip84 .coin");
@@ -1415,6 +1417,8 @@
function showSegwitAvailable() { function showSegwitAvailable() {
DOM.bip49unavailable.addClass("hidden"); DOM.bip49unavailable.addClass("hidden");
DOM.bip49available.removeClass("hidden"); DOM.bip49available.removeClass("hidden");
DOM.bip84unavailable.addClass("hidden");
DOM.bip84available.removeClass("hidden");
DOM.bip141unavailable.addClass("hidden"); DOM.bip141unavailable.addClass("hidden");
DOM.bip141available.removeClass("hidden"); DOM.bip141available.removeClass("hidden");
} }
@@ -1422,6 +1426,8 @@
function showSegwitUnavailable() { function showSegwitUnavailable() {
DOM.bip49available.addClass("hidden"); DOM.bip49available.addClass("hidden");
DOM.bip49unavailable.removeClass("hidden"); DOM.bip49unavailable.removeClass("hidden");
DOM.bip84available.addClass("hidden");
DOM.bip84unavailable.removeClass("hidden");
DOM.bip141available.addClass("hidden"); DOM.bip141available.addClass("hidden");
DOM.bip141unavailable.removeClass("hidden"); DOM.bip141unavailable.removeClass("hidden");
} }