[IMP] web: New priority widget + form field

1 files changed, 82 insertions, 0 deletions

diff --git a/addons/web/static/src/js/widgets/priority.js b/addons/web/static/src/js/widgets/priority.js
new file mode 100644
index 00000000000..fbe7b61bb43
--- /dev/null
+++ b/addons/web/static/src/js/widgets/priority.js
@@ -0,0 +1,82 @@
+odoo.define('web.Priority', function (require) {
+"use strict";
+
+var core = require('web.core');
+var Widget = require('web.Widget');
+
+var QWeb = core.qweb;
+var _t = core._t;
+
+var Priority = Widget.extend({
+    template: "Priority",
+    events: {
+        'mouseover > a': function(e) {
+            clearTimeout(this.hover_timer);
+
+            this.$stars.removeClass('fa-star-o').addClass('fa-star');
+            $(e.target).nextAll().removeClass('fa-star').addClass('fa-star-o');
+        },
+        'mouseout > a': function(e) {
+            clearTimeout(this.hover_timer);
+
+            var self = this;
+            this.hover_timer = setTimeout(function() {
+                self._render_value();
+            }, 200);
+        },
+        'click > a': function(e) {
+            e.preventDefault();
+            e.stopPropagation();
+            
+            var old_value = this.value;
+            this.value = String($(e.target).data('value'));
+            if(old_value === this.value) {
+                this.value = this.empty_value;
+            }
+
+            this._render_value();
+            this.trigger('update', {value: this.value});
+        },
+    },
+    init: function(parent, options) {
+        this._super.apply(this, arguments);
+
+        options = _.defaults(options || {}, {
+            readonly: true,
+            value: 0,
+            values: [
+                [0, _t("Normal")],
+                [1, _t("Low")],
+                [2, _t("High")],
+                [3, _t("Very High")]
+            ],
+        });
+
+        this.readonly = options.readonly;
+        this.value = options.value;
+        this.values = options.values;
+        this.empty_value = this.values[0][0];
+    },
+    start: function() {
+        this._render_value();
+        return this._super();
+    },
+    set_value: function(value) {
+        this.value = value;
+        this._render_value();
+    },
+    _render_value: function() {
+        var current_value = this.value;
+        this.$stars = this.$('.o_priority_star');
+        this.$stars.each(function(i, el) {
+            var $star = $(el);
+            var star_value = $star.data('value');
+            $star.toggleClass('fa-star', (star_value <= current_value))
+                 .toggleClass('fa-star-o', (star_value > current_value));
+        });
+    },
+});
+
+return Priority;
+
+});