openerp.web.form = function (openerp) { var _t = openerp.web._t; var QWeb = openerp.web.qweb; openerp.web.views.add('form', 'openerp.web.FormView'); openerp.web.FormView = openerp.web.View.extend( /** @lends openerp.web.FormView# */{ /** * Indicates that this view is not searchable, and thus that no search * view should be displayed (if there is one active). */ searchable: false, readonly : false, form_template: "FormView", identifier_prefix: 'formview-', /** * @constructs openerp.web.FormView * @extends openerp.web.View * * @param {openerp.web.Session} session the current openerp session * @param {openerp.web.DataSet} dataset the dataset this view will work with * @param {String} view_id the identifier of the OpenERP view object * * @property {openerp.web.Registry} registry=openerp.web.form.widgets widgets registry for this form view instance */ init: function(parent, dataset, view_id, options) { this._super(parent); this.set_default_options(options); this.dataset = dataset; this.model = dataset.model; this.view_id = view_id || false; this.fields_view = {}; this.widgets = {}; this.widgets_counter = 0; this.fields = {}; this.datarecord = {}; this.show_invalid = true; this.default_focus_field = null; this.default_focus_button = null; this.registry = this.readonly ? openerp.web.form.readonly : openerp.web.form.widgets; this.has_been_loaded = $.Deferred(); this.$form_header = null; this.translatable_fields = []; _.defaults(this.options, {"always_show_new_button": true, "not_interactible_on_create": false}); this.mutating_lock = $.Deferred(); this.initial_mutating_lock = this.mutating_lock; this.on_change_lock = $.Deferred().resolve(); this.reload_lock = $.Deferred().resolve(); }, start: function() { this._super(); return this.init_view(); }, init_view: function() { if (this.embedded_view) { var def = $.Deferred().then(this.on_loaded); var self = this; setTimeout(function() {def.resolve(self.embedded_view);}, 0); return def.promise(); } else { var context = new openerp.web.CompoundContext(this.dataset.get_context()); return this.rpc("/web/view/load", { "model": this.model, "view_id": this.view_id, "view_type": "form", toolbar: this.options.sidebar, context: context }, this.on_loaded); } }, stop: function() { if (this.sidebar) { this.sidebar.attachments.stop(); this.sidebar.stop(); } _.each(this.widgets, function(w) { w.stop(); }); this._super(); }, reposition: function ($e) { this.$element = $e; this.on_loaded(); }, on_loaded: function(data) { var self = this; if (data) { this.fields_view = data; var frame = new (this.registry.get_object('frame'))(this, this.fields_view.arch); this.rendered = QWeb.render(this.form_template, { 'frame': frame, 'widget': this }); } this.$element.html(this.rendered); _.each(this.widgets, function(w) { w.start(); }); this.$form_header = this.$element.find('.oe_form_header:first'); this.$form_header.find('div.oe_form_pager button[data-pager-action]').click(function() { var action = $(this).data('pager-action'); self.on_pager_action(action); }); this.$form_header.find('button.oe_form_button_save').click(this.on_button_save); this.$form_header.find('button.oe_form_button_new').click(this.on_button_new); this.$form_header.find('button.oe_form_button_duplicate').click(this.on_button_duplicate); this.$form_header.find('button.oe_form_button_delete').click(this.on_button_delete); this.$form_header.find('button.oe_form_button_toggle').click(this.on_toggle_readonly); if (this.options.sidebar && this.options.sidebar_id) { this.sidebar = new openerp.web.Sidebar(this, this.options.sidebar_id); this.sidebar.start(); this.sidebar.do_unfold(); this.sidebar.attachments = new openerp.web.form.SidebarAttachments(this.sidebar, this); this.sidebar.add_toolbar(this.fields_view.toolbar); this.set_common_sidebar_sections(this.sidebar); } this.has_been_loaded.resolve(); }, on_toggle_readonly: function() { var self = this; self.translatable_fields = []; self.widgets = {}; self.fields = {}; self.$form_header.find('button').unbind('click'); self.readonly = !self.readonly; self.registry = self.readonly ? openerp.web.form.readonly : openerp.web.form.widgets; self.on_loaded(self.fields_view); return self.reload(); }, do_set_readonly: function() { return this.readonly ? $.Deferred().resolve() : this.on_toggle_readonly(); }, do_set_editable: function() { return !this.readonly ? $.Deferred().resolve() : this.on_toggle_readonly(); }, do_show: function () { var promise; if (this.dataset.index === null) { // null index means we should start a new record promise = this.on_button_new(); } else { promise = this.dataset.read_index(_.keys(this.fields_view.fields)).pipe(this.on_record_loaded); } this.$element.show(); if (this.sidebar) { this.sidebar.$element.show(); } return promise; }, do_hide: function () { this.$element.hide(); if (this.sidebar) { this.sidebar.$element.hide(); } }, on_record_loaded: function(record) { var self = this, deferred_stack = $.Deferred.queue(); if (!record) { throw("Form: No record received"); } if (!record.id) { this.$form_header.find('.oe_form_on_create').show(); this.$form_header.find('.oe_form_on_update').hide(); if (!this.options["always_show_new_button"]) { this.$form_header.find('button.oe_form_button_new').hide(); } } else { this.$form_header.find('.oe_form_on_create').hide(); this.$form_header.find('.oe_form_on_update').show(); this.$form_header.find('button.oe_form_button_new').show(); } this.$form_header.find('.oe_form_on_readonly').toggle(this.readonly); this.$form_header.find('.oe_form_on_editable').toggle(!this.readonly); this.datarecord = record; _(this.fields).each(function (field, f) { field.dirty = false; var result = field.set_value(self.datarecord[f] || false); if (result && _.isFunction(result.promise)) { deferred_stack.push(result); } $.when(result).then(function() { field.validate(); }); }); deferred_stack.push('force resolution if no fields'); return deferred_stack.then(function() { if (!record.id) { // New record: Second pass in order to trigger the onchanges self.show_invalid = false; for (var f in record) { var field = self.fields[f]; if (field) { field.dirty = true; self.do_onchange(field); } } } self.on_form_changed(); self.initial_mutating_lock.resolve(); self.show_invalid = true; self.do_update_pager(record.id == null); if (self.sidebar) { self.sidebar.attachments.do_update(); } if (self.default_focus_field && !self.embedded_view) { self.default_focus_field.focus(); } }); }, on_form_changed: function() { for (var w in this.widgets) { w = this.widgets[w]; w.process_modifiers(); w.update_dom(); } }, on_pager_action: function(action) { if (this.can_be_discarded()) { switch (action) { case 'first': this.dataset.index = 0; break; case 'previous': this.dataset.previous(); break; case 'next': this.dataset.next(); break; case 'last': this.dataset.index = this.dataset.ids.length - 1; break; } this.reload(); } }, do_update_pager: function(hide_index) { var $pager = this.$form_header.find('div.oe_form_pager'); var index = hide_index ? '-' : this.dataset.index + 1; $pager.find('span.oe_pager_index').html(index); $pager.find('span.oe_pager_count').html(this.dataset.ids.length); }, parse_on_change: function (on_change, widget) { var self = this; var onchange = _.str.trim(on_change); var call = onchange.match(/^\s?(.*?)\((.*?)\)\s?$/); if (!call) { return null; } var method = call[1], args = [], context_index = null; if (!_.str.trim(call[2])) { return {method: method, args: args, context_index: context_index} } var argument_replacement = { 'False': function () {return false;}, 'True': function () {return true;}, 'None': function () {return null;}, 'context': function (i) { context_index = i; var ctx = widget.build_context ? widget.build_context() : {}; return ctx; } }; var parent_fields = null; _.each(call[2].split(','), function (a, i) { var field = _.str.trim(a); if (field in argument_replacement) { args.push(argument_replacement[field](i)); return; } else if (self.fields[field]) { var value = self.fields[field].get_on_change_value(); args.push(value == null ? false : value); return; } else { var splitted = field.split('.'); if (splitted.length > 1 && _.str.trim(splitted[0]) === "parent" && self.dataset.parent_view) { if (parent_fields === null) { parent_fields = self.dataset.parent_view.get_fields_values(); } var p_val = parent_fields[_.str.trim(splitted[1])]; if (p_val !== undefined) { args.push(p_val == null ? false : p_val); return; } } } throw new Error("Could not get field with name '" + field + "' for onchange '" + onchange + "'"); }); return { method: method, args: args, context_index: context_index }; }, do_onchange: function(widget, processed) { var self = this; var act = function() { try { processed = processed || []; var on_change = widget.node.attrs.on_change; if (on_change) { var change_spec = self.parse_on_change(on_change, widget); if (change_spec) { var ajax = { url: '/web/dataset/call', async: false }; return self.rpc(ajax, { model: self.dataset.model, method: change_spec.method, args: [(self.datarecord.id == null ? [] : [self.datarecord.id])].concat(change_spec.args), context_id: change_spec.context_index == undefined ? null : change_spec.context_index + 1 }).pipe(function(response) { return self.on_processed_onchange(response, processed); }); } else { console.warn("Wrong on_change format", on_change); } } } catch(e) { console.error(e); return $.Deferred().reject(); } }; this.on_change_lock = this.on_change_lock.pipe(act, act); return this.on_change_lock; }, on_processed_onchange: function(response, processed) { try { var result = response; if (result.value) { for (var f in result.value) { var field = this.fields[f]; // If field is not defined in the view, just ignore it if (field) { var value = result.value[f]; processed.push(field.name); if (field.get_value() != value) { field.set_value(value); field.dirty = true; if (_.indexOf(processed, field.name) < 0) { this.do_onchange(field, processed); } } } } this.on_form_changed(); } if (!_.isEmpty(result.warning)) { $(QWeb.render("DialogWarning", result.warning)).dialog({ modal: true, buttons: { Ok: function() { $(this).dialog("close"); } } }); } if (result.domain) { // TODO: } return $.Deferred().resolve(); } catch(e) { console.error(e); return $.Deferred().reject(); } }, on_button_save: function() { return this.do_save().then(this.do_set_readonly); }, on_button_new: function() { var self = this; var def = $.Deferred(); $.when(this.has_been_loaded).then(function() { if (self.can_be_discarded()) { var keys = _.keys(self.fields_view.fields); $.when(self.do_set_editable()).then(function() { if (keys.length) { self.dataset.default_get(keys).pipe(self.on_record_loaded).then(function() { def.resolve(); }); } else { self.on_record_loaded({}).then(function() { def.resolve(); }); } }); } }); return def.promise(); }, on_button_duplicate: function() { var self = this; var def = $.Deferred(); $.when(this.has_been_loaded).then(function() { if (self.can_be_discarded()) { self.dataset.call('copy', [self.datarecord.id, {}, self.dataset.context]).then(function(new_id) { return self.on_created({ result : new_id }); }).then(self.do_set_editable).then(function() { def.resolve(); }); } }); return def.promise(); }, on_button_delete: function() { var self = this; var def = $.Deferred(); $.when(this.has_been_loaded).then(function() { if (self.can_be_discarded() && self.datarecord.id) { if (confirm(_t("Do you really want to delete this record?"))) { self.dataset.unlink([self.datarecord.id]).then(function() { self.on_pager_action('next'); def.resolve(); }); } else { setTimeout(function () { def.reject(); }, 0) } } }); return def.promise(); }, can_be_discarded: function() { return !this.is_dirty() || confirm(_t("Warning, the record has been modified, your changes will be discarded.")); }, /** * Triggers saving the form's record. Chooses between creating a new * record or saving an existing one depending on whether the record * already has an id property. * * @param {Function} success callback on save success * @param {Boolean} [prepend_on_create=false] if ``do_save`` creates a new record, should that record be inserted at the start of the dataset (by default, records are added at the end) */ do_save: function(success, prepend_on_create) { var self = this; var action = function() { try { if (!self.initial_mutating_lock.isResolved() && !self.initial_mutating_lock.isRejected()) return; var form_invalid = false, values = {}, first_invalid_field = null; for (var f in self.fields) { f = self.fields[f]; if (!f.is_valid()) { form_invalid = true; f.update_dom(); if (!first_invalid_field) { first_invalid_field = f; } } else if (f.is_dirty()) { values[f.name] = f.get_value(); } } if (form_invalid) { first_invalid_field.focus(); self.on_invalid(); return $.Deferred().reject(); } else { if (!self.datarecord.id) { openerp.log("FormView(", self, ") : About to create", values); return self.dataset.create(values).pipe(function(r) { return self.on_created(r, undefined, prepend_on_create); }).then(success); } else if (_.isEmpty(values)) { openerp.log("FormView(", self, ") : Nothing to save"); if (success) { success(); } } else { openerp.log("FormView(", self, ") : About to save", values); return self.dataset.write(self.datarecord.id, values, {}).pipe(function(r) { return self.on_saved(r); }).then(success); } } } catch (e) { console.error(e); return $.Deferred().reject(); } }; this.mutating_lock = this.mutating_lock.pipe(action, action); return this.mutating_lock; }, on_invalid: function() { var msg = ""; this.do_warn("The following fields are invalid :", msg); }, on_saved: function(r, success) { if (!r.result) { // should not happen in the server, but may happen for internal purpose return $.Deferred().reject(); } else { return $.when(this.reload()).pipe(function () { return $.when(r).then(success); }, null); } }, /** * Updates the form' dataset to contain the new record: * * * Adds the newly created record to the current dataset (at the end by * default) * * Selects that record (sets the dataset's index to point to the new * record's id). * * Updates the pager and sidebar displays * * @param {Object} r * @param {Function} success callback to execute after having updated the dataset * @param {Boolean} [prepend_on_create=false] adds the newly created record at the beginning of the dataset instead of the end */ on_created: function(r, success, prepend_on_create) { if (!r.result) { // should not happen in the server, but may happen for internal purpose return $.Deferred().reject(); } else { this.datarecord.id = r.result; if (!prepend_on_create) { this.dataset.ids.push(this.datarecord.id); this.dataset.index = this.dataset.ids.length - 1; } else { this.dataset.ids.unshift(this.datarecord.id); this.dataset.index = 0; } this.do_update_pager(); if (this.sidebar) { this.sidebar.attachments.do_update(); } openerp.log("The record has been created with id #" + this.datarecord.id); this.reload(); return $.when(_.extend(r, {created: true})).then(success); } }, on_action: function (action) { console.debug('Executing action', action); }, reload: function() { var self = this; var act = function() { if (self.dataset.index == null || self.dataset.index < 0) { return $.when(self.on_button_new()); } else { return self.dataset.read_index(_.keys(self.fields_view.fields)).pipe(self.on_record_loaded); } }; this.reload_lock = this.reload_lock.pipe(act, act); return this.reload_lock; }, get_fields_values: function() { var values = {}; _.each(this.fields, function(value, key) { var val = value.get_value(); values[key] = val; }); return values; }, get_selected_ids: function() { var id = this.dataset.ids[this.dataset.index]; return id ? [id] : []; }, recursive_save: function() { var self = this; return $.when(this.do_save()).pipe(function(res) { if (self.dataset.parent_view) return self.dataset.parent_view.recursive_save(); }); }, is_dirty: function() { return _.any(this.fields, function (value) { return value.is_dirty(); }); }, is_interactible_record: function() { var id = this.datarecord.id; if (!id) { if (this.options.not_interactible_on_create) return false; } else if (typeof(id) === "string") { if(openerp.web.BufferedDataSet.virtual_id_regex.test(id)) return false; } return true; } }); openerp.web.FormDialog = openerp.web.Dialog.extend({ init: function(parent, options, view_id, dataset) { this._super(parent, options); this.dataset = dataset; this.view_id = view_id; return this; }, start: function() { this._super(); this.form = new openerp.web.FormView(this, this.dataset, this.view_id, { sidebar: false, pager: false }); this.form.appendTo(this.$element); this.form.on_created.add_last(this.on_form_dialog_saved); this.form.on_saved.add_last(this.on_form_dialog_saved); return this; }, select_id: function(id) { if (this.form.dataset.select_id(id)) { return this.form.do_show(); } else { this.do_warn("Could not find id in dataset"); return $.Deferred().reject(); } }, on_form_dialog_saved: function(r) { this.close(); } }); /** @namespace */ openerp.web.form = {}; openerp.web.form.SidebarAttachments = openerp.web.Widget.extend({ init: function(parent, form_view) { var $section = parent.add_section(_t('Attachments'), 'attachments'); this.$div = $('
'); $section.append(this.$div); this._super(parent, $section.attr('id')); this.view = form_view; }, do_update: function() { if (!this.view.datarecord.id) { this.on_attachments_loaded([]); } else { (new openerp.web.DataSetSearch( this, 'ir.attachment', this.view.dataset.get_context(), [ ['res_model', '=', this.view.dataset.model], ['res_id', '=', this.view.datarecord.id], ['type', 'in', ['binary', 'url']] ])).read_slice(['name', 'url', 'type'], {}, this.on_attachments_loaded); } }, on_attachments_loaded: function(attachments) { this.attachments = attachments; this.$div.html(QWeb.render('FormView.sidebar.attachments', this)); this.$element.find('.oe-binary-file').change(this.on_attachment_changed); this.$element.find('.oe-sidebar-attachment-delete').click(this.on_attachment_delete); }, on_attachment_changed: function(e) { window[this.element_id + '_iframe'] = this.do_update; var $e = $(e.target); if ($e.val() != '') { this.$element.find('form.oe-binary-form').submit(); $e.parent().find('input[type=file]').attr('disabled', 'true'); $e.parent().find('button').attr('disabled', 'true').find('img, span').toggle(); } }, on_attachment_delete: function(e) { var self = this, $e = $(e.currentTarget); var name = _.str.trim($e.parent().find('a.oe-sidebar-attachments-link').text()); if (confirm("Do you really want to delete the attachment " + name + " ?")) { this.rpc('/web/dataset/unlink', { model: 'ir.attachment', ids: [parseInt($e.attr('data-id'))] }, function(r) { $e.parent().remove(); self.do_notify("Delete an attachment", "The attachment '" + name + "' has been deleted"); }); } } }); openerp.web.form.compute_domain = function(expr, fields) { var stack = []; for (var i = expr.length - 1; i >= 0; i--) { var ex = expr[i]; if (ex.length == 1) { var top = stack.pop(); switch (ex) { case '|': stack.push(stack.pop() || top); continue; case '&': stack.push(stack.pop() && top); continue; case '!': stack.push(!top); continue; default: throw new Error('Unknown domain operator ' + ex); } } var field = fields[ex[0]]; if (!field) { throw new Error("Domain references unknown field : " + ex[0]); } var field_value = field.get_value ? fields[ex[0]].get_value() : fields[ex[0]].value; var op = ex[1]; var val = ex[2]; switch (op.toLowerCase()) { case '=': case '==': stack.push(field_value == val); break; case '!=': case '<>': stack.push(field_value != val); break; case '<': stack.push(field_value < val); break; case '>': stack.push(field_value > val); break; case '<=': stack.push(field_value <= val); break; case '>=': stack.push(field_value >= val); break; case 'in': stack.push(_(val).contains(field_value)); break; case 'not in': stack.push(!_(val).contains(field_value)); break; default: console.warn("Unsupported operator in modifiers :", op); } } return _.all(stack, _.identity); }; openerp.web.form.Widget = openerp.web.Widget.extend(/** @lends openerp.web.form.Widget# */{ template: 'Widget', identifier_prefix: 'formview-widget-', /** * @constructs openerp.web.form.Widget * @extends openerp.web.Widget * * @param view * @param node */ init: function(view, node) { this.view = view; this.node = node; this.modifiers = JSON.parse(this.node.attrs.modifiers || '{}'); this.always_invisible = (this.modifiers.invisible && this.modifiers.invisible === true); this.type = this.type || node.tag; this.element_name = this.element_name || this.type; this.element_class = [ 'formview', this.view.view_id, this.element_name, this.view.widgets_counter++].join("_"); this._super(view); this.view.widgets[this.element_class] = this; this.children = node.children; this.colspan = parseInt(node.attrs.colspan || 1, 10); this.decrease_max_width = 0; this.string = this.string || node.attrs.string; this.help = this.help || node.attrs.help; this.invisible = this.modifiers['invisible'] === true; this.classname = 'oe_form_' + this.type; this.align = parseFloat(this.node.attrs.align); if (isNaN(this.align) || this.align === 1) { this.align = 'right'; } else if (this.align === 0) { this.align = 'left'; } else { this.align = 'center'; } this.width = this.node.attrs.width; }, start: function() { this.$element = this.view.$element.find( '.' + this.element_class.replace(/[^\r\n\f0-9A-Za-z_-]/g, "\\$&")); }, process_modifiers: function() { var compute_domain = openerp.web.form.compute_domain; for (var a in this.modifiers) { this[a] = compute_domain(this.modifiers[a], this.view.fields); } }, update_dom: function() { this.$element.toggle(!this.invisible); }, render: function() { var template = this.template; return QWeb.render(template, { "widget": this }); }, do_attach_tooltip: function(widget, trigger, options) { widget = widget || this; trigger = trigger || this.$element; options = _.extend({ delay: 1000, maxWidth: openerp.connection.debug ? '300px' : '200px', content: function() { var template = widget.template + '.tooltip'; if (!QWeb.has_template(template)) { template = 'WidgetLabel.tooltip'; } return QWeb.render(template, { debug: openerp.connection.debug, widget: widget }); } }, options || {}); trigger.tipTip(options); }, _build_view_fields_values: function() { var a_dataset = this.view.dataset; var fields_values = this.view.get_fields_values(); var active_id = a_dataset.ids[a_dataset.index]; _.extend(fields_values, { active_id: active_id || false, active_ids: active_id ? [active_id] : [], active_model: a_dataset.model, parent: a_dataset.parent_view ? a_dataset.parent_view.get_fields_values() : {} }); return fields_values; }, _build_eval_context: function() { var a_dataset = this.view.dataset; return new openerp.web.CompoundContext(a_dataset.get_context(), this._build_view_fields_values()); }, /** * Builds a new context usable for operations related to fields by merging * the fields'context with the action's context. */ build_context: function() { var f_context = (this.field || {}).context || {}; if (!!f_context.__ref) { var fields_values = this._build_eval_context(); f_context = new openerp.web.CompoundDomain(f_context).set_eval_context(fields_values); } // maybe the default_get should only be used when we do a default_get? var v_contexts = _.compact([this.node.attrs.default_get || null, this.node.attrs.context || null]); var v_context = new openerp.web.CompoundContext(); _.each(v_contexts, function(x) {v_context.add(x);}); if (_.detect(v_contexts, function(x) {return !!x.__ref;})) { var fields_values = this._build_eval_context(); v_context.set_eval_context(fields_values); } // if there is a context on the node, overrides the model's context var ctx = v_contexts.length > 0 ? v_context : f_context; return ctx; }, build_domain: function() { var f_domain = this.field.domain || []; var n_domain = this.node.attrs.domain || null; // if there is a domain on the node, overrides the model's domain var final_domain = n_domain !== null ? n_domain : f_domain; if (!(final_domain instanceof Array)) { var fields_values = this._build_eval_context(); final_domain = new openerp.web.CompoundDomain(final_domain).set_eval_context(fields_values); } return final_domain; } }); openerp.web.form.WidgetFrame = openerp.web.form.Widget.extend({ template: 'WidgetFrame', init: function(view, node) { this._super(view, node); this.columns = parseInt(node.attrs.col || 4, 10); this.x = 0; this.y = 0; this.table = []; this.add_row(); for (var i = 0; i < node.children.length; i++) { var n = node.children[i]; if (n.tag == "newline") { this.add_row(); } else { this.handle_node(n); } } this.set_row_cells_with(this.table[this.table.length - 1]); }, add_row: function(){ if (this.table.length) { this.set_row_cells_with(this.table[this.table.length - 1]); } var row = []; this.table.push(row); this.x = 0; this.y += 1; return row; }, set_row_cells_with: function(row) { var bypass = 0, max_width = 100, row_length = row.length; for (var i = 0; i < row.length; i++) { if (row[i].always_invisible) { row_length--; } else { bypass += row[i].width === undefined ? 0 : 1; max_width -= row[i].decrease_max_width; } } var size_unit = Math.round(max_width / (this.columns - bypass)), colspan_sum = 0; for (var i = 0; i < row.length; i++) { var w = row[i]; if (w.always_invisible) { continue; } colspan_sum += w.colspan; if (w.width === undefined) { var width = (i === row_length - 1 && colspan_sum === this.columns) ? max_width : Math.round(size_unit * w.colspan); max_width -= width; w.width = width + '%'; } } }, handle_node: function(node) { var type = {}; if (node.tag == 'field') { type = this.view.fields_view.fields[node.attrs.name] || {}; if (node.attrs.widget == 'statusbar') { // This way we can retain backward compatibility between addons and old clients node.attrs.nolabel = '1'; } } var widget = new (this.view.registry.get_any( [node.attrs.widget, type.type, node.tag])) (this.view, node); if (node.tag == 'field') { if (!this.view.default_focus_field || node.attrs.default_focus == '1') { this.view.default_focus_field = widget; } if (node.attrs.nolabel != '1') { var label = new (this.view.registry.get_object('label')) (this.view, node); label["for"] = widget; this.add_widget(label, widget.colspan + 1); } } this.add_widget(widget); }, add_widget: function(widget, colspan) { var current_row = this.table[this.table.length - 1]; if (!widget.always_invisible) { colspan = colspan || widget.colspan; if (current_row.length && (this.x + colspan) > this.columns) { current_row = this.add_row(); } this.x += widget.colspan; } current_row.push(widget); return widget; } }); openerp.web.form.WidgetGroup = openerp.web.form.WidgetFrame.extend({ template: 'WidgetGroup', }), openerp.web.form.WidgetNotebook = openerp.web.form.Widget.extend({ template: 'WidgetNotebook', init: function(view, node) { this._super(view, node); this.pages = []; for (var i = 0; i < node.children.length; i++) { var n = node.children[i]; if (n.tag == "page") { var page = new (this.view.registry.get_object('notebookpage'))( this.view, n, this, this.pages.length); this.pages.push(page); } } }, start: function() { var self = this; this._super.apply(this, arguments); this.$element.find('> ul > li').each(function (index, tab_li) { var page = self.pages[index], id = _.uniqueId(self.element_name + '-'); page.element_id = id; $(tab_li).find('a').attr('href', '#' + id); }); this.$element.find('> div').each(function (index, page) { page.id = self.pages[index].element_id; }); this.$element.tabs(); this.view.on_button_new.add_first(this.do_select_first_visible_tab); if (openerp.connection.debug) { this.do_attach_tooltip(this, this.$element.find('ul:first'), { defaultPosition: 'top' }); } }, do_select_first_visible_tab: function() { for (var i = 0; i < this.pages.length; i++) { var page = this.pages[i]; if (page.invisible === false) { this.$element.tabs('select', page.index); break; } } } }); openerp.web.form.WidgetNotebookPage = openerp.web.form.WidgetFrame.extend({ template: 'WidgetNotebookPage', init: function(view, node, notebook, index) { this.notebook = notebook; this.index = index; this.element_name = 'page_' + index; this._super(view, node); }, start: function() { this._super.apply(this, arguments); this.$element_tab = this.notebook.$element.find( '> ul > li:eq(' + this.index + ')'); }, update_dom: function() { if (this.invisible && this.index === this.notebook.$element.tabs('option', 'selected')) { this.notebook.do_select_first_visible_tab(); } this.$element_tab.toggle(!this.invisible); this.$element.toggle(!this.invisible); } }); openerp.web.form.WidgetSeparator = openerp.web.form.Widget.extend({ template: 'WidgetSeparator', init: function(view, node) { this._super(view, node); this.orientation = node.attrs.orientation || 'horizontal'; if (this.orientation === 'vertical') { this.width = '1'; } this.classname += '_' + this.orientation; } }); openerp.web.form.WidgetButton = openerp.web.form.Widget.extend({ template: 'WidgetButton', init: function(view, node) { this._super(view, node); this.force_disabled = false; if (this.string) { // We don't have button key bindings in the webclient this.string = this.string.replace(/_/g, ''); } if (node.attrs.default_focus == '1') { // TODO fme: provide enter key binding to widgets this.view.default_focus_button = this; } }, start: function() { this._super.apply(this, arguments); this.$element.find("button").click(this.on_click); if (this.help || openerp.connection.debug) { this.do_attach_tooltip(); } }, on_click: function() { var self = this; this.force_disabled = true; this.check_disable(); this.execute_action().always(function() { self.force_disabled = false; self.check_disable(); }); }, execute_action: function() { var self = this; var exec_action = function() { if (self.node.attrs.confirm) { var def = $.Deferred(); var dialog = $('
' + self.node.attrs.confirm + '
').dialog({ title: 'Confirm', modal: true, buttons: { Ok: function() { self.on_confirmed().then(function() { def.resolve(); }); $(this).dialog("close"); }, Cancel: function() { def.resolve(); $(this).dialog("close"); } } }); return def.promise(); } else { return self.on_confirmed(); } }; if (!this.node.attrs.special) { return this.view.recursive_save().pipe(exec_action); } else { return exec_action(); } }, on_confirmed: function() { var self = this; var context = this.node.attrs.context; if (context && context.__ref) { context = new openerp.web.CompoundContext(context); context.set_eval_context(this._build_eval_context()); } return this.view.do_execute_action( _.extend({}, this.node.attrs, {context: context}), this.view.dataset, this.view.datarecord.id, function () { self.view.reload(); }); }, update_dom: function() { this._super(); this.check_disable(); }, check_disable: function() { if (this.readonly || this.force_disabled || !this.view.is_interactible_record()) { this.$element.find("button").attr("disabled", "disabled"); this.$element.find("button").css("color", "grey"); } else { this.$element.find("button").removeAttr("disabled"); this.$element.find("button").css("color", ""); } } }); openerp.web.form.WidgetLabel = openerp.web.form.Widget.extend({ template: 'WidgetLabel', init: function(view, node) { this.element_name = 'label_' + node.attrs.name; this._super(view, node); if (this.node.tag == 'label' && (this.align === 'left' || this.node.attrs.colspan || (this.string && this.string.length > 32))) { this.template = "WidgetParagraph"; this.colspan = parseInt(this.node.attrs.colspan || 1, 10); } else { this.colspan = 1; this.width = '1%'; this.decrease_max_width = 1; this.nowrap = true; } }, render: function () { if (this['for'] && this.type !== 'label') { return QWeb.render(this.template, {widget: this['for']}); } // Actual label widgets should not have a false and have type label return QWeb.render(this.template, {widget: this}); }, start: function() { this._super(); var self = this; if (this['for'] && (this['for'].help || openerp.connection.debug)) { this.do_attach_tooltip(self['for']); } this.$element.find("label").dblclick(function() { var widget = self['for'] || self; openerp.log(widget.element_class , widget); window.w = widget; }); } }); openerp.web.form.Field = openerp.web.form.Widget.extend(/** @lends openerp.web.form.Field# */{ /** * @constructs openerp.web.form.Field * @extends openerp.web.form.Widget * * @param view * @param node */ init: function(view, node) { this.name = node.attrs.name; this.value = undefined; view.fields[this.name] = this; this.type = node.attrs.widget || view.fields_view.fields[node.attrs.name].type; this.element_name = "field_" + this.name + "_" + this.type; this._super(view, node); if (node.attrs.nolabel != '1' && this.colspan > 1) { this.colspan--; } this.field = view.fields_view.fields[node.attrs.name] || {}; this.string = node.attrs.string || this.field.string; this.help = node.attrs.help || this.field.help; this.nolabel = (this.field.nolabel || node.attrs.nolabel) === '1'; this.readonly = this.modifiers['readonly'] === true; this.required = this.modifiers['required'] === true; this.invalid = false; this.dirty = false; this.classname = 'oe_form_field_' + this.type; }, start: function() { this._super.apply(this, arguments); if (this.field.translate) { this.view.translatable_fields.push(this); this.$element.find('.oe_field_translate').click(this.on_translate); } if (this.nolabel && openerp.connection.debug) { this.do_attach_tooltip(this, this.$element, { defaultPosition: 'top' }); } }, set_value: function(value) { this.value = value; this.invalid = false; this.update_dom(); this.on_value_changed(); }, set_value_from_ui: function() { this.on_value_changed(); }, on_value_changed: function() { }, on_translate: function() { this.view.open_translate_dialog(this); }, get_value: function() { return this.value; }, is_valid: function() { return !this.invalid; }, is_dirty: function() { return this.dirty && !this.readonly; }, get_on_change_value: function() { return this.get_value(); }, update_dom: function() { this._super.apply(this, arguments); if (this.field.translate) { this.$element.find('.oe_field_translate').toggle(!!this.view.datarecord.id); } if (!this.disable_utility_classes) { this.$element.toggleClass('disabled', this.readonly); this.$element.toggleClass('required', this.required); if (this.view.show_invalid) { this.$element.toggleClass('invalid', !this.is_valid()); } } }, on_ui_change: function() { this.dirty = true; this.validate(); if (this.is_valid()) { this.set_value_from_ui(); this.view.do_onchange(this); this.view.on_form_changed(); } else { this.update_dom(); } }, validate: function() { this.invalid = false; }, focus: function() { } }); openerp.web.form.FieldChar = openerp.web.form.Field.extend({ template: 'FieldChar', init: function (view, node) { this._super(view, node); this.password = this.node.attrs.password === 'True' || this.node.attrs.password === '1'; }, start: function() { this._super.apply(this, arguments); this.$element.find('input').change(this.on_ui_change); }, set_value: function(value) { this._super.apply(this, arguments); var show_value = openerp.web.format_value(value, this, ''); this.$element.find('input').val(show_value); return show_value; }, update_dom: function() { this._super.apply(this, arguments); this.$element.find('input').attr('disabled', this.readonly); }, set_value_from_ui: function() { this.value = openerp.web.parse_value(this.$element.find('input').val(), this); this._super(); }, validate: function() { this.invalid = false; try { var value = openerp.web.parse_value(this.$element.find('input').val(), this, ''); this.invalid = this.required && value === ''; } catch(e) { this.invalid = true; } }, focus: function() { this.$element.find('input').focus(); } }); openerp.web.form.FieldEmail = openerp.web.form.FieldChar.extend({ template: 'FieldEmail', start: function() { this._super.apply(this, arguments); this.$element.find('button').click(this.on_button_clicked); }, on_button_clicked: function() { if (!this.value || !this.is_valid()) { this.do_warn("E-mail error", "Can't send email to invalid e-mail address"); } else { location.href = 'mailto:' + this.value; } } }); openerp.web.form.FieldUrl = openerp.web.form.FieldChar.extend({ template: 'FieldUrl', start: function() { this._super.apply(this, arguments); this.$element.find('button').click(this.on_button_clicked); }, on_button_clicked: function() { if (!this.value) { this.do_warn("Resource error", "This resource is empty"); } else { window.open(this.value); } } }); openerp.web.form.FieldFloat = openerp.web.form.FieldChar.extend({ init: function (view, node) { this._super(view, node); if (node.attrs.digits) { this.parse_digits(node.attrs.digits); } else { this.digits = view.fields_view.fields[node.attrs.name].digits; } }, parse_digits: function (digits_attr) { // could use a Python parser instead. var match = /^\s*[\(\[](\d+),\s*(\d+)/.exec(digits_attr); return [parseInt(match[1], 10), parseInt(match[2], 10)]; }, set_value: function(value) { if (value === false || value === undefined) { // As in GTK client, floats default to 0 value = 0; this.dirty = true; } this._super.apply(this, [value]); } }); openerp.web.DateTimeWidget = openerp.web.Widget.extend({ template: "web.datetimepicker", jqueryui_object: 'datetimepicker', type_of_date: "datetime", init: function(parent) { this._super(parent); this.name = parent.name; }, start: function() { var self = this; this.$input = this.$element.find('input.oe_datepicker_master'); this.$input_picker = this.$element.find('input.oe_datepicker_container'); this.$input.change(this.on_change); this.picker({ onSelect: this.on_picker_select, changeMonth: true, changeYear: true, showWeek: true, showButtonPanel: true }); this.$element.find('img.oe_datepicker_trigger').click(function() { if (!self.readonly) { self.picker('setDate', self.value ? openerp.web.auto_str_to_date(self.value) : new Date()); self.$input_picker.show(); self.picker('show'); self.$input_picker.hide(); } }); this.set_readonly(false); this.value = false; }, picker: function() { return $.fn[this.jqueryui_object].apply(this.$input_picker, arguments); }, on_picker_select: function(text, instance) { var date = this.picker('getDate'); this.$input.val(date ? this.format_client(date) : '').change(); }, set_value: function(value) { this.value = value; this.$input.val(value ? this.format_client(value) : ''); }, get_value: function() { return this.value; }, set_value_from_ui: function() { var value = this.$input.val() || false; this.value = this.parse_client(value); }, set_readonly: function(readonly) { this.readonly = readonly; this.$input.attr('disabled', this.readonly); this.$element.find('img.oe_datepicker_trigger').toggleClass('oe_input_icon_disabled', readonly); }, is_valid: function(required) { var value = this.$input.val(); if (value === "") { return !required; } else { try { this.parse_client(value); return true; } catch(e) { return false; } } }, focus: function() { this.$input.focus(); }, parse_client: function(v) { return openerp.web.parse_value(v, {"widget": this.type_of_date}); }, format_client: function(v) { return openerp.web.format_value(v, {"widget": this.type_of_date}); }, on_change: function() { if (this.is_valid()) { this.set_value_from_ui(); } } }); openerp.web.DateWidget = openerp.web.DateTimeWidget.extend({ jqueryui_object: 'datepicker', type_of_date: "date" }); openerp.web.form.FieldDatetime = openerp.web.form.Field.extend({ template: "EmptyComponent", build_widget: function() { return new openerp.web.DateTimeWidget(this); }, start: function() { var self = this; this._super.apply(this, arguments); this.datewidget = this.build_widget(); this.datewidget.on_change.add_last(this.on_ui_change); this.datewidget.appendTo(this.$element); }, set_value: function(value) { this._super(value); this.datewidget.set_value(value); }, get_value: function() { return this.datewidget.get_value(); }, update_dom: function() { this._super.apply(this, arguments); this.datewidget.set_readonly(this.readonly); }, validate: function() { this.invalid = !this.datewidget.is_valid(this.required); }, focus: function() { this.datewidget.focus(); } }); openerp.web.form.FieldDate = openerp.web.form.FieldDatetime.extend({ build_widget: function() { return new openerp.web.DateWidget(this); } }); openerp.web.form.FieldText = openerp.web.form.Field.extend({ template: 'FieldText', start: function() { this._super.apply(this, arguments); this.$element.find('textarea').change(this.on_ui_change); }, set_value: function(value) { this._super.apply(this, arguments); var show_value = openerp.web.format_value(value, this, ''); this.$element.find('textarea').val(show_value); }, update_dom: function() { this._super.apply(this, arguments); this.$element.find('textarea').attr('disabled', this.readonly); }, set_value_from_ui: function() { this.value = openerp.web.parse_value(this.$element.find('textarea').val(), this); this._super(); }, validate: function() { this.invalid = false; try { var value = openerp.web.parse_value(this.$element.find('textarea').val(), this, ''); this.invalid = this.required && value === ''; } catch(e) { this.invalid = true; } }, focus: function() { this.$element.find('textarea').focus(); } }); openerp.web.form.FieldBoolean = openerp.web.form.Field.extend({ template: 'FieldBoolean', start: function() { var self = this; this._super.apply(this, arguments); this.$element.find('input').click(self.on_ui_change); }, set_value: function(value) { this._super.apply(this, arguments); this.$element.find('input')[0].checked = value; }, set_value_from_ui: function() { this.value = this.$element.find('input').is(':checked'); this._super(); }, update_dom: function() { this._super.apply(this, arguments); this.$element.find('input').attr('disabled', this.readonly); }, focus: function() { this.$element.find('input').focus(); } }); openerp.web.form.FieldProgressBar = openerp.web.form.Field.extend({ template: 'FieldProgressBar', start: function() { this._super.apply(this, arguments); this.$element.find('div').progressbar({ value: this.value, disabled: this.readonly }); }, set_value: function(value) { this._super.apply(this, arguments); var show_value = Number(value); if (isNaN(show_value)) { show_value = 0; } this.$element.find('div').progressbar('option', 'value', show_value).find('span').html(show_value + '%'); } }); openerp.web.form.FieldTextXml = openerp.web.form.Field.extend({ // to replace view editor }); openerp.web.form.FieldSelection = openerp.web.form.Field.extend({ template: 'FieldSelection', init: function(view, node) { var self = this; this._super(view, node); this.values = this.field.selection; _.each(this.values, function(v, i) { if (v[0] === false && v[1] === '') { self.values.splice(i, 1); } }); this.values.unshift([false, '']); }, start: function() { // Flag indicating whether we're in an event chain containing a change // event on the select, in order to know what to do on keyup[RETURN]: // * If the user presses [RETURN] as part of changing the value of a // selection, we should just let the value change and not let the // event broadcast further (e.g. to validating the current state of // the form in editable list view, which would lead to saving the // current row or switching to the next one) // * If the user presses [RETURN] with a select closed (side-effect: // also if the user opened the select and pressed [RETURN] without // changing the selected value), takes the action as validating the // row var ischanging = false; this._super.apply(this, arguments); this.$element.find('select') .change(this.on_ui_change) .change(function () { ischanging = true; }) .click(function () { ischanging = false; }) .keyup(function (e) { if (e.which !== 13 || !ischanging) { return; } e.stopPropagation(); ischanging = false; }); }, set_value: function(value) { value = value === null ? false : value; value = value instanceof Array ? value[0] : value; this._super(value); var index = 0; for (var i = 0, ii = this.values.length; i < ii; i++) { if (this.values[i][0] === value) index = i; } this.$element.find('select')[0].selectedIndex = index; }, set_value_from_ui: function() { this.value = this.values[this.$element.find('select')[0].selectedIndex][0]; this._super(); }, update_dom: function() { this._super.apply(this, arguments); this.$element.find('select').attr('disabled', this.readonly); }, validate: function() { var value = this.values[this.$element.find('select')[0].selectedIndex]; this.invalid = !(value && !(this.required && value[0] === false)); }, focus: function() { this.$element.find('select').focus(); } }); // jquery autocomplete tweak to allow html (function() { var proto = $.ui.autocomplete.prototype, initSource = proto._initSource; function filter( array, term ) { var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" ); return $.grep( array, function(value) { return matcher.test( $( "
" ).html( value.label || value.value || value ).text() ); }); } $.extend( proto, { _initSource: function() { if ( this.options.html && $.isArray(this.options.source) ) { this.source = function( request, response ) { response( filter( this.options.source, request.term ) ); }; } else { initSource.call( this ); } }, _renderItem: function( ul, item) { return $( "
  • " ) .data( "item.autocomplete", item ) .append( $( "" )[ this.options.html ? "html" : "text" ]( item.label ) ) .appendTo( ul ); } }); })(); openerp.web.form.dialog = function(content, options) { options = _.extend({ autoOpen: true, width: '90%', height: '90%', min_width: '800px', min_height: '600px' }, options || {}); options.autoOpen = true; var dialog = new openerp.web.Dialog(null, options); dialog.$dialog = $(content).dialog(dialog.dialog_options); return dialog.$dialog; }; openerp.web.form.FieldMany2One = openerp.web.form.Field.extend({ template: 'FieldMany2One', init: function(view, node) { this._super(view, node); this.limit = 7; this.value = null; this.cm_id = _.uniqueId('m2o_cm_'); this.last_search = []; this.tmp_value = undefined; }, start: function() { this._super(); var self = this; this.$input = this.$element.find("input"); this.$drop_down = this.$element.find(".oe-m2o-drop-down-button"); this.$menu_btn = this.$element.find(".oe-m2o-cm-button"); // context menu var init_context_menu_def = $.Deferred().then(function(e) { var rdataset = new openerp.web.DataSetStatic(self, "ir.values", self.build_context()); rdataset.call("get", ['action', 'client_action_relate', [[self.field.relation, false]], false, rdataset.get_context()], false, 0) .then(function(result) { self.related_entries = result; var $cmenu = $("#" + self.cm_id); $cmenu.append(QWeb.render("FieldMany2One.context_menu", {widget: self})); var bindings = {}; bindings[self.cm_id + "_search"] = function() { self._search_create_popup("search"); }; bindings[self.cm_id + "_create"] = function() { self._search_create_popup("form"); }; bindings[self.cm_id + "_open"] = function() { if (!self.value) { return; } var pop = new openerp.web.form.FormOpenPopup(self.view); pop.show_element(self.field.relation, self.value[0],self.build_context(), {}); pop.on_write_completed.add_last(function() { self.set_value(self.value[0]); }); }; _.each(_.range(self.related_entries.length), function(i) { bindings[self.cm_id + "_related_" + i] = function() { self.open_related(self.related_entries[i]); }; }); var cmenu = self.$menu_btn.contextMenu(self.cm_id, {'leftClickToo': true, bindings: bindings, itemStyle: {"color": ""}, onContextMenu: function() { if(self.value) { $("#" + self.cm_id + " .oe_m2o_menu_item_mandatory").removeClass("oe-m2o-disabled-cm"); } else { $("#" + self.cm_id + " .oe_m2o_menu_item_mandatory").addClass("oe-m2o-disabled-cm"); } if (!self.readonly) { $("#" + self.cm_id + " .oe_m2o_menu_item_noreadonly").removeClass("oe-m2o-disabled-cm"); } else { $("#" + self.cm_id + " .oe_m2o_menu_item_noreadonly").addClass("oe-m2o-disabled-cm"); } return true; }, menuStyle: {width: "200px"} }); setTimeout(function() {self.$menu_btn.trigger(e);}, 0); }); }); var ctx_callback = function(e) {init_context_menu_def.resolve(e); e.preventDefault()}; this.$menu_btn.bind('contextmenu', ctx_callback); this.$menu_btn.click(ctx_callback); // some behavior for input this.$input.keyup(function() { if (self.$input.val() === "") { self._change_int_value(null); } else if (self.value === null || (self.value && self.$input.val() !== self.value[1])) { self._change_int_value(undefined); } }); this.$drop_down.click(function() { if (self.readonly) return; if (self.$input.autocomplete("widget").is(":visible")) { self.$input.autocomplete("close"); } else { if (self.value) { self.$input.autocomplete("search", ""); } else { self.$input.autocomplete("search"); } self.$input.focus(); } }); var anyoneLoosesFocus = function() { if (!self.$input.is(":focus") && !self.$input.autocomplete("widget").is(":visible") && !self.value) { if (self.value === undefined && self.last_search.length > 0) { self._change_int_ext_value(self.last_search[0]); } else { self._change_int_ext_value(null); } } }; this.$input.focusout(anyoneLoosesFocus); var isSelecting = false; // autocomplete this.$input.autocomplete({ source: function(req, resp) { self.get_search_result(req, resp); }, select: function(event, ui) { isSelecting = true; var item = ui.item; if (item.id) { self._change_int_value([item.id, item.name]); } else if (item.action) { self._change_int_value(undefined); item.action(); return false; } }, focus: function(e, ui) { e.preventDefault(); }, html: true, close: anyoneLoosesFocus, minLength: 0, delay: 0 }); // used to correct a bug when selecting an element by pushing 'enter' in an editable list this.$input.keyup(function(e) { if (e.which === 13) { if (isSelecting) e.stopPropagation(); } isSelecting = false; }); }, // autocomplete component content handling get_search_result: function(request, response) { var search_val = request.term; var self = this; var dataset = new openerp.web.DataSetStatic(this, this.field.relation, self.build_context()); dataset.name_search(search_val, self.build_domain(), 'ilike', this.limit + 1, function(data) { self.last_search = data; // possible selections for the m2o var values = _.map(data, function(x) { return {label: $('').text(x[1]).html(), name:x[1], id:x[0]}; }); // search more... if more results that max if (values.length > self.limit) { values = values.slice(0, self.limit); values.push({label: _t("   Search More..."), action: function() { dataset.name_search(search_val, self.build_domain(), 'ilike' , false, function(data) { self._change_int_value(null); self._search_create_popup("search", data); }); }}); } // quick create var raw_result = _(data.result).map(function(x) {return x[1];}); if (search_val.length > 0 && !_.include(raw_result, search_val) && (!self.value || search_val !== self.value[1])) { values.push({label: _.str.sprintf(_t('   Create "%s"'), $('').text(search_val).html()), action: function() { self._quick_create(search_val); }}); } // create... values.push({label: _t("   Create and Edit..."), action: function() { self._change_int_value(null); self._search_create_popup("form", undefined, {"default_name": search_val}); }}); response(values); }); }, _quick_create: function(name) { var self = this; var dataset = new openerp.web.DataSetStatic(this, this.field.relation, self.build_context()); dataset.name_create(name, function(data) { self._change_int_ext_value(data); }).fail(function(error, event) { event.preventDefault(); self._change_int_value(null); self._search_create_popup("form", undefined, {"default_name": name}); }); }, // all search/create popup handling _search_create_popup: function(view, ids, context) { var self = this; var pop = new openerp.web.form.SelectCreatePopup(this); pop.select_element(self.field.relation,{ initial_ids: ids ? _.map(ids, function(x) {return x[0]}) : undefined, initial_view: view, disable_multiple_selection: true }, self.build_domain(), new openerp.web.CompoundContext(self.build_context(), context || {})); pop.on_select_elements.add(function(element_ids) { var dataset = new openerp.web.DataSetStatic(self, self.field.relation, self.build_context()); dataset.name_get([element_ids[0]], function(data) { self._change_int_ext_value(data[0]); }); }); }, _change_int_ext_value: function(value) { this._change_int_value(value); this.$input.val(this.value ? this.value[1] : ""); }, _change_int_value: function(value) { this.value = value; var back_orig_value = this.original_value; if (this.value === null || this.value) { this.original_value = this.value; } if (back_orig_value === undefined) { // first use after a set_value() return; } if (this.value !== undefined && ((back_orig_value ? back_orig_value[0] : null) !== (this.value ? this.value[0] : null))) { this.on_ui_change(); } }, set_value: function(value) { value = value || null; this.invalid = false; var self = this; this.tmp_value = value; self.update_dom(); self.on_value_changed(); var real_set_value = function(rval) { self.tmp_value = undefined; self.value = rval; self.original_value = undefined; self._change_int_ext_value(rval); }; if (value && !(value instanceof Array)) { var dataset = new openerp.web.DataSetStatic(this, this.field.relation, self.build_context()); dataset.name_get([value], function(data) { real_set_value(data[0]); }).fail(function() {self.tmp_value = undefined;}); } else { setTimeout(function() {real_set_value(value);}, 0); } }, get_value: function() { if (this.tmp_value !== undefined) { if (this.tmp_value instanceof Array) { return this.tmp_value[0]; } return this.tmp_value ? this.tmp_value : false; } if (this.value === undefined) return this.original_value ? this.original_value[0] : false; return this.value ? this.value[0] : false; }, validate: function() { this.invalid = false; var val = this.tmp_value !== undefined ? this.tmp_value : this.value; if (val === null) { this.invalid = this.required; } }, open_related: function(related) { var self = this; if (!self.value) return; var additional_context = { active_id: self.value[0], active_ids: [self.value[0]], active_model: self.field.relation }; self.rpc("/web/action/load", { action_id: related[2].id, context: additional_context }, function(result) { result.result.context = _.extend(result.result.context || {}, additional_context); self.do_action(result.result); }); }, focus: function () { this.$input.focus(); }, update_dom: function() { this._super.apply(this, arguments); this.$input.attr('disabled', this.readonly); } }); /* # Values: (0, 0, { fields }) create # (1, ID, { fields }) update # (2, ID) remove (delete) # (3, ID) unlink one (target id or target of relation) # (4, ID) link # (5) unlink all (only valid for one2many) */ var commands = { // (0, _, {values}) CREATE: 0, 'create': function (values) { return [commands.CREATE, false, values]; }, // (1, id, {values}) UPDATE: 1, 'update': function (id, values) { return [commands.UPDATE, id, values]; }, // (2, id[, _]) DELETE: 2, 'delete': function (id) { return [commands.DELETE, id, false]; }, // (3, id[, _]) removes relation, but not linked record itself FORGET: 3, 'forget': function (id) { return [commands.FORGET, id, false]; }, // (4, id[, _]) LINK_TO: 4, 'link_to': function (id) { return [commands.LINK_TO, id, false]; }, // (5[, _[, _]]) DELETE_ALL: 5, 'delete_all': function () { return [5, false, false]; }, // (6, _, ids) replaces all linked records with provided ids REPLACE_WITH: 6, 'replace_with': function (ids) { return [6, false, ids]; } }; openerp.web.form.FieldOne2Many = openerp.web.form.Field.extend({ template: 'FieldOne2Many', multi_selection: false, init: function(view, node) { this._super(view, node); this.is_loaded = $.Deferred(); this.initial_is_loaded = this.is_loaded; this.is_setted = $.Deferred(); this.form_last_update = $.Deferred(); this.init_form_last_update = this.form_last_update; this.disable_utility_classes = true; }, start: function() { this._super.apply(this, arguments); var self = this; this.dataset = new openerp.web.form.One2ManyDataSet(this, this.field.relation); this.dataset.o2m = this; this.dataset.parent_view = this.view; this.dataset.on_change.add_last(function() { self.on_ui_change(); }); this.is_setted.then(function() { self.load_views(); }); }, is_readonly: function() { return this.readonly || this.force_readonly; }, load_views: function() { var self = this; var modes = this.node.attrs.mode; modes = !!modes ? modes.split(",") : ["tree"]; var views = []; _.each(modes, function(mode) { var view = { view_id: false, view_type: mode == "tree" ? "list" : mode, options: { sidebar : false } }; if (self.field.views && self.field.views[mode]) { view.embedded_view = self.field.views[mode]; } if(view.view_type === "list") { view.options.selectable = self.multi_selection; if (self.is_readonly()) { view.options.addable = null; view.options.deletable = null; } } else if (view.view_type === "form") { view.options.not_interactible_on_create = true; } views.push(view); }); this.views = views; this.viewmanager = new openerp.web.ViewManager(this, this.dataset, views); this.viewmanager.registry = openerp.web.views.clone({ list: 'openerp.web.form.One2ManyListView', form: 'openerp.web.FormView' }); var once = $.Deferred().then(function() { self.init_form_last_update.resolve(); }); var def = $.Deferred().then(function() { self.initial_is_loaded.resolve(); }); this.viewmanager.on_controller_inited.add_last(function(view_type, controller) { if (view_type == "list") { controller.o2m = self; if (self.is_readonly()) controller.set_editable(false); } else if (view_type == "form") { if (self.is_readonly()) { controller.on_toggle_readonly(); $(controller.$element.find(".oe_form_buttons")[0]).children().remove(); } controller.on_record_loaded.add_last(function() { once.resolve(); }); controller.on_pager_action.add_first(function() { self.save_any_view(); }); controller.$element.find(".oe_form_button_save").hide(); } else if (view_type == "graph") { self.reload_current_view() } def.resolve(); }); this.viewmanager.on_mode_switch.add_first(function(n_mode, b, c, d, e) { $.when(self.save_any_view()).then(function() { if(n_mode === "list") setTimeout(function() {self.reload_current_view();}, 0); }); }); this.is_setted.then(function() { setTimeout(function () { self.viewmanager.appendTo(self.$element); }, 0); }); return def; }, reload_current_view: function() { var self = this; return self.is_loaded = self.is_loaded.pipe(function() { var view = self.viewmanager.views[self.viewmanager.active_view].controller; if(self.viewmanager.active_view === "list") { return view.reload_content(); } else if (self.viewmanager.active_view === "form") { if (self.dataset.index === null && self.dataset.ids.length >= 1) { self.dataset.index = 0; } var act = function() { return view.do_show(); } self.form_last_update = self.form_last_update.pipe(act, act); return self.form_last_update; } else if (self.viewmanager.active_view === "graph") { return view.do_search(self.build_domain(), self.dataset.get_context(), []); } }); }, set_value: function(value) { value = value || []; var self = this; this.dataset.reset_ids([]); if(value.length >= 1 && value[0] instanceof Array) { var ids = []; _.each(value, function(command) { var obj = {values: command[2]}; switch (command[0]) { case commands.CREATE: obj['id'] = _.uniqueId(self.dataset.virtual_id_prefix); obj.defaults = {}; self.dataset.to_create.push(obj); self.dataset.cache.push(_.clone(obj)); ids.push(obj.id); return; case commands.UPDATE: obj['id'] = command[1]; self.dataset.to_write.push(obj); self.dataset.cache.push(_.clone(obj)); ids.push(obj.id); return; case commands.DELETE: self.dataset.to_delete.push({id: command[1]}); return; case commands.LINK_TO: ids.push(command[1]); return; case commands.DELETE_ALL: self.dataset.delete_all = true; return; } }); this._super(ids); this.dataset.set_ids(ids); } else if (value.length >= 1 && typeof(value[0]) === "object") { var ids = []; this.dataset.delete_all = true; _.each(value, function(command) { var obj = {values: command}; obj['id'] = _.uniqueId(self.dataset.virtual_id_prefix); obj.defaults = {}; self.dataset.to_create.push(obj); self.dataset.cache.push(_.clone(obj)); ids.push(obj.id); }); this._super(ids); this.dataset.set_ids(ids); } else { this._super(value); this.dataset.reset_ids(value); } if (this.dataset.index === null && this.dataset.ids.length > 0) { this.dataset.index = 0; } self.is_setted.resolve(); return self.reload_current_view(); }, get_value: function() { var self = this; if (!this.dataset) return []; var val = this.dataset.delete_all ? [commands.delete_all()] : []; val = val.concat(_.map(this.dataset.ids, function(id) { var alter_order = _.detect(self.dataset.to_create, function(x) {return x.id === id;}); if (alter_order) { return commands.create(alter_order.values); } alter_order = _.detect(self.dataset.to_write, function(x) {return x.id === id;}); if (alter_order) { return commands.update(alter_order.id, alter_order.values); } return commands.link_to(id); })); return val.concat(_.map( this.dataset.to_delete, function(x) { return commands['delete'](x.id);})); }, save_any_view: function() { if (this.viewmanager && this.viewmanager.views && this.viewmanager.active_view && this.viewmanager.views[this.viewmanager.active_view] && this.viewmanager.views[this.viewmanager.active_view].controller) { var view = this.viewmanager.views[this.viewmanager.active_view].controller; if (this.viewmanager.active_view === "form") { var res = $.when(view.do_save()); // it seems line there are some cases when this happens /*if (!res.isResolved() && !res.isRejected()) { console.warn("Asynchronous get_value() is not supported in form view."); }*/ return res; } else if (this.viewmanager.active_view === "list") { var res = $.when(view.ensure_saved()); // it seems line there are some cases when this happens /*if (!res.isResolved() && !res.isRejected()) { console.warn("Asynchronous get_value() is not supported in list view."); }*/ return res; } } return false; }, is_valid: function() { this.validate(); return this._super(); }, validate: function() { this.invalid = false; if (!this.viewmanager.views[this.viewmanager.active_view]) return; var view = this.viewmanager.views[this.viewmanager.active_view].controller; if (this.viewmanager.active_view === "form") { for (var f in view.fields) { f = view.fields[f]; if (!f.is_valid()) { this.invalid = true; return; } } } }, is_dirty: function() { this.save_any_view(); return this._super(); }, update_dom: function() { this._super.apply(this, arguments); var self = this; if (this.previous_readonly !== this.readonly) { this.previous_readonly = this.readonly; if (this.viewmanager) { this.is_loaded = this.is_loaded.pipe(function() { self.viewmanager.stop(); return $.when(self.load_views()).then(function() { self.reload_current_view(); }); }); } } } }); openerp.web.form.One2ManyDataSet = openerp.web.BufferedDataSet.extend({ get_context: function() { this.context = this.o2m.build_context(); return this.context; } }); openerp.web.form.One2ManyListView = openerp.web.ListView.extend({ do_add_record: function () { if (this.options.editable) { this._super.apply(this, arguments); } else { var self = this; var pop = new openerp.web.form.SelectCreatePopup(this); pop.on_default_get.add(self.dataset.on_default_get); pop.select_element(self.o2m.field.relation,{ initial_view: "form", alternative_form_view: self.o2m.field.views ? self.o2m.field.views["form"] : undefined, create_function: function(data, callback, error_callback) { return self.o2m.dataset.create(data).then(function(r) { self.o2m.dataset.set_ids(self.o2m.dataset.ids.concat([r.result])); self.o2m.dataset.on_change(); }).then(callback, error_callback); }, read_function: function() { return self.o2m.dataset.read_ids.apply(self.o2m.dataset, arguments); }, parent_view: self.o2m.view, form_view_options: {'not_interactible_on_create':true} }, self.o2m.build_domain(), self.o2m.build_context()); pop.on_select_elements.add_last(function() { self.o2m.reload_current_view(); }); } }, do_activate_record: function(index, id) { var self = this; var pop = new openerp.web.form.FormOpenPopup(self.o2m.view); pop.show_element(self.o2m.field.relation, id, self.o2m.build_context(),{ auto_write: false, alternative_form_view: self.o2m.field.views ? self.o2m.field.views["form"] : undefined, parent_view: self.o2m.view, read_function: function() { return self.o2m.dataset.read_ids.apply(self.o2m.dataset, arguments); }, form_view_options: {'not_interactible_on_create':true}, readonly: self.o2m.is_readonly() }); pop.on_write.add(function(id, data) { self.o2m.dataset.write(id, data, {}, function(r) { self.o2m.reload_current_view(); }); }); } }); openerp.web.form.FieldMany2Many = openerp.web.form.Field.extend({ template: 'FieldMany2Many', multi_selection: false, init: function(view, node) { this._super(view, node); this.list_id = _.uniqueId("many2many"); this.is_loaded = $.Deferred(); this.initial_is_loaded = this.is_loaded; this.is_setted = $.Deferred(); }, start: function() { this._super.apply(this, arguments); var self = this; this.dataset = new openerp.web.form.Many2ManyDataSet(this, this.field.relation); this.dataset.m2m = this; this.dataset.on_unlink.add_last(function(ids) { self.on_ui_change(); }); this.is_setted.then(function() { self.load_view(); }); }, set_value: function(value) { value = value || []; if (value.length >= 1 && value[0] instanceof Array) { value = value[0][2]; } this._super(value); this.dataset.set_ids(value); var self = this; self.reload_content(); this.is_setted.resolve(); }, get_value: function() { return [commands.replace_with(this.dataset.ids)]; }, validate: function() { this.invalid = false; }, is_readonly: function() { return this.readonly || this.force_readonly; }, load_view: function() { var self = this; this.list_view = new openerp.web.form.Many2ManyListView(this, this.dataset, false, { 'addable': self.is_readonly() ? null : 'Add', 'deletable': self.is_readonly() ? false : true, 'selectable': self.multi_selection }); var embedded = (this.field.views || {}).tree; if (embedded) { this.list_view.set_embedded_view(embedded); } this.list_view.m2m_field = this; var loaded = $.Deferred(); this.list_view.on_loaded.add_last(function() { self.initial_is_loaded.resolve(); loaded.resolve(); }); setTimeout(function () { self.list_view.appendTo($("#" + self.list_id)); }, 0); return loaded; }, reload_content: function() { var self = this; this.is_loaded = this.is_loaded.pipe(function() { return self.list_view.reload_content(); }); }, update_dom: function() { this._super.apply(this, arguments); var self = this; if (this.previous_readonly !== this.readonly) { this.previous_readonly = this.readonly; if (this.list_view) { this.is_loaded = this.is_loaded.pipe(function() { self.list_view.stop(); return $.when(self.load_view()).then(function() { self.reload_content(); }); }); } } } }); openerp.web.form.Many2ManyDataSet = openerp.web.DataSetStatic.extend({ get_context: function() { this.context = this.m2m.build_context(); return this.context; } }); /** * @class * @extends openerp.web.ListView */ openerp.web.form.Many2ManyListView = openerp.web.ListView.extend(/** @lends openerp.web.form.Many2ManyListView# */{ do_add_record: function () { var pop = new openerp.web.form.SelectCreatePopup(this); pop.select_element(this.model, {}, new openerp.web.CompoundDomain(this.m2m_field.build_domain(), ["!", ["id", "in", this.m2m_field.dataset.ids]]), this.m2m_field.build_context()); var self = this; pop.on_select_elements.add(function(element_ids) { _.each(element_ids, function(element_id) { if(! _.detect(self.dataset.ids, function(x) {return x == element_id;})) { self.dataset.set_ids([].concat(self.dataset.ids, [element_id])); self.m2m_field.on_ui_change(); self.reload_content(); } }); }); }, do_activate_record: function(index, id) { var self = this; var pop = new openerp.web.form.FormOpenPopup(this); pop.show_element(this.dataset.model, id, this.m2m_field.build_context(), {}); pop.on_write_completed.add_last(function() { self.reload_content(); }); } }); /** * @class * @extends openerp.web.OldWidget */ openerp.web.form.SelectCreatePopup = openerp.web.OldWidget.extend(/** @lends openerp.web.form.SelectCreatePopup# */{ identifier_prefix: "selectcreatepopup", template: "SelectCreatePopup", /** * options: * - initial_ids * - initial_view: form or search (default search) * - disable_multiple_selection * - alternative_form_view * - create_function (defaults to a naive saving behavior) * - parent_view * - form_view_options * - list_view_options * - read_function */ select_element: function(model, options, domain, context) { var self = this; this.model = model; this.domain = domain || []; this.context = context || {}; this.options = _.defaults(options || {}, {"initial_view": "search", "create_function": function() { return self.create_row.apply(self, arguments); }, read_function: null}); this.initial_ids = this.options.initial_ids; this.created_elements = []; this.render_element(); openerp.web.form.dialog(this.$element, {close:function() { self.check_exit(); }}); this.start(); }, start: function() { this._super(); var self = this; this.dataset = new openerp.web.ProxyDataSet(this, this.model, this.context); this.dataset.create_function = function() { return self.options.create_function.apply(null, arguments).then(function(r) { self.created_elements.push(r.result); }); }; this.dataset.write_function = function() { return self.write_row.apply(self, arguments); }; this.dataset.read_function = this.options.read_function; this.dataset.parent_view = this.options.parent_view; this.dataset.on_default_get.add(this.on_default_get); if (this.options.initial_view == "search") { this.setup_search_view(); } else { // "form" this.new_object(); } }, setup_search_view: function() { var self = this; if (this.searchview) { this.searchview.stop(); } this.searchview = new openerp.web.SearchView(this, this.dataset, false, {}); this.searchview.on_search.add(function(domains, contexts, groupbys) { if (self.initial_ids) { self.do_search(domains.concat([[["id", "in", self.initial_ids]], self.domain]), contexts, groupbys); self.initial_ids = undefined; } else { self.do_search(domains.concat([self.domain]), contexts, groupbys); } }); this.searchview.on_loaded.add_last(function () { var $buttons = self.searchview.$element.find(".oe_search-view-buttons"); $buttons.append(QWeb.render("SelectCreatePopup.search.buttons")); var $cbutton = $buttons.find(".oe_selectcreatepopup-search-close"); $cbutton.click(function() { self.stop(); }); var $sbutton = $buttons.find(".oe_selectcreatepopup-search-select"); if(self.options.disable_multiple_selection) { $sbutton.hide(); } $sbutton.click(function() { self.on_select_elements(self.selected_ids); self.stop(); }); self.view_list = new openerp.web.form.SelectCreateListView(self, self.dataset, false, _.extend({'deletable': false, 'selectable': !self.options.disable_multiple_selection }, self.options.list_view_options || {})); self.view_list.popup = self; self.view_list.appendTo($("#" + self.element_id + "_view_list")).pipe(function() { self.view_list.do_show(); }).pipe(function() { self.searchview.do_search(); }); }); this.searchview.appendTo($("#" + this.element_id + "_search")); }, do_search: function(domains, contexts, groupbys) { var self = this; this.rpc('/web/session/eval_domain_and_context', { domains: domains || [], contexts: contexts || [], group_by_seq: groupbys || [] }, function (results) { self.view_list.do_search(results.domain, results.context, results.group_by); }); }, create_row: function() { var self = this; var wdataset = new openerp.web.DataSetSearch(this, this.model, this.context, this.domain); wdataset.parent_view = this.options.parent_view; return wdataset.create.apply(wdataset, arguments); }, write_row: function() { var self = this; var wdataset = new openerp.web.DataSetSearch(this, this.model, this.context, this.domain); wdataset.parent_view = this.options.parent_view; return wdataset.write.apply(wdataset, arguments); }, on_select_elements: function(element_ids) { }, on_click_element: function(ids) { this.selected_ids = ids || []; if(this.selected_ids.length > 0) { this.$element.find(".oe_selectcreatepopup-search-select").removeAttr('disabled'); } else { this.$element.find(".oe_selectcreatepopup-search-select").attr('disabled', "disabled"); } }, new_object: function() { var self = this; if (this.searchview) { this.searchview.hide(); } if (this.view_list) { this.view_list.$element.hide(); } this.dataset.index = null; this.view_form = new openerp.web.FormView(this, this.dataset, false, self.options.form_view_options); if (this.options.alternative_form_view) { this.view_form.set_embedded_view(this.options.alternative_form_view); } this.view_form.appendTo(this.$element.find("#" + this.element_id + "_view_form")); this.view_form.on_loaded.add_last(function() { var $buttons = self.view_form.$element.find(".oe_form_buttons"); $buttons.html(QWeb.render("SelectCreatePopup.form.buttons", {widget:self})); var $nbutton = $buttons.find(".oe_selectcreatepopup-form-save-new"); $nbutton.click(function() { $.when(self.view_form.do_save()).then(function() { self.view_form.reload_lock.then(function() { self.view_form.on_button_new(); }); }); }); var $nbutton = $buttons.find(".oe_selectcreatepopup-form-save"); $nbutton.click(function() { $.when(self.view_form.do_save()).then(function() { self.view_form.reload_lock.then(function() { self.check_exit(); }); }); }); var $cbutton = $buttons.find(".oe_selectcreatepopup-form-close"); $cbutton.click(function() { self.check_exit(); }); }); this.view_form.do_show(); }, check_exit: function() { if (this.created_elements.length > 0) { this.on_select_elements(this.created_elements); } this.stop(); }, on_default_get: function(res) {} }); openerp.web.form.SelectCreateListView = openerp.web.ListView.extend({ do_add_record: function () { this.popup.new_object(); }, select_record: function(index) { this.popup.on_select_elements([this.dataset.ids[index]]); this.popup.stop(); }, do_select: function(ids, records) { this._super(ids, records); this.popup.on_click_element(ids); } }); /** * @class * @extends openerp.web.OldWidget */ openerp.web.form.FormOpenPopup = openerp.web.OldWidget.extend(/** @lends openerp.web.form.FormOpenPopup# */{ identifier_prefix: "formopenpopup", template: "FormOpenPopup", /** * options: * - alternative_form_view * - auto_write (default true) * - read_function * - parent_view * - form_view_options * - readonly */ show_element: function(model, row_id, context, options) { this.model = model; this.row_id = row_id; this.context = context || {}; this.options = _.defaults(options || {}, {"auto_write": true}); this.render_element(); this.$element.dialog({title: '', modal: true, width: 960, height: 600}); this.start(); }, start: function() { this._super(); this.dataset = new openerp.web.form.FormOpenDataset(this, this.model, this.context); this.dataset.fop = this; this.dataset.ids = [this.row_id]; this.dataset.index = 0; this.dataset.parent_view = this.options.parent_view; this.setup_form_view(); }, on_write: function(id, data) { if (!this.options.auto_write) return; var self = this; var wdataset = new openerp.web.DataSetSearch(this, this.model, this.context, this.domain); wdataset.parent_view = this.options.parent_view; wdataset.write(id, data, {}, function(r) { self.on_write_completed(); }); }, on_write_completed: function() {}, setup_form_view: function() { var self = this; this.view_form = new openerp.web.FormView(this, this.dataset, false, self.options.form_view_options); if (this.options.alternative_form_view) { this.view_form.set_embedded_view(this.options.alternative_form_view); } this.view_form.appendTo(this.$element.find("#" + this.element_id + "_view_form")); var once = $.Deferred().then(function() { if (self.options.readonly) { self.view_form.on_toggle_readonly(); } }); this.view_form.on_loaded.add_last(function() { once.resolve(); var $buttons = self.view_form.$element.find(".oe_form_buttons"); $buttons.html(QWeb.render("FormOpenPopup.form.buttons")); var $nbutton = $buttons.find(".oe_formopenpopup-form-save"); $nbutton.click(function() { self.view_form.do_save().then(function() { self.stop(); }); }); var $cbutton = $buttons.find(".oe_formopenpopup-form-close"); $cbutton.click(function() { self.stop(); }); if (self.options.readonly) { $nbutton.hide(); $cbutton.text(_t("Close")); } self.view_form.do_show(); }); this.dataset.on_write.add(this.on_write); } }); openerp.web.form.FormOpenDataset = openerp.web.ProxyDataSet.extend({ read_ids: function() { if (this.fop.options.read_function) { return this.fop.options.read_function.apply(null, arguments); } else { return this._super.apply(this, arguments); } } }); openerp.web.form.FieldReference = openerp.web.form.Field.extend({ template: 'FieldReference', init: function(view, node) { this._super(view, node); this.fields_view = { fields: { selection: { selection: view.fields_view.fields[this.name].selection }, m2o: { relation: null } } }; this.get_fields_values = view.get_fields_values; this.do_onchange = this.on_form_changed = this.on_nop; this.dataset = this.view.dataset; this.widgets_counter = 0; this.view_id = 'reference_' + _.uniqueId(); this.widgets = {}; this.fields = {}; this.selection = new openerp.web.form.FieldSelection(this, { attrs: { name: 'selection', widget: 'selection' }}); this.selection.on_value_changed.add_last(this.on_selection_changed); this.m2o = new openerp.web.form.FieldMany2One(this, { attrs: { name: 'm2o', widget: 'many2one' }}); }, on_nop: function() { }, on_selection_changed: function() { var sel = this.selection.get_value(); this.m2o.field.relation = sel; this.m2o.set_value(null); this.m2o.$element.toggle(sel !== false); }, start: function() { this._super(); this.selection.start(); this.m2o.start(); }, is_valid: function() { return this.required === false || typeof(this.get_value()) === 'string'; }, is_dirty: function() { return this.selection.is_dirty() || this.m2o.is_dirty(); }, set_value: function(value) { this._super(value); if (typeof(value) === 'string') { var vals = value.split(','); this.selection.set_value(vals[0]); this.m2o.set_value(parseInt(vals[1], 10)); } }, get_value: function() { var model = this.selection.get_value(), id = this.m2o.get_value(); if (typeof(model) === 'string' && typeof(id) === 'number') { return model + ',' + id; } else { return false; } } }); openerp.web.form.FieldBinary = openerp.web.form.Field.extend({ init: function(view, node) { this._super(view, node); this.iframe = this.element_id + '_iframe'; this.binary_value = false; }, start: function() { this._super.apply(this, arguments); this.$element.find('input.oe-binary-file').change(this.on_file_change); this.$element.find('button.oe-binary-file-save').click(this.on_save_as); this.$element.find('.oe-binary-file-clear').click(this.on_clear); }, human_filesize : function(size) { var units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB']; var i = 0; while (size >= 1024) { size /= 1024; ++i; } return size.toFixed(2) + ' ' + units[i]; }, on_file_change: function(e) { // TODO: on modern browsers, we could directly read the file locally on client ready to be used on image cropper // http://www.html5rocks.com/tutorials/file/dndfiles/ // http://deepliquid.com/projects/Jcrop/demos.php?demo=handler window[this.iframe] = this.on_file_uploaded; if ($(e.target).val() != '') { this.$element.find('form.oe-binary-form input[name=session_id]').val(this.session.session_id); this.$element.find('form.oe-binary-form').submit(); this.$element.find('.oe-binary-progress').show(); this.$element.find('.oe-binary').hide(); } }, on_file_uploaded: function(size, name, content_type, file_base64) { delete(window[this.iframe]); if (size === false) { this.do_warn("File Upload", "There was a problem while uploading your file"); // TODO: use openerp web crashmanager console.warn("Error while uploading file : ", name); } else { this.on_file_uploaded_and_valid.apply(this, arguments); this.on_ui_change(); } this.$element.find('.oe-binary-progress').hide(); this.$element.find('.oe-binary').show(); }, on_file_uploaded_and_valid: function(size, name, content_type, file_base64) { }, on_save_as: function() { var url = '/web/binary/saveas?session_id=' + this.session.session_id + '&model=' + this.view.dataset.model +'&id=' + (this.view.datarecord.id || '') + '&field=' + this.name + '&fieldname=' + (this.node.attrs.filename || '') + '&t=' + (new Date().getTime()); window.open(url); }, on_clear: function() { if (this.value !== false) { this.value = false; this.binary_value = false; this.on_ui_change(); } return false; } }); openerp.web.form.FieldBinaryFile = openerp.web.form.FieldBinary.extend({ template: 'FieldBinaryFile', update_dom: function() { this._super.apply(this, arguments); this.$element.find('.oe-binary-file-set, .oe-binary-file-clear').toggle(!this.readonly); this.$element.find('input[type=text]').attr('disabled', this.readonly); }, set_value: function(value) { this._super.apply(this, arguments); var show_value = (value != null && value !== false) ? value : ''; this.$element.find('input').eq(0).val(show_value); }, on_file_uploaded_and_valid: function(size, name, content_type, file_base64) { this.value = file_base64; this.binary_value = true; var show_value = this.human_filesize(size); this.$element.find('input').eq(0).val(show_value); this.set_filename(name); }, set_filename: function(value) { var filename = this.node.attrs.filename; if (this.view.fields[filename]) { this.view.fields[filename].set_value(value); this.view.fields[filename].on_ui_change(); } }, on_clear: function() { this._super.apply(this, arguments); this.$element.find('input').eq(0).val(''); this.set_filename(''); } }); openerp.web.form.FieldBinaryImage = openerp.web.form.FieldBinary.extend({ template: 'FieldBinaryImage', start: function() { this._super.apply(this, arguments); this.$image = this.$element.find('img.oe-binary-image'); }, update_dom: function() { this._super.apply(this, arguments); this.$element.find('.oe-binary').toggle(!this.readonly); }, set_value: function(value) { this._super.apply(this, arguments); this.set_image_maxwidth(); var url = '/web/binary/image?session_id=' + this.session.session_id + '&model=' + this.view.dataset.model +'&id=' + (this.view.datarecord.id || '') + '&field=' + this.name + '&t=' + (new Date().getTime()); this.$image.attr('src', url); }, set_image_maxwidth: function() { this.$image.css('max-width', this.$element.width()); }, on_file_change: function() { this.set_image_maxwidth(); this._super.apply(this, arguments); }, on_file_uploaded_and_valid: function(size, name, content_type, file_base64) { this.value = file_base64; this.binary_value = true; this.$image.attr('src', 'data:' + (content_type || 'image/png') + ';base64,' + file_base64); }, on_clear: function() { this._super.apply(this, arguments); this.$image.attr('src', '/web/static/src/img/placeholder.png'); } }); openerp.web.form.FieldStatus = openerp.web.form.Field.extend({ template: "EmptyComponent", start: function() { this._super(); this.selected_value = null; this.render_list(); }, set_value: function(value) { this._super(value); this.selected_value = value; this.render_list(); }, render_list: function() { var self = this; var shown = _.map(((this.node.attrs || {}).statusbar_visible || "").split(","), function(x) { return _.str.trim(x); }); shown = _.select(shown, function(x) { return x.length > 0; }); if (shown.length == 0) { this.to_show = this.field.selection; } else { this.to_show = _.select(this.field.selection, function(x) { return _.indexOf(shown, x[0]) !== -1 || x[0] === self.selected_value; }); } var content = openerp.web.qweb.render("FieldStatus.content", {widget: this, _:_}); this.$element.html(content); var colors = JSON.parse((this.node.attrs || {}).statusbar_colors || "{}"); var color = colors[this.selected_value]; if (color) { var elem = this.$element.find("li.oe-arrow-list-selected span"); elem.css("border-color", color); if (this.check_white(color)) elem.css("color", "white"); elem = this.$element.find("li.oe-arrow-list-selected .oe-arrow-list-before"); elem.css("border-left-color", "rgba(0,0,0,0)"); elem = this.$element.find("li.oe-arrow-list-selected .oe-arrow-list-after"); elem.css("border-color", "rgba(0,0,0,0)"); elem.css("border-left-color", color); } }, check_white: function(color) { var div = $("
    "); div.css("display", "none"); div.css("color", color); div.appendTo($("body")); var ncolor = div.css("color"); div.remove(); var res = /^\s*rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)\s*$/.exec(ncolor); if (!res) { return false; } var comps = [parseInt(res[1]), parseInt(res[2]), parseInt(res[3])]; var lum = comps[0] * 0.3 + comps[1] * 0.59 + comps[1] * 0.11; if (lum < 128) { return true; } return false; } }); openerp.web.form.FieldReadonly = openerp.web.form.Field.extend({ }); openerp.web.form.FieldCharReadonly = openerp.web.form.FieldReadonly.extend({ template: 'FieldChar.readonly', init: function(view, node) { this._super(view, node); this.password = this.node.attrs.password === 'True' || this.node.attrs.password === '1'; }, set_value: function (value) { this._super.apply(this, arguments); var show_value = openerp.web.format_value(value, this, ''); if (this.password) { show_value = new Array(show_value.length + 1).join('*'); } this.$element.find('div').text(show_value); return show_value; } }); openerp.web.form.FieldURIReadonly = openerp.web.form.FieldCharReadonly.extend({ template: 'FieldURI.readonly', scheme: null, set_value: function (value) { var displayed = this._super.apply(this, arguments); this.$element.find('a') .attr('href', this.scheme + ':' + displayed) .text(displayed); } }); openerp.web.form.FieldEmailReadonly = openerp.web.form.FieldURIReadonly.extend({ scheme: 'mailto' }); openerp.web.form.FieldUrlReadonly = openerp.web.form.FieldURIReadonly.extend({ set_value: function (value) { var s = /(\w+):(.+)/.exec(value); if (!s || !(s[1] === 'http' || s[1] === 'https')) { return; } this.scheme = s[1]; this._super(s[2]); } }); openerp.web.form.FieldBooleanReadonly = openerp.web.form.FieldCharReadonly.extend({ set_value: function (value) { this._super(value ? '\u2611' : '\u2610'); } }); openerp.web.form.FieldSelectionReadonly = openerp.web.form.FieldReadonly.extend({ template: 'FieldChar.readonly', init: function(view, node) { // lifted straight from r/w version var self = this; this._super(view, node); this.values = this.field.selection; _.each(this.values, function(v, i) { if (v[0] === false && v[1] === '') { self.values.splice(i, 1); } }); this.values.unshift([false, '']); }, set_value: function (value) { value = value === null ? false : value; value = value instanceof Array ? value[0] : value; var option = _(this.values) .detect(function (record) { return record[0] === value; }); this._super(value); this.$element.find('div').text(option ? option[1] : this.values[0][1]); } }); openerp.web.form.FieldMany2OneReadonly = openerp.web.form.FieldURIReadonly.extend({ set_value: function (value) { value = value || null; this.invalid = false; var self = this; this.value = value; self.update_dom(); self.on_value_changed(); var real_set_value = function(rval) { self.value = rval; self.$element.find('a') .unbind('click') .text(rval ? rval[1] : '') .click(function () { self.do_action({ type: 'ir.actions.act_window', res_model: self.field.relation, res_id: self.value[0], context: self.build_context(), views: [[false, 'form']], target: 'current' }); return false; }); }; if (value && !(value instanceof Array)) { new openerp.web.DataSetStatic( this, this.field.relation, self.build_context()) .name_get([value], function(data) { real_set_value(data[0]); }); } else { setTimeout(function() {real_set_value(value);}, 0); } }, get_value: function() { if (!this.value) { return false; } else if (this.value instanceof Array) { return this.value[0]; } else { return this.value; } } }); /** * Registry of form widgets, called by :js:`openerp.web.FormView` */ openerp.web.form.widgets = new openerp.web.Registry({ 'frame' : 'openerp.web.form.WidgetFrame', 'group' : 'openerp.web.form.WidgetGroup', 'notebook' : 'openerp.web.form.WidgetNotebook', 'notebookpage' : 'openerp.web.form.WidgetNotebookPage', 'separator' : 'openerp.web.form.WidgetSeparator', 'label' : 'openerp.web.form.WidgetLabel', 'button' : 'openerp.web.form.WidgetButton', 'char' : 'openerp.web.form.FieldChar', 'email' : 'openerp.web.form.FieldEmail', 'url' : 'openerp.web.form.FieldUrl', 'text' : 'openerp.web.form.FieldText', 'text_wiki' : 'openerp.web.form.FieldText', 'date' : 'openerp.web.form.FieldDate', 'datetime' : 'openerp.web.form.FieldDatetime', 'selection' : 'openerp.web.form.FieldSelection', 'many2one' : 'openerp.web.form.FieldMany2One', 'many2many' : 'openerp.web.form.FieldMany2Many', 'one2many' : 'openerp.web.form.FieldOne2Many', 'one2many_list' : 'openerp.web.form.FieldOne2Many', 'reference' : 'openerp.web.form.FieldReference', 'boolean' : 'openerp.web.form.FieldBoolean', 'float' : 'openerp.web.form.FieldFloat', 'integer': 'openerp.web.form.FieldFloat', 'float_time': 'openerp.web.form.FieldFloat', 'progressbar': 'openerp.web.form.FieldProgressBar', 'image': 'openerp.web.form.FieldBinaryImage', 'binary': 'openerp.web.form.FieldBinaryFile', 'statusbar': 'openerp.web.form.FieldStatus' }); openerp.web.form.FieldMany2ManyReadonly = openerp.web.form.FieldMany2Many.extend({ force_readonly: true }); openerp.web.form.FieldOne2ManyReadonly = openerp.web.form.FieldOne2Many.extend({ force_readonly: true }); openerp.web.form.readonly = openerp.web.form.widgets.clone({ 'char': 'openerp.web.form.FieldCharReadonly', 'email': 'openerp.web.form.FieldEmailReadonly', 'url': 'openerp.web.form.FieldUrlReadonly', 'text': 'openerp.web.form.FieldCharReadonly', 'text_wiki' : 'openerp.web.form.FieldCharReadonly', 'date': 'openerp.web.form.FieldCharReadonly', 'datetime': 'openerp.web.form.FieldCharReadonly', 'selection' : 'openerp.web.form.FieldSelectionReadonly', 'many2one': 'openerp.web.form.FieldMany2OneReadonly', 'many2many' : 'openerp.web.form.FieldMany2ManyReadonly', 'one2many' : 'openerp.web.form.FieldOne2ManyReadonly', 'one2many_list' : 'openerp.web.form.FieldOne2ManyReadonly', 'boolean': 'openerp.web.form.FieldBooleanReadonly', 'float': 'openerp.web.form.FieldCharReadonly', 'integer': 'openerp.web.form.FieldCharReadonly', 'float_time': 'openerp.web.form.FieldCharReadonly' }); }; // vim:et fdc=0 fdl=0 foldnestmax=3 fdm=syntax: