[MOV] [ADD] Moved gauge and sparkline widgets into their own modules.

[odoo/odoo.git] / addons / web_kanban / static / src / js / kanban.js

diff --git a/addons/web_kanban/static/src/js/kanban.js b/addons/web_kanban/static/src/js/kanban.js
index 9bc8e3b..8ec11e3 100644 (file)
--- a/addons/web_kanban/static/src/js/kanban.js
+++ b/addons/web_kanban/static/src/js/kanban.js
@@ -1232,157 +1232,6 @@ instance.web_kanban.AbstractField = instance.web.Widget.extend(instance.web_kanb
 
 instance.web_kanban.fields_registry = new instance.web.Registry({});
 
-
-/**
- * Kanban widgets: Sparkline
- *
- */
-
-instance.web_kanban.SparklineBarWidget = instance.web_kanban.AbstractField.extend({
-    className: "oe_sparkline_bar",
-    start: function() {
-        var self = this;
-        var title = this.$node.html() || this.field.string;
-        setTimeout(function () {
-            var value = _.pluck(self.field.value, 'value');
-            var tooltips = _.pluck(self.field.value, 'tooltip');
-            var sparkline_options = _.extend({
-                    type: 'bar',
-                    barWidth: 5,
-                    height: '20px',
-                    barWidth: 4,
-                    barSpacing: 1,
-                    barColor: '#96d854',
-                    tooltipFormat: '{{offset:offset}} {{value}}',
-                    tooltipValueLookups: {
-                        'offset': tooltips
-                    }
-                }, self.options);
-            self.$el.sparkline(value, sparkline_options);
-            self.$el.tipsy({'delayIn': 0, 'html': true, 'title': function(){return title}, 'gravity': 'n'});
-        }, 0);
-    },
-});
-
-instance.web_kanban.fields_registry.add("sparkline_bar", "instance.web_kanban.SparklineBarWidget");
-
-
-/**
- * Kanban widgets: GaugeWidget
- *
- */
-
-instance.web_kanban.GaugeWidget = instance.web_kanban.AbstractField.extend({
-    className: "oe_gauge",
-    start: function() {
-        var self = this;
-        var parent = this.getParent();
-        var max = 100;
-        if (this.options.max_field) {
-            max = this.getParent().record[this.options.max_field].raw_value;
-        }
-        var label = this.options.label || "";
-        if (this.options.label_field) {
-            label = this.getParent().record[this.options.label_field].raw_value;
-        }
-        var val = this.field.value;
-        var value = _.isArray(val) && val.length ? val[val.length-1]['value'] : val;
-        var title = this.$node.html() || this.field.string;
-        // var unique_id = _.uniqueId("JustGage");
-
-        this.$el.empty()
-            .attr('style', this.$node.attr('style') + ';position:relative; display:inline-block;');
-
-        this.gage = new JustGage({
-            parentNode: this.$el[0],
-            // id: unique_id,
-            value: value,
-            title: title,
-            min: 0,
-            max: max,
-            relativeGaugeSize: true,
-            humanFriendly: true,
-            titleFontColor: '#333333',
-            valueFontColor: '#333333',
-            labelFontColor: '#000',
-            label: label,
-            levelColors: [
-                "#ff0000",
-                "#f9c802",
-                "#a9d70b"
-            ],
-        });
-        this.gage.refresh(value, max);
-
-        var flag_open = false;
-        if (this.options.action_change) {
-            var $svg = this.$el.find('svg');
-            var css = {
-                'text-align': 'center',
-                'position': 'absolute',
-                'width': this.$el.outerWidth() + 'px',
-                'top': (this.$el.outerHeight()/2-5) + 'px'
-            };
-
-            this.$el.click(function (event) {
-                event.stopPropagation();
-                flag_open = false;
-                if (!parent.view.is_action_enabled('edit')) {
-                    return;
-                }
-                if (!self.$el.find(".oe_justgage_edit").size()) {
-                    $div = $('<div class="oe_justgage_edit" style="z-index:1"/>');
-                    $div.css(css);
-                    $input = $('<input/>').val(value);
-                    $input.css({
-                        'text-align': 'center',
-                        'margin': 'auto',
-                        'width': ($svg.outerWidth()-40) + 'px'
-                    });
-                    $div.append($input);
-                    self.$el.prepend($div)
-                    $input.focus()
-                        .keydown(function (event) {
-                            event.stopPropagation();
-                            if (event.keyCode == 13 || event.keyCode == 9) {
-                                if ($input.val() != value) {
-                                    parent.view.dataset.call(self.options.action_change, [parent.id, $input.val()]).then(function () {
-                                        parent.do_reload();
-                                    });
-                                } else {
-                                    $div.remove();
-                                }
-                            }
-                        })
-                        .click(function (event) {
-                            event.stopPropagation();
-                            flag_open = false;
-                        })
-                        .blur(function (event) {
-                            if(!flag_open) {
-                                self.$el.find(".oe_justgage_edit").remove();
-                            } else {
-                                flag_open = false;
-                                setTimeout(function () {$input.focus();}, 0);
-                            }
-                        });
-                }
-            }).mousedown(function () {
-                flag_open = true;
-            });
-
-            if (!+value) {
-                $svg.fadeTo(0, 0.3);
-                $div = $('<div/>').text(_t("Click to change value"));
-                $div.css(css);
-                this.$el.append($div);
-            }
-        }
-    },
-});
-
-instance.web_kanban.fields_registry.add("gauge", "instance.web_kanban.GaugeWidget");
-
 };
 
 // vim:et fdc=0 fdl=0 foldnestmax=3 fdm=syntax: