addons/base/static/src/js/form.js

   1 openerp.base.form = function (openerp) {
   2
   3 openerp.base.views.add('form', 'openerp.base.FormView');
   4 openerp.base.FormView =  openerp.base.View.extend( /** @lends openerp.base.FormView# */{
   5     /**
   6      * Indicates that this view is not searchable, and thus that no search
   7      * view should be displayed (if there is one active).
   8      */
   9     searchable: false,
  10     template: "FormView",
  11     /**
  12      * @constructs
  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
  17      *
  18      * @property {openerp.base.Registry} registry=openerp.base.form.widgets widgets registry for this form view instance
  19      */
  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 = {};
  27         this.widgets = {};
  28         this.widgets_counter = 0;
  29         this.fields = {};
  30         this.datarecord = {};
  31         this.ready = false;
  32         this.show_invalid = true;
  33         this.touched = false;
  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();
  39         this.$form_header = null;
  40     },
  41     start: function() {
  42         //this.log('Starting FormView '+this.model+this.view_id)
  43         if (this.embedded_view) {
  44             return $.Deferred().then(this.on_loaded).resolve({fields_view: this.embedded_view});
  45         } else {
  46             var context = new openerp.base.CompoundContext(this.dataset.get_context());
  47             if (this.view_manager.action && this.view_manager.action.context) {
  48                 context.add(this.view_manager.action.context);
  49             }
  50             return this.rpc("/base/formview/load", {"model": this.model, "view_id": this.view_id,
  51                 toolbar:!!this.flags.sidebar, context: context}, this.on_loaded);
  52         }
  53     },
  54     on_loaded: function(data) {
  55         var self = this;
  56         this.fields_view = data.fields_view;
  57         var frame = new (this.registry.get_object('frame'))(this, this.fields_view.arch);
  58
  59         this.$element.html(QWeb.render(this.template, { 'frame': frame, 'view': this }));
  60         _.each(this.widgets, function(w) {
  61             w.start();
  62         });
  63         this.$form_header = this.$element.find('#' + this.element_id + '_header');
  64         this.$form_header.find('div.oe_form_pager button[data-pager-action]').click(function() {
  65             var action = $(this).data('pager-action');
  66             self.on_pager_action(action);
  67         });
  68
  69         this.$form_header.find('button.oe_form_button_save').click(this.do_save);
  70         this.$form_header.find('button.oe_form_button_save_edit').click(this.do_save_edit);
  71         this.$form_header.find('button.oe_form_button_cancel').click(this.do_cancel);
  72         this.$form_header.find('button.oe_form_button_new').click(this.on_button_new);
  73
  74         this.view_manager.sidebar.set_toolbar(data.fields_view.toolbar);
  75         this.has_been_loaded.resolve();
  76     },
  77     do_show: function () {
  78         var self = this;
  79         if (this.dataset.index === null) {
  80             // null index means we should start a new record
  81             this.on_button_new();
  82         } else {
  83             this.dataset.read_index(_.keys(this.fields_view.fields), this.on_record_loaded);
  84         }
  85         self.$element.show();
  86         this.view_manager.sidebar.do_refresh(true);
  87     },
  88     do_hide: function () {
  89         this.$element.hide();
  90     },
  91     on_record_loaded: function(record) {
  92         if (!record) {
  93             throw("Form: No record received");
  94         }
  95         if (!record.id) {
  96             this.$form_header.find('.oe_form_on_create').show();
  97             this.$form_header.find('.oe_form_on_update').hide();
  98             this.$form_header.find('button.oe_form_button_new').hide();
  99         } else {
 100             this.$form_header.find('.oe_form_on_create').hide();
 101             this.$form_header.find('.oe_form_on_update').show();
 102             this.$form_header.find('button.oe_form_button_new').show();
 103         }
 104         this.touched = false;
 105         this.datarecord = record;
 106         for (var f in this.fields) {
 107             var field = this.fields[f];
 108             field.touched = false;
 109             field.set_value(this.datarecord[f] || false);
 110             field.validate();
 111         }
 112         if (!record.id) {
 113             // New record: Second pass in order to trigger the onchanges
 114             this.touched = true;
 115             this.show_invalid = false;
 116             for (var f in record) {
 117                 var field = this.fields[f];
 118                 if (field) {
 119                     field.touched = true;
 120                     this.do_onchange(field);
 121                 }
 122             }
 123         }
 124         this.on_form_changed();
 125         this.show_invalid = this.ready = true;
 126         this.do_update_pager(record.id == null);
 127         this.do_update_sidebar();
 128         if (this.default_focus_field) {
 129             this.default_focus_field.focus();
 130         }
 131     },
 132     on_form_changed: function() {
 133         for (var w in this.widgets) {
 134             w = this.widgets[w];
 135             w.process_attrs();
 136             w.update_dom();
 137         }
 138     },
 139     on_pager_action: function(action) {
 140         switch (action) {
 141             case 'first':
 142                 this.dataset.index = 0;
 143                 break;
 144             case 'previous':
 145                 this.dataset.previous();
 146                 break;
 147             case 'next':
 148                 this.dataset.next();
 149                 break;
 150             case 'last':
 151                 this.dataset.index = this.dataset.ids.length - 1;
 152                 break;
 153         }
 154         this.reload();
 155     },
 156     do_update_pager: function(hide_index) {
 157         var $pager = this.$element.find('#' + this.element_id + '_header div.oe_form_pager');
 158         var index = hide_index ? '-' : this.dataset.index + 1;
 159         $pager.find('span.oe_pager_index').html(index);
 160         $pager.find('span.oe_pager_count').html(this.dataset.ids.length);
 161     },
 162     do_onchange: function(widget, processed) {
 163         processed = processed || [];
 164         if (widget.node.attrs.on_change) {
 165             var self = this;
 166             this.ready = false;
 167             var onchange = _.trim(widget.node.attrs.on_change);
 168             var call = onchange.match(/^\s?(.*?)\((.*?)\)\s?$/);
 169             if (call) {
 170                 var method = call[1], args = [];
 171                 var context_index = null;
 172                 var argument_replacement = {
 173                     'False' : function() {return false;},
 174                     'True' : function() {return true;},
 175                     'None' : function() {return null;},
 176                     'context': function(i) {
 177                         context_index = i;
 178                         var ctx = widget.build_context ? widget.build_context() : {};
 179                         return ctx;
 180                     }
 181                 }
 182                 var parent_fields = null;
 183                 _.each(call[2].split(','), function(a, i) {
 184                     var field = _.trim(a);
 185                     if (field in argument_replacement) {
 186                         args.push(argument_replacement[field](i));
 187                         return;
 188                     } else if (self.fields[field]) {
 189                         var value = self.fields[field].get_on_change_value();
 190                         args.push(value == null ? false : value);
 191                         return;
 192                     } else {
 193                         var splitted = field.split('.');
 194                         if (splitted.length > 1 && _.trim(splitted[0]) === "parent" && self.dataset.parent_view) {
 195                             if (parent_fields === null) {
 196                                 parent_fields = self.dataset.parent_view.get_fields_values();
 197                             }
 198                             var p_val = parent_fields[_.trim(splitted[1])];
 199                             if (p_val !== undefined) {
 200                                 args.push(p_val == null ? false : p_val);
 201                                 return;
 202                             }
 203                         }
 204                     }
 205                     throw "Could not get field with name '" + field +
 206                         "' for onchange '" + onchange + "'";
 207                 });
 208                 var ajax = {
 209                     url: '/base/dataset/call',
 210                     async: false
 211                 };
 212                 return this.rpc(ajax, {
 213                     model: this.dataset.model,
 214                     method: method,
 215                     args: [(this.datarecord.id == null ? [] : [this.datarecord.id])].concat(args),
 216                     context_id: context_index === null ? null : context_index + 1
 217                 }, function(response) {
 218                     self.on_processed_onchange(response, processed);
 219                 });
 220             } else {
 221                 this.log("Wrong on_change format", on_change);
 222             }
 223         }
 224     },
 225     on_processed_onchange: function(response, processed) {
 226         var result = response.result;
 227         if (result.value) {
 228             for (var f in result.value) {
 229                 var field = this.fields[f];
 230                 if (field) {
 231                     var value = result.value[f];
 232                     processed.push(field.name);
 233                     if (field.get_value() != value) {
 234                         field.set_value(value);
 235                         field.touched = true;
 236                         if (_.indexOf(processed, field.name) < 0) {
 237                             this.do_onchange(field, processed);
 238                         }
 239                     }
 240                 } else {
 241                     // this is a common case, the normal behavior should be to ignore it
 242                 }
 243             }
 244             this.on_form_changed();
 245         }
 246         if (!_.isEmpty(result.warning)) {
 247             $(QWeb.render("DialogWarning", result.warning)).dialog({
 248                 modal: true,
 249                 buttons: {
 250                     Ok: function() {
 251                         $(this).dialog("close");
 252                     }
 253                 }
 254             });
 255         }
 256         if (result.domain) {
 257             // Will be removed ?
 258         }
 259         this.ready = true;
 260     },
 261     on_button_new: function() {
 262         var self = this;
 263         $.when(this.has_been_loaded).then(function() {
 264             self.dataset.default_get(_.keys(self.fields_view.fields), function(result) {
 265                 self.on_record_loaded(result.result);
 266             });
 267         });
 268     },
 269     /**
 270      * Triggers saving the form's record. Chooses between creating a new
 271      * record or saving an existing one depending on whether the record
 272      * already has an id property.
 273      *
 274      * @param {Function} success callback on save success
 275      * @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)
 276      */
 277     do_save: function(success, prepend_on_create) {
 278         var self = this;
 279         if (!this.ready) {
 280             return false;
 281         }
 282         var invalid = false,
 283             values = {},
 284             first_invalid_field = null;
 285         for (var f in this.fields) {
 286             f = this.fields[f];
 287             if (f.invalid) {
 288                 invalid = true;
 289                 f.update_dom();
 290                 if (!first_invalid_field) {
 291                     first_invalid_field = f;
 292                 }
 293             } else if (f.touched) {
 294                 values[f.name] = f.get_value();
 295             }
 296         }
 297         if (invalid) {
 298             first_invalid_field.focus();
 299             this.on_invalid();
 300             return false;
 301         } else {
 302             this.log("About to save", values);
 303             if (!this.datarecord.id) {
 304                 this.dataset.create(values, function(r) {
 305                     self.on_created(r, success, prepend_on_create);
 306                 });
 307             } else {
 308                 this.dataset.write(this.datarecord.id, values, function(r) {
 309                     self.on_saved(r, success);
 310                 });
 311             }
 312             return true;
 313         }
 314     },
 315     do_save_edit: function() {
 316         this.do_save();
 317         //this.switch_readonly(); Use promises
 318     },
 319     switch_readonly: function() {
 320     },
 321     switch_editable: function() {
 322     },
 323     on_invalid: function() {
 324         var msg = "<ul>";
 325         _.each(this.fields, function(f) {
 326             if (f.invalid) {
 327                 msg += "<li>" + f.string + "</li>";
 328             }
 329         });
 330         msg += "</ul>";
 331         this.notification.warn("The following fields are invalid :", msg);
 332     },
 333     on_saved: function(r, success) {
 334         if (!r.result) {
 335             this.notification.warn("Record not saved", "Problem while saving record.");
 336         } else {
 337             this.notification.notify("Record saved", "The record #" + this.datarecord.id + " has been saved.");
 338             if (success) {
 339                 success(r);
 340             }
 341             this.reload();
 342         }
 343     },
 344     /**
 345      * Updates the form' dataset to contain the new record:
 346      *
 347      * * Adds the newly created record to the current dataset (at the end by
 348      *   default)
 349      * * Selects that record (sets the dataset's index to point to the new
 350      *   record's id).
 351      * * Updates the pager and sidebar displays
 352      *
 353      * @param {Object} r
 354      * @param {Function} success callback to execute after having updated the dataset
 355      * @param {Boolean} [prepend_on_create=false] adds the newly created record at the beginning of the dataset instead of the end
 356      */
 357     on_created: function(r, success, prepend_on_create) {
 358         if (!r.result) {
 359             this.notification.warn("Record not created", "Problem while creating record.");
 360         } else {
 361             this.datarecord.id = r.result;
 362             if (!prepend_on_create) {
 363                 this.dataset.ids.push(this.datarecord.id);
 364                 this.dataset.index = this.dataset.ids.length - 1;
 365             } else {
 366                 this.dataset.ids.unshift(this.datarecord.id);
 367                 this.dataset.index = 0;
 368             }
 369             this.do_update_pager();
 370             this.do_update_sidebar();
 371             this.notification.notify("Record created", "The record has been created with id #" + this.datarecord.id);
 372             if (success) {
 373                 success(_.extend(r, {created: true}));
 374             }
 375             this.reload();
 376         }
 377     },
 378     do_search: function (domains, contexts, groupbys) {
 379         this.notification.notify("Searching form");
 380     },
 381     on_action: function (action) {
 382         this.notification.notify('Executing action ' + action);
 383     },
 384     do_cancel: function () {
 385         this.notification.notify("Cancelling form");
 386     },
 387     do_update_sidebar: function() {
 388         if (this.flags.sidebar === false) {
 389             return;
 390         }
 391         if (!this.datarecord.id) {
 392             this.on_attachments_loaded([]);
 393         } else {
 394             // TODO fme: modify this so it doesn't try to load attachments when there is not sidebar
 395             /*(new openerp.base.DataSetSearch(
 396                     this.session, 'ir.attachment', this.dataset.get_context(),
 397                     [['res_model', '=', this.dataset.model],
 398                      ['res_id', '=', this.datarecord.id],
 399                      ['type', 'in', ['binary', 'url']]])).read_slice(
 400                 ['name', 'url', 'type'], false, false,
 401                 this.on_attachments_loaded);*/
 402         }
 403     },
 404     on_attachments_loaded: function(attachments) {
 405         this.$sidebar = this.view_manager.sidebar.$element.find('.sidebar-attachments');
 406         this.attachments = attachments;
 407         this.$sidebar.html(QWeb.render('FormView.sidebar.attachments', this));
 408         this.$sidebar.find('.oe-sidebar-attachment-delete').click(this.on_attachment_delete);
 409         this.$sidebar.find('.oe-binary-file').change(this.on_attachment_changed);
 410     },
 411     on_attachment_changed: function(e) {
 412         window[this.element_id + '_iframe'] = this.do_update_sidebar;
 413         var $e = $(e.target);
 414         if ($e.val() != '') {
 415             this.$sidebar.find('form.oe-binary-form').submit();
 416             $e.parent().find('input[type=file]').attr('disabled', 'true');
 417             $e.parent().find('button').attr('disabled', 'true').find('img, span').toggle();
 418         }
 419     },
 420     on_attachment_delete: function(e) {
 421         var self = this, $e = $(e.currentTarget);
 422         var name = _.trim($e.parent().find('a.oe-sidebar-attachments-link').text());
 423         if (confirm("Do you really want to delete the attachment " + name + " ?")) {
 424             this.rpc('/base/dataset/unlink', {
 425                 model: 'ir.attachment',
 426                 ids: [parseInt($e.attr('data-id'))]
 427             }, function(r) {
 428                 $e.parent().remove();
 429                 self.notification.notify("Delete an attachment", "The attachment '" + name + "' has been deleted");
 430             });
 431         }
 432     },
 433     reload: function() {
 434         if (this.datarecord.id) {
 435             this.dataset.read_index(_.keys(this.fields_view.fields), this.on_record_loaded);
 436         } else {
 437             this.on_button_new();
 438         }
 439     },
 440     get_fields_values: function() {
 441         var values = {};
 442         _.each(this.fields, function(value, key) {
 443             var val = value.get_value();
 444             values[key] = val;
 445         });
 446         return values;
 447     }
 448 });
 449
 450 /** @namespace */
 451 openerp.base.form = {};
 452
 453 openerp.base.form.compute_domain = function(expr, fields) {
 454     var stack = [];
 455     for (var i = expr.length - 1; i >= 0; i--) {
 456         var ex = expr[i];
 457         if (ex.length == 1) {
 458             var top = stack.pop();
 459             switch (ex) {
 460                 case '|':
 461                     stack.push(stack.pop() || top);
 462                     continue;
 463                 case '&':
 464                     stack.push(stack.pop() && top);
 465                     continue;
 466                 case '!':
 467                     stack.push(!top);
 468                     continue;
 469                 default:
 470                     throw new Error('Unknown domain operator ' + ex);
 471             }
 472         }
 473
 474         var field = fields[ex[0]].get_value ? fields[ex[0]].get_value() : fields[ex[0]].value;
 475         var op = ex[1];
 476         var val = ex[2];
 477
 478         switch (op.toLowerCase()) {
 479             case '=':
 480             case '==':
 481                 stack.push(field == val);
 482                 break;
 483             case '!=':
 484             case '<>':
 485                 stack.push(field != val);
 486                 break;
 487             case '<':
 488                 stack.push(field < val);
 489                 break;
 490             case '>':
 491                 stack.push(field > val);
 492                 break;
 493             case '<=':
 494                 stack.push(field <= val);
 495                 break;
 496             case '>=':
 497                 stack.push(field >= val);
 498                 break;
 499             case 'in':
 500                 stack.push(_(val).contains(field));
 501                 break;
 502             case 'not in':
 503                 stack.push(!_(val).contains(field));
 504                 break;
 505             default:
 506                 this.log("Unsupported operator in attrs :", op);
 507         }
 508     }
 509     return _.all(stack);
 510 };
 511
 512 openerp.base.form.Widget = openerp.base.Controller.extend({
 513     template: 'Widget',
 514     init: function(view, node) {
 515         this.view = view;
 516         this.node = node;
 517         this.attrs = JSON.parse(this.node.attrs.attrs || '{}');
 518         this.type = this.type || node.tag;
 519         this.element_name = this.element_name || this.type;
 520         this.element_id = [this.view.element_id, this.element_name, this.view.widgets_counter++].join("_");
 521
 522         this._super(this.view.session, this.element_id);
 523
 524         this.view.widgets[this.element_id] = this;
 525         this.children = node.children;
 526         this.colspan = parseInt(node.attrs.colspan || 1);
 527
 528         this.string = this.string || node.attrs.string;
 529         this.help = this.help || node.attrs.help;
 530         this.invisible = (node.attrs.invisible == '1');
 531     },
 532     start: function() {
 533         this.$element = $('#' + this.element_id);
 534     },
 535     process_attrs: function() {
 536         var compute_domain = openerp.base.form.compute_domain;
 537         for (var a in this.attrs) {
 538             this[a] = compute_domain(this.attrs[a], this.view.fields);
 539         }
 540     },
 541     update_dom: function() {
 542         this.$element.toggle(!this.invisible);
 543     },
 544     render: function() {
 545         var template = this.template;
 546         return QWeb.render(template, { "widget": this });
 547     }
 548 });
 549
 550 openerp.base.form.WidgetFrame = openerp.base.form.Widget.extend({
 551     template: 'WidgetFrame',
 552     init: function(view, node) {
 553         this._super(view, node);
 554         this.columns = node.attrs.col || 4;
 555         this.x = 0;
 556         this.y = 0;
 557         this.table = [];
 558         this.add_row();
 559         for (var i = 0; i < node.children.length; i++) {
 560             var n = node.children[i];
 561             if (n.tag == "newline") {
 562                 this.add_row();
 563             } else {
 564                 this.handle_node(n);
 565             }
 566         }
 567         this.set_row_cells_with(this.table[this.table.length - 1]);
 568     },
 569     add_row: function(){
 570         if (this.table.length) {
 571             this.set_row_cells_with(this.table[this.table.length - 1]);
 572         }
 573         var row = [];
 574         this.table.push(row);
 575         this.x = 0;
 576         this.y += 1;
 577         return row;
 578     },
 579     set_row_cells_with: function(row) {
 580         for (var i = 0; i < row.length; i++) {
 581             var w = row[i];
 582             if (w.is_field_label) {
 583                 w.width = "1%";
 584                 if (row[i + 1]) {
 585                     row[i + 1].width = Math.round((100 / this.columns) * (w.colspan + 1) - 1) + '%';
 586                 }
 587             } else if (w.width === undefined) {
 588                 w.width = Math.round((100 / this.columns) * w.colspan) + '%';
 589             }
 590         }
 591     },
 592     handle_node: function(node) {
 593         var type = this.view.fields_view.fields[node.attrs.name] || {};
 594         var widget = new (this.view.registry.get_any(
 595                 [node.attrs.widget, type.type, node.tag])) (this.view, node);
 596         if (node.tag == 'field') {
 597             if (!this.view.default_focus_field || node.attrs.default_focus == '1') {
 598                 this.view.default_focus_field = widget;
 599             }
 600             if (node.attrs.nolabel != '1') {
 601                 var label = new (this.view.registry.get_object('label')) (this.view, node);
 602                 label["for"] = widget;
 603                 this.add_widget(label);
 604             }
 605         }
 606         this.add_widget(widget);
 607     },
 608     add_widget: function(widget) {
 609         var current_row = this.table[this.table.length - 1];
 610         if (current_row.length && (this.x + widget.colspan) > this.columns) {
 611             current_row = this.add_row();
 612         }
 613         current_row.push(widget);
 614         this.x += widget.colspan;
 615         return widget;
 616     }
 617 });
 618
 619 openerp.base.form.WidgetNotebook = openerp.base.form.Widget.extend({
 620     init: function(view, node) {
 621         this._super(view, node);
 622         this.template = "WidgetNotebook";
 623         this.pages = [];
 624         for (var i = 0; i < node.children.length; i++) {
 625             var n = node.children[i];
 626             if (n.tag == "page") {
 627                 var page = new openerp.base.form.WidgetFrame(this.view, n);
 628                 this.pages.push(page);
 629             }
 630         }
 631     },
 632     start: function() {
 633         this._super.apply(this, arguments);
 634         this.$element.tabs();
 635     }
 636 });
 637
 638 openerp.base.form.WidgetSeparator = openerp.base.form.Widget.extend({
 639     init: function(view, node) {
 640         this._super(view, node);
 641         this.template = "WidgetSeparator";
 642     }
 643 });
 644
 645 openerp.base.form.WidgetButton = openerp.base.form.Widget.extend({
 646     init: function(view, node) {
 647         this._super(view, node);
 648         this.template = "WidgetButton";
 649         if (node.attrs.default_focus == '1') {
 650             // TODO fme: provide enter key binding to widgets
 651             this.view.default_focus_button = this;
 652         }
 653     },
 654     start: function() {
 655         this._super.apply(this, arguments);
 656         this.$element.click(this.on_click);
 657     },
 658     on_click: function(saved) {
 659         var self = this;
 660         if (!this.node.attrs.special && this.view.touched && saved !== true) {
 661             this.view.do_save(function() {
 662                 self.on_click(true);
 663             });
 664         } else {
 665             if (this.node.attrs.confirm) {
 666                 var dialog = $('<div>' + this.node.attrs.confirm + '</div>').dialog({
 667                     title: 'Confirm',
 668                     modal: true,
 669                     buttons: {
 670                         Ok: function() {
 671                             self.on_confirmed();
 672                             $(this).dialog("close");
 673                         },
 674                         Cancel: function() {
 675                             $(this).dialog("close");
 676                         }
 677                     }
 678                 });
 679             } else {
 680                 this.on_confirmed();
 681             }
 682         }
 683     },
 684     on_confirmed: function() {
 685         var self = this;
 686
 687         this.view.execute_action(
 688             this.node.attrs, this.view.dataset, this.session.action_manager,
 689             this.view.datarecord.id, function (result) {
 690                 self.log("Button returned", result);
 691                 self.view.reload();
 692             }, function() {
 693                 self.view.reload();
 694             });
 695     }
 696 });
 697
 698 openerp.base.form.WidgetLabel = openerp.base.form.Widget.extend({
 699     init: function(view, node) {
 700         this.element_name = 'label_' + node.attrs.name;
 701
 702         this._super(view, node);
 703
 704         // TODO fme: support for attrs.align
 705         if (this.node.tag == 'label' && this.node.attrs.colspan) {
 706             this.is_field_label = false;
 707             this.template = "WidgetParagraph";
 708         } else {
 709             this.is_field_label = true;
 710             this.template = "WidgetLabel";
 711         }
 712         this.colspan = 1;
 713     },
 714     render: function () {
 715         if (this['for'] && this.type !== 'label') {
 716             return QWeb.render(this.template, {widget: this['for']});
 717         }
 718         // Actual label widgets should not have a false and have type label
 719         return QWeb.render(this.template, {widget: this});
 720     }
 721 });
 722
 723 openerp.base.form.Field = openerp.base.form.Widget.extend({
 724     init: function(view, node) {
 725         this.name = node.attrs.name;
 726         this.value = undefined;
 727         view.fields[this.name] = this;
 728         this.type = node.attrs.widget || view.fields_view.fields[node.attrs.name].type;
 729         this.element_name = "field_" + this.name + "_" + this.type;
 730
 731         this._super(view, node);
 732
 733         if (node.attrs.nolabel != '1' && this.colspan > 1) {
 734             this.colspan--;
 735         }
 736         this.field = view.fields_view.fields[node.attrs.name] || {};
 737         this.string = node.attrs.string || this.field.string;
 738         this.help = node.attrs.help || this.field.help;
 739         this.invisible = (this.invisible || this.field.invisible == '1');
 740         this.nolabel = (this.field.nolabel || node.attrs.nolabel) == '1';
 741         this.readonly = (this.field.readonly || node.attrs.readonly) == '1';
 742         this.required = (this.field.required || node.attrs.required) == '1';
 743         this.invalid = false;
 744         this.touched = false;
 745     },
 746     set_value: function(value) {
 747         this.value = value;
 748         this.invalid = false;
 749         this.update_dom();
 750     },
 751     set_value_from_ui: function() {
 752         this.value = undefined;
 753     },
 754     get_value: function() {
 755         return this.value;
 756     },
 757     get_on_change_value: function() {
 758         return this.get_value();
 759     },
 760     update_dom: function() {
 761         this._super.apply(this, arguments);
 762         this.$element.toggleClass('disabled', this.readonly);
 763         this.$element.toggleClass('required', this.required);
 764         if (this.view.show_invalid) {
 765             this.$element.toggleClass('invalid', this.invalid);
 766         }
 767     },
 768     on_ui_change: function() {
 769         this.touched = this.view.touched = true;
 770         this.validate();
 771         if (!this.invalid) {
 772             this.set_value_from_ui();
 773             this.view.do_onchange(this);
 774             this.view.on_form_changed();
 775         } else {
 776             this.update_dom();
 777         }
 778     },
 779     validate: function() {
 780         this.invalid = false;
 781     },
 782     focus: function() {
 783     },
 784     _build_view_fields_values: function() {
 785         var a_dataset = this.view.dataset || {};
 786         var fields_values = this.view.get_fields_values();
 787         var parent_values = a_dataset.parent_view ? a_dataset.parent_view.get_fields_values() : {};
 788         fields_values.parent = parent_values;
 789         return fields_values;
 790     },
 791     /**
 792      * Builds a new context usable for operations related to fields by merging
 793      * the fields'context with the action's context.
 794      */
 795     build_context: function() {
 796         var a_context = this.view.dataset.get_context() || {};
 797         var f_context = this.field.context || {};
 798         var v_context1 = this.node.attrs.default_get || {};
 799         var v_context2 = this.node.attrs.context || {};
 800         var v_context = new openerp.base.CompoundContext(v_context1, v_context2);
 801         if (v_context1.__ref || v_context2.__ref || true) { //TODO niv: remove || true
 802             var fields_values = this._build_view_fields_values();
 803             v_context.set_eval_context(fields_values);
 804         }
 805         var ctx = new openerp.base.CompoundContext(a_context, f_context, v_context);
 806         return ctx;
 807     },
 808     build_domain: function() {
 809         var f_domain = this.field.domain || [];
 810         var v_domain = this.node.attrs.domain || [];
 811         if (!(v_domain instanceof Array) || true) { //TODO niv: remove || true
 812             var fields_values = this._build_view_fields_values();
 813             v_domain = new openerp.base.CompoundDomain(v_domain).set_eval_context(fields_values);
 814         }
 815         return new openerp.base.CompoundDomain(f_domain, v_domain);
 816     }
 817 });
 818
 819 openerp.base.form.FieldChar = openerp.base.form.Field.extend({
 820     init: function(view, node) {
 821         this._super(view, node);
 822         this.template = "FieldChar";
 823     },
 824     start: function() {
 825         this._super.apply(this, arguments);
 826         this.$element.find('input').change(this.on_ui_change);
 827     },
 828     set_value: function(value) {
 829         this._super.apply(this, arguments);
 830         var show_value = (value != null && value !== false) ? value : '';
 831         this.$element.find('input').val(show_value);
 832     },
 833     update_dom: function() {
 834         this._super.apply(this, arguments);
 835         this.$element.find('input').attr('disabled', this.readonly);
 836     },
 837     set_value_from_ui: function() {
 838         this.value = this.$element.find('input').val();
 839     },
 840     validate: function() {
 841         this.invalid = false;
 842         var value = this.$element.find('input').val();
 843         if (value === "") {
 844             this.invalid = this.required;
 845         } else if (this.validation_regex) {
 846             this.invalid = !this.validation_regex.test(value);
 847         }
 848     },
 849     focus: function() {
 850         this.$element.find('input').focus();
 851     }
 852 });
 853
 854 openerp.base.form.FieldEmail = openerp.base.form.FieldChar.extend({
 855     init: function(view, node) {
 856         this._super(view, node);
 857         this.template = "FieldEmail";
 858         this.validation_regex = /@/;
 859     },
 860     start: function() {
 861         this._super.apply(this, arguments);
 862         this.$element.find('button').click(this.on_button_clicked);
 863     },
 864     on_button_clicked: function() {
 865         if (!this.value || this.invalid) {
 866             this.notification.warn("E-mail error", "Can't send email to invalid e-mail address");
 867         } else {
 868             location.href = 'mailto:' + this.value;
 869         }
 870     },
 871     set_value: function(value) {
 872         this._super.apply(this, arguments);
 873         var show_value = (value != null && value !== false) ? value : '';
 874         this.$element.find('a').attr('href', 'mailto:' + show_value);
 875     }
 876 });
 877
 878 openerp.base.form.FieldUrl = openerp.base.form.FieldChar.extend({
 879     init: function(view, node) {
 880         this._super(view, node);
 881         this.template = "FieldUrl";
 882     },
 883     start: function() {
 884         this._super.apply(this, arguments);
 885         this.$element.find('button').click(this.on_button_clicked);
 886     },
 887     on_button_clicked: function() {
 888         if (!this.value) {
 889             this.notification.warn("Resource error", "This resource is empty");
 890         } else {
 891             window.open(this.value);
 892         }
 893     }
 894 });
 895
 896 openerp.base.form.FieldFloat = openerp.base.form.FieldChar.extend({
 897     init: function(view, node) {
 898         this._super(view, node);
 899         this.validation_regex = /^-?\d+(\.\d+)?$/;
 900     },
 901     set_value: function(value) {
 902         this._super.apply(this, [value]);
 903         if (value === false || value === undefined) {
 904             // As in GTK client, floats default to 0
 905             value = 0;
 906         }
 907         var show_value = value.toFixed(2);
 908         this.$element.find('input').val(show_value);
 909     },
 910     set_value_from_ui: function() {
 911         this.value = Number(this.$element.find('input').val().replace(/,/g, '.'));
 912     }
 913 });
 914
 915 openerp.base.form.FieldInteger = openerp.base.form.FieldFloat.extend({
 916     init: function(view, node) {
 917         this._super(view, node);
 918         this.validation_regex = /^-?\d+$/;
 919     },
 920     set_value: function(value) {
 921         this._super.apply(this, [value]);
 922         if (value === false || value === undefined) {
 923             // TODO fme: check if GTK client default integers to 0 (like it does with floats)
 924             value = 0;
 925         }
 926         var show_value = parseInt(value, 10);
 927         this.$element.find('input').val(show_value);
 928     },
 929     set_value_from_ui: function() {
 930         this.value = Number(this.$element.find('input').val());
 931     }
 932 });
 933
 934 openerp.base.form.FieldDatetime = openerp.base.form.Field.extend({
 935     init: function(view, node) {
 936         this._super(view, node);
 937         this.template = "FieldDate";
 938         this.jqueryui_object = 'datetimepicker';
 939         this.validation_regex = /^\d+-\d+-\d+( \d+:\d+(:\d+)?)?$/;
 940     },
 941     start: function() {
 942         this._super.apply(this, arguments);
 943         this.$element.find('input').change(this.on_ui_change)[this.jqueryui_object]({
 944             dateFormat: 'yy-mm-dd',
 945             timeFormat: 'hh:mm:ss',
 946             showOn: 'button',
 947             buttonImage: '/base/static/src/img/ui/field_calendar.png',
 948             buttonImageOnly: true,
 949             constrainInput: false
 950         });
 951     },
 952     set_value: function(value) {
 953         this._super.apply(this, arguments);
 954         if (!value) {
 955             this.$element.find('input').val('');
 956         } else {
 957             this.$element.find('input').unbind('change');
 958             // jQuery UI date picker wrongly call on_change event herebelow
 959             this.$element.find('input')[this.jqueryui_object]('setDate', this.parse(value));
 960             this.$element.find('input').change(this.on_ui_change);
 961         }
 962     },
 963     set_value_from_ui: function() {
 964         this.value = this.$element.find('input')[this.jqueryui_object]('getDate') || false;
 965         if (this.value) {
 966             this.value = this.format(this.value);
 967         }
 968     },
 969     update_dom: function() {
 970         this._super.apply(this, arguments);
 971         this.$element.find('input').attr('disabled', this.readonly);
 972     },
 973     validate: function() {
 974         this.invalid = false;
 975         var value = this.$element.find('input').val();
 976         if (value === "") {
 977             this.invalid = this.required;
 978         } else if (this.validation_regex) {
 979             this.invalid = !this.validation_regex.test(value);
 980         } else {
 981             this.invalid = !this.$element.find('input')[this.jqueryui_object]('getDate');
 982         }
 983     },
 984     focus: function() {
 985         this.$element.find('input').focus();
 986     },
 987     parse: openerp.base.parse_datetime,
 988     format: openerp.base.format_datetime
 989 });
 990
 991 openerp.base.form.FieldDate = openerp.base.form.FieldDatetime.extend({
 992     init: function(view, node) {
 993         this._super(view, node);
 994         this.jqueryui_object = 'datepicker';
 995         this.validation_regex = /^\d+-\d+-\d+$/;
 996     },
 997     parse: openerp.base.parse_date,
 998     format: openerp.base.format_date
 999 });
1000
1001 openerp.base.form.FieldFloatTime = openerp.base.form.FieldChar.extend({
1002     init: function(view, node) {
1003         this._super(view, node);
1004         this.validation_regex = /^\d+:\d+$/;
1005     },
1006     set_value: function(value) {
1007         this._super.apply(this, [value]);
1008         if (value === false || value === undefined) {
1009             // As in GTK client, floats default to 0
1010             value = 0;
1011         }
1012         var show_value = _.sprintf("%02d:%02d", Math.floor(value), Math.round((value % 1) * 60));
1013         this.$element.find('input').val(show_value);
1014     },
1015     set_value_from_ui: function() {
1016         var time = this.$element.find('input').val().split(':');
1017         this.set_value(parseInt(time[0], 10) + parseInt(time[1], 10) / 60);
1018     }
1019 });
1020
1021 openerp.base.form.FieldText = openerp.base.form.Field.extend({
1022     init: function(view, node) {
1023         this._super(view, node);
1024         this.template = "FieldText";
1025         this.validation_regex = null;
1026     },
1027     start: function() {
1028         this._super.apply(this, arguments);
1029         this.$element.find('textarea').change(this.on_ui_change);
1030     },
1031     set_value: function(value) {
1032         this._super.apply(this, arguments);
1033         var show_value = (value != null && value !== false) ? value : '';
1034         this.$element.find('textarea').val(show_value);
1035     },
1036     update_dom: function() {
1037         this._super.apply(this, arguments);
1038         this.$element.find('textarea').attr('disabled', this.readonly);
1039     },
1040     set_value_from_ui: function() {
1041         this.value = this.$element.find('textarea').val();
1042     },
1043     validate: function() {
1044         this.invalid = false;
1045         var value = this.$element.find('textarea').val();
1046         if (value === "") {
1047             this.invalid = this.required;
1048         } else if (this.validation_regex) {
1049             this.invalid = !this.validation_regex.test(value);
1050         }
1051     },
1052     focus: function() {
1053         this.$element.find('textarea').focus();
1054     }
1055 });
1056
1057 openerp.base.form.FieldBoolean = openerp.base.form.Field.extend({
1058     init: function(view, node) {
1059         this._super(view, node);
1060         this.template = "FieldBoolean";
1061     },
1062     start: function() {
1063         var self = this;
1064         this._super.apply(this, arguments);
1065         this.$element.find('input').click(function() {
1066             if ($(this).is(':checked') != self.value) {
1067                 self.on_ui_change();
1068             }
1069         });
1070     },
1071     set_value: function(value) {
1072         this._super.apply(this, arguments);
1073         this.$element.find('input')[0].checked = value;
1074     },
1075     set_value_from_ui: function() {
1076         this.value = this.$element.find('input').is(':checked');
1077     },
1078     update_dom: function() {
1079         this._super.apply(this, arguments);
1080         this.$element.find('input').attr('disabled', this.readonly);
1081     },
1082     validate: function() {
1083         this.invalid = this.required && !this.$element.find('input').is(':checked');
1084     },
1085     focus: function() {
1086         this.$element.find('input').focus();
1087     }
1088 });
1089
1090 openerp.base.form.FieldProgressBar = openerp.base.form.Field.extend({
1091     init: function(view, node) {
1092         this._super(view, node);
1093         this.template = "FieldProgressBar";
1094     },
1095     start: function() {
1096         this._super.apply(this, arguments);
1097         this.$element.find('div').progressbar({
1098             value: this.value,
1099             disabled: this.readonly
1100         });
1101     },
1102     set_value: function(value) {
1103         this._super.apply(this, arguments);
1104         var show_value = Number(value);
1105         if (isNaN(show_value)) {
1106             show_value = 0;
1107         }
1108         this.$element.find('div').progressbar('option', 'value', show_value).find('span').html(show_value + '%');
1109     }
1110 });
1111
1112 openerp.base.form.FieldTextXml = openerp.base.form.Field.extend({
1113 // to replace view editor
1114 });
1115
1116 openerp.base.form.FieldSelection = openerp.base.form.Field.extend({
1117     init: function(view, node) {
1118         this._super(view, node);
1119         this.template = "FieldSelection";
1120     },
1121     start: function() {
1122         this._super.apply(this, arguments);
1123         this.$element.find('select').change(this.on_ui_change);
1124     },
1125     set_value: function(value) {
1126         this._super.apply(this, arguments);
1127         if (value != null && value !== false) {
1128             this.$element.find('select').val(value);
1129         } else {
1130             this.$element.find('select').val('false');
1131         }
1132     },
1133     set_value_from_ui: function() {
1134         this.value = this.$element.find('select').val();
1135     },
1136     update_dom: function() {
1137         this._super.apply(this, arguments);
1138         this.$element.find('select').attr('disabled', this.readonly);
1139     },
1140     validate: function() {
1141         this.invalid = this.required && this.$element.find('select').val() === "";
1142     },
1143     focus: function() {
1144         this.$element.find('select').focus();
1145     }
1146 });
1147
1148 // jquery autocomplete tweak to allow html
1149 (function() {
1150     var proto = $.ui.autocomplete.prototype,
1151         initSource = proto._initSource;
1152
1153     function filter( array, term ) {
1154         var matcher = new RegExp( $.ui.autocomplete.escapeRegex(term), "i" );
1155         return $.grep( array, function(value) {
1156             return matcher.test( $( "<div>" ).html( value.label || value.value || value ).text() );
1157         });
1158     }
1159
1160     $.extend( proto, {
1161         _initSource: function() {
1162             if ( this.options.html && $.isArray(this.options.source) ) {
1163                 this.source = function( request, response ) {
1164                     response( filter( this.options.source, request.term ) );
1165                 };
1166             } else {
1167                 initSource.call( this );
1168             }
1169         },
1170
1171         _renderItem: function( ul, item) {
1172             return $( "<li></li>" )
1173                 .data( "item.autocomplete", item )
1174                 .append( $( "<a></a>" )[ this.options.html ? "html" : "text" ]( item.label ) )
1175                 .appendTo( ul );
1176         }
1177     });
1178 })();
1179
1180 openerp.base.form.FieldMany2One = openerp.base.form.Field.extend({
1181     init: function(view, node) {
1182         this._super(view, node);
1183         this.template = "FieldMany2One";
1184         this.limit = 7;
1185         this.value = null;
1186         this.cm_id = _.uniqueId('m2o_cm_');
1187         this.last_search = [];
1188         this.tmp_value = undefined;
1189     },
1190     start: function() {
1191         this._super();
1192         var self = this;
1193         this.$input = this.$element.find("input");
1194         this.$drop_down = this.$element.find(".oe-m2o-drop-down-button");
1195         this.$menu_btn = this.$element.find(".oe-m2o-cm-button");
1196
1197         // context menu
1198         var bindings = {};
1199         bindings[this.cm_id + "_search"] = function() {
1200             self._search_create_popup("search");
1201         };
1202         bindings[this.cm_id + "_create"] = function() {
1203             self._search_create_popup("form");
1204         };
1205         bindings[this.cm_id + "_open"] = function() {
1206             if (!self.value) {
1207                 return;
1208             }
1209             self.session.action_manager.do_action({
1210                 "res_model": self.field.relation,
1211                 "views":[[false,"form"]],
1212                 "res_id": self.value[0],
1213                 "type":"ir.actions.act_window",
1214                 "target":"new",
1215                 "context": self.build_context()
1216             });
1217         };
1218         var cmenu = this.$menu_btn.contextMenu(this.cm_id, {'leftClickToo': true,
1219             bindings: bindings, itemStyle: {"color": ""},
1220             onContextMenu: function() {
1221                 if(self.value) {
1222                     $("#" + self.cm_id + "_open").removeClass("oe-m2o-disabled-cm");
1223                 } else {
1224                     $("#" + self.cm_id + "_open").addClass("oe-m2o-disabled-cm");
1225                 }
1226                 return true;
1227             }
1228         });
1229
1230         // some behavior for input
1231         this.$input.keyup(function() {
1232             if (self.$input.val() === "") {
1233                 self._change_int_value(null);
1234             } else if (self.value === null || (self.value && self.$input.val() !== self.value[1])) {
1235                 self._change_int_value(undefined);
1236             }
1237         });
1238         this.$drop_down.click(function() {
1239             if (self.$input.autocomplete("widget").is(":visible")) {
1240                 self.$input.autocomplete("close");
1241             } else {
1242                 if (self.value) {
1243                     self.$input.autocomplete("search", "");
1244                 } else {
1245                     self.$input.autocomplete("search");
1246                 }
1247                 self.$input.focus();
1248             }
1249         });
1250         var anyoneLoosesFocus = function() {
1251             if (!self.$input.is(":focus") &&
1252                     !self.$input.autocomplete("widget").is(":visible") &&
1253                     !self.value) {
1254                 if(self.value === undefined && self.last_search.length > 0) {
1255                     self._change_int_ext_value(self.last_search[0]);
1256                 } else {
1257                     self._change_int_ext_value(null);
1258                 }
1259             }
1260         }
1261         this.$input.focusout(anyoneLoosesFocus);
1262
1263         // autocomplete
1264         this.$input.autocomplete({
1265             source: function(req, resp) { self.get_search_result(req, resp); },
1266             select: function(event, ui) {
1267                 var item = ui.item;
1268                 if (item.id) {
1269                     self._change_int_value([item.id, item.name]);
1270                 } else if (item.action) {
1271                     self._change_int_value(undefined);
1272                     item.action();
1273                     return false;
1274                 }
1275             },
1276             focus: function(e, ui) {
1277                 e.preventDefault();
1278             },
1279             html: true,
1280             close: anyoneLoosesFocus,
1281             minLength: 0,
1282             delay: 0
1283         });
1284     },
1285     // autocomplete component content handling
1286     get_search_result: function(request, response) {
1287         var search_val = request.term;
1288         var self = this;
1289
1290         var dataset = new openerp.base.DataSetStatic(this.session, this.field.relation, self.build_context());
1291
1292         dataset.name_search(search_val, self.build_domain(), 'ilike',
1293                 this.limit + 1, function(data) {
1294             self.last_search = data.result;
1295             // possible selections for the m2o
1296             var values = _.map(data.result, function(x) {
1297                 return {label: $('<span />').text(x[1]).html(), name:x[1], id:x[0]};
1298             });
1299
1300             // search more... if more results that max
1301             if (values.length > self.limit) {
1302                 values = values.slice(0, self.limit);
1303                 values.push({label: "<em>   Search More...</em>", action: function() {
1304                     dataset.name_search(search_val, self.build_domain(), 'ilike'
1305                     , false, function(data) {
1306                         self._change_int_value(null);
1307                         self._search_create_popup("search", data.result);
1308                     });
1309                 }});
1310             }
1311             // quick create
1312             var raw_result = _(data.result).map(function(x) {return x[1];})
1313             if (search_val.length > 0 &&
1314                 !_.include(raw_result, search_val) &&
1315                 (!self.value || search_val !== self.value[1])) {
1316                 values.push({label: '<em>   Create "<strong>' +
1317                         $('<span />').text(search_val).html() + '</strong>"</em>', action: function() {
1318                     self._quick_create(search_val);
1319                 }});
1320             }
1321             // create...
1322             values.push({label: "<em>   Create and Edit...</em>", action: function() {
1323                 self._change_int_value(null);
1324                 self._search_create_popup("form", undefined, {"default_name": search_val});
1325             }});
1326
1327             response(values);
1328         });
1329     },
1330     _quick_create: function(name) {
1331         var self = this;
1332         var dataset = new openerp.base.DataSetStatic(this.session, this.field.relation, self.build_context());
1333         dataset.name_create(name, function(data) {
1334             self._change_int_ext_value(data.result);
1335         }).fail(function(error, event) {
1336             event.preventDefault();
1337             self._change_int_value(null);
1338             self._search_create_popup("form", undefined, {"default_name": name});
1339         });
1340     },
1341     // all search/create popup handling
1342     _search_create_popup: function(view, ids, context) {
1343         var self = this;
1344         var pop = new openerp.base.form.SelectCreatePopup(null, self.view.session);
1345         pop.select_element(self.field.relation,{
1346                 initial_ids: ids ? _.map(ids, function(x) {return x[0]}) : undefined,
1347                 initial_view: view,
1348                 disable_multiple_selection: true
1349                 }, self.build_domain(),
1350                 new openerp.base.CompoundContext(self.build_context(), context || {}));
1351         pop.on_select_elements.add(function(element_ids) {
1352             var dataset = new openerp.base.DataSetStatic(this.session, this.field.relation, self.build_context());
1353             dataset.name_get([element_ids[0]], function(data) {
1354                 self._change_int_ext_value(data.result[0]);
1355                 pop.stop();
1356             });
1357         });
1358     },
1359     _change_int_ext_value: function(value) {
1360         this._change_int_value(value);
1361         this.$input.val(this.value ? this.value[1] : "");
1362     },
1363     _change_int_value: function(value) {
1364         this.value = value;
1365         var back_orig_value = this.original_value;
1366         if (this.value === null || this.value) {
1367             this.original_value = this.value;
1368         }
1369         if (back_orig_value === undefined) { // first use after a set_value()
1370             return;
1371         }
1372         if (this.value !== undefined && ((back_orig_value ? back_orig_value[0] : null)
1373                 !== (this.value ? this.value[0] : null))) {
1374             this.on_ui_change();
1375         }
1376     },
1377     set_value_from_ui: function() {},
1378     set_value: function(value) {
1379         value = value || null;
1380         var self = this;
1381         var _super = this._super;
1382         this.tmp_value = value;
1383         var real_set_value = function(rval) {
1384             self.tmp_value = undefined;
1385             _super.apply(self, rval);
1386             self.original_value = undefined;
1387             self._change_int_ext_value(rval);
1388         };
1389         if(typeof(value) === "number") {
1390             var dataset = new openerp.base.DataSetStatic(this.session, this.field.relation, self.build_context());
1391             dataset.name_get([value], function(data) {
1392                 real_set_value(data.result[0]);
1393             }).fail(function() {self.tmp_value = undefined;});
1394         } else {
1395             setTimeout(function() {real_set_value(value);}, 0);
1396         }
1397     },
1398     get_value: function() {
1399         if (this.tmp_value !== undefined) {
1400             if (this.tmp_value instanceof Array) {
1401                 return this.tmp_value[0];
1402             }
1403             return this.tmp_value ? this.tmp_value : false;
1404         }
1405         if (this.value === undefined)
1406             return this.original_value ? this.original_value[0] : false;
1407         return this.value ? this.value[0] : false;
1408     },
1409     validate: function() {
1410         this.invalid = false;
1411         if (this.value === null) {
1412             this.invalid = this.required;
1413         }
1414     }
1415 });
1416
1417 /*
1418 # Values: (0, 0,  { fields })    create
1419 #         (1, ID, { fields })    update
1420 #         (2, ID)                remove (delete)
1421 #         (3, ID)                unlink one (target id or target of relation)
1422 #         (4, ID)                link
1423 #         (5)                    unlink all (only valid for one2many)
1424 */
1425 var commands = {
1426     // (0, _, {values})
1427     CREATE: 0,
1428     'create': function (values) {
1429         return [commands.CREATE, false, values];
1430     },
1431     // (1, id, {values})
1432     UPDATE: 1,
1433     'update': function (id, values) {
1434         return [commands.UPDATE, id, values];
1435     },
1436     // (2, id[, _])
1437     DELETE: 2,
1438     'delete': function (id) {
1439         return [commands.DELETE, id, false];
1440     },
1441     // (3, id[, _]) removes relation, but not linked record itself
1442     FORGET: 3,
1443     'forget': function (id) {
1444         return [commands.FORGET, id, false];
1445     },
1446     // (4, id[, _])
1447     LINK_TO: 4,
1448     'link_to': function (id) {
1449         return [commands.LINK_TO, id, false];
1450     },
1451     // (5[, _[, _]])
1452     DELETE_ALL: 5,
1453     'delete_all': function () {
1454         return [5, false, false];
1455     },
1456     // (6, _, ids) replaces all linked records with provided ids
1457     REPLACE_WITH: 6,
1458     'replace_with': function (ids) {
1459         return [6, false, ids];
1460     }
1461 };
1462 openerp.base.form.FieldOne2Many = openerp.base.form.Field.extend({
1463     multi_selection: false,
1464     init: function(view, node) {
1465         this._super(view, node);
1466         this.template = "FieldOne2Many";
1467         this.is_started = $.Deferred();
1468     },
1469     start: function() {
1470         this._super.apply(this, arguments);
1471
1472         var self = this;
1473
1474         this.dataset = new openerp.base.form.One2ManyDataSet(this.session, this.field.relation);
1475         this.dataset.o2m = this;
1476         this.dataset.parent_view = this.view;
1477         this.dataset.on_change.add_last(function() {
1478             self.on_ui_change();
1479         });
1480
1481         var modes = this.node.attrs.mode;
1482         modes = !!modes ? modes.split(",") : ["tree", "form"];
1483         var views = [];
1484         _.each(modes, function(mode) {
1485             var view = {view_id: false, view_type: mode == "tree" ? "list" : mode};
1486             if (self.field.views && self.field.views[mode]) {
1487                 view.embedded_view = self.field.views[mode];
1488             }
1489             if(view.view_type === "list") {
1490                 view.options = {
1491                     'selectable': self.multi_selection
1492                 };
1493             }
1494             views.push(view);
1495         });
1496         this.views = views;
1497
1498         this.viewmanager = new openerp.base.ViewManager(this.view.session,
1499             this.element_id, this.dataset, views);
1500         this.viewmanager.registry = openerp.base.views.clone({
1501             list: 'openerp.base.form.One2ManyListView'
1502         });
1503
1504         this.viewmanager.on_controller_inited.add_last(function(view_type, controller) {
1505             if (view_type == "list") {
1506                 controller.o2m = self;
1507             } else if (view_type == "form") {
1508                 // TODO niv
1509             }
1510             self.is_started.resolve();
1511         });
1512         setTimeout(function () {
1513             self.viewmanager.start();
1514         }, 0);
1515     },
1516     reload_current_view: function() {
1517         var self = this;
1518         var view = self.viewmanager.views[self.viewmanager.active_view].controller;
1519         if(self.viewmanager.active_view === "list") {
1520             view.reload_content();
1521         } else if (self.viewmanager.active_view === "form") {
1522             // TODO niv: implement
1523         }
1524     },
1525     set_value_from_ui: function() {},
1526     set_value: function(value) {
1527         value = value || [];
1528         var self = this;
1529         this.dataset.reset_ids([]);
1530         if(value.length >= 1 && value[0] instanceof Array) {
1531             var ids = [];
1532             _.each(value, function(command) {
1533                 var obj = {values: command[2]};
1534                 switch (command[0]) {
1535                     case commands.CREATE:
1536                         obj['id'] = _.uniqueId(self.dataset.virtual_id_prefix);
1537                         self.dataset.to_create.push(obj);
1538                         self.dataset.cache.push(_.clone(obj));
1539                         ids.push(obj.id);
1540                         return;
1541                     case commands.UPDATE:
1542                         obj['id'] = command[1];
1543                         self.dataset.to_write.push(obj);
1544                         self.dataset.cache.push(_.clone(obj));
1545                         ids.push(obj.id);
1546                         return;
1547                     case commands.DELETE:
1548                         self.dataset.to_delete.push({id: command[1]});
1549                         return;
1550                     case commands.LINK_TO:
1551                         ids.push(command[1]);
1552                         return;
1553                     case commands.DELETE_ALL:
1554                         self.dataset.delete_all = true;
1555                         return;
1556                 }
1557             });
1558             this._super(ids);
1559             this.dataset.set_ids(ids);
1560         } else if (value.length >= 1 && typeof(value[0]) === "object") {
1561             var ids = [];
1562             this.dataset.delete_all = true;
1563             _.each(value, function(command) {
1564                 var obj = {values: command};
1565                 obj['id'] = _.uniqueId(self.dataset.virtual_id_prefix);
1566                 self.dataset.to_create.push(obj);
1567                 self.dataset.cache.push(_.clone(obj));
1568                 ids.push(obj.id);
1569             });
1570             this._super(ids);
1571             this.dataset.set_ids(ids);
1572         } else {
1573             this._super(value);
1574             this.dataset.reset_ids(value);
1575         }
1576         $.when(this.is_started).then(function() {
1577             self.reload_current_view();
1578         });
1579     },
1580     get_value: function() {
1581         var self = this;
1582         if (!this.dataset)
1583             return [];
1584         var val = this.dataset.delete_all ? [commands.delete_all()] : [];
1585         val = val.concat(_.map(this.dataset.ids, function(id) {
1586             var alter_order = _.detect(self.dataset.to_create, function(x) {return x.id === id;});
1587             if (alter_order) {
1588                 return commands.create(alter_order.values);
1589             }
1590             alter_order = _.detect(self.dataset.to_write, function(x) {return x.id === id;});
1591             if (alter_order) {
1592                 return commands.update(alter_order.id, alter_order.values);
1593             }
1594             return commands.link_to(id);
1595         }));
1596         return val.concat(_.map(
1597             this.dataset.to_delete, function(x) {
1598                 return commands['delete'](x.id);}));
1599     },
1600     validate: function() {
1601         this.invalid = false;
1602         // TODO niv
1603     }
1604 });
1605
1606 openerp.base.form.One2ManyDataSet = openerp.base.BufferedDataSet.extend({
1607     get_context: function() {
1608         this.context = this.o2m.build_context();
1609         return this.context;
1610     }
1611 });
1612
1613 openerp.base.form.One2ManyListView = openerp.base.ListView.extend({
1614     do_add_record: function () {
1615         if (this.options.editable) {
1616             this._super.apply(this, arguments);
1617         } else {
1618             var self = this;
1619             var pop = new openerp.base.form.SelectCreatePopup(null, self.o2m.view.session);
1620             pop.select_element(self.o2m.field.relation,{
1621                 initial_view: "form",
1622                 alternative_form_view: self.o2m.field.views ? self.o2m.field.views["form"] : undefined,
1623                 auto_create: false,
1624                 parent_view: self.o2m.view
1625             }, self.o2m.build_domain(), self.o2m.build_context());
1626             pop.on_create.add(function(data) {
1627                 self.o2m.dataset.create(data, function(r) {
1628                     self.o2m.dataset.set_ids(self.o2m.dataset.ids.concat([r.result]));
1629                     self.o2m.dataset.on_change();
1630                     pop.stop();
1631                     self.o2m.reload_current_view();
1632                 });
1633             });
1634         }
1635     }
1636 });
1637
1638 openerp.base.form.FieldMany2Many = openerp.base.form.Field.extend({
1639     multi_selection: false,
1640     init: function(view, node) {
1641         this._super(view, node);
1642         this.template = "FieldMany2Many";
1643         this.list_id = _.uniqueId("many2many");
1644         this.is_started = $.Deferred();
1645     },
1646     start: function() {
1647         this._super.apply(this, arguments);
1648
1649         var self = this;
1650
1651         this.dataset = new openerp.base.form.Many2ManyDataSet(
1652                 this.session, this.field.relation);
1653         this.dataset.m2m = this;
1654         this.dataset.on_unlink.add_last(function(ids) {
1655             self.on_ui_change();
1656         });
1657
1658         this.list_view = new openerp.base.form.Many2ManyListView(
1659                 null, this.view.session, this.list_id, this.dataset, false, {
1660                     'addable': 'Add',
1661                     'selectable': self.multi_selection
1662             });
1663         this.list_view.m2m_field = this;
1664         this.list_view.on_loaded.add_last(function() {
1665             self.is_started.resolve();
1666         });
1667         setTimeout(function () {
1668             self.list_view.start();
1669         }, 0);
1670     },
1671     set_value: function(value) {
1672         value = value || [];
1673         if (value.length >= 1 && value[0] instanceof Array) {
1674             value = value[0][2];
1675         }
1676         this._super(value);
1677         this.dataset.set_ids(value);
1678         var self = this;
1679         $.when(this.is_started).then(function() {
1680             self.list_view.reload_content();
1681         });
1682     },
1683     get_value: function() {
1684         return [commands.replace_with(this.dataset.ids)];
1685     },
1686     set_value_from_ui: function() {},
1687     validate: function() {
1688         this.invalid = false;
1689         // TODO niv
1690     }
1691 });
1692
1693 openerp.base.form.Many2ManyDataSet = openerp.base.DataSetStatic.extend({
1694     get_context: function() {
1695         this.context = this.m2m.build_context();
1696         return this.context;
1697     }
1698 });
1699
1700 openerp.base.form.Many2ManyListView = openerp.base.ListView.extend({
1701     do_add_record: function () {
1702         var pop = new openerp.base.form.SelectCreatePopup(
1703                 null, this.m2m_field.view.session);
1704         pop.select_element(this.model, {},
1705             new openerp.base.CompoundDomain(this.m2m_field.build_domain(), ["!", ["id", "in", this.m2m_field.dataset.ids]]),
1706             this.m2m_field.build_context());
1707         var self = this;
1708         pop.on_select_elements.add(function(element_ids) {
1709             _.each(element_ids, function(element_id) {
1710                 if(! _.detect(self.dataset.ids, function(x) {return x == element_id;})) {
1711                     self.dataset.set_ids([].concat(self.dataset.ids, [element_id]));
1712                     self.m2m_field.on_ui_change();
1713                     self.reload_content();
1714                 }
1715             });
1716             pop.stop();
1717         });
1718     },
1719     do_activate_record: function(index, id) {
1720         this.m2m_field.view.session.action_manager.do_action({
1721             "res_model": this.dataset.model,
1722             "views": [[false,"form"]],
1723             "res_id": id,
1724             "type": "ir.actions.act_window",
1725             "view_type": "form",
1726             "view_mode": "form",
1727             "target": "new",
1728             "context": this.m2m_field.build_context()
1729         });
1730     }
1731 });
1732
1733 openerp.base.form.SelectCreatePopup = openerp.base.BaseWidget.extend({
1734     identifier_prefix: "selectcreatepopup",
1735     template: "SelectCreatePopup",
1736     /**
1737      * options:
1738      * - initial_ids
1739      * - initial_view: form or search (default search)
1740      * - disable_multiple_selection
1741      * - alternative_form_view
1742      * - auto_create (default true)
1743      * - parent_view
1744      */
1745     select_element: function(model, options, domain, context) {
1746         this.model = model;
1747         this.domain = domain || [];
1748         this.context = context || {};
1749         this.options = _.defaults(options || {}, {"initial_view": "search", "auto_create": true});
1750         this.initial_ids = this.options.initial_ids;
1751         jQuery(this.render()).dialog({title: '',
1752                     modal: true,
1753                     minWidth: 800});
1754         this.start();
1755     },
1756     start: function() {
1757         this._super();
1758         this.dataset = new openerp.base.ReadOnlyDataSetSearch(this.session, this.model,
1759             this.context);
1760         this.dataset.parent_view = this.options.parent_view;
1761         if (this.options.initial_view == "search") {
1762             this.setup_search_view();
1763         } else { // "form"
1764             this.new_object();
1765         }
1766     },
1767     setup_search_view: function() {
1768         var self = this;
1769         if (this.searchview) {
1770             this.searchview.stop();
1771         }
1772         this.searchview = new openerp.base.SearchView(null, this.session,
1773                 this.element_id + "_search", this.dataset, false, {
1774                     "selectable": !this.options.disable_multiple_selection,
1775                     "deletable": false
1776                 });
1777         this.searchview.on_search.add(function(domains, contexts, groupbys) {
1778             if (self.initial_ids) {
1779                 self.view_list.do_search.call(self, domains.concat([[["id", "in", self.initial_ids]], self.domain]),
1780                     contexts, groupbys);
1781                 self.initial_ids = undefined;
1782             } else {
1783                 self.view_list.do_search.call(self, domains.concat([self.domain]), contexts, groupbys);
1784             }
1785         });
1786         this.searchview.on_loaded.add_last(function () {
1787             var $buttons = self.searchview.$element.find(".oe_search-view-buttons");
1788             $buttons.append(QWeb.render("SelectCreatePopup.search.buttons"));
1789             var $cbutton = $buttons.find(".oe_selectcreatepopup-search-close");
1790             $cbutton.click(function() {
1791                 self.stop();
1792             });
1793             var $sbutton = $buttons.find(".oe_selectcreatepopup-search-select");
1794             if(self.options.disable_multiple_selection) {
1795                 $sbutton.hide();
1796             }
1797             $sbutton.click(function() {
1798                 self.on_select_elements(self.selected_ids);
1799             });
1800             self.view_list = new openerp.base.form.SelectCreateListView( null, self.session,
1801                     self.element_id + "_view_list", self.dataset, false,
1802                     {'deletable': false});
1803             self.view_list.popup = self;
1804             self.view_list.do_show();
1805             self.view_list.start().then(function() {
1806                 self.searchview.do_search();
1807             });
1808         });
1809         this.searchview.start();
1810     },
1811     on_create: function(data) {
1812         if (!this.options.auto_create)
1813             return;
1814         var self = this;
1815         var wdataset = new openerp.base.DataSetSearch(this.session, this.model, this.context, this.domain);
1816         wdataset = this.options.parent_view;
1817         wdataset.create(data, function(r) {
1818             self.on_select_elements([r.result]);
1819         });
1820     },
1821     on_select_elements: function(element_ids) {
1822     },
1823     on_click_element: function(ids) {
1824         this.selected_ids = ids || [];
1825         if(this.selected_ids.length > 0) {
1826             this.$element.find(".oe_selectcreatepopup-search-select").removeAttr('disabled');
1827         } else {
1828             this.$element.find(".oe_selectcreatepopup-search-select").attr('disabled', "disabled");
1829         }
1830     },
1831     new_object: function() {
1832         var self = this;
1833         if (this.searchview) {
1834             this.searchview.hide();
1835         }
1836         if (this.view_list) {
1837             this.view_list.$element.hide();
1838         }
1839         this.dataset.index = null;
1840         this.view_form = new openerp.base.FormView(null, this.session,
1841                 this.element_id + "_view_form", this.dataset, false);
1842         if (this.options.alternative_form_view) {
1843             this.view_form.set_embedded_view(this.options.alternative_form_view);
1844         }
1845         this.view_form.start();
1846         this.view_form.on_loaded.add_last(function() {
1847             var $buttons = self.view_form.$element.find(".oe_form_buttons");
1848             $buttons.html(QWeb.render("SelectCreatePopup.form.buttons"));
1849             var $nbutton = $buttons.find(".oe_selectcreatepopup-form-save");
1850             $nbutton.click(function() {
1851                 self.view_form.do_save();
1852             });
1853             var $cbutton = $buttons.find(".oe_selectcreatepopup-form-close");
1854             $cbutton.click(function() {
1855                 self.stop();
1856             });
1857         });
1858         this.dataset.on_create.add(this.on_create);
1859         this.view_form.do_show();
1860     }
1861 });
1862
1863 openerp.base.form.SelectCreateListView = openerp.base.ListView.extend({
1864     do_add_record: function () {
1865         this.popup.new_object();
1866     },
1867     select_record: function(index) {
1868         this.popup.on_select_elements([this.dataset.ids[index]]);
1869     },
1870     do_select: function(ids, records) {
1871         this._super(ids, records);
1872         this.popup.on_click_element(ids);
1873     }
1874 });
1875
1876 openerp.base.form.FieldReference = openerp.base.form.Field.extend({
1877     init: function(view, node) {
1878         this._super(view, node);
1879         this.template = "FieldReference";
1880     }
1881 });
1882
1883 openerp.base.form.FieldBinary = openerp.base.form.Field.extend({
1884     init: function(view, node) {
1885         this._super(view, node);
1886         this.iframe = this.element_id + '_iframe';
1887         this.binary_value = false;
1888     },
1889     start: function() {
1890         this._super.apply(this, arguments);
1891         this.$element.find('input.oe-binary-file').change(this.on_file_change);
1892         this.$element.find('button.oe-binary-file-save').click(this.on_save_as);
1893         this.$element.find('.oe-binary-file-clear').click(this.on_clear);
1894     },
1895     set_value_from_ui: function() {
1896     },
1897     human_filesize : function(size) {
1898         var units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'];
1899         var i = 0;
1900         while (size >= 1024) {
1901             size /= 1024;
1902             ++i;
1903         }
1904         return size.toFixed(2) + ' ' + units[i];
1905     },
1906     on_file_change: function(e) {
1907         // TODO: on modern browsers, we could directly read the file locally on client ready to be used on image cropper
1908         // http://www.html5rocks.com/tutorials/file/dndfiles/
1909         // http://deepliquid.com/projects/Jcrop/demos.php?demo=handler
1910         window[this.iframe] = this.on_file_uploaded;
1911         if ($(e.target).val() != '') {
1912             this.$element.find('form.oe-binary-form input[name=session_id]').val(this.session.session_id);
1913             this.$element.find('form.oe-binary-form').submit();
1914             this.toggle_progress();
1915         }
1916     },
1917     toggle_progress: function() {
1918         this.$element.find('.oe-binary-progress, .oe-binary').toggle();
1919     },
1920     on_file_uploaded: function(size, name, content_type, file_base64) {
1921         delete(window[this.iframe]);
1922         if (size === false) {
1923             this.notification.warn("File Upload", "There was a problem while uploading your file");
1924             // TODO: use openerp web exception handler
1925             console.log("Error while uploading file : ", name);
1926         } else {
1927             this.on_file_uploaded_and_valid.apply(this, arguments);
1928             this.on_ui_change();
1929         }
1930         this.toggle_progress();
1931     },
1932     on_file_uploaded_and_valid: function(size, name, content_type, file_base64) {
1933     },
1934     on_save_as: function() {
1935         if (!this.view.datarecord.id) {
1936             this.notification.warn("Can't save file", "The record has not yet been saved");
1937         } else {
1938             var url = '/base/binary/saveas?session_id=' + this.session.session_id + '&model=' +
1939                 this.view.dataset.model +'&id=' + (this.view.datarecord.id || '') + '&field=' + this.name +
1940                 '&fieldname=' + (this.node.attrs.filename || '') + '&t=' + (new Date().getTime())
1941             window.open(url);
1942         }
1943     },
1944     on_clear: function() {
1945         if (this.value !== false) {
1946             this.value = false;
1947             this.binary_value = false;
1948             this.on_ui_change();
1949         }
1950         return false;
1951     }
1952 });
1953
1954 openerp.base.form.FieldBinaryFile = openerp.base.form.FieldBinary.extend({
1955     init: function(view, node) {
1956         this._super(view, node);
1957         this.template = "FieldBinaryFile";
1958     },
1959     set_value: function(value) {
1960         this._super.apply(this, arguments);
1961         var show_value = (value != null && value !== false) ? value : '';
1962         this.$element.find('input').eq(0).val(show_value);
1963     },
1964     on_file_uploaded_and_valid: function(size, name, content_type, file_base64) {
1965         this.value = file_base64;
1966         this.binary_value = true;
1967         var show_value = this.human_filesize(size);
1968         this.$element.find('input').eq(0).val(show_value);
1969         this.set_filename(name);
1970     },
1971     set_filename: function(value) {
1972         var filename = this.node.attrs.filename;
1973         if (this.view.fields[filename]) {
1974             this.view.fields[filename].set_value(value);
1975             this.view.fields[filename].on_ui_change();
1976         }
1977     },
1978     on_clear: function() {
1979         this._super.apply(this, arguments);
1980         this.$element.find('input').eq(0).val('');
1981         this.set_filename('');
1982     }
1983 });
1984
1985 openerp.base.form.FieldBinaryImage = openerp.base.form.FieldBinary.extend({
1986     init: function(view, node) {
1987         this._super(view, node);
1988         this.template = "FieldBinaryImage";
1989     },
1990     start: function() {
1991         this._super.apply(this, arguments);
1992         this.$image = this.$element.find('img.oe-binary-image');
1993     },
1994     set_image_maxwidth: function() {
1995         this.$image.css('max-width', this.$element.width());
1996     },
1997     on_file_change: function() {
1998         this.set_image_maxwidth();
1999         this._super.apply(this, arguments);
2000     },
2001     on_file_uploaded_and_valid: function(size, name, content_type, file_base64) {
2002         this.value = file_base64;
2003         this.binary_value = true;
2004         this.$image.attr('src', 'data:' + (content_type || 'image/png') + ';base64,' + file_base64);
2005     },
2006     on_clear: function() {
2007         this._super.apply(this, arguments);
2008         this.$image.attr('src', '/base/static/src/img/placeholder.png');
2009     },
2010     set_value: function(value) {
2011         this._super.apply(this, arguments);
2012         this.set_image_maxwidth();
2013         var url = '/base/binary/image?session_id=' + this.session.session_id + '&model=' +
2014             this.view.dataset.model +'&id=' + (this.view.datarecord.id || '') + '&field=' + this.name + '&t=' + (new Date().getTime())
2015         this.$image.attr('src', url);
2016     }
2017 });
2018
2019 /**
2020  * Registry of form widgets, called by :js:`openerp.base.FormView`
2021  */
2022 openerp.base.form.widgets = new openerp.base.Registry({
2023     'frame' : 'openerp.base.form.WidgetFrame',
2024     'group' : 'openerp.base.form.WidgetFrame',
2025     'notebook' : 'openerp.base.form.WidgetNotebook',
2026     'separator' : 'openerp.base.form.WidgetSeparator',
2027     'label' : 'openerp.base.form.WidgetLabel',
2028     'button' : 'openerp.base.form.WidgetButton',
2029     'char' : 'openerp.base.form.FieldChar',
2030     'email' : 'openerp.base.form.FieldEmail',
2031     'url' : 'openerp.base.form.FieldUrl',
2032     'text' : 'openerp.base.form.FieldText',
2033     'text_wiki' : 'openerp.base.form.FieldText',
2034     'date' : 'openerp.base.form.FieldDate',
2035     'datetime' : 'openerp.base.form.FieldDatetime',
2036     'selection' : 'openerp.base.form.FieldSelection',
2037     'many2one' : 'openerp.base.form.FieldMany2One',
2038     'many2many' : 'openerp.base.form.FieldMany2Many',
2039     'one2many' : 'openerp.base.form.FieldOne2Many',
2040     'one2many_list' : 'openerp.base.form.FieldOne2Many',
2041     'reference' : 'openerp.base.form.FieldReference',
2042     'boolean' : 'openerp.base.form.FieldBoolean',
2043     'float' : 'openerp.base.form.FieldFloat',
2044     'integer': 'openerp.base.form.FieldInteger',
2045     'progressbar': 'openerp.base.form.FieldProgressBar',
2046     'float_time': 'openerp.base.form.FieldFloatTime',
2047     'image': 'openerp.base.form.FieldBinaryImage',
2048     'binary': 'openerp.base.form.FieldBinaryFile'
2049 });
2050
2051 };
2052
2053 // vim:et fdc=0 fdl=0 foldnestmax=3 fdm=syntax: