Connection error handling

Author: panisson

css/spbrowser.css

@@ -86,6 +86,12 @@ div#controls LABEL {
 #param_wthres {
 }
 
+div#errors {
+   height: 50px;
+   width: 100px;
+   background: #fa0000;
+}
+
 div#graph-layout {
    height: 500px;
    background: #fafafa;

index.html

@@ -32,6 +32,10 @@ <h1>SocioPatterns data browser</h1>
             <div><label>Threshold:</label><input id="param_wthres" name="param_wthres" type="text" /></div>
         </div>
     </div>
+    
+    <div id="errors">&nbsp;
+    </div>
+    
     <div id="graph-layout">
     </div>
 

spbrowser-redis.js

@@ -26,7 +26,13 @@ SPbrowser = function () {
 
             },
             error: function(x, status, error){
-                alert("Error: "+x.status+"\nStatus: "+status+"\nError: "+error)
+                // console.debug("Error: "+x.status+"\nStatus: "+status+"\nError: "+error)
+                if (x.status == 0) {
+                    message = "Error connecting to database";
+                } else {
+                    message = "Error: "+x.status+"\nStatus: "+status+"\nError: "+error
+                }
+                $("#errors").text(message)
             }
         });
 
@@ -136,6 +142,15 @@ SPbrowser = function () {
                  }
 
                 callback(num_nodes_series);
+            },
+            error: function(x, status, error){
+                // console.debug("Error: "+x.status+"\nStatus: "+status+"\nError: "+error)
+                if (x.status == 0) {
+                    message = "Error connecting to database";
+                } else {
+                    message = "Error: "+x.status+"\nStatus: "+status+"\nError: "+error
+                }
+                $("#errors").text(message)
             }
         });
     }
@@ -153,7 +168,13 @@ SPbrowser = function () {
                 TIMESTAMP_MAX = param_t2;
             },
             error: function(x, status, error) {
-                alert("Error: "+x.status+"\nStatus: "+status+"\n"+error);
+                // console.debug("Error: "+x.status+"\nStatus: "+status+"\n"+error);
+                if (x.status == 0) {
+                    message = "Error connecting to database";
+                } else {
+                    message = "Error: "+x.status+"\nStatus: "+status+"\nError: "+error
+                }
+                $("#errors").text(message)
             }
         });