Gitiles
Code Review Sign In
asterix-gerrit.ics.uci.edu / asterixdb / 99f019d34bbb0c34862edfc3d5d090efd523db08 / . / asterix-app / src / main / resources / webui / querytemplate.html
blob: 192bfbd890f0ad52ae65d06ef564274dea26a3e3 [file] [log] [blame]
madhusudancs@gmail.com99e82c62013-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.com2e1e54c2013-03-31 02:31:10 +0000[diff] [blame]7<script src="/webui/static/js/jquery.min.js"></script>
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]8
genia.likes.science@gmail.combcd0ea12013-05-13 01:34:31 -0700[diff] [blame]9<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
10<link href="//netdna.bootstrapcdn.com/font-awesome/3.1.1/css/font-awesome.css" rel="stylesheet">
11
madhusudancs@gmail.com2e1e54c2013-03-31 02:31:10 +0000[diff] [blame]12<link href="/webui/static/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
13<link href="/webui/static/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
14
15<script src="/webui/static/js/bootstrap.min.js"></script>
16
17<link href="/webui/static/css/style.css" rel="stylesheet" type="text/css" />
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]18
19<script type="text/javascript">
20$(document).ready(function(){
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]21 $("form#queryform").submit(function() {
madhusudancs@gmail.comf56d21d2013-04-04 22:54:51 +0000[diff] [blame]22 $('#output-message').html("");
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]23 $.post("/", $("form#queryform").serialize(), function(data) {
genia.likes.science@gmail.com99f019d2013-05-13 04:14:46 -0700[diff] [blame^]24
genia.likes.science@gmail.com007c5a92013-05-13 03:13:20 -0700[diff] [blame]25 $('#output-message').html(data);
genia.likes.science@gmail.com99f019d2013-05-13 04:14:46 -0700[diff] [blame^]26
27 var contentString = data.toString();
28 if (contentString.indexOf("<PRE>Duration") !== -1) {
29 $("<div/>")
30 .addClass("alert alert-success")
31 .html("Success: Query Complete")
32 .appendTo('#output-message');
33 }
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]34 });
35 return false;
36 });
37});
38</script>
39
40<meta charset=utf-8 />
genia.likes.science@gmail.com12946c42013-05-12 12:12:15 -0700[diff] [blame]41<title>AsterixDB Web Interface</title>
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]42</head>
43
44<body>
genia.likes.science@gmail.combcd0ea12013-05-13 01:34:31 -0700[diff] [blame]45 <div class="navbar navbar-fixed-top">
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]46 <div class="navbar-inner">
47 <div class="container">
48 <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
49 <span class="icon-bar"></span>
50 <span class="icon-bar"></span>
51 <span class="icon-bar"></span>
52 </a>
genia.likes.science@gmail.combcd0ea12013-05-13 01:34:31 -0700[diff] [blame]53
54 <!-- Temporary logo placeholder -->
55 <!--<a class="brand" href="#"><img src="../sdk/static/img/finalasterixlogo.jpg"></a>-->
56 <a class="brand" href="#"><img src="http://db.tt/J1MTCdKs"></a>
57
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]58 <div class="nav-collapse collapse">
59 <ul class="nav">
genia.likes.science@gmail.comf77005c2013-05-13 01:42:24 -0700[diff] [blame]60 <li><a href="http://code.google.com/p/asterixdb/source/browse/" target="_blank">Open source<i class="icon-external-link"></i></a></li>
61 <li><a href="http://code.google.com/p/asterixdb/issues/list" target="_blank">File issues<i class="icon-external-link"></i></a></li>
62 <li><a href="https://groups.google.com/forum/?fromgroups#!forum/asterixdb-userst" target="_blank">Contact<i class="icon-external-link"></i></a></li>
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]63 </ul>
64 </div><!--/.nav-collapse -->
65 </div>
66 </div>
67 </div>
68
69 <div class="content">
70 <div class="container">
71 <div class="row-fluid">
72 <div class="span6">
73 <form id="queryform" class="form-horizontal" method="post">
74 <div>
75 <label class="query">Query</label>
madhusudancs@gmail.com833aea72013-04-04 22:38:29 +0000[diff] [blame]76 <textarea rows="10" name="query" class="query" value="%s" placeholder="Type your AQL query ..."></textarea>
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]77 </div>
78 <div>
madhusudancs@gmail.com833aea72013-04-04 22:38:29 +0000[diff] [blame]79 <label class="checkbox"><input type="checkbox" checked="checked" name="print-expr-tree" value="true" /> Print parsed expressions</label>
80 <label class="checkbox"><input type="checkbox" checked="checked" name="print-rewritten-expr-tree" value="true" /> Print rewritten expressions</label>
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]81 </div>
82 <div>
madhusudancs@gmail.com833aea72013-04-04 22:38:29 +0000[diff] [blame]83 <label class="checkbox"><input type="checkbox" checked="checked" name="print-logical-plan" value="true" /> Print logical plan</label>
84 <label class="checkbox"><input type="checkbox" checked="checked" name="print-optimized-logical-plan" value="true" /> Print optimized logical plan</label>
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]85 </div>
86 <div>
genia.likes.science@gmail.com7e03f872013-05-12 12:15:06 -0700[diff] [blame]87 <label class="checkbox"><input type="checkbox"
88 checked="checked" name="print-job" value="true" /> Print Hyracks job</label>
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]89 </div>
genia.likes.science@gmail.com8e686842013-05-13 01:52:47 -0700[diff] [blame]90 <button type="submit" class="btn btn-custom-darken">Execute</button>
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]91 </form>
92 </div>
93
94 <div class="span6">
95 <div class="output">
96 <label class="heading">Output</label>
97 <div id="output-message" class="message">
98 </div>
99 </div>
100 </div>
101 </div>
102 </div>
genia.likes.science@gmail.combcd0ea12013-05-13 01:34:31 -0700[diff] [blame]103</div>
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]104 <div class="footer">
105 <section class="line"><hr></section>
106 <section class="content">
107 <section class="left">
genia.likes.science@gmail.com8e686842013-05-13 01:52:47 -0700[diff] [blame]108 AsterixDB - More Engine, Less Trunk
madhusudancs@gmail.com99e82c62013-03-31 00:26:34 +0000[diff] [blame]109 </section>
110 <section class="right">
111 &copy; Copyright 2013 University of California, Irvine
112 </section>
113 </section>
114 </div>
115</body>
116</html>
117