1 openerp.base.form = function (openerp) {
3 openerp.base.views.add('form', 'openerp.base.FormView');
4 openerp.base.FormView = openerp.base.View.extend( /** @lends openerp.base.FormView# */{
6 * Indicates that this view is not searchable, and thus that no search
7 * view should be displayed (if there is one active).
13 * @param {openerp.base.Session} session the current openerp session
14 * @param {String} element_id this view's root element id
15 * @param {openerp.base.DataSet} dataset the dataset this view will work with
16 * @param {String} view_id the identifier of the OpenERP view object
18 * @property {openerp.base.Registry} registry=openerp.base.form.widgets widgets registry for this form view instance
20 init: function(view_manager, session, element_id, dataset, view_id) {
21 this._super(session, element_id);
22 this.view_manager = view_manager || new openerp.base.NullViewManager();
23 this.dataset = dataset;
24 this.model = dataset.model;
25 this.view_id = view_id;
26 this.fields_view = {};
28 this.widgets_counter = 0;
32 this.show_invalid = true;
34 this.flags = this.view_manager.flags || {};
35 this.default_focus_field = null;
36 this.default_focus_button = null;
37 this.registry = openerp.base.form.widgets;
38 this.has_been_loaded = $.Deferred();
41 //this.log('Starting FormView '+this.model+this.view_id)
42 if (this.embedded_view) {
43 return $.Deferred().then(this.on_loaded).resolve({fields_view: this.embedded_view});
45 var context = new openerp.base.CompoundContext(this.dataset.context);
46 if (this.view_manager.action && this.view_manager.action.context) {
47 context.add(this.view_manager.action.context);
49 return this.rpc("/base/formview/load", {"model": this.model, "view_id": this.view_id,
50 toolbar:!!this.flags.sidebar, context: context}, this.on_loaded);
53 on_loaded: function(data) {
55 this.fields_view = data.fields_view;
56 var frame = new (this.registry.get_object('frame'))(this, this.fields_view.arch);
58 this.$element.html(QWeb.render(this.template, { 'frame': frame, 'view': this }));
59 _.each(this.widgets, function(w) {
62 this.$element.find('div.oe_form_pager button[data-pager-action]').click(function() {
63 var action = $(this).data('pager-action');
64 self.on_pager_action(action);
67 this.$element.find('#' + this.element_id + '_header button.oe_form_button_save').click(this.do_save);
68 this.$element.find('#' + this.element_id + '_header button.oe_form_button_save_edit').click(this.do_save_edit);
69 this.$element.find('#' + this.element_id + '_header button.oe_form_button_cancel').click(this.do_cancel);
70 this.$element.find('#' + this.element_id + '_header button.oe_form_button_new').click(this.on_button_new);
72 this.view_manager.sidebar.set_toolbar(data.fields_view.toolbar);
73 this.has_been_loaded.resolve();
75 do_show: function () {
78 if (this.dataset.index === null || (this.dataset.index === 0 && this.dataset.ids.length == 0)) {
79 // null index means we should start a new record
80 // 0 index with empty ids means we called the form with empty dataset (wizards, switched to form from empty list, ...)
83 this.dataset.read_index(_.keys(this.fields_view.fields), this.on_record_loaded);
85 this.view_manager.sidebar.do_refresh(true);
87 do_hide: function () {
90 on_record_loaded: function(record) {
93 this.datarecord = record;
94 for (var f in this.fields) {
95 var field = this.fields[f];
96 field.touched = false;
97 field.set_value(this.datarecord[f] || false);
101 // New record: Second pass in order to trigger the onchanges
103 this.show_invalid = false;
104 for (var f in record) {
105 this.on_form_changed(this.fields[f]);
108 this.on_form_changed();
109 this.show_invalid = this.ready = true;
111 this.log("No record received");
113 this.do_update_pager(record.id == null);
114 this.do_update_sidebar();
115 if (this.default_focus_field) {
116 this.default_focus_field.focus();
119 on_form_changed: function(widget) {
120 if (widget && widget.node.attrs.on_change) {
121 this.do_onchange(widget);
123 for (var w in this.widgets) {
130 on_pager_action: function(action) {
133 this.dataset.index = 0;
136 this.dataset.previous();
142 this.dataset.index = this.dataset.ids.length - 1;
147 do_update_pager: function(hide_index) {
148 var $pager = this.$element.find('#' + this.element_id + '_header div.oe_form_pager');
149 var index = hide_index ? '-' : this.dataset.index + 1;
150 $pager.find('span.oe_pager_index').html(index);
151 $pager.find('span.oe_pager_count').html(this.dataset.count);
153 do_onchange: function(widget, processed) {
154 processed = processed || [];
155 if (widget.node.attrs.on_change) {
158 var onchange = _.trim(widget.node.attrs.on_change);
159 var call = onchange.match(/^\s?(.*?)\((.*?)\)\s?$/);
161 var method = call[1], args = [];
162 var argument_replacement = {
167 _.each(call[2].split(','), function(a) {
168 var field = _.trim(a);
169 if (field in argument_replacement) {
170 args.push(argument_replacement[field]);
171 } else if (self.fields[field]) {
172 var value = self.fields[field].get_value();
173 args.push(value == null ? false : value);
176 self.log("warning : on_change can't find field " + field, onchange);
180 url: '/base/dataset/call',
183 return this.rpc(ajax, {
184 model: this.dataset.model,
186 args: [(this.datarecord.id == null ? [] : [this.datarecord.id])].concat(args)
187 }, function(response) {
188 self.on_processed_onchange(response, processed);
191 this.log("Wrong on_change format", on_change);
195 on_processed_onchange: function(response, processed) {
196 var result = response.result;
198 for (var f in result.value) {
199 var field = this.fields[f];
201 var value = result.value[f];
202 processed.push(field.name);
203 if (field.get_value() != value) {
204 field.set_value(value);
205 if (_.indexOf(processed, field.name) < 0) {
206 this.do_onchange(field, processed);
210 this.log("warning : on_processed_onchange can't find field " + field, result);
213 this.on_form_changed();
215 if (result.warning) {
216 $(QWeb.render("DialogWarning", result.warning)).dialog({
220 $(this).dialog("close");
230 on_button_new: function() {
232 var context = new openerp.base.CompoundContext(this.dataset.context);
233 if (this.view_manager.action && this.view_manager.action.context) {
234 context.add(this.view_manager.action.context);
236 $.when(this.has_been_loaded).then(function() {
237 self.dataset.default_get(_.keys(self.fields_view.fields), context, function(result) {
238 self.on_record_loaded(result.result);
243 * Triggers saving the form's record. Chooses between creating a new
244 * record or saving an existing one depending on whether the record
245 * already has an id property.
247 * @param {Function} success callback on save success
248 * @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)
250 do_save: function(success, prepend_on_create) {
257 for (var f in this.fields) {
262 } else if (f.touched) {
263 values[f.name] = f.get_value();
270 this.log("About to save", values);
271 if (!this.datarecord.id) {
272 this.dataset.create(values, function(r) {
273 self.on_created(r, success, prepend_on_create);
276 this.dataset.write(this.datarecord.id, values, function(r) {
277 self.on_saved(r, success);
283 do_save_edit: function() {
285 //this.switch_readonly(); Use promises
287 switch_readonly: function() {
289 switch_editable: function() {
291 on_invalid: function() {
293 _.each(this.fields, function(f) {
295 msg += "<li>" + f.string + "</li>";
299 this.notification.warn("The following fields are invalid :", msg);
301 on_saved: function(r, success) {
303 this.notification.warn("Record not saved", "Problem while saving record.");
305 this.notification.notify("Record saved", "The record #" + this.datarecord.id + " has been saved.");
313 * Updates the form' dataset to contain the new record:
315 * * Adds the newly created record to the current dataset (at the end by
317 * * Selects that record (sets the dataset's index to point to the new
319 * * Updates the pager and sidebar displays
322 * @param {Function} success callback to execute after having updated the dataset
323 * @param {Boolean} [prepend_on_create=false] adds the newly created record at the beginning of the dataset instead of the end
325 on_created: function(r, success, prepend_on_create) {
327 this.notification.warn("Record not created", "Problem while creating record.");
329 this.datarecord.id = r.result;
330 if (!prepend_on_create) {
331 this.dataset.ids.push(this.datarecord.id);
332 this.dataset.index = this.dataset.ids.length - 1;
334 this.dataset.ids.unshift(this.datarecord.id);
335 this.dataset.index = 0;
337 this.dataset.count++;
338 this.do_update_pager();
339 this.do_update_sidebar();
340 this.notification.notify("Record created", "The record has been created with id #" + this.datarecord.id);
342 success(_.extend(r, {created: true}));
347 do_search: function (domains, contexts, groupbys) {
348 this.notification.notify("Searching form");
350 on_action: function (action) {
351 this.notification.notify('Executing action ' + action);
353 do_cancel: function () {
354 this.notification.notify("Cancelling form");
356 do_update_sidebar: function() {
357 if (this.flags.sidebar === false) {
360 if (!this.datarecord.id) {
361 this.on_attachments_loaded([]);
363 this.rpc('/base/dataset/search_read', {
364 model: 'ir.attachment',
365 fields: ['name', 'url', 'type'],
366 domain: [['res_model', '=', this.dataset.model], ['res_id', '=', this.datarecord.id], ['type', 'in', ['binary', 'url']]],
367 context: this.dataset.context
368 }, this.on_attachments_loaded);
371 on_attachments_loaded: function(attachments) {
372 this.$sidebar = this.view_manager.sidebar.$element.find('.sidebar-attachments');
373 this.attachments = attachments;
374 this.$sidebar.html(QWeb.render('FormView.sidebar.attachments', this));
375 this.$sidebar.find('.oe-sidebar-attachment-delete').click(this.on_attachment_delete);
376 this.$sidebar.find('.oe-binary-file').change(this.on_attachment_changed);
378 on_attachment_changed: function(e) {
379 window[this.element_id + '_iframe'] = this.do_update_sidebar;
380 var $e = $(e.target);
381 if ($e.val() != '') {
382 this.$sidebar.find('form.oe-binary-form').submit();
383 $e.parent().find('input[type=file]').attr('disabled', 'true');
384 $e.parent().find('button').attr('disabled', 'true').find('img, span').toggle();
387 on_attachment_delete: function(e) {
388 var self = this, $e = $(e.currentTarget);
389 var name = _.trim($e.parent().find('a.oe-sidebar-attachments-link').text());
390 if (confirm("Do you really want to delete the attachment " + name + " ?")) {
391 this.rpc('/base/dataset/unlink', {
392 model: 'ir.attachment',
393 ids: [parseInt($e.attr('data-id'))]
395 $e.parent().remove();
396 self.notification.notify("Delete an attachment", "The attachment '" + name + "' has been deleted");
401 if (this.datarecord.id) {
402 this.dataset.read_index(_.keys(this.fields_view.fields), this.on_record_loaded);
404 this.on_button_new();
410 openerp.base.form = {};
412 openerp.base.form.compute_domain = function(expr, fields) {
414 for (var i = expr.length - 1; i >= 0; i--) {
416 if (ex.length == 1) {
417 var top = stack.pop();
420 stack.push(stack.pop() || top);
423 stack.push(stack.pop() && top);
429 throw new Error('Unknown domain operator ' + ex);
433 var field = fields[ex[0]].value;
437 switch (op.toLowerCase()) {
440 stack.push(field == val);
444 stack.push(field != val);
447 stack.push(field < val);
450 stack.push(field > val);
453 stack.push(field <= val);
456 stack.push(field >= val);
459 stack.push(_(val).contains(field));
462 stack.push(!_(val).contains(field));
465 this.log("Unsupported operator in attrs :", op);
471 openerp.base.form.Widget = openerp.base.Controller.extend({
473 init: function(view, node) {
476 this.attrs = JSON.parse(this.node.attrs.attrs || '{}');
477 this.type = this.type || node.tag;
478 this.element_name = this.element_name || this.type;
479 this.element_id = [this.view.element_id, this.element_name, this.view.widgets_counter++].join("_");
481 this._super(this.view.session, this.element_id);
483 this.view.widgets[this.element_id] = this;
484 this.children = node.children;
485 this.colspan = parseInt(node.attrs.colspan || 1);
487 this.string = this.string || node.attrs.string;
488 this.help = this.help || node.attrs.help;
489 this.invisible = (node.attrs.invisible == '1');
492 this.$element = $('#' + this.element_id);
494 process_attrs: function() {
495 var compute_domain = openerp.base.form.compute_domain;
496 for (var a in this.attrs) {
497 this[a] = compute_domain(this.attrs[a], this.view.fields);
500 update_dom: function() {
501 this.$element.toggle(!this.invisible);
504 var template = this.template;
505 return QWeb.render(template, { "widget": this });
509 openerp.base.form.WidgetFrame = openerp.base.form.Widget.extend({
510 template: 'WidgetFrame',
511 init: function(view, node) {
512 this._super(view, node);
513 this.columns = node.attrs.col || 4;
518 for (var i = 0; i < node.children.length; i++) {
519 var n = node.children[i];
520 if (n.tag == "newline") {
526 this.set_row_cells_with(this.table[this.table.length - 1]);
529 if (this.table.length) {
530 this.set_row_cells_with(this.table[this.table.length - 1]);
533 this.table.push(row);
538 set_row_cells_with: function(row) {
539 for (var i = 0; i < row.length; i++) {
541 if (w.is_field_label) {
544 row[i + 1].width = Math.round((100 / this.columns) * (w.colspan + 1) - 1) + '%';
546 } else if (w.width === undefined) {
547 w.width = Math.round((100 / this.columns) * w.colspan) + '%';
551 handle_node: function(node) {
552 var type = this.view.fields_view.fields[node.attrs.name] || {};
553 var widget_type = node.attrs.widget || type.type || node.tag;
554 var widget = new (this.view.registry.get_object(widget_type)) (this.view, node);
555 if (node.tag == 'field') {
556 if (node.attrs.default_focus == '1') {
557 this.view.default_focus_field = widget;
559 if (node.attrs.nolabel != '1') {
560 var label = new (this.view.registry.get_object('label')) (this.view, node);
561 label["for"] = widget;
562 this.add_widget(label);
565 this.add_widget(widget);
567 add_widget: function(widget) {
568 var current_row = this.table[this.table.length - 1];
569 if (current_row.length && (this.x + widget.colspan) > this.columns) {
570 current_row = this.add_row();
572 current_row.push(widget);
573 this.x += widget.colspan;
578 openerp.base.form.WidgetNotebook = openerp.base.form.Widget.extend({
579 init: function(view, node) {
580 this._super(view, node);
581 this.template = "WidgetNotebook";
583 for (var i = 0; i < node.children.length; i++) {
584 var n = node.children[i];
585 if (n.tag == "page") {
586 var page = new openerp.base.form.WidgetFrame(this.view, n);
587 this.pages.push(page);
592 this._super.apply(this, arguments);
593 this.$element.tabs();
597 openerp.base.form.WidgetSeparator = openerp.base.form.Widget.extend({
598 init: function(view, node) {
599 this._super(view, node);
600 this.template = "WidgetSeparator";
604 openerp.base.form.WidgetButton = openerp.base.form.Widget.extend({
605 init: function(view, node) {
606 this._super(view, node);
607 this.template = "WidgetButton";
608 if (node.attrs.default_focus == '1') {
609 // TODO fme: provide enter key binding to widgets
610 this.view.default_focus_button = this;
614 this._super.apply(this, arguments);
615 this.$element.click(this.on_click);
617 on_click: function(saved) {
619 if (!this.node.attrs.special && this.view.touched && saved !== true) {
620 this.view.do_save(function() {
624 if (this.node.attrs.confirm) {
625 var dialog = $('<div>' + this.node.attrs.confirm + '</div>').dialog({
631 $(this).dialog("close");
634 $(this).dialog("close");
643 on_confirmed: function() {
646 this.view.execute_action(
647 this.node.attrs, this.view.dataset, this.session.action_manager,
648 this.view.datarecord.id, function (result) {
649 self.log("Button returned", result);
655 openerp.base.form.WidgetLabel = openerp.base.form.Widget.extend({
656 init: function(view, node) {
657 this.is_field_label = true;
658 this.element_name = 'label_' + node.attrs.name;
660 this._super(view, node);
662 this.template = "WidgetLabel";
665 render: function () {
666 if (this['for'] && this.type !== 'label') {
667 return QWeb.render(this.template, {widget: this['for']});
669 // Actual label widgets should not have a false and have type label
670 return QWeb.render(this.template, {widget: this});
674 openerp.base.form.Field = openerp.base.form.Widget.extend({
675 init: function(view, node) {
676 this.name = node.attrs.name;
677 this.value = undefined;
678 view.fields[this.name] = this;
679 this.type = node.attrs.widget || view.fields_view.fields[node.attrs.name].type;
680 this.element_name = "field_" + this.name + "_" + this.type;
682 this._super(view, node);
684 if (node.attrs.nolabel != '1' && this.colspan > 1) {
687 this.field = view.fields_view.fields[node.attrs.name] || {};
688 this.string = node.attrs.string || this.field.string;
689 this.help = node.attrs.help || this.field.help;
690 this.invisible = (this.invisible || this.field.invisible == '1');
691 this.nolabel = (this.field.nolabel || node.attrs.nolabel) == '1';
692 this.readonly = (this.field.readonly || node.attrs.readonly) == '1';
693 this.required = (this.field.required || node.attrs.required) == '1';
694 this.invalid = false;
695 this.touched = false;
697 set_value: function(value) {
699 this.invalid = false;
702 set_value_from_ui: function() {
703 this.value = undefined;
705 get_value: function() {
708 update_dom: function() {
709 this._super.apply(this, arguments);
710 this.$element.toggleClass('disabled', this.readonly);
711 this.$element.toggleClass('required', this.required);
712 if (this.view.show_invalid) {
713 this.$element.toggleClass('invalid', this.invalid);
716 on_ui_change: function() {
717 this.touched = this.view.touched = true;
720 this.set_value_from_ui();
721 this.view.on_form_changed(this);
726 validate: function() {
727 this.invalid = false;
733 openerp.base.form.FieldChar = openerp.base.form.Field.extend({
734 init: function(view, node) {
735 this._super(view, node);
736 this.template = "FieldChar";
739 this._super.apply(this, arguments);
740 this.$element.find('input').change(this.on_ui_change);
742 set_value: function(value) {
743 this._super.apply(this, arguments);
744 var show_value = (value != null && value !== false) ? value : '';
745 this.$element.find('input').val(show_value);
747 update_dom: function() {
748 this._super.apply(this, arguments);
749 this.$element.find('input').attr('disabled', this.readonly);
751 set_value_from_ui: function() {
752 this.value = this.$element.find('input').val();
754 validate: function() {
755 this.invalid = false;
756 var value = this.$element.find('input').val();
758 this.invalid = this.required;
759 } else if (this.validation_regex) {
760 this.invalid = !this.validation_regex.test(value);
764 this.$element.find('input').focus();
768 openerp.base.form.FieldEmail = openerp.base.form.FieldChar.extend({
769 init: function(view, node) {
770 this._super(view, node);
771 this.template = "FieldEmail";
772 this.validation_regex = /@/;
775 this._super.apply(this, arguments);
776 this.$element.find('button').click(this.on_button_clicked);
778 on_button_clicked: function() {
779 if (!this.value || this.invalid) {
780 this.notification.warn("E-mail error", "Can't send email to invalid e-mail address");
782 location.href = 'mailto:' + this.value;
785 set_value: function(value) {
786 this._super.apply(this, arguments);
787 var show_value = (value != null && value !== false) ? value : '';
788 this.$element.find('a').attr('href', 'mailto:' + show_value);
792 openerp.base.form.FieldUrl = openerp.base.form.FieldChar.extend({
793 init: function(view, node) {
794 this._super(view, node);
795 this.template = "FieldUrl";
798 this._super.apply(this, arguments);
799 this.$element.find('button').click(this.on_button_clicked);
801 on_button_clicked: function() {
803 this.notification.warn("Resource error", "This resource is empty");
805 window.open(this.value);
810 openerp.base.form.FieldFloat = openerp.base.form.FieldChar.extend({
811 init: function(view, node) {
812 this._super(view, node);
813 this.validation_regex = /^-?\d+(\.\d+)?$/;
815 set_value: function(value) {
816 this._super.apply(this, [value]);
817 if (value === false || value === undefined) {
818 // As in GTK client, floats default to 0
821 var show_value = value.toFixed(2);
822 this.$element.find('input').val(show_value);
824 set_value_from_ui: function() {
825 this.value = Number(this.$element.find('input').val().replace(/,/g, '.'));
829 openerp.base.form.FieldDatetime = openerp.base.form.Field.extend({
830 init: function(view, node) {
831 this._super(view, node);
832 this.template = "FieldDate";
833 this.jqueryui_object = 'datetimepicker';
836 this._super.apply(this, arguments);
837 this.$element.find('input').change(this.on_ui_change)[this.jqueryui_object]({
838 dateFormat: 'yy-mm-dd',
839 timeFormat: 'hh:mm:ss'
842 set_value: function(value) {
843 this._super.apply(this, arguments);
844 if (value == null || value == false) {
845 this.$element.find('input').val('');
847 this.$element.find('input').unbind('change');
848 // jQuery UI date picker wrongly call on_change event herebelow
849 this.$element.find('input')[this.jqueryui_object]('setDate', this.parse(value));
850 this.$element.find('input').change(this.on_ui_change);
853 set_value_from_ui: function() {
854 this.value = this.$element.find('input')[this.jqueryui_object]('getDate') || false;
856 this.value = this.format(this.value);
859 validate: function() {
860 this.invalid = this.required && this.$element.find('input')[this.jqueryui_object]('getDate') === '';
863 this.$element.find('input').focus();
865 parse: openerp.base.parse_datetime,
866 format: openerp.base.format_datetime
869 openerp.base.form.FieldDate = openerp.base.form.FieldDatetime.extend({
870 init: function(view, node) {
871 this._super(view, node);
872 this.jqueryui_object = 'datepicker';
874 parse: openerp.base.parse_date,
875 format: openerp.base.format_date
878 openerp.base.form.FieldFloatTime = openerp.base.form.FieldChar.extend({
879 init: function(view, node) {
880 this._super(view, node);
881 this.validation_regex = /^\d+:\d+$/;
883 set_value: function(value) {
884 this._super.apply(this, [value]);
885 if (value === false || value === undefined) {
886 // As in GTK client, floats default to 0
889 var show_value = _.sprintf("%02d:%02d", Math.floor(value), Math.round((value % 1) * 60));
890 this.$element.find('input').val(show_value);
892 set_value_from_ui: function() {
893 var time = this.$element.find('input').val().split(':');
894 this.set_value(parseInt(time[0], 10) + parseInt(time[1], 10) / 60);
898 openerp.base.form.FieldText = openerp.base.form.Field.extend({
899 init: function(view, node) {
900 this._super(view, node);
901 this.template = "FieldText";
902 this.validation_regex = null;
905 this._super.apply(this, arguments);
906 this.$element.find('textarea').change(this.on_ui_change);
908 set_value: function(value) {
909 this._super.apply(this, arguments);
910 var show_value = (value != null && value !== false) ? value : '';
911 this.$element.find('textarea').val(show_value);
913 update_dom: function() {
914 this._super.apply(this, arguments);
915 this.$element.find('textarea').attr('disabled', this.readonly);
917 set_value_from_ui: function() {
918 this.value = this.$element.find('textarea').val();
920 validate: function() {
921 this.invalid = false;
922 var value = this.$element.find('textarea').val();
924 this.invalid = this.required;
925 } else if (this.validation_regex) {
926 this.invalid = !this.validation_regex.test(value);
930 this.$element.find('textarea').focus();
934 openerp.base.form.FieldBoolean = openerp.base.form.Field.extend({
935 init: function(view, node) {
936 this._super(view, node);
937 this.template = "FieldBoolean";
941 this._super.apply(this, arguments);
942 this.$element.find('input').click(function() {
943 if ($(this).is(':checked') != self.value) {
948 set_value: function(value) {
949 this._super.apply(this, arguments);
950 this.$element.find('input')[0].checked = value;
952 set_value_from_ui: function() {
953 this.value = this.$element.find('input').is(':checked');
955 update_dom: function() {
956 this._super.apply(this, arguments);
957 this.$element.find('input').attr('disabled', this.readonly);
959 validate: function() {
960 this.invalid = this.required && !this.$element.find('input').is(':checked');
963 this.$element.find('input').focus();
967 openerp.base.form.FieldProgressBar = openerp.base.form.Field.extend({
968 init: function(view, node) {
969 this._super(view, node);
970 this.template = "FieldProgressBar";
973 this._super.apply(this, arguments);
974 this.$element.find('div').progressbar({
976 disabled: this.readonly
979 set_value: function(value) {
980 this._super.apply(this, arguments);
981 var show_value = Number(value);
982 if (show_value === NaN) {
985 this.$element.find('div').progressbar('option', 'value', show_value).find('span').html(show_value + '%');
989 openerp.base.form.FieldTextXml = openerp.base.form.Field.extend({
990 // to replace view editor
993 openerp.base.form.FieldSelection = openerp.base.form.Field.extend({
994 init: function(view, node) {
995 this._super(view, node);
996 this.template = "FieldSelection";
999 this._super.apply(this, arguments);
1000 this.$element.find('select').change(this.on_ui_change);
1002 set_value: function(value) {
1003 this._super.apply(this, arguments);
1004 if (value != null && value !== false) {
1005 this.$element.find('select').val(value);
1007 this.$element.find('select').val('false');
1010 set_value_from_ui: function() {
1011 this.value = this.$element.find('select').val();
1013 update_dom: function() {
1014 this._super.apply(this, arguments);
1015 this.$element.find('select').attr('disabled', this.readonly);
1017 validate: function() {
1018 this.invalid = this.required && this.$element.find('select').val() === "";
1021 this.$element.find('select').focus();
1025 // jquery autocomplete tweak to allow html
1027 var proto = $.ui.autocomplete.prototype,
1028 initSource = proto._initSource;
1030 function filter( array, term ) {
1031 var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
1032 return $.grep( array, function(value) {
1033 return matcher.test( $( "<div>" ).html( value.label || value.value || value ).text() );
1038 _initSource: function() {
1039 if ( this.options.html && $.isArray(this.options.source) ) {
1040 this.source = function( request, response ) {
1041 response( filter( this.options.source, request.term ) );
1044 initSource.call( this );
1048 _renderItem: function( ul, item) {
1049 return $( "<li></li>" )
1050 .data( "item.autocomplete", item )
1051 .append( $( "<a></a>" )[ this.options.html ? "html" : "text" ]( item.label ) )
1058 * Builds a new context usable for operations related to fields by merging
1059 * the fields'context with the action's context.
1061 var build_relation_context = function(relation_field) {
1062 var action = relation_field.view.view_manager.action || {};
1063 var a_context = action.context || {};
1064 var f_context = relation_field.field.context || {};
1065 var ctx = new openerp.base.CompoundContext(a_context).add(f_context);
1069 openerp.base.form.FieldMany2One = openerp.base.form.Field.extend({
1070 init: function(view, node) {
1071 this._super(view, node);
1072 this.template = "FieldMany2One";
1075 this.cm_id = _.uniqueId('m2o_cm_');
1076 this.last_search = [];
1081 this.$input = this.$element.find("input");
1082 this.$drop_down = this.$element.find(".oe-m2o-drop-down-button");
1083 this.$menu_btn = this.$element.find(".oe-m2o-cm-button");
1087 bindings[this.cm_id + "_search"] = function() {
1088 self._search_create_popup("search");
1090 bindings[this.cm_id + "_create"] = function() {
1091 self._search_create_popup("form");
1093 bindings[this.cm_id + "_open"] = function() {
1097 self.session.action_manager.do_action({
1098 "res_model": self.field.relation,
1099 "views":[[false,"form"]],
1100 "res_id": self.value[0],
1101 "type":"ir.actions.act_window",
1105 "context": build_relation_context(self)
1108 var cmenu = this.$menu_btn.contextMenu(this.cm_id, {'leftClickToo': true,
1109 bindings: bindings, itemStyle: {"color": ""},
1110 onContextMenu: function() {
1112 $("#" + self.cm_id + "_open").removeClass("oe-m2o-disabled-cm");
1114 $("#" + self.cm_id + "_open").addClass("oe-m2o-disabled-cm");
1120 // some behavior for input
1121 this.$input.keyup(function() {
1122 if (self.$input.val() === "") {
1123 self._change_int_value(null);
1124 } else if (self.value === null || (self.value && self.$input.val() !== self.value[1])) {
1125 self._change_int_value(undefined);
1128 this.$drop_down.click(function() {
1129 if (self.$input.autocomplete("widget").is(":visible")) {
1130 self.$input.autocomplete("close");
1133 self.$input.autocomplete("search", "");
1135 self.$input.autocomplete("search");
1137 self.$input.focus();
1140 var anyoneLoosesFocus = function() {
1141 if (!self.$input.is(":focus") &&
1142 !self.$input.autocomplete("widget").is(":visible") &&
1144 if(self.value === undefined && self.last_search.length > 0) {
1145 self._change_int_ext_value(self.last_search[0]);
1147 self._change_int_ext_value(null);
1151 this.$input.focusout(anyoneLoosesFocus);
1154 this.$input.autocomplete({
1155 source: function(req, resp) { self.get_search_result(req, resp); },
1156 select: function(event, ui) {
1159 self._change_int_value([item.id, item.name]);
1160 } else if (item.action) {
1161 self._change_int_value(undefined);
1166 focus: function(e, ui) {
1170 close: anyoneLoosesFocus,
1175 // autocomplete component content handling
1176 get_search_result: function(request, response) {
1177 var search_val = request.term;
1180 var dataset = new openerp.base.DataSetStatic(this.session, this.field.relation, []);
1182 dataset.name_search([search_val, self.field.domain || [], 'ilike',
1183 build_relation_context(self), this.limit + 1], function(data) {
1184 self.last_search = data.result;
1185 // possible selections for the m2o
1186 var values = _.map(data.result, function(x) {
1187 return {label: $('<span />').text(x[1]).html(), name:x[1], id:x[0]};
1190 // search more... if more results that max
1191 if (values.length > self.limit) {
1192 values = values.slice(0, self.limit);
1193 values.push({label: "<em>Â Â Â Search More...</em>", action: function() {
1194 dataset.name_search([search_val, self.field.domain || [], 'ilike',
1195 build_relation_context(self), false], function(data) {
1196 self._change_int_value(null);
1197 self._search_create_popup("search", data.result);
1202 var raw_result = _(data.result).map(function(x) {return x[1];})
1203 if (search_val.length > 0 &&
1204 !_.include(raw_result, search_val) &&
1205 (!self.value || search_val !== self.value[1])) {
1206 values.push({label: '<em>Â Â Â Create "<strong>' +
1207 $('<span />').text(search_val).html() + '</strong>"</em>', action: function() {
1208 self._quick_create(search_val);
1212 values.push({label: "<em>Â Â Â Create and Edit...</em>", action: function() {
1213 self._change_int_value(null);
1214 self._search_create_popup("form");
1220 _quick_create: function(name) {
1222 var dataset = new openerp.base.DataSetStatic(this.session, this.field.relation, []);
1223 dataset.call("name_create", [name, build_relation_context(self)], function(data) {
1224 self._change_int_ext_value(data.result);
1226 self._change_int_value(null);
1227 self._search_create_popup("form", undefined, {"default_name": name});
1230 // all search/create popup handling
1231 _search_create_popup: function(view, ids, context) {
1232 var dataset = new openerp.base.DataSetStatic(this.session, this.field.relation, []);
1234 var pop = new openerp.base.form.SelectCreatePopup(null, self.view.session);
1235 pop.select_element(self.field.relation,{
1236 initial_ids: ids ? _.map(ids, function(x) {return x[0]}) : undefined,
1238 disable_multiple_selection: true
1239 }, self.view.domain || [],
1240 new openerp.base.CompoundContext(build_relation_context(self)).add(context || {}));
1241 pop.on_select_elements.add(function(element_ids) {
1242 dataset.call("name_get", [element_ids[0]], function(data) {
1243 self._change_int_ext_value(data.result[0]);
1248 _change_int_ext_value: function(value) {
1249 this._change_int_value(value);
1250 this.$input.val(this.value ? this.value[1] : "");
1252 _change_int_value: function(value) {
1254 if (this.original_value === undefined || (this.value !== undefined &&
1255 ((this.original_value ? this.original_value[0] : null) !== (this.value ? this.value[0] : null)))) {
1256 this.original_value = undefined;
1257 this.on_ui_change();
1260 set_value_from_ui: function() {},
1261 set_value: function(value) {
1263 this.original_value = value;
1264 this._change_int_ext_value(value);
1266 get_value: function() {
1267 if (this.value === undefined)
1268 throw "theorically unreachable state";
1269 return this.value ? this.value[0] : false;
1271 validate: function() {
1272 this.invalid = false;
1273 if (this.value === null) {
1274 this.invalid = this.required;
1279 openerp.base.form.FieldOne2Many = openerp.base.form.Field.extend({
1280 init: function(view, node) {
1281 this._super(view, node);
1282 this.template = "FieldOne2Many";
1283 this.is_started = $.Deferred();
1284 this.is_setted = $.Deferred();
1287 this._super.apply(this, arguments);
1291 this.dataset = new openerp.base.DataSetStatic(this.session, this.field.relation);
1292 this.dataset.on_unlink.add_last(function(ids) {
1293 self.dataset.set_ids(_.without.apply(_, [self.dataset.ids].concat(ids)));
1294 self.on_ui_change();
1295 self.reload_current_view();
1298 var modes = this.node.attrs.mode;
1299 modes = !!modes ? modes.split(",") : ["tree", "form"];
1301 _.each(modes, function(mode) {
1302 var view = {view_id: false, view_type: mode == "tree" ? "list" : mode};
1303 if (self.field.views && self.field.views[mode]) {
1304 view.embedded_view = self.field.views[mode];
1306 if(view.view_type === "list") {
1314 this.viewmanager = new openerp.base.ViewManager(this.view.session,
1315 this.element_id, this.dataset, views);
1316 var reg = new openerp.base.Registry();
1317 reg.add("form", openerp.base.views.map["form"]);
1318 reg.add("graph", openerp.base.views.map["graph"]);
1319 reg.add("list", "openerp.base.form.One2ManyListView");
1320 this.viewmanager.registry = reg;
1322 this.viewmanager.on_controller_inited.add_last(function(view_type, controller) {
1323 if (view_type == "list") {
1324 controller.o2m = self;
1325 } else if (view_type == "form") {
1328 self.is_started.resolve();
1330 this.viewmanager.start();
1332 $.when(this.is_started, this.is_setted).then(function() {
1333 if (modes[0] == "tree") {
1334 var view = self.viewmanager.views[self.viewmanager.active_view].controller;
1335 view.reload_content();
1337 // TODO niv: handle other types of views
1340 reload_current_view: function() {
1342 var view = self.viewmanager.views[self.viewmanager.active_view].controller;
1343 if(self.viewmanager.active_view === "list") {
1344 view.reload_content();
1345 } else if (self.viewmanager.active_view === "form") {
1346 // TODO niv: but fme did not implemented delete in form view anyway
1349 set_value: function(value) {
1350 if(value != false) {
1351 this.dataset.set_ids(value);
1352 this.is_setted.resolve();
1355 get_value: function(value) {
1361 openerp.base.form.One2ManyListView = openerp.base.ListView.extend({
1362 do_add_record: function () {
1364 var pop = new openerp.base.form.SelectCreatePopup(null, self.o2m.view.session);
1365 pop.select_element(self.o2m.field.relation,{
1366 initial_view: "form",
1367 alternative_form_view: self.o2m.field.views ? self.o2m.field.views["form"] : undefined
1369 pop.on_select_elements.add(function(element_ids) {
1370 var ids = self.o2m.dataset.ids;
1371 _.each(element_ids, function(x) {if (!_.include(ids, x)) ids.push(x);});
1372 self.o2m.dataset.set_ids(ids);
1373 self.o2m.on_ui_change();
1374 self.o2m.reload_current_view();
1379 openerp.base.form.FieldMany2Many = openerp.base.form.Field.extend({
1380 init: function(view, node) {
1381 this._super(view, node);
1382 this.template = "FieldMany2Many";
1383 this.list_id = _.uniqueId("many2many");
1384 this.is_started = $.Deferred();
1385 this.is_setted = $.Deferred();
1388 this._super.apply(this, arguments);
1392 this.dataset = new openerp.base.DataSetStatic(
1393 this.session, this.field.relation);
1394 this.dataset.on_unlink.add_last(function(ids) {
1395 self.list_view.reload_content();
1397 self.on_ui_change();
1400 this.list_view = new openerp.base.form.Many2ManyListView(
1401 null, this.view.session, this.list_id, this.dataset, false, {
1404 this.list_view.m2m_field = this;
1405 this.list_view.on_loaded.add_last(function() {
1406 self.is_started.resolve();
1408 this.list_view.start();
1409 $.when(this.is_started, this.is_setted).then(function() {
1410 self.list_view.reload_content();
1413 set_value: function(value) {
1414 if (value != false) {
1415 this.dataset.set_ids(value);
1416 this.is_setted.resolve();
1419 get_value: function() {
1420 return [[6,false,this.dataset.ids]];
1424 openerp.base.form.Many2ManyListView = openerp.base.ListView.extend({
1425 do_add_record: function () {
1426 var pop = new openerp.base.form.SelectCreatePopup(
1427 null, this.m2m_field.view.session);
1428 pop.select_element(this.model);
1430 pop.on_select_elements.add(function(element_ids) {
1431 _.each(element_ids, function(element_id) {
1432 if(! _.detect(self.dataset.ids, function(x) {return x == element_id;})) {
1433 self.dataset.set_ids([].concat(self.dataset.ids, [element_id]));
1434 self.reload_content();
1440 do_activate_record: function(index, id) {
1441 this.m2m_field.view.session.action_manager.do_action({
1442 "res_model": this.dataset.model,
1443 "views":[[false,"form"]],
1445 "type":"ir.actions.act_window",
1453 openerp.base.form.SelectCreatePopup = openerp.base.BaseWidget.extend({
1454 identifier_prefix: "selectcreatepopup",
1455 template: "SelectCreatePopup",
1459 * - initial_view: form or search (default search)
1460 * - disable_multiple_selection
1461 * - alternative_form_view
1463 select_element: function(model, options, domain, context) {
1465 this.domain = domain || [];
1466 this.context = context || {};
1467 this.options = options || {};
1468 this.initial_ids = this.options.initial_ids;
1469 jQuery(this.render()).dialog({title: '',
1476 this.dataset = new openerp.base.DataSetSearch(this.session, this.model,
1477 this.context, this.domain);
1478 if ((this.options.initial_view || "search") == "search") {
1479 this.setup_search_view();
1484 setup_search_view: function() {
1486 if (this.searchview) {
1487 this.searchview.stop();
1489 this.searchview = new openerp.base.SearchView(null, this.session,
1490 this.element_id + "_search", this.dataset, false, {
1491 "selectable": !this.options.disable_multiple_selection,
1494 this.searchview.on_search.add(function(domains, contexts, groupbys) {
1495 if (self.initial_ids) {
1496 self.view_list.do_search.call(self,[[["id", "in", self.initial_ids]]],
1497 contexts, groupbys);
1498 self.initial_ids = undefined;
1500 self.view_list.do_search.call(self, domains, contexts, groupbys);
1503 this.searchview.on_loaded.add_last(function () {
1504 var $buttons = self.searchview.$element.find(".oe_search-view-buttons");
1505 $buttons.append(QWeb.render("SelectCreatePopup.search.buttons"));
1506 var $cbutton = $buttons.find(".oe_selectcreatepopup-search-close");
1507 $cbutton.click(function() {
1510 var $sbutton = $buttons.find(".oe_selectcreatepopup-search-select");
1511 if(self.options.disable_multiple_selection) {
1514 $sbutton.click(function() {
1515 self.on_select_elements(self.selected_ids);
1517 self.view_list = new openerp.base.form.Many2XPopupListView( null, self.session,
1518 self.element_id + "_view_list", self.dataset, false,
1519 {'deletable': false});
1520 self.view_list.popup = self;
1521 self.view_list.do_show();
1522 self.view_list.start().then(function() {
1523 self.searchview.do_search();
1526 this.searchview.start();
1528 on_select_elements: function(element_ids) {
1530 on_click_element: function(ids) {
1531 this.selected_ids = ids || [];
1532 if(this.selected_ids.length > 0) {
1533 this.$element.find(".oe_selectcreatepopup-search-select").removeAttr('disabled');
1535 this.$element.find(".oe_selectcreatepopup-search-select").attr('disabled', "disabled");
1538 new_object: function() {
1540 if (this.searchview) {
1541 this.searchview.hide();
1543 if (this.view_list) {
1544 this.view_list.$element.hide();
1546 this.dataset.index = null;
1547 this.view_form = new openerp.base.FormView(null, this.session,
1548 this.element_id + "_view_form", this.dataset, false);
1549 if (this.options.alternative_form_view) {
1550 this.view_form.set_embedded_view(this.options.alternative_form_view);
1552 this.view_form.start();
1553 this.view_form.on_loaded.add_last(function() {
1554 var $buttons = self.view_form.$element.find(".oe_form_buttons");
1555 $buttons.html(QWeb.render("SelectCreatePopup.form.buttons"));
1556 var $nbutton = $buttons.find(".oe_selectcreatepopup-form-save");
1557 $nbutton.click(function() {
1558 self.view_form.do_save();
1560 var $cbutton = $buttons.find(".oe_selectcreatepopup-form-close");
1561 $cbutton.click(function() {
1565 this.view_form.on_created.add_last(function(r, success) {
1567 var id = arguments[0].result;
1568 self.on_select_elements([id]);
1571 this.view_form.do_show();
1575 openerp.base.form.Many2XPopupListView = openerp.base.ListView.extend({
1576 do_add_record: function () {
1577 this.popup.new_object();
1579 select_record: function(index) {
1580 this.popup.on_select_elements([this.dataset.ids[index]]);
1582 do_select: function(ids, records) {
1583 this._super(ids, records);
1584 this.popup.on_click_element(ids);
1588 openerp.base.form.FieldReference = openerp.base.form.Field.extend({
1589 init: function(view, node) {
1590 this._super(view, node);
1591 this.template = "FieldReference";
1595 openerp.base.form.FieldBinary = openerp.base.form.Field.extend({
1596 init: function(view, node) {
1597 this._super(view, node);
1598 this.iframe = this.element_id + '_iframe';
1599 this.binary_value = false;
1602 this._super.apply(this, arguments);
1603 this.$element.find('input.oe-binary-file').change(this.on_file_change);
1604 this.$element.find('button.oe-binary-file-save').click(this.on_save_as);
1605 this.$element.find('.oe-binary-file-clear').click(this.on_clear);
1607 set_value_from_ui: function() {
1609 human_filesize : function(size) {
1610 var units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
1612 while (size >= 1024) {
1616 return size.toFixed(2) + ' ' + units[i];
1618 on_file_change: function(e) {
1619 // TODO: on modern browsers, we could directly read the file locally on client ready to be used on image cropper
1620 // http://www.html5rocks.com/tutorials/file/dndfiles/
1621 // http://deepliquid.com/projects/Jcrop/demos.php?demo=handler
1622 window[this.iframe] = this.on_file_uploaded;
1623 if ($(e.target).val() != '') {
1624 this.$element.find('form.oe-binary-form input[name=session_id]').val(this.session.session_id);
1625 this.$element.find('form.oe-binary-form').submit();
1626 this.toggle_progress();
1629 toggle_progress: function() {
1630 this.$element.find('.oe-binary-progress, .oe-binary').toggle();
1632 on_file_uploaded: function(size, name, content_type, file_base64) {
1633 delete(window[this.iframe]);
1634 if (size === false) {
1635 this.notification.warn("File Upload", "There was a problem while uploading your file");
1636 // TODO: use openerp web exception handler
1637 console.log("Error while uploading file : ", name);
1639 this.on_file_uploaded_and_valid.apply(this, arguments);
1640 this.on_ui_change();
1642 this.toggle_progress();
1644 on_file_uploaded_and_valid: function(size, name, content_type, file_base64) {
1646 on_save_as: function() {
1647 if (!this.view.datarecord.id) {
1648 this.notification.warn("Can't save file", "The record has not yet been saved");
1650 var url = '/base/binary/saveas?session_id=' + this.session.session_id + '&model=' +
1651 this.view.dataset.model +'&id=' + (this.view.datarecord.id || '') + '&field=' + this.name +
1652 '&fieldname=' + (this.node.attrs.filename || '') + '&t=' + (new Date().getTime())
1656 on_clear: function() {
1657 if (this.value !== false) {
1659 this.binary_value = false;
1660 this.on_ui_change();
1666 openerp.base.form.FieldBinaryFile = openerp.base.form.FieldBinary.extend({
1667 init: function(view, node) {
1668 this._super(view, node);
1669 this.template = "FieldBinaryFile";
1671 set_value: function(value) {
1672 this._super.apply(this, arguments);
1673 var show_value = (value != null && value !== false) ? value : '';
1674 this.$element.find('input').eq(0).val(show_value);
1676 on_file_uploaded_and_valid: function(size, name, content_type, file_base64) {
1677 this.value = file_base64;
1678 this.binary_value = true;
1679 var show_value = this.human_filesize(size);
1680 this.$element.find('input').eq(0).val(show_value);
1681 this.set_filename(name);
1683 set_filename: function(value) {
1684 var filename = this.node.attrs.filename;
1685 if (this.view.fields[filename]) {
1686 this.view.fields[filename].set_value(value);
1687 this.view.fields[filename].on_ui_change();
1690 on_clear: function() {
1691 this._super.apply(this, arguments);
1692 this.$element.find('input').eq(0).val('');
1693 this.set_filename('');
1697 openerp.base.form.FieldBinaryImage = openerp.base.form.FieldBinary.extend({
1698 init: function(view, node) {
1699 this._super(view, node);
1700 this.template = "FieldBinaryImage";
1703 this._super.apply(this, arguments);
1704 this.$image = this.$element.find('img.oe-binary-image');
1706 set_image_maxwidth: function() {
1707 this.$image.css('max-width', this.$element.width());
1709 on_file_change: function() {
1710 this.set_image_maxwidth();
1711 this._super.apply(this, arguments);
1713 on_file_uploaded_and_valid: function(size, name, content_type, file_base64) {
1714 this.value = file_base64;
1715 this.binary_value = true;
1716 this.$image.attr('src', 'data:' + (content_type || 'image/png') + ';base64,' + file_base64);
1718 on_clear: function() {
1719 this._super.apply(this, arguments);
1720 this.$image.attr('src', '/base/static/src/img/placeholder.png');
1722 set_value: function(value) {
1723 this._super.apply(this, arguments);
1724 this.set_image_maxwidth();
1725 var url = '/base/binary/image?session_id=' + this.session.session_id + '&model=' +
1726 this.view.dataset.model +'&id=' + (this.view.datarecord.id || '') + '&field=' + this.name + '&t=' + (new Date().getTime())
1727 this.$image.attr('src', url);
1732 * Registry of form widgets, called by :js:`openerp.base.FormView`
1734 openerp.base.form.widgets = new openerp.base.Registry({
1735 'frame' : 'openerp.base.form.WidgetFrame',
1736 'group' : 'openerp.base.form.WidgetFrame',
1737 'notebook' : 'openerp.base.form.WidgetNotebook',
1738 'separator' : 'openerp.base.form.WidgetSeparator',
1739 'label' : 'openerp.base.form.WidgetLabel',
1740 'button' : 'openerp.base.form.WidgetButton',
1741 'char' : 'openerp.base.form.FieldChar',
1742 'email' : 'openerp.base.form.FieldEmail',
1743 'url' : 'openerp.base.form.FieldUrl',
1744 'text' : 'openerp.base.form.FieldText',
1745 'text_wiki' : 'openerp.base.form.FieldText',
1746 'date' : 'openerp.base.form.FieldDate',
1747 'datetime' : 'openerp.base.form.FieldDatetime',
1748 'selection' : 'openerp.base.form.FieldSelection',
1749 'many2one' : 'openerp.base.form.FieldMany2One',
1750 'many2many' : 'openerp.base.form.FieldMany2Many',
1751 'one2many' : 'openerp.base.form.FieldOne2Many',
1752 'one2many_list' : 'openerp.base.form.FieldOne2Many',
1753 'reference' : 'openerp.base.form.FieldReference',
1754 'boolean' : 'openerp.base.form.FieldBoolean',
1755 'float' : 'openerp.base.form.FieldFloat',
1756 'integer': 'openerp.base.form.FieldFloat',
1757 'progressbar': 'openerp.base.form.FieldProgressBar',
1758 'float_time': 'openerp.base.form.FieldFloatTime',
1759 'image': 'openerp.base.form.FieldBinaryImage',
1760 'binary': 'openerp.base.form.FieldBinaryFile'
1765 // vim:et fdc=0 fdl=0 foldnestmax=3 fdm=syntax: