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         $(".submitbody").toggle(false);
  14         $(".setupbody").toggle(false);
  15         $(".beginbody").toggle(false);
  16         $(".reportbody").toggle(false);
  17         $(".loadingbody").toggle(true);
  18 $(function() {
  19         var frm = $(document.dbsetsform);
  20         var dat = JSON.stringify(frm.serializeArray());
  21         //alert("I am about to POST this:\n\n" + dat);
  22     $.post(
  23             frm.attr("action"),
  24             dat,
  25             function(data) {
  26               //alert("Response: " + data);
  27             }
  28           );
  29         });
  30 }
  31
  32 function bollocks() {
  33 $.getJSON("http://localhost:22222/json", function(json) {
  34                         $.each(json, function(i,j){
  35                                 //$("div").html("pissant: " + i + j);
  36                                 if(i=="status") {
  37                                         if(j == 1) {
  38                                                 $(".submitbody").toggle(true);
  39                                                 $(".setupbody").toggle(false);
  40                                                 $(".beginbody").toggle(false);
  41                                                 $(".reportbody").toggle(false);
  42                                                 $(".loadingbody").toggle(false);
  43                                         }
  44                                         if(j == 2) {
  45                                                 $(".submitbody").toggle(false);
  46                                                 $(".setupbody").toggle(true);
  47                                                 $(".beginbody").toggle(false);
  48                                                 $(".reportbody").toggle(false);
  49                                                 $(".loadingbody").toggle(false);
  50                                         }
  51
  52                                 }
  53                         });
  54                 });
  55         setTimeout('bollocks()', 5000);
  56 }
  57
  58 setTimeout('bollocks()', 2000);
  59
  60
  61 </script>
  62
  63 <div class="submitbody">
  64 <form method="post" action="/json" name="dbsetsform">
  65 <table>
  66 <tr><td>Database Type</td><td><input type="text" name="dbtype"></td></tr>
  67 <tr><td>Database Host</td><td><input type="text" name="dbhost"></td></tr>
  68 <tr><td>Database Username</td><td><input type="text" name="dbuser"></td></tr>
  69 <tr><td>Database Password</td><td><input type="text" name="dbpass"></td></tr>
  70 <tr><td>Database</td><td><input type="text" name="dbname"></td></tr>
  71 <tr><td>Data Multiplier</td><td><input type="text" name="datamult"></td></tr>
  72 <tr><td>Number of Clients</td><td><input type="text" name="nclients"></td></tr>
  73 </table>
  74 <input type="submit" name="Go" value="Go" onClick="doDBSetPost(); return false">
  75 </form>
  76 </div>
  77 <div class="setupbody">I am a setup body</div>
  78 <div class="beginbody">I am a submit body</div>
  79 <div class="reportbody">I am a report body</div>
  80 <div class="loadingbody">Status loading....</div>
  81
  82 <script type="text/javascript">
  83
  84 $(".submitbody").toggle(false);
  85 $(".setupbody").toggle(false);
  86 $(".beginbody").toggle(false);
  87 $(".reportbody").toggle(false);
  88 $(".loadingbody").toggle(true);
  89 </script>
  90 </body>
  91 </html>