web/web_pivot_computed_measure/static/src/js/pivot_controller.js

/* Copyright 2020 Tecnativa - Alexandre Díaz
 * License AGPL-3.0 or later (http://www.gnu.org/licenses/agpl.html) */

odoo.define("web_pivot_computed_measure.PivotController", function(require) {
    "use strict";

    var core = require("web.core");
    var config = require("web.config");
    var PivotController = require("web.PivotController");

    var QWeb = core.qweb;

    PivotController.include({
        custom_events: _.extend({}, PivotController.prototype.custom_events, {
            add_measure: "_onAddMeasure",
            remove_measure: "_onRemoveMeasure",
        }),

        computed_measures_open: false,

        /**
         * Add the computed measures to the context. This
         * will be used when save a filter.
         *
         * @override
         */
        getContext: function() {
            var res = this._super.apply(this, arguments);
            var state = this.model.get();
            res.pivot_computed_measures = state.computed_measures;
            return res;
        },

        /**
         * @override
         */
        renderButtons: function($node) {
            this._super.apply(this, arguments);
            if ($node) {
                this._renderComputedMeasures();
            }
        },

        /**
         * Handle click event on measures menu to support computed measures sub-menu
         *
         * @override
         */
        _onButtonClick: function(event) {
            var $target = $(event.target);
            if ($target.parents("div[data-id='__computed__']").length) {
                var hideMenu = false;
                event.preventDefault();

                if (
                    $target.hasClass("dropdown-item") ||
                    $target.hasClass("o_submenu_switcher")
                ) {
                    this.computed_measures_open = !this.computed_measures_open;
                    this._renderComputedMeasures();
                } else if ($target.hasClass("o_add_computed_measure")) {
                    hideMenu = true;
                    var field1 = this.$buttons_measures_ex
                        .find("#computed_measure_field_1")
                        .val();
                    var field2 = this.$buttons_measures_ex
                        .find("#computed_measure_field_2")
                        .val();
                    var oper = this.$buttons_measures_ex
                        .find("#computed_measure_operation")
                        .val();
                    if (oper === "custom") {
                        oper = this.$buttons_measures_ex
                            .find("#computed_measure_operation_custom")
                            .val();
                    }
                    var name = this.$buttons_measures_ex
                        .find("#computed_measure_name")
                        .val();
                    var format = this.$buttons_measures_ex
                        .find("#computed_measure_format")
                        .val();
                    var uniqueId = new Date().getTime();
                    this.model
                        .createComputedMeasure(
                            uniqueId,
                            field1,
                            field2,
                            oper,
                            name,
                            format
                        )
                        .then(this.update.bind(this, {}, {reload: false}));
                }

                if (!hideMenu) {
                    event.stopPropagation();
                }

                return;
            }

            this._super.apply(this, arguments);
        },

        /**
         * Render computed measures menu
         */
        _renderComputedMeasures: function() {
            if (this.$buttons_measures_ex && this.$buttons_measures_ex.length) {
                this.$buttons_measures_ex.remove();
            }
            var self = this;
            var measures = _.sortBy(_.pairs(_.omit(this.measures, "__count")), function(
                x
            ) {
                return x[1].string.toLowerCase();
            });
            this.$buttons_measures_ex = $(
                QWeb.render("web_pivot_computed_measure.ExtendedMenu", {
                    isOpen: this.computed_measures_open,
                    debug: config.debug,
                    measures: measures,
                    computed_measures: _.map(
                        _.reject(measures, function(item) {
                            return !item[1].__computed_id;
                        }),
                        function(item) {
                            item[1].active = _.contains(
                                self.model.data.measures,
                                item[0]
                            );
                            return item;
                        }
                    ),
                })
            );
            this.$buttons_measures_ex
                .find("#computed_measure_operation")
                .on("change", this._onChangeComputedMeasureOperation.bind(this));
            this.$buttons
                .find(".o_pivot_measures_list")
                .append(this.$buttons_measures_ex);
        },

        /**
         * Custom event to add a new measure
         *
         * @param {CustomEvent} ev
         */
        _onAddMeasure: function(ev) {
            this.measures[ev.data.id] = ev.data.def;
            this._renderComputedMeasures();
        },

        /**
         * Custom event to remove a measure
         *
         * @param {CustomEvent} ev
         */
        _onRemoveMeasure: function(ev) {
            delete this.measures[ev.data.id];
            this._renderComputedMeasures();
        },

        /**
         * Set default values related with the selected operation
         *
         * @param {ChangeEvent} ev
         */
        _onChangeComputedMeasureOperation: function(ev) {
            var $option = $(ev.target.options[ev.target.selectedIndex]);
            if ($(ev.target).val() === "custom") {
                this.$buttons_measures_ex
                    .find("#container_computed_measure_operation_custom")
                    .removeClass("d-none");
            } else {
                var format = $option.data("format");
                if (format) {
                    this.$buttons_measures_ex
                        .find("#computed_measure_format")
                        .val(format);
                }
                this.$buttons_measures_ex
                    .find("#container_computed_measure_operation_custom")
                    .addClass("d-none");
            }
        },
    });
});