server-tools/base_custom_info/static/src/js/custom_info_renderer.js

odoo.define('base_custom_info.CustomInfoRenderer', function (require) {
    "use strict";

    var BasicRenderer = require('web.BasicRenderer');
    var field_registry = require('web.field_registry');
    var core = require('web.core');
    var qweb = core.qweb;

    var CustomInfoRenderer = BasicRenderer.extend({
        init: function (parent, state, params) {
            params = _.defaults({}, params, {
                viewType: "custom_info",
            });
            this._super(parent, state, params);
            if (
                parent !== undefined &&
                parent.mode === 'edit' &&
                params.mode === undefined
            ) {
                this.mode = 'edit';
            }
            this.recordWidgets = [];
        },
        _getWidgetOptions: function (data) {
            var mode = this.mode;
            if (data.data.readonly) {
                mode = "readonly";
            }
            var options = {
                attrs: {
                    options: {},
                    modifiers: {},
                },
                mode: mode,
                viewType: this.viewType,
            };
            if (data.data.required) {
                options.attrs.modifiers.required = true;
            }
            if (data.data.widget === 'many2one') {
                options.attrs.options.no_create_edit = true
                options.attrs.options.no_open = true
            }
            return options;
        },
        _renderView: function () {
            var self = this;
            var $table = $(qweb.render('base_custom_info.table'));
            var $body = $table.find('tbody');
            this.$el.empty();
            this.recordWidgets = [];
            $table.appendTo(this.$el);
            var fieldInfo = {};
            _.each(this.state.data, function (data) {
                var element = $(qweb.render(
                    'base_custom_info.item',
                    {
                        widget: self,
                        data: data,
                    },
                ));
                var Widget = field_registry.get(data.data.widget);
                if (Widget !== undefined) {
                    self._renderCustomInfoWidget(Widget, element, data)
                }
                element.appendTo($body);
            });
            return this._super();
        },
        _renderCustomInfoWidget: function(Widget, element, data) {
            var options = this._getWidgetOptions(data);
            var widget = new Widget(
                this, "value_" + data.data.field_type, data, options);
            this.recordWidgets.push(widget);
            this._registerModifiers(widget, data, element, _.pick(options, 'mode'));
            var node = element.find(".result_data");
            widget.appendTo(node);
        },
        _onNavigationMove: function (ev) {
            var currentIndex;
            if (ev.data.direction === "next") {
                currentIndex = this.recordWidgets.indexOf(ev.data.target || ev.target);
                if ( (currentIndex + 1) >= (this.recordWidgets || []).length) {
                    return;
                }
                ev.stopPropagation();
                this._activateNextCustomInfoWidget(currentIndex);
            } else if (ev.data.direction === "previous") {
                currentIndex = this.recordWidgets.indexOf(ev.data.target);
                if ( currentIndex <= 0) {
                    return;
                }
                ev.stopPropagation();
                this._activatePreviousCustomInfoWidget(currentIndex);
            }
        },
        _activateNextCustomInfoWidget: function (currentIndex) {
            currentIndex = (currentIndex + 1) % (this.recordWidgets || []).length;
            var activatedIndex =  this._activateCustomInfoWidget(currentIndex, {inc: 1});
            if (activatedIndex === -1 ) { // no widget have been activated, we should go to the edit/save buttons
                this.trigger_up('focus_control_button');
                this.lastActivatedFieldIndex = -1;
            }
            else {
                this.lastActivatedFieldIndex = activatedIndex;
            }
            return this.lastActivatedFieldIndex;
        },
        _activatePreviousCustomInfoWidget: function (currentIndex) {
            currentIndex = currentIndex ? (currentIndex - 1) : ((this.recordWidgets || []).length - 1);
            return this._activateCustomInfoWidget(currentIndex, {inc:-1});
        },
        _activateCustomInfoWidget: function (currentIndex, options) {
            options = options || {};
            _.defaults(options, {inc: 1, wrap: false});
            currentIndex = Math.max(0,currentIndex); // do not allow negative currentIndex

            for (var i = 0 ; i < this.recordWidgets.length ; i++) {
                var activated = this.recordWidgets[currentIndex].activate(
                    {
                        event: options.event,
                        noAutomaticCreate: options.noAutomaticCreate || false
                    });
                if (activated) {
                    return currentIndex;
                }

                currentIndex += options.inc;
                if (currentIndex >= this.recordWidgets.length) {
                    if (options.wrap) {
                        currentIndex -= this.recordWidgets.length;
                    } else {
                        return -1;
                    }
                } else if (currentIndex < 0) {
                    if (options.wrap) {
                        currentIndex += this.recordWidgets.length;
                    } else {
                        return -1;
                    }
                }
            }
            return -1;
        },
    });

    return CustomInfoRenderer;
});