From 6a01ae42a471c8150f644eb6120a2fb014323081 Mon Sep 17 00:00:00 2001
From: Pedro <pedroflemming@gmail.com>
Date: Wed, 5 Nov 2014 16:09:56 +0100
Subject: [PATCH] added sample queries

---
 frontend-hyrise/hyrise-sql-connector.js |  5 +++--
 frontend-hyrise/index.html              | 24 +++++++++++++++++++++++-
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/frontend-hyrise/hyrise-sql-connector.js b/frontend-hyrise/hyrise-sql-connector.js
index 35f6ea8..f63e917 100644
--- a/frontend-hyrise/hyrise-sql-connector.js
+++ b/frontend-hyrise/hyrise-sql-connector.js
@@ -14,7 +14,7 @@ HyriseSqlConnector.prototype.setConnectionDetails = function(host, port) {
 	return this;
 };
 
-HyriseSqlConnector.prototype.executeQuery = function(query, callback) {
+HyriseSqlConnector.prototype.executeQuery = function(query, callback, error_callback) {
 	var endpoint = 'http://' + this._host + ':' + this._port + '/query';
 	var url = encodeURI(endpoint);
 
@@ -28,7 +28,8 @@ HyriseSqlConnector.prototype.executeQuery = function(query, callback) {
 		},
 		success: function(result) {
 			callback(result);
-		}
+		},
+		error: error_callback
 	});
 
 	return this;
diff --git a/frontend-hyrise/index.html b/frontend-hyrise/index.html
index 82587ef..931a293 100644
--- a/frontend-hyrise/index.html
+++ b/frontend-hyrise/index.html
@@ -21,6 +21,11 @@
             </div>
           </div>
 
+          <!-- Sample Queries -->
+          <div class="row" style="margin-bottom: 10px;">
+            <div class="col-sm-12" id="sampleQueries"></div>
+          </div>
+
           <!-- Input -->
           <div class="row">
             <div class="col-sm-12">
@@ -63,6 +68,12 @@
 
     <script type="text/javascript">
 $(function() {
+  function addSampleQuery(name, query) {
+    var btn = $('<button type="button" class="btn btn-default">' + name + '</button>');
+    btn.click(function() { $('#queryInput').val(query); });
+    $('#sampleQueries').append(btn);
+  }
+
   function createElement(tag, value) {
     return $('<' + tag + '>' + value + '</' + tag + '>');
   };
@@ -113,8 +124,19 @@ $(function() {
       console.log("Query result: ", result);
       updateResultTable(result);
       updatePerformanceData(result);
+    }, function(xhr, status, error) {
+      console.log(arguments);
+      // On Error
+      $('#resultTable').html('<td>Error when executing query (' + status + ', ' + xhr.status + ' ' + error + ')</td>');
+      $('#performanceDataTable tbody').html('');
+
     });
-  })
+  });
+
+  addSampleQuery('SELECT 1', 'SELECT name, city, grade FROM students WHERE grade <= 2.0;')
+  addSampleQuery('SELECT 2', 'SELECT name, city, grade FROM (SELECT * FROM students WHERE city = \'Potsdam\') t1 WHERE grade <= 1.5 OR grade >= 3.5;');
+  addSampleQuery('COMMENT & LIKE', '-- test\nSELECT * FROM students WHERE city LIKE \'B.*\'\n-- comment');
+  addSampleQuery('JOIN', 'SELECT * FROM students t1 JOIN students t2 ON t1.student_number = t2.student_number');
 });
     </script>
   </body>