loading thingy

src/scripts/search.js

@@ -48,7 +48,7 @@ function ResultsPasser() {
 
 var results_passer = new ResultsPasser();
 
-riot.mount("search", {booksLoading : true});
+riot.mount("search", {booksLoading : false});
 riot.mount("results");
 
 function autocomplete(element, endpoint) {

src/scripts/search.tag

@@ -19,14 +19,18 @@
   <div if={ opts.booksLoading } class="loading">
   </div>
 </search>
-
+var that = this;
 function submit(ev) {
     console.log("submitted");
+    that.opts.booksLoading = true;
+    that.update();
     var params = $(ev.currentTarget).serialize();
     $.getJSON("/search/fc?"+params,
         function(courses) {
             var fcourses = filterCourses(courses);
             var cgroups = groupsof(3, fcourses);
             results_passer.trigger("new_results", cgroups);
+            that.opts.booksLoading = false;
+            that.update();
     });
 }