Move message and conversation storage to IndexedDB

Getting up and running with IndexedDB was pretty easy, thanks to
backbone. The tricky part was making reads and writes asynchronous.
In that process I did some refactoring on Whisper.Threads, which
has been renamed Conversations for consistency with the view names.

This change also adds the unlimitedStorage permission.

js/views/conversation_list_view.js

@@ -7,7 +7,7 @@ var Whisper = Whisper || {};
     tagName: 'div',
     id: 'contacts',
     itemView: Whisper.ConversationListItemView,
-    collection: Whisper.Threads,
+    collection: Whisper.Conversations,
 
     events: {
       'click .contact': 'select',

js/views/conversation_view.js

@@ -45,11 +45,11 @@ var Whisper = Whisper || {};
       e.preventDefault();
       var input = this.$el.find('.send input');
       var message = input.val();
-      var thread = this.model;
+      var convo = this.model;
 
       if (message.length > 0 || this.fileInput.hasFiles()) {
         this.fileInput.getFiles().then(function(attachments) {
-          thread.sendMessage(message, attachments);
+          convo.sendMessage(message, attachments);
         });
         input.val("");
       }

js/views/message_list_view.js

@@ -13,5 +13,12 @@ var Whisper = Whisper || {};
     scrollToBottom: function() {
         this.$el.scrollTop(this.el.scrollHeight);
     },
+    addAll: function() {
+      this.$el.html('');
+      this.collection.each(function(model) {
+        var view = new this.itemView({model: model});
+        this.$el.prepend(view.render().el);
+      });
+    },
   });
 })();

js/views/message_view.js

@@ -25,7 +25,7 @@ var Whisper = Whisper || {};
           timestamp: moment(this.model.get('timestamp')).fromNow(),
           attachments: this.model.get('attachments'),
           bubble_class: this.model.get('type') === 'outgoing' ? 'sent' : 'incoming',
-          sender: this.model.thread().get('type') === 'group' ? this.model.get('person') : ''
+          sender: this.model.get('conversationType') === 'group' ? this.model.get('sender') : ''
         })
       );
 

js/views/new_conversation_view.js

@@ -67,17 +67,17 @@ var Whisper = Whisper || {};
       e.preventDefault();
       var number = this.input.verifyNumber();
       if (number) {
-        var thread = Whisper.Threads.findOrCreateForRecipient(number);
+        var convo = Whisper.Conversations.findOrCreateForRecipient(number);
         var message_input = this.$el.find('input.send-message');
         var message = message_input.val();
         if (message.length > 0 || this.fileInput.hasFiles()) {
           this.fileInput.getFiles().then(function(attachments) {
-            thread.sendMessage(message, attachments);
+            convo.sendMessage(message, attachments);
           });
           message_input.val("");
         }
         this.remove();
-        thread.trigger('render');
+        convo.trigger('render');
       }
     },
 

js/views/new_group_view.js

@@ -37,10 +37,10 @@ var Whisper = Whisper || {};
       var numbers = this.$el.find('input.numbers').val().split(',');
       var name = this.$el.find('input.name').val();
       var view = this;
-      Whisper.Threads.createGroup(numbers, name).then(function(thread){
-        thread.sendMessage(view.$el.find('input.send-message').val());
+      Whisper.Conversations.createGroup(numbers, name).then(function(convo){
+        convo.sendMessage(view.$el.find('input.send-message').val());
         view.remove();
-        thread.trigger('render');
+        convo.trigger('render');
       });
     },