loading thingy

src/scripts/results.tag

@@ -1,14 +1,22 @@
 <results>
-      <div class="courses container">
+      <div if={notLoading} class="courses container">
        <row class="course-row columns" each={ rows } data="{ this }" classrow={ row }></row>
       </div>
 this.rows = [];
 var self = this;
+
+results_passer.on("loading",
+  function() {
+    self.notLoading = false;
+    self.update();
+  });
+
 results_passer.on("new_results",
   function(data) {
     console.log("new search results detected");
     console.log(data);
     self.rows = data;
+    self.notLoading = true;
     self.update();
 });
 </results>

src/scripts/search.js

@@ -49,7 +49,7 @@ function ResultsPasser() {
 var results_passer = new ResultsPasser();
 
 riot.mount("search", {booksLoading : false});
-riot.mount("results");
+riot.mount("results", {notLoading : true});
 
 function autocomplete(element, endpoint) {
   // The element should be an input class

src/scripts/search.tag

@@ -24,6 +24,7 @@ function submit(ev) {
     console.log("submitted");
     this.booksLoading = true;
     this.update();
+    results_passer.trigger("loading");
     var params = $(ev.currentTarget).serialize();
     $.getJSON("/search/fc?"+params,
         (function(courses) {