nexus/bip39
2
0
Fork 0
mirror of https://github.com/OneKeyHQ/bip39.git synced 2026-04-18 08:22:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Tidy up split phrase warning

Browse Source 
Make red only when danger is present
Align neatly with the rest of the UI
Increase size of text area to show all three rows, although it still
overflows on 24 words.
This commit is contained in:
Ian Coleman
2019-11-11 11:04:23 +11:00
parent bfe1963eaa
commit ea2cb91a49
3 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/css/app.css
View File

@@ -31,10 +31,6 @@ body {
.phrase { .phrase {
word-break: keep-all; word-break: keep-all;
} }
.phraseSplitWarn {
text-align: right;
color: red;
}
.generate-container .strength { .generate-container .strength {
/* override mobile width from bootstrap */ /* override mobile width from bootstrap */
width: auto!important; width: auto!important;

6
src/index.html
View File

@@ -175,9 +175,11 @@
<div class="form-group"> <div class="form-group">
<label for="phrase" class="col-sm-2 control-label">BIP39 Split Mnemonic</label> <label for="phrase" class="col-sm-2 control-label">BIP39 Split Mnemonic</label>
<div class="col-sm-10"> <div class="col-sm-10">
<textarea id="phraseSplit" class="phraseSplit private-data form-control" title="Only 2 of 3 cards needed to recover."></textarea> <textarea id="phraseSplit" class="phraseSplit private-data form-control" title="Only 2 of 3 cards needed to recover." rows="3"></textarea>
<p class="help-block">
<span id="phraseSplitWarn" class="phraseSplitWarn"></span>
</p>
</div> </div>
<div id="phraseSplitWarn" class="phraseSplitWarn"></div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="passphrase" class="col-sm-2 control-label">BIP39 Passphrase (optional)</label> <label for="passphrase" class="col-sm-2 control-label">BIP39 Passphrase (optional)</label>

9
src/js/index.js
View File

@@ -1470,16 +1470,25 @@
DOM.splitPhrase.val(cards.join("\r\n")); DOM.splitPhrase.val(cards.join("\r\n"));
var triesPerSecond=10000000000; var triesPerSecond=10000000000;
var hackTime=Math.pow(2,wordCount*10/3)/triesPerSecond; var hackTime=Math.pow(2,wordCount*10/3)/triesPerSecond;
var displayRedText = false;
if (hackTime<1) { if (hackTime<1) {
hackTime="<1 second"; hackTime="<1 second";
displayRedText = true;
} else if (hackTime<86400) { } else if (hackTime<86400) {
hackTime=Math.floor(hackTime)+" seconds"; hackTime=Math.floor(hackTime)+" seconds";
displayRedText = true;
} else if(hackTime<31557600) { } else if(hackTime<31557600) {
hackTime=Math.floor(hackTime/86400)+" days"; hackTime=Math.floor(hackTime/86400)+" days";
displayRedText = true;
} else { } else {
hackTime=Math.floor(hackTime/31557600)+" years"; hackTime=Math.floor(hackTime/31557600)+" years";
} }
DOM.phraseSplitWarn.html("Time to hack with only one card: "+hackTime); DOM.phraseSplitWarn.html("Time to hack with only one card: "+hackTime);
if (displayRedText) {
DOM.phraseSplitWarn.addClass("text-danger");
} else {
DOM.phraseSplitWarn.removeClass("text-danger");
}
} }
function isUsingOwnEntropy() { function isUsingOwnEntropy() {