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