From 0fc409ef089ed35f545d0f9fdef53f42bbe5be50 Mon Sep 17 00:00:00 2001
From: Dan McGee <dan@archlinux.org>
Date: Tue, 2 Dec 2014 15:13:24 -0600
Subject: Make dev stats section look better when loading

Signed-off-by: Dan McGee <dan@archlinux.org>
---
 templates/devel/index.html | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

(limited to 'templates/devel')

diff --git a/templates/devel/index.html b/templates/devel/index.html
index 147917a0..e9330734 100644
--- a/templates/devel/index.html
+++ b/templates/devel/index.html
@@ -157,8 +157,11 @@ <h3>Developer Reports</h3>
     </ul>
 </div>{# #dev-dashboard #}
 
-<div id='stats-area'>
-    <p>Enable Javascript to get more useful info here.</p>
+<div id="stats-area">
+    <div class="box">
+        <h2>Developer Stats</h2>
+        <p id="stats-message">Enable JavaScript to get more useful info here.</p>
+    </div>
 </div>
 {% endblock %}
 
@@ -167,8 +170,12 @@ <h3>Developer Reports</h3>
 <script type="text/javascript" src="{% static "archweb.js" %}"></script>
 <script type="text/javascript">
 $(document).ready(function() {
-    $("#stats-area").html('<p>Loading stats…</p>');
-    $("#stats-area").load('stats/', function() {
+    $("#stats-message").html('Loading developer stats…');
+    $("#stats-area").load('stats/', function(response, status, xhr) {
+        if (status === 'error' || status === 'timeout') {
+            $("#stats-message").html('Developer stats loading encountered an error. Sorry.');
+            return;
+        }
         var settings = {
             widgets: ['zebra'],
             sortList: [[0,0]],
-- 
cgit v1.2.3-54-g00ecf