Hide/show split mnemonic cards

[perso/Immae/Projets/Cryptomonnaies/BIP39.git] / src / index.html
diff --git a/src/index.html b/src/index.html

index f6792d3e97711c9636c93b2a82aaddcd80cf39fb..0aeb3167328bbf8a4b70302c0df527b39afff2cf 100644 (file)
--- a/src/index.html
+++ b/src/index.html
@@ -3,7 +3,7 @@
      <head lang="en">
          <meta charset="utf-8" />
          <title>BIP39 - Mnemonic Code</title>
-        <link rel="stylesheet" href="css/bootstrap-3.3.7.css">
+        <link rel="stylesheet" href="css/bootstrap.css">
          <link rel="stylesheet" href="css/app.css">
          <meta content="Mnemonic code for generating deterministic keys" name="description"/>
          <meta content="width=device-width, initial-scale=1.0" name="viewport" />
@@ -204,12 +204,22 @@
                              </div>
                          </div>
                          <div class="form-group">
-                            <label for="phrase" class="col-sm-2 control-label">BIP39 Split Mnemonic</label>
+                            <div  class="splitMnemonic hidden">
+                                <label for="phrase" class="col-sm-2 control-label">BIP39 Split Mnemonic</label>
+                                <div class="col-sm-10">
+                                    <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 class="col-sm-2">
+                            </div>
                              <div class="col-sm-10">
-                                <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>
+                                <label class="control-label text-weight-normal">
+                                    <input type="checkbox" class="showSplitMnemonic">
+                                    Show split mnemonic cards
+                                </label>
                              </div>
                          </div>
                          <div class="form-group">
@@ -958,7 +968,7 @@
              </tr>
          </script>
          <script src="js/jquery-3.2.1.js"></script>
-        <script src="js/bootstrap-3.3.7.js"></script>
+        <script src="js/bootstrap.js"></script>
          <script src="js/bip39-libs.js"></script>
          <script src="js/bitcoinjs-extensions.js"></script>
          <script src="js/segwit-parameters.js"></script>