odoo.define('mail.ChatThread', function (require) {
"use strict";

var core = require('web.core');
var Widget = require('web.Widget');

var QWeb = core.qweb;
var _t = core._t;

var ORDER = {
    ASC: 1,
    DESC: -1,
};

var Thread = Widget.extend({
    className: 'o_mail_thread',

    events: {
        "click .o_mail_redirect": "on_click_redirect",
        "click .o_channel_redirect": "on_channel_redirect",
        "click .o_thread_show_more": "on_click_show_more",
        "click .o_thread_message_needaction": function (event) {
            event.stopPropagation();
            var message_id = $(event.currentTarget).data('message-id');
            this.trigger("mark_as_read", message_id);
        },
        "click .o_thread_message_star": function (event) {
            event.stopPropagation();
            var message_id = $(event.currentTarget).data('message-id');
            this.trigger("toggle_star_status", message_id);
        },
        "click .o_thread_message": function (event) {
            var selected = $(event.currentTarget).hasClass('o_thread_selected_message');
            this.$('.o_thread_message').removeClass('o_thread_selected_message');
            $(event.currentTarget).toggleClass('o_thread_selected_message', !selected);
        },
        "click span.oe_mail_expand": function (event) {
            event.preventDefault();
            var $source = $(event.currentTarget);
            $source.parents('.o_thread_message_core').find('.o_mail_body_short').toggle();
            $source.parents('.o_thread_message_core').find('.o_mail_body_long').toggle();
        },
    },

    init: function (parent, options) {
        this._super.apply(this, arguments);
        this.options = _.defaults(options || {}, {
            display_order: ORDER.ASC,
            display_needactions: true,
            display_stars: true,
            display_document_link: true,
            display_avatar: true,
            squash_close_messages: true,
        });
    },

    render: function (messages, options) {
        var msgs = _.map(messages, this._preprocess_message.bind(this));
        if (this.options.display_order === ORDER.DESC) {
            msgs.reverse();
        }
        options = _.extend({}, this.options, options);

        // Hide avatar and info of a message if that message and the previous
        // one are both comments wrote by the same author at the same minute
        var prev_msg;
        _.each(msgs, function (msg) {
            if (!prev_msg || (Math.abs(msg.date.diff(prev_msg.date)) > 60000) ||
                prev_msg.message_type !== 'comment' || msg.message_type !== 'comment' ||
                (prev_msg.author_id[0] !== msg.author_id[0])) {
                msg.display_author = true;
            } else {
                msg.display_author = !options.squash_close_messages;
            }
            prev_msg = msg;
        });

        this.$el.html(QWeb.render('mail.ChatThread', {
            messages: msgs,
            options: options,
            ORDER: ORDER,
        }));
    },

    on_click_redirect: function (event) {
        event.preventDefault();
        var res_id = $(event.target).data('oe-id');
        var res_model = $(event.target).data('oe-model');
        this._redirect({model:res_model, id: res_id});
    },

    on_channel_redirect: function (event) {
        event.preventDefault();
        var channel_id = $(event.target).data('oe-id');
        this._redirect({channel_id: channel_id});
    },

    _redirect: _.debounce(function (options) {
        if ('channel_id' in options) {
            this.trigger('redirect_to_channel', options.channel_id);
        } else {
            this.trigger('redirect', options.model, options.id);
        }
    }, 200, true),

    on_click_show_more: function () {
        this.trigger('load_more_messages');
    },

    _preprocess_message: function (message) {
        var msg = _.extend({}, message);

        // Set the date in the browser timezone
        var date = msg.date.format('YYYY-MM-DD');

        if (date === moment().format('YYYY-MM-DD')) {
           msg.day = _t("Today");
           msg.hour = msg.date.fromNow();
        } else if (date === moment().subtract(1, 'days').format('YYYY-MM-DD')) {
           msg.day = _t("Yesterday");
           msg.hour = msg.date.format('hh:mm');
        } else {
            msg.day = msg.date.format('LL');
            msg.hour = msg.date.format('hh:mm');
        }

        return msg;
    },

    /**
     * Removes a message and re-renders the thread
     * @param {int} [message_id] the id of the removed message
     * @param {array} [messages] the list of messages to display, without the removed one
     * @param {object} [options] options for the thread rendering
     */
    remove_message_and_render: function (message_id, messages, options) {
        var self = this;
        var done = $.Deferred();
        this.$('.o_thread_message[data-message-id=' + message_id + ']').fadeOut({
            done: function () { self.render(messages, options); done.resolve();},
            duration: 200,
        });
        return done;
    },

    /**
     * Scrolls the thread to a given message or offset if any, to bottom otherwise
     * @param {int} [target.id] optional: the id of the message to scroll to
     * @param {int} [target.offset] optional: the number of pixels to scroll
     */
    scroll_to: function (target) {
        target = target || {};
        if (target.id !== undefined) {
            var $target = this.$('.o_thread_message[data-message-id=' + target.id + ']');
            if ($target.length) {
                this.$el.scrollTo($target);
            }
        } else if (target.offset !== undefined) {
            this.$el.scrollTop(target.offset);
        } else {
            this.$el.scrollTop(this.el.scrollHeight);
        }
    },
    get_scrolltop: function () {
        return this.$el.scrollTop();
    },
});

Thread.ORDER = ORDER;

return Thread;

});