odoo/addons/base/static/src/js/tree.js

openerp.base.tree = function(openerp) {
openerp.base.views.add('tree', 'openerp.base.TreeView');

/**
 * Genuine tree view (the one displayed as a tree, not the list)
 */
openerp.base.TreeView = openerp.base.View.extend({
    /**
     * Indicates that this view is not searchable, and thus that no search
     * view should be displayed (if there is one active).
     */
    searchable : false,

    init: function(view_manager, session, element_id, dataset, view_id, options) {
        this._super(session, element_id);
        this.view_manager = view_manager || new openerp.base.NullViewManager();
        this.dataset = dataset;
        this.model = dataset.model;
        this.view_id = view_id;
        this.session = session;

        this.records = {};

        this.options = _.extend({}, this.defaults, options || {});

        this.flags =  this.view_manager.action.flags;

        this.view_manager.flags.search_view = this.view_manager.action.flags.search_view = false;
        this.view_manager.flags.sidebar = this.view_manager.action.flags.sidebar = false;

        this.actionmanager = new openerp.base.ActionManager(this.session, this.element_id);
        this.actionmanager.start();
    },

    start: function () {
        this._super();
        return this.rpc("/base/treeview/load", {
            model: this.model,
            view_id: this.view_id,
            toolbar: this.view_manager ? !!this.view_manager.sidebar : false
        }, this.on_loaded);
    },
    /**
     * Returns the list of fields needed to correctly read objects.
     *
     * Gathers the names of all fields in fields_view_get, and adds the
     * field_parent (children_field in the tree view) if it's not already one
     * of the fields to fetch
     *
     * @returns {Array} an array of fields which can be provided to DataSet.read_slice and others
     */
    fields_list: function () {
        var fields = _.keys(this.fields);
        if (!_(fields).contains(this.children_field)) {
            fields.push(this.children_field);
        }
        return fields;
    },
    on_loaded: function (fields_view) {
        var self = this;
        // field name in OpenERP is kinda stupid: this is the field holding
        // the ids to the children of the current node
        this.children_field = fields_view['field_parent'];
        this.fields_view = fields_view;
        _(this.fields_view.arch.children).each(function (field) {
            if (field.attrs.modifiers) {
                field.attrs.modifiers = JSON.parse(field.attrs.modifiers);
            }
        });
        this.fields = fields_view.fields;

        this.dataset.read_slice(this.fields_list(), 0, false, function (records) {
            self.$element.html(QWeb.render('TreeView', {
                'title': self.fields_view.arch.attrs.string
            }));
            var $select = self.$element.find('select')
                .change(function () {
                    var $option = $(this).find(':selected');
                    self.getdata($option.val(), $option.data('children'));
                });
            _(records).each(function (record) {
                self.records[record.id] = record;
                $('<option>')
                        .val(record.id)
                        .text(record.name)
                        .data('children', record[self.children_field])
                    .appendTo($select);
            });

            $select.change();
        });
        this.hook_row_click();
    },
    /**
     * Sets up opening a row
     */
    hook_row_click: function () {
        var self = this;
        this.$element.delegate('.treeview-tr img', 'click', function () {
            var is_loaded = false,
                $this = $(this),
                record_id = $this.data('id'),
                record = self.records[record_id],
                children_ids = record[self.children_field];

            _(children_ids).each(function(childid) {
                if ($('tr #treerow_' + childid).length) {
                    if ($('tr #treerow_' + childid).is(':hidden')) {
                        is_loaded = -1;
                    } else {
                        is_loaded++;
                    }
                }
            });
            if (is_loaded == 0) {
                if ($this.attr('src') == '/base/static/src/img/expand.gif') {
                    self.getdata(record_id, children_ids, true);
                }
            } else {
                self.showcontent(record_id, is_loaded < 0);
            }
        });
    },
    // get child data of selected value
    getdata: function (id, children_ids, flag) {
        var self = this;

        self.dataset.read_ids(children_ids, this.fields_list(), function (records) {
            _(records).each(function (record) {
                self.records[record.id] = record;
            });

            var is_padding, row_id;
            var curr_node = $('tr #treerow_' + id);

            if (curr_node.length == 1) {
                curr_node.find('td:first').children(':first-child').attr('src','/base/static/src/img/collapse.gif');
                curr_node.after(QWeb.render('TreeView.rows', {
                    'records': records,
                    'children_field': self.children_field,
                    'fields_view' : self.fields_view.arch.children,
                    'field' : self.fields
                }));


                for (var i = 0; i < records.length; i++) {
                    row_id = $('tr #treerow_' + records[i].id);

                    if (row_id && row_id.find('td:first').children(':first-child').attr('id') == 'parentimg_' + records[i].id) {
                        row_id.find('td:first').append('<span>'+row_id.find('td:eq(1)').text()+'</span>');
                        row_id.find('td:eq(1)').remove();
                        is_padding = true;
                    }
                }

                var padding = curr_node.find('td').css('paddingLeft');
                var padd = parseInt(padding.replace('px',''), 10);
                var fixpadding;

                for (var i = 0; i < records.length; i++) {
                    row_id = $('tr #treerow_' + records[i].id);
                    if (row_id) {
                        if (!is_padding) {
                            fixpadding = padd + 40;
                            row_id.find('td:first').css('paddingLeft', fixpadding);
                        } else {
                            if (padd == 1) {
                                fixpadding = padd + 17;
                            } else {
                                fixpadding = padd + 20;
                            }
                            var curr_node_elem = row_id.find('td:first');
                            curr_node_elem.children(':first-child').addClass("parent_top");
                            if (curr_node_elem.children(':first-child').attr('id') == "parentimg_" + records[i].id) {
                                curr_node_elem.css('paddingLeft', fixpadding );
                            } else {
                                curr_node_elem.css('paddingLeft', (fixpadding + 20));
                            }
                        }
                    }
                }
            } else {
                if (!flag) {
                    self.$element.find('table').remove();
                }
                self.$element.append(QWeb.render('TreeView.architecture', {
                    'records': records,
                    'children_field': self.children_field,
                    'fields_view': self.fields_view.arch.children,
                    'fields': self.fields
                }));

                self.$element.find('tr[id ^= treerow_]').each( function() {
                    if ($(this).find('td:first').children(':first-child').attr('id')) {
                        $(this).find('td:first').append('<span>' + $(this).find('td:eq(1)').text() + '</span>');
                        $(this).find('td:eq(1)').remove();
                    }
                    $(this).find('td').children(':first-child').addClass("parent_top");
                    if (!($(this).find('td').children(':first-child').attr('id'))) {
                        $(this).find('td:first').css('paddingLeft', '20px');
                    }
                });
            }

            self.$element.find('tr[id ^= treerow_]').find('td').children(':last-child').click( function(e) {
                row_id = $(this).parent().parent().attr('id');
                var record_id = row_id.split('_')[1];
                self.showrecord(record_id, self.model);
                e.stopImmediatePropagation();
            });
        });
    },

    // Get details in listview
    showrecord: function(id, model){
        var self = this;
        self.dataset.model = 'product.product';
        self.dataset.domain = [['categ_id', 'child_of', parseInt(id, 10)]];
        var modes = !!modes ? modes.split(",") : ["tree", "form"];
        var views = [];
        _.each(modes, function(mode) {
            var view = [false, mode == "tree" ? "list" : mode];
            if (self.fields.views && self.fields.views[mode]) {
                view.push(self.fields.views[mode]);
            }
            views.push(view);
        });
        this.actionmanager.do_action({
            "res_model" : self.dataset.model,
            "domain" : self.dataset.domain,
            "views" : views,
            "type" : "ir.actions.act_window",
            "auto_search" : true,
            "view_mode" : "list",
            "flags": {
                search_view: true,
                sidebar : true,
                views_switcher : true,
                action_buttons : true,
                pager: true,
                new_window : true
            }
        });

        self.dataset.model = model;
    },

    // show & hide the contents
    showcontent: function (record_id, show) {
        this.$element.find('#parentimg_' + record_id)
            .attr('src', show ? '/base/static/src/img/collapse.gif' : '/base/static/src/img/expand.gif');

        _(this.records[record_id][this.children_field]).each(function (child_id) {
            if (this.$element.find('img#parentimg_' + child_id).length) {
                this.showcontent(child_id, false);
            }

            this.$element.find('#treerow_' + child_id).toggle(show);
        }, this);
    },

    do_show: function () {
        this.$element.show();
        this.view_manager.sidebar.do_refresh(true);
    },

    do_hide: function () {
        this.$element.hide();
        this.hidden = true;
    }
});
};