OSDN Git Service

add kit-gm.html
[bytom/bytom-kit.git] / kit-gm.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_gm.js"></script>
15 </head>
16
17 <body>
18   <nav class="navbar navbar-default">
19     <div class="nav-wrap">
20       <div class="navbar-header">
21         <a href="#" class="navbar-brand">Bytom Kit GM</a>
22       </div>
23       <ul class="nav navbar-nav">
24         <li role="presentation" class="active"><a data-toggle="tab" href="#key">Key</a></li>
25         <li role="presentation"><a data-toggle="tab" href="#address">Address</a></li>
26         <li role="presentation"><a data-toggle="tab" href="#sign">Sign</a></li>
27         <li role="presentation"><a data-toggle="tab" href="#verify">Verify</a></li>
28         <li role="presentation"><a data-toggle="tab" href="#submit">Submit Transaction</a></li>
29         <li role="presentation"><a data-toggle="tab" href="#decode">Decode Raw Transaction</a></li>
30       </ul>
31     </div>
32   </nav>
33   <div class="tab-content">
34     <div class="tab-pane active" id="key">
35       <div class="panel panel-default sc-bd">
36         <div class="panel-heading">
37           <h3 class="panel-title">Key </h3>
38         </div>
39         <div class="panel-body">
40           <form class="form-horizontal">
41             <!-- 熵 -->
42             <div class="form-group">
43               <label class="col-sm-2 control-label">Entropy</label>
44               <div class="col-sm-10">
45                 <input type="text" class="form-control" id="txtEntropy" placeholder="16 Bytes entropy, e.g. 9f57b7c2981614d15b82d5ad2433cbeb"
46                   readonly>
47               </div>
48             </div>
49             <!-- 助记词 -->
50             <div class="form-group">
51               <label class="col-sm-2 control-label">Mnemonics</label>
52               <div class="col-sm-10">
53                 <input type="text" class="form-control" id="txtMnemonics" placeholder="12 mnemonics, e.g. palm sad vague coral genuine hamster host follow pudding canoe very strike"
54                   readonly>
55               </div>
56             </div>
57             <!-- 种子 -->
58             <div class="form-group">
59               <label class="col-sm-2 control-label">Seed</label>
60               <div class="col-sm-10">
61                 <input type="text" class="form-control" id="txtSeed" placeholder="64 Bytes seed, e.g. 6abe43bc9f6a2d066f4f566f15bfb6c14a768bfd87bd31ab0cb30df45a7afa650906983fe03a44ba54738b9d05e0f3ee0718f251818c45b8e094d3d7a24ad5c0"
62                   readonly>
63               </div>
64             </div>
65             <!-- 根扩展私钥 -->
66             <div class="form-group">
67               <label class="col-sm-2 control-label">Root Expanded Private Key</label>
68               <div class="col-sm-10">
69                 <input type="text" class="form-control" id="txtRootXprv" placeholder="64 Bytes root expanded private key, e.g. 3a52f1c955d1f4fa4d4908da226f200dbcc5b1674d6995ad0757da227ea269b38635bd6c1ca20a571b4f73416488610df9c51484e83127a98690536a0ff6e658"
70                   readonly>
71               </div>
72             </div>
73             <!-- 根扩展公钥 -->
74             <div class="form-group">
75               <label class="col-sm-2 control-label">Root Expanded Public Key</label>
76               <div class="col-sm-10">
77                 <input type="text" class="form-control" id="txtRootXpub" placeholder="65 Bytes root expanded public key, e.g. 03af1ae23d21b576c69f3066508ed27a8ebe62a7a3b283dae160205dce37f94d8a8635bd6c1ca20a571b4f73416488610df9c51484e83127a98690536a0ff6e658"
78                   readonly>
79               </div>
80             </div>
81             <!-- 根扩展私钥二维码 -->
82             <div class="form-group">
83               <label class="col-sm-2 control-label">Xprv QR Code</label>
84               <img id="imgXprvQRCode" width="200" src="" alt="">
85             </div>
86             <div class="form-group">
87               <div class="col-sm-offset-2 col-sm-10">
88                 <a id="btnCreateNewKey" class="btn btn-primary">Create New Key</a>
89                 <a id="btnResetKey" class="btn btn-primary">Reset</a>
90               </div>
91             </div>
92           </form>
93         </div>
94       </div>
95     </div>
96     <div class="tab-pane" id="address">
97       <div class="panel panel-default sc-bd">
98         <div class="panel-heading">
99           <h3 class="panel-title">Address </h3>
100         </div>
101         <div class="panel-body">
102           <form class="form-horizontal">
103             <!-- 根扩展公钥 -->
104             <div class="form-group">
105               <label class="col-sm-2 control-label">Expanded Public Key</label>
106               <div class="col-sm-10">
107                 <input type="text" class="form-control" id="txtXpub" placeholder="64 Bytes expanded public key, e.g. 8fde12d7c9d6b6cbfbf344edd42f2ed86ae6270b36bab714af5fd5bb3b54adcec4265f1de85ece50f17534e42016ee9404a11fec94ddfadd4a064d27ef3f3f4c"
108                   maxlength="128">
109               </div>
110             </div>
111             <!-- 账户索引 -->
112             <div class="form-group">
113               <label class="col-sm-2 control-label">Account Index</label>
114               <div class="col-sm-10">
115                 <input type="text" class="form-control" id="txtAccountIndex" placeholder="Account Index, e.g. 1, 2, 3..."
116                   value="1">
117               </div>
118             </div>
119             <!-- 地址索引 -->
120             <div class="form-group">
121               <label class="col-sm-2 control-label">Address Index</label>
122               <div class="col-sm-10">
123                 <input type="text" class="form-control" id="txtAddressIndex" placeholder="Address Index, e.g. 1, 2, 3..."
124                   value="1">
125               </div>
126             </div>
127             <!-- 找零 -->
128             <div class="form-group">
129               <label class="col-sm-2 control-label">Change</label>
130               <div class="col-sm-10">
131                 <label class="radio-inline">
132                   <input type="radio" name="inlineRadioOptionsChange" id="inlineRadioChangeTrue" value="true"> True
133                 </label>
134                 <label class="radio-inline">
135                   <input type="radio" name="inlineRadioOptionsChange" id="inlineRadioChangeFalse" value="false" checked="checked">
136                   False
137                 </label>
138               </div>
139             </div>
140             <!-- 网络 -->
141             <div class="form-group">
142               <label class="col-sm-2 control-label">Network</label>
143               <div class="col-sm-10">
144                 <label class="radio-inline">
145                   <input type="radio" name="inlineRadioOptionsNetwork" id="inlineRadioMainet" value="mainnet"> Mainnet
146                 </label>
147                 <label class="radio-inline">
148                   <input type="radio" name="inlineRadioOptionsNetwork" id="inlineRadioTestnet" value="testnet"> Testnet
149                 </label>
150                 <label class="radio-inline">
151                   <input type="radio" name="inlineRadioOptionsNetwork" id="inlineRadioSolonet" value="solonet" checked="checked">
152                   Solonet
153                 </label>
154               </div>
155             </div>
156             <!-- 地址路径 -->
157             <div class="form-group">
158               <label class="col-sm-2 control-label">Address Path</label>
159               <div class="col-sm-10">
160                 <input type="text" class="form-control" id="txtAddressPath" placeholder="Address Path, e.g. m/44/153/1/0/1"
161                   readonly>
162               </div>
163             </div>
164             <!-- control program -->
165             <div class="form-group">
166               <label class="col-sm-2 control-label">Control Program</label>
167               <div class="col-sm-10">
168                 <input type="text" class="form-control" id="txtControlProgram" placeholder="Control Program, e.g. 00147640f3c34fe4b2b298e54e54a4692a47ce47aa5e"
169                   readonly>
170               </div>
171             </div>
172             <!-- 地址 -->
173             <div class="form-group">
174               <label class="col-sm-2 control-label">Address</label>
175               <div class="col-sm-10">
176                 <input type="text" class="form-control" id="txtAddress" placeholder="Address, e.g. sm1qweq08s60ujet9x89fe22g6f2gl8y02j7lgr5v5"
177                   readonly>
178               </div>
179             </div>
180             <!-- 根扩展私钥二维码 -->
181             <div class="form-group">
182               <label class="col-sm-2 control-label">Address QR Code</label>
183               <img id="imgAddressQRCode" width="200" src="" alt="">
184             </div>
185             <div class="form-group">
186               <div class="col-sm-offset-2 col-sm-10">
187                 <a id="btnCreateNewAddress" class="btn btn-primary">Create New Address</a>
188                 <a id="btnResetAddress" class="btn btn-primary">Reset</a>
189               </div>
190             </div>
191           </form>
192         </div>
193       </div>
194     </div>
195     <div class="tab-pane" id="sign">
196       <div class="panel panel-default sc-bd">
197         <div class="panel-heading">
198           <h3 class="panel-title">Sign </h3>
199         </div>
200         <div class="panel-body">
201           <form class="form-horizontal">
202             <!-- 扩展私钥 -->
203             <div class="form-group">
204               <label class="col-sm-2 control-label">Expanded Private Key</label>
205               <div class="col-sm-10">
206                 <input type="text" class="form-control" id="txtXprv" placeholder="64 Bytes expanded private key, e.g. c003f4bcccf9ad6f05ad2c84fa5ff98430eb8e73de5de232bc29334c7d074759d513bc370335cac51d77f0be5dfe84de024cfee562530b4d873b5f5e2ff4f57c"
207                   maxlength="128">
208               </div>
209             </div>
210             <!-- 消息 -->
211             <div class="form-group">
212               <label class="col-sm-2 control-label">Message</label>
213               <div class="col-sm-10">
214                 <input type="text" class="form-control" id="txtMessage" placeholder="Message, e.g. a6ce34eec332b32e42ef3407e052d64ac625da6f"
215                   maxlength="10000">
216               </div>
217             </div>
218             <!-- 签名 -->
219             <div class="form-group">
220               <label class="col-sm-2 control-label">Signature</label>
221               <div class="col-sm-10">
222                 <input type="text" class="form-control" id="txtSignature" placeholder="Signature, e.g. f02f5bb22d8b32f14e88059a786379c26256892f45cf64770c844d0c5de2e52c00307b7bb25fcbb18be13c339a2f511a7c015a8cf81ac681052efe8e50eff00e"
223                   readonly>
224               </div>
225             </div>
226             <div class="form-group">
227               <div class="col-sm-offset-2 col-sm-10">
228                 <a id="btnSignMessage" class="btn btn-primary">Sign Message</a>
229                 <a id="btnResetSign" class="btn btn-primary">Reset</a>
230               </div>
231             </div>
232           </form>
233         </div>
234       </div>
235     </div>
236     <div class="tab-pane" id="verify">
237       <div class="panel panel-default sc-bd">
238         <div class="panel-heading">
239           <h3 class="panel-title">Verify </h3>
240         </div>
241         <div class="panel-body">
242           <form class="form-horizontal">
243             <!-- 扩展公钥 -->
244             <div class="form-group">
245               <label class="col-sm-2 control-label">Expanded Public Key</label>
246               <div class="col-sm-10">
247                 <input type="text" class="form-control" id="txtXpubVerify" placeholder="64 Bytes expanded public key, e.g. 1b0541a7664cee929edb54d9ef21996b90546918a920a77e1cd6015d97c56563d513bc370335cac51d77f0be5dfe84de024cfee562530b4d873b5f5e2ff4f57c"
248                   maxlength="128">
249               </div>
250             </div>
251             <!-- 消息 -->
252             <div class="form-group">
253               <label class="col-sm-2 control-label">Message</label>
254               <div class="col-sm-10">
255                 <input type="text" class="form-control" id="txtMessageVerify" placeholder="Message, e.g. a6ce34eec332b32e42ef3407e052d64ac625da6f"
256                   maxlength="10000">
257               </div>
258             </div>
259             <!-- 签名 -->
260             <div class="form-group">
261               <label class="col-sm-2 control-label">Signature</label>
262               <div class="col-sm-10">
263                 <input type="text" class="form-control" id="txtSignatureVerify" placeholder="Signature, e.g. f02f5bb22d8b32f14e88059a786379c26256892f45cf64770c844d0c5de2e52c00307b7bb25fcbb18be13c339a2f511a7c015a8cf81ac681052efe8e50eff00e"
264                   maxlength="128">
265               </div>
266             </div>
267             <!-- 验证结果 -->
268             <div class="form-group">
269               <label class="col-sm-2 control-label">Verify Result</label>
270               <div class="col-sm-10">
271                 <input type="text" class="form-control" id="txtVerifyResult" placeholder="Verify Result, True or False"
272                   readonly>
273               </div>
274             </div>
275             <div class="form-group">
276               <div class="col-sm-offset-2 col-sm-10">
277                 <a id="btnVerifySignature" class="btn btn-primary">Verify Signature</a>
278                 <a id="btnResetVerify" class="btn btn-primary">Reset</a>
279               </div>
280             </div>
281           </form>
282         </div>
283       </div>
284     </div>
285     <div class="tab-pane" id="submit">
286       <div class="panel panel-default sc-bd">
287         <div class="panel-heading">
288           <h3 class="panel-title">Submit Transaction </h3>
289         </div>
290         <div class="panel-body">
291           <form class="form-horizontal">
292             <!-- 签名好的交易信息 -->
293             <div class="form-group">
294               <label class="col-sm-2 control-label">Raw Transaction</label>
295               <div class="col-sm-10">
296                 <input type="text" class="form-control" id="txtRawTransaction" placeholder="Raw Transaction, e.g. 070100010160015e0873eddd68c4ba07c9410984799928288ae771bdccc6d974e72c95727813461fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff8094ebdc030101160014052620b86a6d5e07311d5019dffa3864ccc8a6bd630240312a052f36efb9826aa1021ec91bc6f125dd07f9c4bff87014612069527e15246518806b654d57fff8b6fe91866a19d5a2fb63a5894335fce92a7b4a7fcd340720e87ca3acdebdcad9a1d0f2caecf8ce0dbfc73d060807a210c6f225488347961402013dffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff8082eee0020116001418028ef4f8b8c278907864a1977a5ee6707b2a6b00013cffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff80b8b872011600142935e4869d0317d9701c80a02ecf888143cb9dd200"
297                   maxlength="100000">
298               </div>
299             </div>
300             <!-- 网络 -->
301             <div class="form-group">
302               <label class="col-sm-2 control-label">Network</label>
303               <div class="col-sm-10">
304                 <label class="radio-inline">
305                   <input type="radio" name="inlineRadioOptionsNetworkSubmitTx" id="inlineRadioMainetSubmitTx" value="mainnet">
306                   Mainnet
307                 </label>
308                 <label class="radio-inline">
309                   <input type="radio" name="inlineRadioOptionsNetworkSubmitTx" id="inlineRadioTestnetSubmitTx" value="testnet"
310                     checked="checked"> Testnet
311                 </label>
312               </div>
313             </div>
314             <div class="form-group">
315               <div class="col-sm-offset-2 col-sm-10">
316                 <a id="btnSubmitTransaction" class="btn btn-primary">Submit Transaction</a>
317                 <a id="btnResetSubmitTransaction" class="btn btn-primary">Reset</a>
318               </div>
319             </div>
320           </form>
321         </div>
322       </div>
323     </div>
324     <div class="tab-pane" id="decode">
325       <div class="panel panel-default sc-bd">
326         <div class="panel-heading">
327           <h3 class="panel-title">Decode Raw Transaction </h3>
328         </div>
329         <div class="panel-body">
330           <form class="form-horizontal">
331             <!-- 签名好的交易信息 -->
332             <div class="form-group">
333               <label class="col-sm-2 control-label">Raw Transaction</label>
334               <div class="col-sm-10">
335                 <input type="text" class="form-control" id="txtRawHexTransaction" placeholder="Raw Hex Transaction, e.g. 070100010161015f28b7b53d8dc90006bf97e0a4eaae2a72ec3d869873188698b694beaf20789f21ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff8099c4d5990100011600149335b1cbd4a77b78e33315a0ed10a95b12e7ca48630240897e2d9d24a3b5faaed0579dee7597b401491595675f897504f8945b29d836235bd2fca72a3ad0cae814628973ebcd142d9d6cc92d0b2571b69e5370a98a340c208cb7fb3086f58db9a31401b99e8c658be66134fb9034de1d5c462679270b090702013effffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff80f9f8bc98010116001406ce4b689ba026ffd3a7ca65d1d059546d4b78a000013dffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff80c6868f01011600147929ef91997c827bebf60fa608f876ea27523c4700"
336                   maxlength="100000">
337               </div>
338             </div>
339             <!-- json格式交易 -->
340             <div class="form-group">
341               <label class="col-sm-2 control-label">JSON Format</label>
342               <div class="col-sm-10">
343                 <input type="text" class="form-control" id="txtJsonTransaction" placeholder="JSON Format Transaction"
344                   maxlength="100000" readonly>
345               </div>
346             </div>
347             <div class="form-group">
348               <div class="col-sm-offset-2 col-sm-10">
349                 <a id="btnDocodeRawTransaction" class="btn btn-primary">Decode Transaction</a>
350                 <a id="btnResetDecodeRawTransaction" class="btn btn-primary">Reset</a>
351               </div>
352             </div>
353           </form>
354         </div>
355       </div>
356     </div>
357   </div>
358   <div class="cp">
359     <p>Copyright ©️ <a href="https://blockmeta.com">Blockmeta.com</a></p>
360   </div>
361 </body>
362
363 </html>