X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=src%2Findex.html;h=af2b7fbde39a2cc3a6c5cd023198918a960f2167;hb=1759e5e80dac2a43ab41d99b84abfc06f811f396;hp=1e3335a9a79ce1e7f85aef014b23877c17bb646d;hpb=45b8a745084fb42f9c90a12ba10482fabf681dfb;p=perso%2FImmae%2FProjets%2FCryptomonnaies%2FBIP39.git

diff --git a/src/index.html b/src/index.html
index 1e3335a..af2b7fb 100644
--- a/src/index.html
+++ b/src/index.html
@@ -10,6 +10,12 @@
         <meta content="DC POS" name="author" />
 
         <style>
+            body {
+                padding-bottom: 32px;
+            }
+            .form-control[readonly] {
+                cursor: text;
+            }
             .feedback-container {
                 position: fixed;
                 top: 0;
@@ -38,14 +44,15 @@
             <hr>
             <div class="row">
                 <div class="col-md-12">
-                    <h2>Phrase</h2>
+                    <h2>Mnemonic</h2>
                     <form class="form-horizontal" role="form">
                         <div class="col-sm-2"></div>
                         <div class="col-sm-10">
+                            <p>You can enter an existing BIP39 mnemonic, or generate a new random one. Typing your own twelve words will probably not work how you expect, since the words require a particular structure (the last word is a checksum)</p>
                             <p>For more info see the <a href="https://github.com/bitcoin/bips/blob/master/bip-0039.mediawiki" target="_blank">BIP39 spec</a></p>
                         </div>
                         <div class="form-group">
-                            <label for="phrase" class="col-sm-2 control-label">BIP39 Phrase</label>
+                            <label for="phrase" class="col-sm-2 control-label">BIP39 Mnemonic</label>
                             <div class="col-sm-10">
                                 <textarea id="phrase" class="phrase form-control"></textarea>
                             </div>
@@ -56,15 +63,29 @@
                                 <div class="input-group">
                                     <input type="number" class="strength form-control" id="strength" value="12">
                                     <span class="input-group-btn">
-                                        <button class="btn generate">Generate Random Phrase</button>
+                                        <button class="btn generate">Generate Random Mnemonic</button>
                                     </span>
                                 </div>
                             </div>
                         </div>
+                        <div class="form-group">
+                            <label for="passphrase" class="col-sm-2 control-label">BIP39 Passphrase (optional)</label>
+                            <div class="col-sm-10">
+                                <textarea id="passphrase" class="passphrase form-control"></textarea>
+                            </div>
+                        </div>
+                        <div class="form-group">
+                            <label for="network-phrase" class="col-sm-2 control-label">Coin</label>
+                            <div class="col-sm-10">
+                                <select id="network-phrase" class="network form-control">
+                                    <!-- populated by javascript -->
+                                </select>
+                            </div>
+                        </div>
                         <div class="form-group">
                             <label for="root-key" class="col-sm-2 control-label">BIP32 Root Key</label>
                             <div class="col-sm-10">
-                                <textarea id="root-key" class="root-key form-control" disabled="disabled"></textarea>
+                                <textarea id="root-key" class="root-key form-control" readonly="readonly"></textarea>
                             </div>
                         </div>
                     </form>
@@ -77,12 +98,51 @@
                 <div class="col-md-12">
                     <h2>Derivation Path</h2>
                     <ul class="derivation-type nav nav-tabs" role="tablist">
-                        <li class="active">
-                        <a href="#bip44" role="tab" data-toggle="tab">BIP44</a></li>
-                        <li><a href="#bip32" role="tab" data-toggle="tab">BIP32</a></li>
+                        <li id="hive-tab" class="active">
+                            <a href="#hive" role="tab" data-toggle="tab">Hive Wallet</a>
+                        </li>
+                        <li id="mycelium-tab">
+                            <a href="#mycelium" role="tab" data-toggle="tab">Mycelium Wallet</a>
+                        </li>
+                        <li id="bip44-tab">
+                            <a href="#bip44" role="tab" data-toggle="tab">BIP44</a>
+                        </li>
+                        <li id="bip32-tab">
+                            <a href="#bip32" role="tab" data-toggle="tab">BIP32</a>
+                        </li>
                     </ul>
                     <div class="derivation-type tab-content">
-                        <div id="bip44" class="tab-pane active">
+                        <div id="hive" class="tab-pane active">
+                            <form class="form-horizontal" role="form">
+                                <br>
+                                <div class="col-sm-2"></div>
+                                <div class="col-sm-10">
+                                    <p>For more info see the <a href="https://www.hivewallet.com/" target="_blank">Hive Wallet homepage</a></p>
+                                </div>
+                                <div class="form-group">
+                                    <label for="hive-path" class="col-sm-2 control-label">BIP32 Derivation Path</label>
+                                    <div class="col-sm-10">
+                                        <input id="hive-path" type="text" class="path form-control" value="m/0'/0" readonly="readonly">
+                                    </div>
+                                </div>
+                            </form>
+                        </div>
+                        <div id="mycelium" class="tab-pane">
+                            <form class="form-horizontal" role="form">
+                                <br>
+                                <div class="col-sm-2"></div>
+                                <div class="col-sm-10">
+                                    <p>For more info see the <a href="http://www.mycelium.com/" target="_blank">Mycelium Wallet homepage</a></p>
+                                </div>
+                                <div class="form-group">
+                                    <label for="mycelium-path" class="col-sm-2 control-label">BIP32 Derivation Path</label>
+                                    <div class="col-sm-10">
+                                        <input id="mycelium-path" type="text" class="path form-control" value="m/44'/0'/0'/0" readonly="readonly">
+                                    </div>
+                                </div>
+                            </form>
+                        </div>
+                        <div id="bip44" class="tab-pane">
                             <form class="form-horizontal" role="form">
                                 <br>
                                 <div class="col-sm-2"></div>
@@ -124,7 +184,7 @@
                                 <div class="form-group">
                                     <label for="bip44-path" class="col-sm-2 control-label">BIP32 Derivation Path</label>
                                     <div class="col-sm-10">
-                                        <input id="bip44-path" type="text" class="path form-control" value="m/44'/0'/0'/0" disabled="disabled">
+                                        <input id="bip44-path" type="text" class="path form-control" value="m/44'/0'/0'/0" readonly="readonly">
                                     </div>
                                 </div>
                             </form>
@@ -149,13 +209,13 @@
                         <div class="form-group">
                             <label for="extended-priv-key" class="col-sm-2 control-label">BIP32 Extended Key</label>
                             <div class="col-sm-10">
-                                <textarea id="extended-priv-key" class="extended-priv-key form-control" disabled="disabled"></textarea>
+                                <textarea id="extended-priv-key" class="extended-priv-key form-control" readonly="readonly"></textarea>
                             </div>
                         </div>
                         <div class="form-group">
                             <label for="extended-pub-key" class="col-sm-2 control-label">BIP32 Extended Key (addresses only)</label>
                             <div class="col-sm-10">
-                                <textarea id="extended-pub-key" class="extended-pub-key form-control" disabled="disabled"></textarea>
+                                <textarea id="extended-pub-key" class="extended-pub-key form-control" readonly="readonly"></textarea>
                             </div>
                         </div>
                     </form>
@@ -237,6 +297,33 @@
 
             <hr>
 
+            <div class="row">
+                <div class="col-md-12">
+
+                    <h2>Offline Usage</h2>
+
+                    <p>
+                    You can use this tool without having to be online.
+                    </p>
+                    <p>
+                    In your browser, select file save-as, and save this page
+                    as a file.
+                    </p>
+                    <p>
+                    Double-click that file to open it in a browser
+                    on any offline computer.
+                    </p>
+                    <p>
+                    Alternatively, download it from
+                    <a href="https://github.com/dcpos/bip39">
+                        https://github.com/dcpos/bip39
+                    </a>
+
+                </div>
+            </div>
+
+            <hr>
+
             <div class="row">
                 <div class="col-md-12">
 
@@ -266,9 +353,9 @@
                     </p>
 
                     <p>
-                        <span>asmCrypto - </span>
-                        <a href="https://github.com/vibornoff/asmcrypto.js" target="_blank">
-                            https://github.com/vibornoff/asmcrypto.js
+                        <span>sjcl - </span>
+                        <a href="https://github.com/bitwiseshiftleft/sjcl" target="_blank">
+                            https://github.com/bitwiseshiftleft/sjcl
                         </a>
                     </p>
 
@@ -292,7 +379,7 @@
         </div>
 
         <div class="feedback-container">
-            <div class="feedback"></div>
+            <div class="feedback">Loading...</div>
         </div>
 
         <script type="text/template" id="address-row-template">
@@ -304,8 +391,9 @@
         </script>
         <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
         <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
-        <script src="/js/bitcoinjs-1-0-0.js"></script>
-        <script src="/js/asmcrypto.js"></script>
+        <script src="/js/bitcoinjs-1-5-7.js"></script>
+        <script src="/js/sjcl-bip39.js"></script>
+        <script src="/js/wordlist_english.js"></script>
         <script src="/js/jsbip39.js"></script>
         <script src="/js/index.js"></script>
     </body>