Consolidate message callbacks

Register the runtime callback at the top level view rather than having
each conversation view register independently.
Also refactors Layout into InboxView.

js/views/conversation_view.js

@@ -13,10 +13,9 @@
  * You should have received a copy of the GNU Lesser General Public License
  * along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
-var Whisper = Whisper || {};
-
 (function () {
   'use strict';
+    window.Whisper = window.Whisper || {};
 
     Whisper.ConversationView = Backbone.View.extend({
         className: 'conversation',
@@ -31,12 +30,11 @@ var Whisper = Whisper || {};
             });
 
             this.view = new Whisper.MessageListView({
-                collection: this.model.messages()
+                collection: this.model.messageCollection
             });
             this.$el.find('.discussion-container').append(this.view.el);
 
-            this.model.fetch({reset: true});
-            extension.onMessage('message', this.model.fetch.bind(this.model));
+            this.model.fetchMessages({reset: true});
         },
 
         events: {
@@ -60,7 +58,6 @@ var Whisper = Whisper || {};
 
         render: function() {
             Whisper.Layout.setContent(this.$el.show());
-            this.view.scrollToBottom();
             return this;
         }
     });

js/views/inbox_view.js

@@ -0,0 +1,80 @@
+/* vim: ts=4:sw=4:expandtab
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+(function () {
+  'use strict';
+
+   window.Whisper = window.Whisper || {};
+
+    Whisper.InboxView = Backbone.View.extend({
+        initialize: function () {
+            this.gutter = $('#gutter');
+            this.contacts = $('#contacts');
+            this.resize();
+
+            window.addEventListener('resize', this.resize.bind(this));
+            this.conversations = new Whisper.ConversationCollection();
+
+            new Whisper.ConversationListView({el: $('#contacts'), collection: Whisper.Conversations});
+            Whisper.Conversations.fetch({reset: true}).then(function() {
+                if (Whisper.Conversations.length) {
+                    Whisper.Conversations.at(0).trigger('render');
+                }
+            });
+            extension.onMessage('message', function(message) {
+                Whisper.Conversations.fetch({id: message.conversationId}).then(function() {
+                    Whisper.Conversations.get(message.conversationId).fetchMessages();
+                });
+            }.bind(this));
+
+        },
+        events: {
+            'click #new-message': 'new_message',
+            'click #new-group': 'new_group'
+        },
+
+        new_message: function (e) {
+            e.preventDefault();
+            $('.conversation').hide().trigger('close'); // detach any existing conversation views
+            this.view = new Whisper.NewConversationView();
+            //todo: less new
+        },
+
+        new_group: function (e) {
+            e.preventDefault();
+            $('.conversation').trigger('close'); // detach any existing conversation views
+            new Whisper.NewGroupView();
+        },
+        resize: function (e) {
+            var windowheight = window.innerHeight,
+                form = $('.send-message-area').outerHeight(),
+                gutter_offset = this.gutter.offset().top,
+                contacts_offset = this.contacts.offset().top;
+            if (window.innerWidth < 480) {
+                this.gutter.css('height', windowheight - gutter_offset - form);
+                this.contacts.css('height', windowheight - contacts_offset - form);
+            } else {
+                this.gutter.css('height', windowheight - gutter_offset);
+                this.contacts.css('height', windowheight - contacts_offset);
+            }
+            $('.discussion').css('height', windowheight - gutter_offset - form);
+        },
+        setContent: function (content) {
+            $(content).insertAfter(this.gutter);
+            this.resize();
+        }
+    });
+
+})();

js/views/message_list_view.js

@@ -19,6 +19,7 @@ var Whisper = Whisper || {};
         var view = new this.itemView({model: model});
         this.$el.prepend(view.render().el);
       }, this);
+      this.scrollToBottom();
     },
   });
 })();