tools/side_chain_tool/web/cliamtx.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</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   <script src="./assets/apiUrl.js"></script>
  16   <script src="./assets/template.js"></script>
  17 </head>
  18
  19 <body>
  20   <nav class="navbar navbar-default">
  21     <div class="navbar-header">
  22       <a href="#" class="navbar-brand">Bytom</a>
  23     </div>
  24   </nav>
  25   <div class="panel panel-default sc-bd">
  26     <div class="panel-heading">
  27       <h3 class="panel-title">获取主网地址以及赎回脚本</h3>
  28     </div>
  29     <div class="panel-body">
  30       <label>侧链的账户ID:</label>
  31       <input id="account_id" type="text" name="account_id" value="请输入侧链的账户ID">
  32     </div>
  33     <div class="panel-body">
  34         <button id="btnCreateScript" class="btn btn-primary">创建主网锁定地址以及赎回脚本</button>
  35         <button id="btnGetScript" class="btn btn-primary">获取主网锁定地址以及赎回脚本</button>
  36       </div>
  37     <div class="col-sm-12 asset-box">
  38       <h3>锁定地址、赎回脚本</h3>
  39       <div class="pegin-address-table">
  40
  41       </div>
  42     </div>
  43   </div>
  44
  45   <div class="panel panel-default sc-bd">
  46     <div class="panel-heading">
  47       <h3 class="panel-title">赎回交易(主链 -> 侧链)</h3>
  48     </div>
  49     <div class="panel-body">
  50       <form id="formToSide" class="form-horizontal">
  51         <div class="form-group">
  52           <label class="col-sm-1 control-label">赎回脚本</label>
  53           <div class="col-sm-11">
  54             <input type="text" class="form-control" name="claim_script" placeholder="请输入脚本">
  55           </div>
  56         </div>
  57         <div class="form-group">
  58           <label class="col-sm-1 control-label">主链锁定交易高度</label>
  59           <div class="col-sm-11">
  60             <input type="text" class="form-control" name="block_height" placeholder="请输入高度">
  61           </div>
  62         </div>
  63         <div class="form-group">
  64           <label class="col-sm-1 control-label">主链锁定交易ID</label>
  65           <div class="col-sm-11">
  66             <input type="text" class="form-control" name="tx_id" placeholder="请输入交易ID">
  67           </div>
  68         </div>
  69         <div class="form-group">
  70           <label class="col-sm-1 control-label">侧链用户密码</label>
  71           <div class="col-sm-11">
  72             <input type="text" class="form-control" name="password" placeholder="请输入密码">
  73           </div>
  74         </div>
  75         <div class="form-group">
  76           <div class="col-sm-offset-1 col-sm-10">
  77             <button id="btnSendToSide" class="btn btn-primary">发送</button>
  78           </div>
  79         </div>
  80       </form>
  81
  82     </div>
  83   </div>
  84 </body>
  85
  86 <script id="peginAddressTpl" type="text/html">
  87         <table class="table table-hover table-bordered">
  88                 <tr>
  89                         <th>主链锁定地址</th>
  90                         <th>侧链赎回脚本</th>
  91                 </tr>
  92                 <%for(var i in items){%>
  93     <tr class="item" data-index="<%= i%>" data-itemid="<%= items[i].id%>">
  94       <td class="mainchain_address" data-data="<%= items[i].mainchain_address%>"><%= items[i].mainchain_address%></td>
  95                         <td class="claim_script" data-data="<%= items[i].claim_script%>"><%= items[i].claim_script%></td>
  96                 </tr>
  97                 <%}%>
  98         </table>
  99 </script>
 100
 101
 102 </html>