ui/registry.html

   1 <html>
   2 <head>
   3   <script type="text/javascript"
   4           src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
   5   </script>
   6   <script type="text/javascript" src="js/BigInteger.js"></script>
   7   <script type="text/javascript" src="js/ripemd.js"></script>
   8   <script type="text/javascript" src="js/registry.js">
   9   </script>
  10   <script>
  11     if (typeof(window.eth) === "undefined") {
  12       document.write('Please run in AlethZero.<br/>');
  13     }
  14   </script>
  15   <link rel="stylesheet" type="text/css" href="css/registry.css" />
  16 <title>Artwork Registry</title>
  17 </head>
  18 <body>
  19
  20  <!-- ----------------------------------------------------------------------
  21        Top navigation
  22     ---------------------------------------------------------------------- -->
  23
  24  <h2>Artwork Registry</h2>
  25  <h4 id="work_count"></h4>
  26
  27  <center><a id="list_button" href="javascript:void(0)" onclick="toggle('list');">Artworks</a> |
  28    <a id="register_button" href="javascript:void(0)" onclick="toggle('register');">Register</a> |
  29     <a id="offer_button" href="javascript:void(0)" onclick="toggle('offer');">Sell</a> |
  30     <a id="accept_button" href="javascript:void(0)" onclick="toggle('accept');">Buy</a></center>
  31  <p id="result"></p>
  32
  33   <!-- ----------------------------------------------------------------------
  34        List
  35     ---------------------------------------------------------------------- -->
  36
  37   <div id="list_div">
  38     <h2>Artworks</h2>
  39     <h3>Get Artwork File Digest</h3>
  40     <table>
  41       <tr><td>URL For Digest:</td><td><input type="text" id="find_url" maxlength="960"/></td></tr>
  42       <tr><td>Digest of URL:</td><td><input type="text" id="find_digest" maxlength="42"/></td></tr>
  43       <tr><td><a href="javascript:void(0)" onclick="create_url_digest();">
  44             create digest for url</a></td><td></td></tr>
  45     </table>
  46     <h3>Artwork Details</h3>
  47     <table>
  48       <tr><td>digest:</td><td><p id="artwork_digest"></p></td></tr>
  49       <tr><td>artist:</td><td><p id="artwork_artist"></p></td></tr>
  50       <tr><td>arr:</td><td><p id="artwork_arr"></p></td></tr>
  51       <tr><td>owner:</td><td><p id="artwork_owner"></p></td></tr>
  52       <tr><td>buyer:</td><td><p id="artwork_buyer"></p></td></tr>
  53       <tr><td>price:</td><td><p id="artwork_price"></p></td></tr>
  54       <tr><td>url:</td><td><p id="artwork_url"></p></td></tr>
  55       <tr><td>desc:</td><td><p id="artwork_desc"></p></td></tr>
  56     </table>
  57     <h4>You Are The Artist Of</h4>
  58     <div id="list_artist">None</div>
  59     <h4>You Are The Owner Of</h4>
  60     <div id="list_owner">None</div>
  61     <h4>You Can Buy</h4>
  62     <div id="list_buyer">None</div>
  63     <h4>Other Artworks</h4>
  64     <div id="list_other">None</div>
  65   </div>
  66
  67   <!-- ----------------------------------------------------------------------
  68        Register
  69     ---------------------------------------------------------------------- -->
  70   <div id="register_div">
  71     <h2>Register</h2>
  72     <table>
  73       <tr><td>digest:</td><td><input type="text" id="register_digest" maxlength="42"/></td></tr>
  74       <tr><td>arr:</td><td><input type="text" id="register_arr" maxlength="2" value="0"/>%</td></tr>
  75       <tr><td>url:</td><td><input type="text" id="register_url" maxlength="960"></td></tr>
  76       <tr><td>desc:</td><td><input type="text" id="register_desc" maxlength="896"></td></tr>
  77     </table>
  78     <a id="register" href="javascript:void(0)" onclick="register_artwork();">register</a>
  79   </div>
  80
  81   <!-- ----------------------------------------------------------------------
  82        Offer
  83     ---------------------------------------------------------------------- -->
  84   <div id="offer_div">
  85     <h2>Sell</h2>
  86     <table>
  87       <tr><td>digest:</td><td><p id="offer_digest"></p></td></tr>
  88       <tr><td>recipient:</td><td><input type="text" id="offer_recipient" maxlength="42"/>(Empty for anyone)</td></tr>
  89       <tr><td>price:</td><td><input type="text" id="offer_price"/>(0 for no cost)</td></tr>
  90     </table>
  91     <a id="register" href="javascript:void(0)" onclick="offer_artwork();">sell</a>
  92   </div>
  93
  94   <!-- ----------------------------------------------------------------------
  95        Accept
  96     ---------------------------------------------------------------------- -->
  97   <div id="accept_div">
  98     <h2>Buy</h2>
  99     <table>
 100       <tr><td>digest:</td><td><p id="accept_digest"></p></td></tr>
 101       <tr><td>arr:</td><td><p id="accept_arr"></p></tr>
 102       <tr><td>price:</td><td><p id="accept_price"></p></tr>
 103       <tr><td>url:</td><td><p id="accept_url"></p></tr>
 104       <tr><td>desc:</td><td><p id="accept_desc"></p></td></tr>
 105     </table>
 106     <a id="register" href="javascript:void(0)" onclick="accept_artwork();">buy</a>
 107   </div>
 108
 109 </body>
 110 </html>