src/web/index.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
   2 <html>
   3 <head>
   4 <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
   5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   6 <title>Go DB Hammer</title>
   7 </head>
   8 <body>
   9 <h2>Go DB Hammer</h2>
  10 <script type="text/javascript">
  11
  12 function doDBSetPost() {
  13 $(function() {
  14         var frm = $(document.dbsetsform);
  15         var dat = JSON.stringify(frm.serializeArray());
  16         //alert("I am about to POST this:\n\n" + dat);
  17     $.post(
  18             frm.attr("action"),
  19             dat,
  20             function(data) {
  21               alert("Response: " + data);
  22             }
  23           );
  24         });
  25 }
  26
  27 function bollocks() {
  28 $.getJSON("http://localhost:22222/json", function(json) {
  29                         $.each(json, function(i,j){
  30                                 //$("div").html("pissant: " + i + j);
  31                                 if(i=="status") {
  32                                         if(j == 1) {
  33                                                 $(".submitbody").toggle(true);
  34                                                 $(".setupbody").toggle(false);
  35                                                 $(".beginbody").toggle(false);
  36                                                 $(".reportbody").toggle(false);
  37                                                 $(".loadingbody").toggle(false);
  38                                         }
  39                                         if(j == 2) {
  40                                                 $(".submitbody").toggle(false);
  41                                                 $(".setupbody").toggle(true);
  42                                                 $(".beginbody").toggle(false);
  43                                                 $(".reportbody").toggle(false);
  44                                                 $(".loadingbody").toggle(false);
  45                                         }
  46
  47                                 }
  48                         });
  49                 });
  50         setTimeout('bollocks()', 5000);
  51 }
  52
  53 setTimeout('bollocks()', 2000);
  54
  55
  56 </script>
  57
  58 <div class="submitbody">
  59 <form method="post" action="/json" name="dbsetsform">
  60 <table>
  61 <tr><td>Database Type</td><td><input type="text" name="dbtype"></td></tr>
  62 <tr><td>Database Host</td><td><input type="text" name="dbtype"></td></tr>
  63 <tr><td>Database Username</td><td><input type="text" name="dbtype"></td></tr>
  64 <tr><td>Database Password</td><td><input type="text" name="dbtype"></td></tr>
  65 <tr><td>Database</td><td><input type="text" name="dbtype"></td></tr>
  66 <tr><td>Data Multiplier</td><td><input type="text" name="dbtype"></td></tr>
  67 <tr><td>Number of Clients</td><td><input type="text" name="dbtype"></td></tr>
  68 </table>
  69 <input type="submit" name="Go" value="Go" onClick="doDBSetPost(); return false">
  70 </form>
  71 </div>
  72 <div class="setupbody">I am a setup body</div>
  73 <div class="beginbody">I am a submit body</div>
  74 <div class="reportbody">I am a report body</div>
  75 <div class="loadingbody">Status loading....</div>
  76
  77 <script type="text/javascript">
  78
  79 $(".submitbody").toggle(false);
  80 $(".setupbody").toggle(false);
  81 $(".beginbody").toggle(false);
  82 $(".reportbody").toggle(false);
  83 $(".loadingbody").toggle(true);
  84 </script>
  85 </body>
  86 </html>