Public key column in table, shown as hex

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

index 517d4affe3153de746bc3462c0ec8bfcd3064e00..5832a9b8f278c75a83e2529219963256cc7c22fc 100644 (file)
--- a/src/index.html
+++ b/src/index.html
@@ -40,11 +40,17 @@
                  box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
                  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0);
              }
+            .phrase {
+                word-break: keep-all;
+            }
              .strength {
                  /* override mobile width from bootstrap */
                  width: auto!important;
                  display: inline-block;
              }
+            .languages * {
+                padding-left: 10px;
+            }
          </style>
      </head>
      <body>
@@ -82,6 +88,18 @@
                                      </div>
                                  </div>
                              </div>
+                        </div>
+                            <div class="form-group">
+                            <label class="col-sm-2 control-label"></label>
+                            <div class="col-sm-10 languages">
+                                <a href="#english">English</a>
+                                <a href="#japanese" title="Japanese">日本語</a>
+                                <a href="#spanish"  title="Spanish">Español</a>
+                                <a href="#chinese_simplified"  title="Chinese (Simplified)">中文(简体)</a>
+                                <a href="#chinese_traditional"  title="Chinese (Traditional)">中文(繁體)</a>
+                                <a href="#french"  title="French">Français</a>
+                                <a href="#italian"  title="Italian">Italiano</a>
+                            </div>
                          </div>
                          <div class="form-group">
                              <label for="phrase" class="col-sm-2 control-label">BIP39 Mnemonic</label>
@@ -276,6 +294,12 @@
                                      <button class="address-toggle">Toggle</button>
                                  </div>
                              </th>
+                            <th>
+                                <div class="input-group">
+                                    Public Key&nbsp;&nbsp;
+                                    <button class="public-key-toggle">Toggle</button>
+                                </div>
+                            </th>
                              <th>
                                  <div class="input-group">
                                      Private Key&nbsp;&nbsp;
@@ -420,6 +444,7 @@
              <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>
              </tr>
          </script>
@@ -430,6 +455,12 @@
          <script src="js/bitcoinjs-extensions.js"></script>
          <script src="js/sjcl-bip39.js"></script>
          <script src="js/wordlist_english.js"></script>
+        <script src="js/wordlist_japanese.js"></script>
+        <script src="js/wordlist_spanish.js"></script>
+        <script src="js/wordlist_chinese_simplified.js"></script>
+        <script src="js/wordlist_chinese_traditional.js"></script>
+        <script src="js/wordlist_french.js"></script>
+        <script src="js/wordlist_italian.js"></script>
          <script src="js/jsbip39.js"></script>
          <script src="js/index.js"></script>
      </body>