OSDN Git Service

support tabs toggle
authorqiaoyu <rainoy.me@gmail.com>
Thu, 24 Jan 2019 08:48:54 +0000 (16:48 +0800)
committerqiaoyu <rainoy.me@gmail.com>
Thu, 24 Jan 2019 08:48:54 +0000 (16:48 +0800)
assets/main.css
kit.html

index d039c6f..0389ddf 100644 (file)
@@ -1,4 +1,31 @@
 .sc-bd{
-  margin: 50px auto;
+  margin: 60px auto;
   max-width: 1200px;
+}
+.navbar-brand{
+  font-weight: bold;
+  font-size: 22px;
+  padding-left: 0;
+}
+.sc-bd .panel-body{
+  padding: 50px 20px;
+}
+.nav-wrap{
+  width: 1200px;
+  margin: 0 auto;
+}
+.nav-wrap .navbar-nav{
+  margin-left: 100px;
+}
+.cp{
+  text-align: center;
+  line-height: 80px;
+  height: 80px;
+  margin-top: 80px;
+  border-top: 1px solid #f1f1f1;
+  color: #777;
+  /* background-color: #f8f8f8; */
+}
+.cp a{
+  color: #777;
 }
\ No newline at end of file
index 9bb32f1..dcc5937 100644 (file)
--- a/kit.html
+++ b/kit.html
 
 <body>
   <nav class="navbar navbar-default">
-    <div class="navbar-header">
-      <a href="#" class="navbar-brand">Bytom Kit</a>
+    <div class="nav-wrap">
+      <div class="navbar-header">
+        <a href="#" class="navbar-brand">Bytom Kit</a>
+      </div>
+      <ul class="nav navbar-nav">
+        <li role="presentation" class="active"><a data-toggle="tab" href="#key">Key</a></li>
+        <li role="presentation"><a data-toggle="tab" href="#address">Address</a></li>
+        <li role="presentation"><a data-toggle="tab" href="#sign">Sign</a></li>
+        <li role="presentation"><a data-toggle="tab" href="#verify">Verify</a></li>
+        <li role="presentation"><a data-toggle="tab" href="#submit">Submit Transaction</a></li>
+        <li role="presentation"><a data-toggle="tab" href="#decode">Decode Raw Transaction</a></li>
+      </ul>
     </div>
   </nav>
-  <div class="panel panel-default sc-bd">
-    <div class="panel-heading">
-      <h3 class="panel-title">Key </h3>
+  <div class="tab-content">
+    <div class="tab-pane active" id="key">
+      <div class="panel panel-default sc-bd">
+        <div class="panel-heading">
+          <h3 class="panel-title">Key </h3>
+        </div>
+        <div class="panel-body">
+          <form class="form-horizontal">
+            <!-- 熵 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Entropy</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtEntropy" placeholder="16 Bytes entropy, e.g. 58b39966f63d490314134c0f583018db"
+                  readonly>
+              </div>
+            </div>
+            <!-- 助记词 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Mnemonics</label>
+              <div class="col-sm-10">
+                <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>
+              </div>
+            </div>
+            <!-- 种子 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Seed</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtSeed" placeholder="64 Bytes seed, e.g. ba87798bdf2def688ecfdae52b039ce1c9b05881d762e64a6a3a9e9472bdf1381e7517fcbb9c92ca666edb4f22a58be4883f133736634da09e7b389a3de6f1d1"
+                  readonly>
+              </div>
+            </div>
+            <!-- 根扩展私钥 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Root Expanded Private Key</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtRootXprv" placeholder="64 Bytes root expanded private key, e.g. 20c96e3a582684c4bffc71be0c8aa06b8948a65bdf7cfac4533f9e07c98afc47c976554fbd99c9f63c7fcefb089f65c5db6a1af4429600384b1d9f2751cef942"
+                  readonly>
+              </div>
+            </div>
+            <!-- 根扩展公钥 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Root Expanded Public Key</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtRootXpub" placeholder="64 Bytes root expanded public key, e.g. 8680afdf7c21f5315d6a40183653c8def35679f8bae870687bc786df54317863c976554fbd99c9f63c7fcefb089f65c5db6a1af4429600384b1d9f2751cef942"
+                  readonly>
+              </div>
+            </div>
+            <!-- 根扩展私钥二维码 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Xprv QR Code</label>
+              <img id="imgXprvQRCode" width="200" src="" alt="">
+            </div>
+            <div class="form-group">
+              <div class="col-sm-offset-2 col-sm-10">
+                <a id="btnCreateNewKey" class="btn btn-primary">Create New Key</a>
+                <a id="btnResetKey" class="btn btn-primary">Reset</a>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
     </div>
-    <div class="panel-body">
-      <form class="form-horizontal">
-        <!-- 熵 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Entropy</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtEntropy" placeholder="16 Bytes entropy, e.g. 58b39966f63d490314134c0f583018db" readonly>
-          </div>
-        </div>
-        <!-- 助记词 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Mnemonics</label>
-          <div class="col-sm-10">
-            <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>
-          </div>
-        </div>
-        <!-- 种子 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Seed</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtSeed" placeholder="64 Bytes seed, e.g. ba87798bdf2def688ecfdae52b039ce1c9b05881d762e64a6a3a9e9472bdf1381e7517fcbb9c92ca666edb4f22a58be4883f133736634da09e7b389a3de6f1d1" readonly>
-          </div>
-        </div>
-        <!-- 根扩展私钥 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Root Expanded Private Key</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtRootXprv" placeholder="64 Bytes root expanded private key, e.g. 20c96e3a582684c4bffc71be0c8aa06b8948a65bdf7cfac4533f9e07c98afc47c976554fbd99c9f63c7fcefb089f65c5db6a1af4429600384b1d9f2751cef942" readonly>
-          </div>
-        </div>
-        <!-- 根扩展公钥 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Root Expanded Public Key</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtRootXpub" placeholder="64 Bytes root expanded public key, e.g. 8680afdf7c21f5315d6a40183653c8def35679f8bae870687bc786df54317863c976554fbd99c9f63c7fcefb089f65c5db6a1af4429600384b1d9f2751cef942" readonly>
-          </div>
-        </div>
-        <!-- 根扩展私钥二维码 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Xprv QR Code</label>
-          <img id="imgXprvQRCode" width="200"  src="" alt="">
-        </div>
-        <div class="form-group">
-          <div class="col-sm-offset-2 col-sm-10">
-            <a id="btnCreateNewKey" class="btn btn-primary">Create New Key</a> 
-            <a id="btnResetKey" class="btn btn-primary">Reset</a>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-  <div class="panel panel-default sc-bd">
-    <div class="panel-heading">
-      <h3 class="panel-title">Address </h3>
-    </div>
-    <div class="panel-body">
-      <form class="form-horizontal">
-        <!-- 根扩展公钥 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Expanded Public Key</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtXpub" placeholder="64 Bytes expanded public key, e.g. 8fde12d7c9d6b6cbfbf344edd42f2ed86ae6270b36bab714af5fd5bb3b54adcec4265f1de85ece50f17534e42016ee9404a11fec94ddfadd4a064d27ef3f3f4c" maxlength="128">
-          </div>
-        </div>
-        <!-- 账户索引 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Account Index</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtAccountIndex" placeholder="Account Index, e.g. 1, 2, 3..." value="1">
-          </div>
-        </div>
-        <!-- 地址索引 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Address Index</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtAddressIndex" placeholder="Address Index, e.g. 1, 2, 3..." value="1">
-          </div>
-        </div>
-        <!-- 找零 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Change</label>
-          <div class="col-sm-10">
-            <label class="radio-inline">
-              <input type="radio" name="inlineRadioOptionsChange" id="inlineRadioChangeTrue" value="true"> True
-            </label>
-            <label class="radio-inline">
-              <input type="radio" name="inlineRadioOptionsChange" id="inlineRadioChangeFalse" value="false" checked="checked"> False
-            </label>
-          </div>
-        </div>
-        <!-- 网络 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Network</label>
-          <div class="col-sm-10">
-            <label class="radio-inline">
-              <input type="radio" name="inlineRadioOptionsNetwork" id="inlineRadioMainet" value="mainnet"> Mainnet
-            </label>
-            <label class="radio-inline">
-              <input type="radio" name="inlineRadioOptionsNetwork" id="inlineRadioTestnet" value="testnet"> Testnet
-            </label>
-            <label class="radio-inline">
-              <input type="radio" name="inlineRadioOptionsNetwork" id="inlineRadioSolonet" value="solonet" checked="checked"> Solonet
-            </label>
-          </div>
-        </div>
-        <!-- 地址路径 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Address Path</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtAddressPath" placeholder="Address Path, e.g. m/44/153/1/0/1" readonly>
-          </div>
-        </div>
-        <!-- control program -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Control Program</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtControlProgram" placeholder="Control Program, e.g. 00147640f3c34fe4b2b298e54e54a4692a47ce47aa5e" readonly>
-          </div>
-        </div>
-        <!-- 地址 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Address</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtAddress" placeholder="Address, e.g. sm1qweq08s60ujet9x89fe22g6f2gl8y02j7lgr5v5" readonly>
-          </div>
-        </div>
-        <!-- 根扩展私钥二维码 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Address QR Code</label>
-          <img id="imgAddressQRCode" width="200"  src="" alt="">
-        </div>
-        <div class="form-group">
-          <div class="col-sm-offset-2 col-sm-10">
-            <a id="btnCreateNewAddress" class="btn btn-primary">Create New Address</a> 
-            <a id="btnResetAddress" class="btn btn-primary">Reset</a>
-          </div>
-        </div>
-      </form>
-    </div>
-  </div>
-  <div class="panel panel-default sc-bd">
-    <div class="panel-heading">
-      <h3 class="panel-title">Sign </h3>
+    <div class="tab-pane" id="address">
+      <div class="panel panel-default sc-bd">
+        <div class="panel-heading">
+          <h3 class="panel-title">Address </h3>
+        </div>
+        <div class="panel-body">
+          <form class="form-horizontal">
+            <!-- 根扩展公钥 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Expanded Public Key</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtXpub" placeholder="64 Bytes expanded public key, e.g. 8fde12d7c9d6b6cbfbf344edd42f2ed86ae6270b36bab714af5fd5bb3b54adcec4265f1de85ece50f17534e42016ee9404a11fec94ddfadd4a064d27ef3f3f4c"
+                  maxlength="128">
+              </div>
+            </div>
+            <!-- 账户索引 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Account Index</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtAccountIndex" placeholder="Account Index, e.g. 1, 2, 3..."
+                  value="1">
+              </div>
+            </div>
+            <!-- 地址索引 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Address Index</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtAddressIndex" placeholder="Address Index, e.g. 1, 2, 3..."
+                  value="1">
+              </div>
+            </div>
+            <!-- 找零 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Change</label>
+              <div class="col-sm-10">
+                <label class="radio-inline">
+                  <input type="radio" name="inlineRadioOptionsChange" id="inlineRadioChangeTrue" value="true"> True
+                </label>
+                <label class="radio-inline">
+                  <input type="radio" name="inlineRadioOptionsChange" id="inlineRadioChangeFalse" value="false" checked="checked">
+                  False
+                </label>
+              </div>
+            </div>
+            <!-- 网络 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Network</label>
+              <div class="col-sm-10">
+                <label class="radio-inline">
+                  <input type="radio" name="inlineRadioOptionsNetwork" id="inlineRadioMainet" value="mainnet"> Mainnet
+                </label>
+                <label class="radio-inline">
+                  <input type="radio" name="inlineRadioOptionsNetwork" id="inlineRadioTestnet" value="testnet"> Testnet
+                </label>
+                <label class="radio-inline">
+                  <input type="radio" name="inlineRadioOptionsNetwork" id="inlineRadioSolonet" value="solonet" checked="checked">
+                  Solonet
+                </label>
+              </div>
+            </div>
+            <!-- 地址路径 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Address Path</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtAddressPath" placeholder="Address Path, e.g. m/44/153/1/0/1"
+                  readonly>
+              </div>
+            </div>
+            <!-- control program -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Control Program</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtControlProgram" placeholder="Control Program, e.g. 00147640f3c34fe4b2b298e54e54a4692a47ce47aa5e"
+                  readonly>
+              </div>
+            </div>
+            <!-- 地址 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Address</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtAddress" placeholder="Address, e.g. sm1qweq08s60ujet9x89fe22g6f2gl8y02j7lgr5v5"
+                  readonly>
+              </div>
+            </div>
+            <!-- 根扩展私钥二维码 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Address QR Code</label>
+              <img id="imgAddressQRCode" width="200" src="" alt="">
+            </div>
+            <div class="form-group">
+              <div class="col-sm-offset-2 col-sm-10">
+                <a id="btnCreateNewAddress" class="btn btn-primary">Create New Address</a>
+                <a id="btnResetAddress" class="btn btn-primary">Reset</a>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
     </div>
-    <div class="panel-body">
-      <form class="form-horizontal">
-        <!-- 扩展私钥 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Expanded Private Key</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtXprv" placeholder="64 Bytes expanded private key, e.g. c003f4bcccf9ad6f05ad2c84fa5ff98430eb8e73de5de232bc29334c7d074759d513bc370335cac51d77f0be5dfe84de024cfee562530b4d873b5f5e2ff4f57c" maxlength="128">
-          </div>
-        </div>
-        <!-- 消息 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Message</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtMessage" placeholder="Message, e.g. a6ce34eec332b32e42ef3407e052d64ac625da6f" maxlength="10000">
-          </div>
-        </div>
-        <!-- 签名 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Signature</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtSignature" placeholder="Signature, e.g. f02f5bb22d8b32f14e88059a786379c26256892f45cf64770c844d0c5de2e52c00307b7bb25fcbb18be13c339a2f511a7c015a8cf81ac681052efe8e50eff00e" readonly>
-          </div>
-        </div>
-        <div class="form-group">
-          <div class="col-sm-offset-2 col-sm-10">
-            <a id="btnSignMessage" class="btn btn-primary">Sign Message</a>
-            <a id="btnResetSign" class="btn btn-primary">Reset</a>
-          </div>
-        </div>
-      </form>
+    <div class="tab-pane" id="sign">
+      <div class="panel panel-default sc-bd">
+        <div class="panel-heading">
+          <h3 class="panel-title">Sign </h3>
+        </div>
+        <div class="panel-body">
+          <form class="form-horizontal">
+            <!-- 扩展私钥 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Expanded Private Key</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtXprv" placeholder="64 Bytes expanded private key, e.g. c003f4bcccf9ad6f05ad2c84fa5ff98430eb8e73de5de232bc29334c7d074759d513bc370335cac51d77f0be5dfe84de024cfee562530b4d873b5f5e2ff4f57c"
+                  maxlength="128">
+              </div>
+            </div>
+            <!-- 消息 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Message</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtMessage" placeholder="Message, e.g. a6ce34eec332b32e42ef3407e052d64ac625da6f"
+                  maxlength="10000">
+              </div>
+            </div>
+            <!-- 签名 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Signature</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtSignature" placeholder="Signature, e.g. f02f5bb22d8b32f14e88059a786379c26256892f45cf64770c844d0c5de2e52c00307b7bb25fcbb18be13c339a2f511a7c015a8cf81ac681052efe8e50eff00e"
+                  readonly>
+              </div>
+            </div>
+            <div class="form-group">
+              <div class="col-sm-offset-2 col-sm-10">
+                <a id="btnSignMessage" class="btn btn-primary">Sign Message</a>
+                <a id="btnResetSign" class="btn btn-primary">Reset</a>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
     </div>
-  </div>
-  <div class="panel panel-default sc-bd">
-    <div class="panel-heading">
-      <h3 class="panel-title">Verify </h3>
+    <div class="tab-pane" id="verify">
+      <div class="panel panel-default sc-bd">
+        <div class="panel-heading">
+          <h3 class="panel-title">Verify </h3>
+        </div>
+        <div class="panel-body">
+          <form class="form-horizontal">
+            <!-- 扩展公钥 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Expanded Public Key</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtXpubVerify" placeholder="64 Bytes expanded public key, e.g. 1b0541a7664cee929edb54d9ef21996b90546918a920a77e1cd6015d97c56563d513bc370335cac51d77f0be5dfe84de024cfee562530b4d873b5f5e2ff4f57c"
+                  maxlength="128">
+              </div>
+            </div>
+            <!-- 消息 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Message</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtMessageVerify" placeholder="Message, e.g. a6ce34eec332b32e42ef3407e052d64ac625da6f"
+                  maxlength="10000">
+              </div>
+            </div>
+            <!-- 签名 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Signature</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtSignatureVerify" placeholder="Signature, e.g. f02f5bb22d8b32f14e88059a786379c26256892f45cf64770c844d0c5de2e52c00307b7bb25fcbb18be13c339a2f511a7c015a8cf81ac681052efe8e50eff00e"
+                  maxlength="128">
+              </div>
+            </div>
+            <!-- 验证结果 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Verify Result</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtVerifyResult" placeholder="Verify Result, True or False"
+                  readonly>
+              </div>
+            </div>
+            <div class="form-group">
+              <div class="col-sm-offset-2 col-sm-10">
+                <a id="btnVerifySignature" class="btn btn-primary">Verify Signature</a>
+                <a id="btnResetVerify" class="btn btn-primary">Reset</a>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
     </div>
-    <div class="panel-body">
-      <form class="form-horizontal">
-        <!-- 扩展公钥 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Expanded Public Key</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtXpubVerify" placeholder="64 Bytes expanded public key, e.g. 1b0541a7664cee929edb54d9ef21996b90546918a920a77e1cd6015d97c56563d513bc370335cac51d77f0be5dfe84de024cfee562530b4d873b5f5e2ff4f57c" maxlength="128">
-          </div>
-        </div>
-        <!-- 消息 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Message</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtMessageVerify" placeholder="Message, e.g. a6ce34eec332b32e42ef3407e052d64ac625da6f" maxlength="10000">
-          </div>
-        </div>
-        <!-- 签名 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Signature</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtSignatureVerify" placeholder="Signature, e.g. f02f5bb22d8b32f14e88059a786379c26256892f45cf64770c844d0c5de2e52c00307b7bb25fcbb18be13c339a2f511a7c015a8cf81ac681052efe8e50eff00e" maxlength="128">
-          </div>
-        </div>
-        <!-- 验证结果 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Verify Result</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtVerifyResult" placeholder="Verify Result, True or False" readonly>
-          </div>
-        </div>
-        <div class="form-group">
-          <div class="col-sm-offset-2 col-sm-10">
-            <a id="btnVerifySignature" class="btn btn-primary">Verify Signature</a>
-            <a id="btnResetVerify" class="btn btn-primary">Reset</a>
-          </div>
-        </div>
-      </form>
+    <div class="tab-pane" id="submit">
+      <div class="panel panel-default sc-bd">
+        <div class="panel-heading">
+          <h3 class="panel-title">Submit Transaction </h3>
+        </div>
+        <div class="panel-body">
+          <form class="form-horizontal">
+            <!-- 签名好的交易信息 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Raw Transaction</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtRawTransaction" placeholder="Raw Transaction, e.g. 070100010160015e0873eddd68c4ba07c9410984799928288ae771bdccc6d974e72c95727813461fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff8094ebdc030101160014052620b86a6d5e07311d5019dffa3864ccc8a6bd630240312a052f36efb9826aa1021ec91bc6f125dd07f9c4bff87014612069527e15246518806b654d57fff8b6fe91866a19d5a2fb63a5894335fce92a7b4a7fcd340720e87ca3acdebdcad9a1d0f2caecf8ce0dbfc73d060807a210c6f225488347961402013dffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff8082eee0020116001418028ef4f8b8c278907864a1977a5ee6707b2a6b00013cffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff80b8b872011600142935e4869d0317d9701c80a02ecf888143cb9dd200"
+                  maxlength="100000">
+              </div>
+            </div>
+            <!-- 网络 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Network</label>
+              <div class="col-sm-10">
+                <label class="radio-inline">
+                  <input type="radio" name="inlineRadioOptionsNetworkSubmitTx" id="inlineRadioMainetSubmitTx" value="mainnet">
+                  Mainnet
+                </label>
+                <label class="radio-inline">
+                  <input type="radio" name="inlineRadioOptionsNetworkSubmitTx" id="inlineRadioTestnetSubmitTx" value="testnet"
+                    checked="checked"> Testnet
+                </label>
+              </div>
+            </div>
+            <div class="form-group">
+              <div class="col-sm-offset-2 col-sm-10">
+                <a id="btnSubmitTransaction" class="btn btn-primary">Submit Transaction</a>
+                <a id="btnResetSubmitTransaction" class="btn btn-primary">Reset</a>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
     </div>
-  </div>
-  <div class="panel panel-default sc-bd">
-    <div class="panel-heading">
-      <h3 class="panel-title">Submit Transaction </h3>
-    </div>
-    <div class="panel-body">
-      <form class="form-horizontal">
-        <!-- 签名好的交易信息 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Raw Transaction</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtRawTransaction" placeholder="Raw Transaction, e.g. 070100010160015e0873eddd68c4ba07c9410984799928288ae771bdccc6d974e72c95727813461fffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff8094ebdc030101160014052620b86a6d5e07311d5019dffa3864ccc8a6bd630240312a052f36efb9826aa1021ec91bc6f125dd07f9c4bff87014612069527e15246518806b654d57fff8b6fe91866a19d5a2fb63a5894335fce92a7b4a7fcd340720e87ca3acdebdcad9a1d0f2caecf8ce0dbfc73d060807a210c6f225488347961402013dffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff8082eee0020116001418028ef4f8b8c278907864a1977a5ee6707b2a6b00013cffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff80b8b872011600142935e4869d0317d9701c80a02ecf888143cb9dd200" maxlength="100000">
-          </div>
-        </div>
-        <!-- 网络 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Network</label>
-          <div class="col-sm-10">
-            <label class="radio-inline">
-              <input type="radio" name="inlineRadioOptionsNetworkSubmitTx" id="inlineRadioMainetSubmitTx" value="mainnet"> Mainnet
-            </label>
-            <label class="radio-inline">
-              <input type="radio" name="inlineRadioOptionsNetworkSubmitTx" id="inlineRadioTestnetSubmitTx" value="testnet" checked="checked"> Testnet
-            </label>
-          </div>
-        </div>
-        <div class="form-group">
-          <div class="col-sm-offset-2 col-sm-10">
-            <a id="btnSubmitTransaction" class="btn btn-primary">Submit Transaction</a>
-            <a id="btnResetSubmitTransaction" class="btn btn-primary">Reset</a>
-          </div>
-        </div>
-      </form>
+    <div class="tab-pane" id="decode">
+      <div class="panel panel-default sc-bd">
+        <div class="panel-heading">
+          <h3 class="panel-title">Decode Raw Transaction </h3>
+        </div>
+        <div class="panel-body">
+          <form class="form-horizontal">
+            <!-- 签名好的交易信息 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">Raw Transaction</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtRawHexTransaction" placeholder="Raw Hex Transaction, e.g. 070100010161015f28b7b53d8dc90006bf97e0a4eaae2a72ec3d869873188698b694beaf20789f21ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff8099c4d5990100011600149335b1cbd4a77b78e33315a0ed10a95b12e7ca48630240897e2d9d24a3b5faaed0579dee7597b401491595675f897504f8945b29d836235bd2fca72a3ad0cae814628973ebcd142d9d6cc92d0b2571b69e5370a98a340c208cb7fb3086f58db9a31401b99e8c658be66134fb9034de1d5c462679270b090702013effffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff80f9f8bc98010116001406ce4b689ba026ffd3a7ca65d1d059546d4b78a000013dffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff80c6868f01011600147929ef91997c827bebf60fa608f876ea27523c4700"
+                  maxlength="100000">
+              </div>
+            </div>
+            <!-- json格式交易 -->
+            <div class="form-group">
+              <label class="col-sm-2 control-label">JSON Format</label>
+              <div class="col-sm-10">
+                <input type="text" class="form-control" id="txtJsonTransaction" placeholder="JSON Format Transaction"
+                  maxlength="100000" readonly>
+              </div>
+            </div>
+            <div class="form-group">
+              <div class="col-sm-offset-2 col-sm-10">
+                <a id="btnDocodeRawTransaction" class="btn btn-primary">Decode Transaction</a>
+                <a id="btnResetDecodeRawTransaction" class="btn btn-primary">Reset</a>
+              </div>
+            </div>
+          </form>
+        </div>
+      </div>
     </div>
   </div>
-  <div class="panel panel-default sc-bd">
-    <div class="panel-heading">
-      <h3 class="panel-title">Decode Raw Transaction </h3>
-    </div>
-    <div class="panel-body">
-      <form class="form-horizontal">
-        <!-- 签名好的交易信息 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">Raw Transaction</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtRawHexTransaction" placeholder="Raw Hex Transaction, e.g. 070100010161015f28b7b53d8dc90006bf97e0a4eaae2a72ec3d869873188698b694beaf20789f21ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff8099c4d5990100011600149335b1cbd4a77b78e33315a0ed10a95b12e7ca48630240897e2d9d24a3b5faaed0579dee7597b401491595675f897504f8945b29d836235bd2fca72a3ad0cae814628973ebcd142d9d6cc92d0b2571b69e5370a98a340c208cb7fb3086f58db9a31401b99e8c658be66134fb9034de1d5c462679270b090702013effffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff80f9f8bc98010116001406ce4b689ba026ffd3a7ca65d1d059546d4b78a000013dffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff80c6868f01011600147929ef91997c827bebf60fa608f876ea27523c4700" maxlength="100000">
-          </div>
-        </div>
-        <!-- json格式交易 -->
-        <div class="form-group">
-          <label class="col-sm-2 control-label">JSON Format</label>
-          <div class="col-sm-10">
-            <input type="text" class="form-control" id="txtJsonTransaction" placeholder="JSON Format Transaction" maxlength="100000" readonly>
-          </div>
-        </div>
-        <div class="form-group">
-          <div class="col-sm-offset-2 col-sm-10">
-            <a id="btnDocodeRawTransaction" class="btn btn-primary">Decode Transaction</a>
-            <a id="btnResetDecodeRawTransaction" class="btn btn-primary">Reset</a>
-          </div>
-        </div>
-      </form>
-    </div>
+  <div class="cp">
+    <p>Copyright ©️ <a href="https://blockmeta.com">Blockmeta.com</a></p>
   </div>
 </body>