flectra.define('web.rainbow_man', function (require) {
"use strict";

var ajax = require("web.ajax");
var Widget = require('web.Widget');
var core = require('web.core');
var qweb = core.qweb;
var _t = core._t;

var RainbowMan = Widget.extend({
    template: 'rainbow_man.notification',
    /**
     * @override
     * @constructor
     * @param {Object} [options] - key-value options to decide rainbowman behavior / appearance
     * @param {string} [options.message] - Message to be displayed on rainbowman card
     * @param {string} [options.fadeout]
     *        Delay for rainbowman to disappear - [options.fadeout='fast'] will make rainbowman
     *        dissapear quickly, [options.fadeout='medium'] and [options.fadeout='slow'] will
     *        wait little longer before disappearing (can be used when [options.message]
     *        is longer), [options.fadeout='no'] will keep rainbowman on screen until
     *        user clicks anywhere outside rainbowman
     * @param {string} [options.img_url] - URL of the image to be displayed
     * @param {Boolean} [options.click_close] - If true, destroys rainbowman on click outside
     */
    init: function (options) {
        this._super.apply(this, arguments);
        var rainbowDelay = {slow: 4500, medium: 3500, fast:2000, no: false };
        this.options = _.defaults(options || {}, {
            fadeout: 'medium',
            img_url: '/web/static/src/img/smile.svg',
            message: _t('Well Done!'),
            click_close: true,
        });
        this.delay = rainbowDelay[this.options.fadeout];
        core.bus.on('clear_uncommitted_changes', this, this.destroy);
    },
    /**
     * @override
     */
    willStart: function () {
        var def;
        if (!qweb.has_template(this.template)) {
            // we need to manually load the templates when the rainbon_man is used in
            // the frontend, for example, it may be displayed at the end of a tour.
            def = ajax.loadXML("/web/static/src/xml/rainbow_man.xml", qweb);
        }
        return $.when(this._super.apply(this, arguments), def);
    },
    /**
     * @override
     */
    start: function () {
        var self = this;
        if (this.options.click_close) {
            core.bus.on('click', this, function (ev) {
                if (ev.originalEvent && ev.target.className.indexOf('o_reward') === -1) {
                    this.destroy();
                }
            });
        }
        if (this.delay) {
            setTimeout(function () {
                self.$el.addClass('o_reward_fading');
                setTimeout(function () {
                    self.destroy();
                }, 600); // destroy only after fadeout animation is completed
            }, this.delay);
        }
        this.$('.o_reward_msg_content').append(this.options.message);
        return this._super.apply(this, arguments);
    }
});

return RainbowMan;

});