Setup loading gif on conversation list

TODO: get actual gif asset in there.

js/index.js

@@ -22,7 +22,7 @@
     if (textsecure.storage.getUnencrypted("number_id") === undefined) {
         window.location = '/options.html';
     } else {
-        new Whisper.InboxView({el: document});
+        new Whisper.InboxView({el: $('body')});
         textsecure.storage.putUnencrypted("unreadCount", 0);
         extension.navigator.setBadgeText("");
     }

js/views/inbox_view.js

@@ -32,7 +32,10 @@
                 collection : this.conversations
             });
 
-            this.conversations.fetchActive({reset: true});
+            this.$el.addClass('loading');
+            this.conversations.fetchActive({reset: true}).then(function() {
+                this.$el.removeClass('loading');
+            }.bind(this));
 
             extension.on('message', function(message) {
                 this.conversations.fetch({id: message.conversationId}).then(function() {

stylesheets/index.scss

@@ -2,6 +2,10 @@
   margin-top: 36px;
 }
 
+.loading .gutter {
+  // TODO: spinner
+}
+
 .contact .checkbox {
   display: none;
 }