208 lines
7.1 KiB
JavaScript
208 lines
7.1 KiB
JavaScript
/*---------------------------------------------------------
|
|
* OpenERP web library
|
|
*---------------------------------------------------------*/
|
|
|
|
openerp.web.view_tree = function(openerp) {
|
|
|
|
openerp.web.views.add('tree', 'openerp.web.TreeView');
|
|
/**
|
|
* Genuine tree view (the one displayed as a tree, not the list)
|
|
*/
|
|
openerp.web.TreeView = openerp.web.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(parent, element_id, dataset, view_id, options) {
|
|
this._super(parent, element_id);
|
|
this.dataset = dataset;
|
|
this.model = dataset.model;
|
|
this.view_id = view_id;
|
|
|
|
this.records = {};
|
|
|
|
this.options = _.extend({}, this.defaults, options || {});
|
|
},
|
|
|
|
start: function () {
|
|
this._super();
|
|
return this.rpc("/web/treeview/load", {
|
|
model: this.model,
|
|
view_id: this.view_id,
|
|
view_type: "tree",
|
|
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;
|
|
var has_toolbar = !!fields_view.arch.attrs.toolbar;
|
|
// field name in OpenERP is kinda stupid: this is the name of the field
|
|
// holding the ids to the children of the current node, why call it
|
|
// field_parent?
|
|
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.hook_row_click();
|
|
this.$element.html(QWeb.render('TreeView', {
|
|
'title': this.fields_view.arch.attrs.string,
|
|
'fields_view': this.fields_view.arch.children,
|
|
'fields': this.fields,
|
|
'toolbar': has_toolbar
|
|
}));
|
|
|
|
this.dataset.read_slice(this.fields_list(), {}, function (records) {
|
|
if (!has_toolbar) {
|
|
// WARNING: will do a second read on the same ids, but only on
|
|
// first load so not very important
|
|
self.getdata(null, _(records).pluck('id'));
|
|
return;
|
|
}
|
|
|
|
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);
|
|
});
|
|
|
|
if (!_.isEmpty(records)) {
|
|
$select.change();
|
|
}
|
|
});
|
|
},
|
|
/**
|
|
* Sets up opening a row
|
|
*/
|
|
hook_row_click: function () {
|
|
var self = this;
|
|
this.$element.delegate('.treeview-td span, .treeview-tr span', 'click', function (e) {
|
|
e.stopImmediatePropagation();
|
|
self.activate($(this).closest('tr').data('id'));
|
|
});
|
|
|
|
this.$element.delegate('.treeview-tr', 'click', function () {
|
|
var is_loaded = 0,
|
|
$this = $(this),
|
|
record_id = $this.data('id'),
|
|
record = self.records[record_id],
|
|
children_ids = record[self.children_field];
|
|
|
|
_(children_ids).each(function(childid) {
|
|
if (self.$element.find('#treerow_' + childid).length) {
|
|
if (self.$element.find('#treerow_' + childid).is(':hidden')) {
|
|
is_loaded = -1;
|
|
} else {
|
|
is_loaded++;
|
|
}
|
|
}
|
|
});
|
|
if (is_loaded === 0) {
|
|
if (!$this.parent().hasClass('oe-open')) {
|
|
self.getdata(record_id, children_ids);
|
|
}
|
|
} else {
|
|
self.showcontent(record_id, is_loaded < 0);
|
|
}
|
|
});
|
|
},
|
|
// get child data of selected value
|
|
getdata: function (id, children_ids) {
|
|
var self = this;
|
|
|
|
self.dataset.read_ids(children_ids, this.fields_list(), function (records) {
|
|
_(records).each(function (record) {
|
|
self.records[record.id] = record;
|
|
});
|
|
|
|
var $curr_node = self.$element.find('#treerow_' + id);
|
|
var children_rows = QWeb.render('TreeView.rows', {
|
|
'records': records,
|
|
'children_field': self.children_field,
|
|
'fields_view': self.fields_view.arch.children,
|
|
'fields': self.fields,
|
|
'level': $curr_node.data('level') || 0,
|
|
'render': openerp.web.format_value
|
|
});
|
|
|
|
if ($curr_node.length) {
|
|
$curr_node.addClass('oe-open');
|
|
$curr_node.after(children_rows);
|
|
} else {
|
|
self.$element.find('tbody').html(children_rows);
|
|
}
|
|
});
|
|
},
|
|
|
|
// Get details in listview
|
|
activate: function(id) {
|
|
var self = this;
|
|
this.rpc('/web/treeview/action', {
|
|
id: id,
|
|
model: this.dataset.model,
|
|
context: new openerp.web.CompoundContext(
|
|
this.dataset.get_context(), {
|
|
active_model: this.dataset.model,
|
|
active_id: id,
|
|
active_ids: [id]})
|
|
}, function (actions) {
|
|
if (!actions.length) { return; }
|
|
var action = actions[0][2];
|
|
self.do_action(action);
|
|
});
|
|
},
|
|
|
|
// show & hide the contents
|
|
showcontent: function (record_id, show) {
|
|
this.$element.find('#treerow_' + record_id)
|
|
.toggleClass('oe-open', show);
|
|
|
|
_(this.records[record_id][this.children_field]).each(function (child_id) {
|
|
var $child_row = this.$element.find('#treerow_' + child_id);
|
|
if ($child_row.hasClass('oe-open')) {
|
|
this.showcontent(child_id, false);
|
|
}
|
|
$child_row.toggle(show);
|
|
}, this);
|
|
},
|
|
|
|
do_show: function () {
|
|
this.$element.show();
|
|
},
|
|
|
|
do_hide: function () {
|
|
this.$element.hide();
|
|
this.hidden = true;
|
|
}
|
|
});
|
|
};
|