From 9b4d5e4f5b5a385c6be4bf5594bbe1a1af62ff69 Mon Sep 17 00:00:00 2001
From: Severyn Kozak <severyn.kozak@gmail.com>
Date: Fri, 6 Jun 2014 17:37:39 -0400
Subject: [PATCH] Add UI error messages. Close #50.

Add:
    templates/index.html, static/(js/index.js, sass/index.sass)
        -Add error messages for failed queries.
---
 static/js/index.js     | 10 ++++++----
 static/sass/index.sass |  9 +++++++++
 templates/index.html   |  2 +-
 3 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/static/js/index.js b/static/js/index.js
index 8d4cf01..5dedf75 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -398,7 +398,7 @@ function queryServer(){
     var resultDivs = [];
     $.getJSON(queryUrl, function(result){
         if("error" in result)
-            errorMessage(result["error"]);
+            insertErrorMessage(result["error"]);
         else
             for(var codelet = 0; codelet < result["results"].length; codelet++)
                 resultDivs.push(result["results"][codelet]);
@@ -435,8 +435,10 @@ function loadMoreResults(){
  *
  * @param msg (str) The message string.
  */
-function errorMessage(msg){
-    alert(msg);
+function insertErrorMessage(msg){
+    var error = $("<div id='error'><span>Error: </span></div>");
+    error.append(msg);
+    resultsDiv.appendChild(error[0]);
 }
 
-loadMoreResults();
+// loadMoreResults();
diff --git a/static/sass/index.sass b/static/sass/index.sass
index d1e3994..0a5fcd5 100644
--- a/static/sass/index.sass
+++ b/static/sass/index.sass
@@ -296,6 +296,15 @@ div#results
         &:hover
             color: orange
 
+    div#error
+        font-size: 170%
+        margin-top: 22%
+        text-align: center
+
+        span
+            color: $baseColor1
+            font-size: 150%
+
     &.disable-hover
         pointer-events: none
 
diff --git a/templates/index.html b/templates/index.html
index 0457103..425355b 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -18,7 +18,7 @@
 = endblock
 
 = block body
-  <div id="search-field" class="partly-visible">
+  <div id="search-field">
     <a id="title" href="/">
       <div id="title">
         <span id="title-bit">bit</span