odoo.define('web.ProgressBar', function (require) {
"use strict";

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

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

/**
 * options
 * - readonly
 * - value
 * - max_value
 * - title: title of the gauge, displayed on the left
 */
var ProgressBar = Widget.extend({
    template: "ProgressBar",

    events: {
        'change input': 'on_change_input',
        'input input': 'on_change_input',
        'click .o_progress': function(e) {
            if(!this.readonly && this.edit_on_click) {
                var $target = $(e.currentTarget);
                this.set('value', Math.floor((e.pageX - $target.offset().left) / $target.outerWidth() * this.get('max_value')));
            }
        }
    },

    init: function (parent, options) {
        this._super(parent);

        options = _.defaults(options || {}, {
            readonly: true,
            edit_on_click: false,
            value: 0,
            max_value: 100,
            title: '',
            edit_max_value: false,
        });

        this.readonly = options.readonly;
        this.edit_on_click = options.edit_on_click;
        this.set('value', options.value);
        this.set('max_value', options.max_value);
        this.title = options.title;
        this.edit_max_value = options.edit_max_value;

        this.on('change:value', this, this._render_value);
        this.on('change:max_value', this, this._render_value);
    },

    start: function() {
        this._render_value();
        return this._super();
    },

    on_change_input: function(e) {
        var $input = $(e.target);
        if(isNaN($input.val())) {
            this.do_warn(_t("Wrong value entered!"), _t("Only Integer Value should be valid."));
        } else {
            if(e.type === 'input') {
                this._render_value($input.val());
                if(parseFloat($input.val()) === 0) {
                    $input.select();
                }
            } else {
                this.set(this.edit_max_value ? 'max_value' : 'value', $(e.target).val());
            }
        }
    },

    _render_value: function(v) {
        var value = this.get('value');
        var max_value = this.get('max_value');
        if(!isNaN(v)) {
            if(this.edit_max_value) {
                max_value = v;
            } else {
                value = v;
            }
        }
        value = value || 0;
        max_value = max_value || 0;

        var widthComplete;
        if(value <= max_value) {
            widthComplete = value/max_value * 100;
        } else {
            widthComplete = max_value/value * 100;
        }

        this.$('.o_progress').toggleClass('o_progress_overflow', value > max_value);
        this.$('.o_progressbar_complete').css('width', widthComplete + '%');

        if(this.readonly) {
            if(max_value !== 100) {
                this.$('.o_progressbar_value').html(utils.human_number(value) + " / " + utils.human_number(max_value));
            } else {
                this.$('.o_progressbar_value').html(utils.human_number(value) + "%");
            }
        } else if(isNaN(v)) {
            this.$('.o_progressbar_value').val(this.edit_max_value ? max_value : value);
        }
    }
});

return ProgressBar;

});