kit.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3
   4 <head>
   5   <meta charset="UTF-8">
   6   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7   <meta http-equiv="X-UA-Compatible" content="ie=edge">
   8   <title>Bytom Kit</title>
   9   <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css">
  10   <link rel="stylesheet" href="./assets/main.css">
  11   <script src="./node_modules/jquery/dist/jquery.min.js"></script>
  12   <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
  13   <script src="./node_modules/layer/layer.js"></script>
  14   <script src="./assets/main.js"></script>
  15 </head>
  16
  17 <body>
  18   <nav class="navbar navbar-default">
  19     <div class="navbar-header">
  20       <a href="#" class="navbar-brand">Bytom Kit</a>
  21     </div>
  22   </nav>
  23   <div class="panel panel-default sc-bd">
  24     <div class="panel-heading">
  25       <h3 class="panel-title">Key </h3>
  26     </div>
  27     <div class="panel-body">
  28       <form class="form-horizontal">
  29         <!-- 熵 -->
  30         <div class="form-group">
  31           <label class="col-sm-2 control-label">Entropy</label>
  32           <div class="col-sm-10">
  33             <input type="text" class="form-control" id="txtEntropy" placeholder="16 Bytes entropy, e.g. 58b39966f63d490314134c0f583018db" readonly>
  34           </div>
  35         </div>
  36         <!-- 助记词 -->
  37         <div class="form-group">
  38           <label class="col-sm-2 control-label">Mnemonics</label>
  39           <div class="col-sm-10">
  40             <input type="text" class="form-control" id="txtMnemonics" placeholder="12 mnemonics, e.g. flavor orphan fluid unaware stand light expect hat aunt screen alert response" readonly>
  41           </div>
  42         </div>
  43         <!-- 种子 -->
  44         <div class="form-group">
  45           <label class="col-sm-2 control-label">Seed</label>
  46           <div class="col-sm-10">
  47             <input type="text" class="form-control" id="txtSeed" placeholder="64 Bytes seed, e.g. ba87798bdf2def688ecfdae52b039ce1c9b05881d762e64a6a3a9e9472bdf1381e7517fcbb9c92ca666edb4f22a58be4883f133736634da09e7b389a3de6f1d1" readonly>
  48           </div>
  49         </div>
  50         <!-- 根扩展私钥 -->
  51         <div class="form-group">
  52           <label class="col-sm-2 control-label">Root Expanded Private Key</label>
  53           <div class="col-sm-10">
  54             <input type="text" class="form-control" id="txtRootXprv" placeholder="64 Bytes root expanded private key, e.g. 20c96e3a582684c4bffc71be0c8aa06b8948a65bdf7cfac4533f9e07c98afc47c976554fbd99c9f63c7fcefb089f65c5db6a1af4429600384b1d9f2751cef942" readonly>
  55           </div>
  56         </div>
  57         <!-- 根扩展公钥 -->
  58         <div class="form-group">
  59           <label class="col-sm-2 control-label">Root Expanded Public Key</label>
  60           <div class="col-sm-10">
  61             <input type="text" class="form-control" id="txtRootXpub" placeholder="64 Bytes root expanded public key, e.g. 8680afdf7c21f5315d6a40183653c8def35679f8bae870687bc786df54317863c976554fbd99c9f63c7fcefb089f65c5db6a1af4429600384b1d9f2751cef942" readonly>
  62           </div>
  63         </div>
  64         <!-- 根扩展私钥二维码 -->
  65         <div class="form-group">
  66           <label class="col-sm-2 control-label">Xprv QR Code</label>
  67           <img id="imgXprvQRCode" width="200"  src="" alt="">
  68         </div>
  69         <div class="form-group">
  70           <div class="col-sm-offset-2 col-sm-10">
  71             <a id="btnCreateNewKey" class="btn btn-primary">Create New Key</a>
  72             <a id="btnResetKey" class="btn btn-primary">Reset</a>
  73           </div>
  74         </div>
  75       </form>
  76     </div>
  77   </div>
  78   <div class="panel panel-default sc-bd">
  79     <div class="panel-heading">
  80       <h3 class="panel-title">Address </h3>
  81     </div>
  82     <div class="panel-body">
  83       <form class="form-horizontal">
  84         <!-- 根扩展公钥 -->
  85         <div class="form-group">
  86           <label class="col-sm-2 control-label">Expanded Public Key</label>
  87           <div class="col-sm-10">
  88             <input type="text" class="form-control" id="txtXpub" placeholder="64 Bytes expanded public key, e.g. 8fde12d7c9d6b6cbfbf344edd42f2ed86ae6270b36bab714af5fd5bb3b54adcec4265f1de85ece50f17534e42016ee9404a11fec94ddfadd4a064d27ef3f3f4c" maxlength="128">
  89           </div>
  90         </div>
  91         <!-- 账户索引 -->
  92         <div class="form-group">
  93           <label class="col-sm-2 control-label">Account Index</label>
  94           <div class="col-sm-10">
  95             <input type="text" class="form-control" id="txtAccountIndex" placeholder="Account Index, e.g. 1, 2, 3..." value="1">
  96           </div>
  97         </div>
  98         <!-- 地址索引 -->
  99         <div class="form-group">
 100           <label class="col-sm-2 control-label">Address Index</label>
 101           <div class="col-sm-10">
 102             <input type="text" class="form-control" id="txtAddressIndex" placeholder="Address Index, e.g. 1, 2, 3..." value="1">
 103           </div>
 104         </div>
 105         <!-- 找零 -->
 106         <div class="form-group">
 107           <label class="col-sm-2 control-label">Change</label>
 108           <div class="col-sm-10">
 109             <label class="radio-inline">
 110               <input type="radio" name="inlineRadioOptionsChange" id="inlineRadioChangeTrue" value="true"> True
 111             </label>
 112             <label class="radio-inline">
 113               <input type="radio" name="inlineRadioOptionsChange" id="inlineRadioChangeFalse" value="false" checked="checked"> False
 114             </label>
 115           </div>
 116         </div>
 117         <!-- 网络 -->
 118         <div class="form-group">
 119           <label class="col-sm-2 control-label">Network</label>
 120           <div class="col-sm-10">
 121             <label class="radio-inline">
 122               <input type="radio" name="inlineRadioOptionsNetwork" id="inlineRadioMainet" value="mainnet"> Mainnet
 123             </label>
 124             <label class="radio-inline">
 125               <input type="radio" name="inlineRadioOptionsNetwork" id="inlineRadioTestnet" value="testnet"> Testnet
 126             </label>
 127             <label class="radio-inline">
 128               <input type="radio" name="inlineRadioOptionsNetwork" id="inlineRadioSolonet" value="solonet" checked="checked"> Solonet
 129             </label>
 130           </div>
 131         </div>
 132         <!-- 地址路径 -->
 133         <div class="form-group">
 134           <label class="col-sm-2 control-label">Address Path</label>
 135           <div class="col-sm-10">
 136             <input type="text" class="form-control" id="txtAddressPath" placeholder="Address Path, e.g. m/44/153/1/0/1" readonly>
 137           </div>
 138         </div>
 139         <!-- control program -->
 140         <div class="form-group">
 141           <label class="col-sm-2 control-label">Control Program</label>
 142           <div class="col-sm-10">
 143             <input type="text" class="form-control" id="txtControlProgram" placeholder="Control Program, e.g. 00147640f3c34fe4b2b298e54e54a4692a47ce47aa5e" readonly>
 144           </div>
 145         </div>
 146         <!-- 地址 -->
 147         <div class="form-group">
 148           <label class="col-sm-2 control-label">Address</label>
 149           <div class="col-sm-10">
 150             <input type="text" class="form-control" id="txtAddress" placeholder="Address, e.g. sm1qweq08s60ujet9x89fe22g6f2gl8y02j7lgr5v5" readonly>
 151           </div>
 152         </div>
 153         <!-- 根扩展私钥二维码 -->
 154         <div class="form-group">
 155           <label class="col-sm-2 control-label">Address QR Code</label>
 156           <img id="imgAddressQRCode" width="200"  src="" alt="">
 157         </div>
 158         <div class="form-group">
 159           <div class="col-sm-offset-2 col-sm-10">
 160             <a id="btnCreateNewAddress" class="btn btn-primary">Create New Address</a>
 161             <a id="btnResetAddress" class="btn btn-primary">Reset</a>
 162           </div>
 163         </div>
 164       </form>
 165     </div>
 166   </div>
 167   <div class="panel panel-default sc-bd">
 168     <div class="panel-heading">
 169       <h3 class="panel-title">Sign </h3>
 170     </div>
 171     <div class="panel-body">
 172       <form class="form-horizontal">
 173         <!-- 扩展私钥 -->
 174         <div class="form-group">
 175           <label class="col-sm-2 control-label">Expanded Private Key</label>
 176           <div class="col-sm-10">
 177             <input type="text" class="form-control" id="txtXprv" placeholder="64 Bytes expanded private key, e.g. c003f4bcccf9ad6f05ad2c84fa5ff98430eb8e73de5de232bc29334c7d074759d513bc370335cac51d77f0be5dfe84de024cfee562530b4d873b5f5e2ff4f57c" maxlength="128">
 178           </div>
 179         </div>
 180         <!-- 消息 -->
 181         <div class="form-group">
 182           <label class="col-sm-2 control-label">Message</label>
 183           <div class="col-sm-10">
 184             <input type="text" class="form-control" id="txtMessage" placeholder="Message, e.g. a6ce34eec332b32e42ef3407e052d64ac625da6f" maxlength="10000">
 185           </div>
 186         </div>
 187         <!-- 签名 -->
 188         <div class="form-group">
 189           <label class="col-sm-2 control-label">Signature</label>
 190           <div class="col-sm-10">
 191             <input type="text" class="form-control" id="txtSignature" placeholder="Signature, e.g. f02f5bb22d8b32f14e88059a786379c26256892f45cf64770c844d0c5de2e52c00307b7bb25fcbb18be13c339a2f511a7c015a8cf81ac681052efe8e50eff00e" readonly>
 192           </div>
 193         </div>
 194         <div class="form-group">
 195           <div class="col-sm-offset-2 col-sm-10">
 196             <a id="btnSignMessage" class="btn btn-primary">Sign Message</a>
 197             <a id="btnResetSign" class="btn btn-primary">Reset</a>
 198           </div>
 199         </div>
 200       </form>
 201     </div>
 202   </div>
 203   <div class="panel panel-default sc-bd">
 204     <div class="panel-heading">
 205       <h3 class="panel-title">Verify </h3>
 206     </div>
 207     <div class="panel-body">
 208       <form class="form-horizontal">
 209         <!-- 扩展公钥 -->
 210         <div class="form-group">
 211           <label class="col-sm-2 control-label">Expanded Public Key</label>
 212           <div class="col-sm-10">
 213             <input type="text" class="form-control" id="txtXpubVerify" placeholder="64 Bytes expanded public key, e.g. 1b0541a7664cee929edb54d9ef21996b90546918a920a77e1cd6015d97c56563d513bc370335cac51d77f0be5dfe84de024cfee562530b4d873b5f5e2ff4f57c" maxlength="128">
 214           </div>
 215         </div>
 216         <!-- 消息 -->
 217         <div class="form-group">
 218           <label class="col-sm-2 control-label">Message</label>
 219           <div class="col-sm-10">
 220             <input type="text" class="form-control" id="txtMessageVerify" placeholder="Message, e.g. a6ce34eec332b32e42ef3407e052d64ac625da6f" maxlength="10000">
 221           </div>
 222         </div>
 223         <!-- 签名 -->
 224         <div class="form-group">
 225           <label class="col-sm-2 control-label">Signature</label>
 226           <div class="col-sm-10">
 227             <input type="text" class="form-control" id="txtSignatureVerify" placeholder="Signature, e.g. f02f5bb22d8b32f14e88059a786379c26256892f45cf64770c844d0c5de2e52c00307b7bb25fcbb18be13c339a2f511a7c015a8cf81ac681052efe8e50eff00e" maxlength="128">
 228           </div>
 229         </div>
 230         <!-- 验证结果 -->
 231         <div class="form-group">
 232           <label class="col-sm-2 control-label">Verify Result</label>
 233           <div class="col-sm-10">
 234             <input type="text" class="form-control" id="txtVerifyResult" placeholder="Verify Result, True or False" readonly>
 235           </div>
 236         </div>
 237         <div class="form-group">
 238           <div class="col-sm-offset-2 col-sm-10">
 239             <a id="btnVerifySignature" class="btn btn-primary">Verify Signature</a>
 240             <a id="btnResetVerify" class="btn btn-primary">Reset</a>
 241           </div>
 242         </div>
 243       </form>
 244     </div>
 245   </div>
 246   <div class="panel panel-default sc-bd">
 247     <div class="panel-heading">
 248       <h3 class="panel-title">Submit Transaction </h3>
 249     </div>
 250     <div class="panel-body">
 251       <form class="form-horizontal">
 252         <!-- 签名好的交易信息 -->
 253         <div class="form-group">
 254           <label class="col-sm-2 control-label">Raw Transaction</label>
 255           <div class="col-sm-10">
 256             <input type="text" class="form-control" id="txtRawTransaction" placeholder="Raw Transaction, e.g. 070100010160015e0873eddd68c4ba07c9410984799928288ae771bdccc6d974e72c95727813461fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff8094ebdc030101160014052620b86a6d5e07311d5019dffa3864ccc8a6bd630240312a052f36efb9826aa1021ec91bc6f125dd07f9c4bff87014612069527e15246518806b654d57fff8b6fe91866a19d5a2fb63a5894335fce92a7b4a7fcd340720e87ca3acdebdcad9a1d0f2caecf8ce0dbfc73d060807a210c6f225488347961402013dffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff8082eee0020116001418028ef4f8b8c278907864a1977a5ee6707b2a6b00013cffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff80b8b872011600142935e4869d0317d9701c80a02ecf888143cb9dd200" maxlength="100000">
 257           </div>
 258         </div>
 259         <div class="form-group">
 260           <div class="col-sm-offset-2 col-sm-10">
 261             <a id="btnSubmitTransaction" class="btn btn-primary">Submit Transaction</a>
 262             <a id="btnResetSubmitTransaction" class="btn btn-primary">Reset</a>
 263           </div>
 264         </div>
 265       </form>
 266     </div>
 267   </div>
 268 </body>
 269
 270 </html>