Add loading indication, fixes #15

tmcw · Apr 27, 2013 · 781405b · 781405b
1 parent 2c8143f
commit 781405b
Show file tree

Hide file tree

Showing 7 changed files with 1,810 additions and 1,796 deletions.
diff --git a/Makefile b/Makefile
@@ -5,7 +5,7 @@ JS_COMPILER = uglifyjs
 
 all: js/bundle.min.js
 
-js/bundle.js: js/site.js
+js/bundle.js: js/site.js index.js
 	browserify js/site.js > js/bundle.js
 
 js/bundle.min.js: js/bundle.js

diff --git a/css/loading.gif b/css/loading.gif
diff --git a/css/mistakes.css b/css/mistakes.css
@@ -72,3 +72,8 @@ body {
   .CodeMirror { font-size: 14px !important; }
   .button { font-size: 12px; }
 }
+
+.loading {
+    background: url(loading.gif);
+    background-size:50px 50px;
+}
diff --git a/index.js b/index.js
@@ -40,7 +40,9 @@ function mistakes(__div) {
         var content = editor.getValue();
         var h = new window.XMLHttpRequest();
 
+        document.body.className = 'loading';
         h.onload = function() {
+            document.body.className = '';
             var d = (JSON.parse(h.responseText));
             window.location.hash = '#' + d.id;
         };
@@ -91,11 +93,13 @@ function mistakes(__div) {
                 return __content(res);
             });
         } else {
+            document.body.className = 'loading';
             xhr({ path: '/gists/' + id,
                 host: 'api.github.com',
                 port: 443,
                 scheme: 'https'
             }, function(res) {
+                document.body.className = '';
                 __showGistButton(id);
                 var r = jsonify.parse(res);
                 for (var k in r.files) {