loading thingy

src/scripts/search.js

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

src/scripts/search.tag

@@ -21,12 +21,21 @@
     </div>
   </form>
   <div class="help-toast toast toast-primary">
-    <button class="btn btn-clear float-right"></button>
+    <button if={showHelp}
+            onclick={clearHelp}
+            class="btn btn-clear float-right">
+    </button>
     Type a few words of your course's name or the course code (e.g. PSYCH 2B03)
   </div>
   <div if={ booksLoading } class="search-load">
   </div>
 </search>
+var that = this;
+function clearHelp() {
+  that.showHelp = false;
+  that.update();
+}
+
 function submit(ev) {
     ev.preventDefault();
     console.log("submitted");