madhusudancs@gmail.com | 99e82c6 | 2013-03-31 00:26:34 +0000 | [diff] [blame] | 1 | <!DOCTYPE html> |
| 2 | <html lang="en"> |
| 3 | <head> |
| 4 | <meta name="description" content="ASTERIX WEB PAGE" /> |
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 | <link href='http://fonts.googleapis.com/css?family=Bitter|PT+Sans+Caption|Open+Sans' rel='stylesheet' type='text/css'> |
madhusudancs@gmail.com | 2e1e54c | 2013-03-31 02:31:10 +0000 | [diff] [blame] | 7 | <script src="/webui/static/js/jquery.min.js"></script> |
| 8 | <script src="/webui/static/js/jquery.autosize-min.js"></script> |
madhusudancs@gmail.com | 99e82c6 | 2013-03-31 00:26:34 +0000 | [diff] [blame] | 9 | |
madhusudancs@gmail.com | 2e1e54c | 2013-03-31 02:31:10 +0000 | [diff] [blame] | 10 | <link href="/webui/static/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> |
| 11 | <link href="/webui/static/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" /> |
| 12 | |
| 13 | <script src="/webui/static/js/bootstrap.min.js"></script> |
| 14 | |
| 15 | <link href="/webui/static/css/style.css" rel="stylesheet" type="text/css" /> |
madhusudancs@gmail.com | 99e82c6 | 2013-03-31 00:26:34 +0000 | [diff] [blame] | 16 | |
| 17 | <script type="text/javascript"> |
| 18 | $(document).ready(function(){ |
| 19 | $('textarea').autosize(); |
| 20 | |
| 21 | $("form#queryform").submit(function() { |
| 22 | $.post("/", $("form#queryform").serialize(), function(data) { |
| 23 | $('#output-message').html(data); |
| 24 | }); |
| 25 | return false; |
| 26 | }); |
| 27 | }); |
| 28 | </script> |
| 29 | |
| 30 | <meta charset=utf-8 /> |
| 31 | <title>ASTERIX Demo</title> |
madhusudancs@gmail.com | 99e82c6 | 2013-03-31 00:26:34 +0000 | [diff] [blame] | 32 | </head> |
| 33 | |
| 34 | <body> |
| 35 | <div class="navbar navbar-inverse navbar-fixed-top"> |
| 36 | <div class="navbar-inner"> |
| 37 | <div class="container"> |
| 38 | <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> |
| 39 | <span class="icon-bar"></span> |
| 40 | <span class="icon-bar"></span> |
| 41 | <span class="icon-bar"></span> |
| 42 | </a> |
| 43 | <a class="brand" href="#">ASTERIX</a> |
| 44 | <div class="nav-collapse collapse"> |
| 45 | <ul class="nav"> |
| 46 | <li><a href="http://code.google.com/p/asterixdb/source/browse/">Open source</a></li> |
| 47 | <li><a href="http://code.google.com/p/asterixdb/issues/list">File issues</a></li> |
| 48 | <li><a href="https://groups.google.com/forum/?fromgroups#!forum/asterixdb-userst">Contact</a></li> |
| 49 | </ul> |
| 50 | </div><!--/.nav-collapse --> |
| 51 | </div> |
| 52 | </div> |
| 53 | </div> |
| 54 | |
| 55 | <div class="content"> |
| 56 | <div class="container"> |
| 57 | <div class="row-fluid"> |
| 58 | <div class="span6"> |
| 59 | <form id="queryform" class="form-horizontal" method="post"> |
| 60 | <div> |
| 61 | <label class="query">Query</label> |
| 62 | <textarea rows="20" name="query" class="query" value="%s" placeholder="Type your AQL query ..."></textarea> |
| 63 | </div> |
| 64 | <div> |
| 65 | <div class="left"> |
| 66 | <label class="checkbox"><input type="checkbox" name="print-expr-tree" value="true" /> Print parsed expressions</label> |
| 67 | </div> |
| 68 | <div class="right"> |
| 69 | <label class="checkbox"><input type="checkbox" name="print-rewritten-expr-tree" value="true" /> Print rewritten expressions</label> |
| 70 | </div> |
| 71 | </div> |
| 72 | <div> |
| 73 | <div class="left"> |
| 74 | <label class="checkbox"><input type="checkbox" name="print-logical-plan" value="true" /> Print logical plan</label> |
| 75 | </div> |
| 76 | <div class="right"> |
| 77 | <label class="checkbox"><input type="checkbox" name="print-optimized-logical-plan" value="true" /> Print optimized logical plan</label> |
| 78 | </div> |
| 79 | </div> |
| 80 | <div> |
| 81 | <div class="left"> |
| 82 | <label class="checkbox"><input type="checkbox" name="print-job" value="true" /> Print hyracks job</label> |
| 83 | </div> |
| 84 | </div> |
| 85 | <button type="submit" class="btn btn-danger">Execute</button> |
| 86 | </form> |
| 87 | </div> |
| 88 | |
| 89 | <div class="span6"> |
| 90 | <div class="output"> |
| 91 | <label class="heading">Output</label> |
| 92 | <div id="output-message" class="message"> |
| 93 | </div> |
| 94 | </div> |
| 95 | </div> |
| 96 | </div> |
| 97 | </div> |
| 98 | </div> |
| 99 | <div class="footer"> |
| 100 | <section class="line"><hr></section> |
| 101 | <section class="content"> |
| 102 | <section class="left"> |
| 103 | Developed by ASTERIX group |
| 104 | </section> |
| 105 | <section class="right"> |
| 106 | © Copyright 2013 University of California, Irvine |
| 107 | </section> |
| 108 | </section> |
| 109 | </div> |
| 110 | </body> |
| 111 | </html> |
| 112 | |