Cable-Desktop/js/views/message_list_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 || {};

    var scrollPosition,
        scrollHeight,
        shouldStickToBottom;

    Whisper.MessageListView = Whisper.ListView.extend({
        tagName: 'ul',
        className: 'message-list',
        itemView: Whisper.MessageView,
        events: {
            'add': 'scrollToBottom',
            'update *': 'scrollToBottom',
            'scroll': 'measureScrollPosition'
        },
        measureScrollPosition: function() {
            scrollPosition = this.$el.scrollTop() + this.$el.outerHeight();
            scrollHeight = this.el.scrollHeight;
            shouldStickToBottom = scrollPosition === scrollHeight;
        },
        scrollToBottomIfNeeded: function() {
            if (shouldStickToBottom) {
                this.$el.scrollTop(scrollHeight);
            }
        },
        scrollToBottom: function() {
            // TODO: Avoid scrolling if user has manually scrolled up?
            this.$el.scrollTop(this.el.scrollHeight);
            this.measureScrollPosition();
        },
        addAll: function() {
            Whisper.ListView.prototype.addAll.apply(this, arguments); // super()
            this.scrollToBottom();
        }
    });
})();