Cable-Desktop/js/views/inbox_view.js

/* 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 : this.conversations
            });

            this.conversations.fetch({ reset: true }).then(function() {
                this.conversations.reset(
                    //TODO: Add an index to support this operation at the db level
                    this.conversations.filter(function(c) { return c.get('active'); })
                );
                if (this.conversations.length) {
                    this.conversations.at(0).trigger('render');
                }
            }.bind(this));

            extension.onMessage('message', function(message) {
                this.conversations.fetch({id: message.conversationId}).then(function() {
                    this.conversations.get(message.conversationId).fetchMessages();
                }.bind(this));
            }.bind(this));

            this.conversations.on('selected', function(view) {
                $('.conversation').hide().trigger('close'); // detach any existing conversation views
                this.setContent(view.$el.show());
                view.render();
            }, 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({
                collection: this.conversations
            });
            this.setContent(this.view.render().$el.show());
        },
        new_group: function (e) {
            e.preventDefault();
            $('.conversation').trigger('close'); // detach any existing conversation views
            var view = new Whisper.NewGroupView({
                collection: this.conversations
            });
            this.setContent(view.render().$el.show());
        },
        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();
        }
    });

})();