addons/web/static/src/js/views.js

   1 /*---------------------------------------------------------
   2  * OpenERP web library
   3  *---------------------------------------------------------*/
   4
   5 (function() {
   6
   7 var instance = openerp;
   8 openerp.web.views = {};
   9 var QWeb = instance.web.qweb,
  10     _t = instance.web._t;
  11
  12 instance.web.ActionManager = instance.web.Widget.extend({
  13     init: function(parent) {
  14         this._super(parent);
  15         this.inner_action = null;
  16         this.inner_widget = null;
  17         this.dialog = null;
  18         this.dialog_widget = null;
  19         this.breadcrumbs = [];
  20         this.on('history_back', this, function() {
  21             return this.history_back();
  22         });
  23     },
  24     start: function() {
  25         this._super.apply(this, arguments);
  26         this.$el.on('click', 'a.oe_breadcrumb_item', this.on_breadcrumb_clicked);
  27     },
  28     dialog_stop: function () {
  29         if (this.dialog) {
  30             this.dialog.destroy();
  31         }
  32         this.dialog = null;
  33     },
  34     /**
  35      * Add a new item to the breadcrumb
  36      *
  37      * If the title of an item is an array, the multiple title mode is in use.
  38      * (eg: a widget with multiple views might need to display a title for each view)
  39      * In multiple title mode, the show() callback can check the index it receives
  40      * in order to detect which of its titles has been clicked on by the user.
  41      *
  42      * @param {Object} item breadcrumb item
  43      * @param {Object} item.widget widget containing the view(s) to be added to the breadcrumb added
  44      * @param {Function} [item.show] triggered whenever the widget should be shown back
  45      * @param {Function} [item.hide] triggered whenever the widget should be shown hidden
  46      * @param {Function} [item.destroy] triggered whenever the widget should be destroyed
  47      * @param {String|Array} [item.title] title(s) of the view(s) to be displayed in the breadcrumb
  48      * @param {Function} [item.get_title] should return the title(s) of the view(s) to be displayed in the breadcrumb
  49      */
  50     push_breadcrumb: function(item) {
  51         var last = this.breadcrumbs.slice(-1)[0];
  52         if (last) {
  53             last.hide();
  54         }
  55         item = _.extend({
  56             show: function(index) {
  57                 this.widget.$el.show();
  58             },
  59             hide: function() {
  60                 this.widget.$el.hide();
  61             },
  62             destroy: function() {
  63                 this.widget.destroy();
  64             },
  65             get_title: function() {
  66                 return this.title || this.widget.get('title');
  67             }
  68         }, item);
  69         item.id = _.uniqueId('breadcrumb_');
  70         this.breadcrumbs.push(item);
  71     },
  72     history_back: function() {
  73         var last = this.breadcrumbs.slice(-1)[0];
  74         if (!last) {
  75             return false;
  76         }
  77         var title = last.get_title();
  78         if (_.isArray(title) && title.length > 1) {
  79             return this.select_breadcrumb(this.breadcrumbs.length - 1, title.length - 2);
  80         } else if (this.breadcrumbs.length === 1) {
  81             // Only one single titled item in breadcrumb, most of the time you want to trigger back to home
  82             return false;
  83         } else {
  84             var prev = this.breadcrumbs[this.breadcrumbs.length - 2];
  85             title = prev.get_title();
  86             return this.select_breadcrumb(this.breadcrumbs.length - 2, _.isArray(title) ? title.length - 1 : undefined);
  87         }
  88     },
  89     on_breadcrumb_clicked: function(ev) {
  90         var $e = $(ev.target);
  91         var id = $e.data('id');
  92         var index;
  93         for (var i = this.breadcrumbs.length - 1; i >= 0; i--) {
  94             if (this.breadcrumbs[i].id == id) {
  95                 index = i;
  96                 break;
  97             }
  98         }
  99         var subindex = $e.parent().find('a.oe_breadcrumb_item[data-id=' + $e.data('id') + ']').index($e);
 100         this.select_breadcrumb(index, subindex);
 101     },
 102     select_breadcrumb: function(index, subindex) {
 103         var next_item = this.breadcrumbs[index + 1];
 104         if (next_item && next_item.on_reverse_breadcrumb) {
 105             next_item.on_reverse_breadcrumb(this.breadcrumbs[index].widget);
 106         }
 107         for (var i = this.breadcrumbs.length - 1; i >= 0; i--) {
 108             if (i > index) {
 109                 if (this.remove_breadcrumb(i) === false) {
 110                     return false;
 111                 }
 112             }
 113         }
 114         var item = this.breadcrumbs[index];
 115         item.show(subindex);
 116         this.inner_widget = item.widget;
 117         this.inner_action = item.action;
 118         return true;
 119     },
 120     clear_breadcrumbs: function() {
 121         for (var i = this.breadcrumbs.length - 1; i >= 0; i--) {
 122             if (this.remove_breadcrumb(0) === false) {
 123                 break;
 124             }
 125         }
 126     },
 127     remove_breadcrumb: function(index) {
 128         var item = this.breadcrumbs.splice(index, 1)[0];
 129         if (item) {
 130             var dups = _.filter(this.breadcrumbs, function(it) {
 131                 return item.widget === it.widget;
 132             });
 133             if (!dups.length) {
 134                 if (this.getParent().has_uncommitted_changes()) {
 135                     this.inner_widget = item.widget;
 136                     this.inner_action = item.action;
 137                     this.breadcrumbs.splice(index, 0, item);
 138                     return false;
 139                 } else {
 140                     item.destroy();
 141                 }
 142             }
 143         }
 144         var last_widget = this.breadcrumbs.slice(-1)[0];
 145         if (last_widget) {
 146             this.inner_widget = last_widget.widget;
 147             this.inner_action = last_widget.action;
 148         }
 149     },
 150     add_breadcrumb_url: function (url, label) {
 151         // Add a pseudo breadcrumb that will redirect to an url
 152         this.push_breadcrumb({
 153             show: function() {
 154                 instance.web.redirect(url);
 155             },
 156             hide: function() {},
 157             destroy: function() {},
 158             get_title: function() {
 159                 return label;
 160             }
 161         });
 162     },
 163     get_title: function() {
 164         var titles = [];
 165         for (var i = 0; i < this.breadcrumbs.length; i += 1) {
 166             var item = this.breadcrumbs[i];
 167             var tit = item.get_title();
 168             if (item.hide_breadcrumb) {
 169                 continue;
 170             }
 171             if (!_.isArray(tit)) {
 172                 tit = [tit];
 173             }
 174             for (var j = 0; j < tit.length; j += 1) {
 175                 var label = _.escape(tit[j]);
 176                 if (i === this.breadcrumbs.length - 1 && j === tit.length - 1) {
 177                     titles.push(_.str.sprintf('<span class="oe_breadcrumb_item">%s</span>', label));
 178                 } else {
 179                     titles.push(_.str.sprintf('<a href="#" class="oe_breadcrumb_item" data-id="%s">%s</a>', item.id, label));
 180                 }
 181             }
 182         }
 183         return titles.join(' <span class="oe_fade">/</span> ');
 184     },
 185     do_push_state: function(state) {
 186         state = state || {};
 187         if (this.getParent() && this.getParent().do_push_state) {
 188             if (this.inner_action) {
 189                 if (this.inner_action._push_me === false) {
 190                     // this action has been explicitly marked as not pushable
 191                     return;
 192                 }
 193                 state['title'] = this.inner_action.name;
 194                 if(this.inner_action.type == 'ir.actions.act_window') {
 195                     state['model'] = this.inner_action.res_model;
 196                 }
 197                 if (this.inner_action.menu_id) {
 198                     state['menu_id'] = this.inner_action.menu_id;
 199                 }
 200                 if (this.inner_action.id) {
 201                     state['action'] = this.inner_action.id;
 202                 } else if (this.inner_action.type == 'ir.actions.client') {
 203                     state['action'] = this.inner_action.tag;
 204                     var params = {};
 205                     _.each(this.inner_action.params, function(v, k) {
 206                         if(_.isString(v) || _.isNumber(v)) {
 207                             params[k] = v;
 208                         }
 209                     });
 210                     state = _.extend(params || {}, state);
 211                 }
 212                 if (this.inner_action.context) {
 213                     var active_id = this.inner_action.context.active_id;
 214                     if (active_id) {
 215                         state["active_id"] = active_id;
 216                     }
 217                     var active_ids = this.inner_action.context.active_ids;
 218                     if (active_ids && !(active_ids.length === 1 && active_ids[0] === active_id)) {
 219                         // We don't push active_ids if it's a single element array containing the active_id
 220                         // This makes the url shorter in most cases.
 221                         state["active_ids"] = this.inner_action.context.active_ids.join(',');
 222                     }
 223                 }
 224             }
 225             if(!this.dialog) {
 226                 this.getParent().do_push_state(state);
 227             }
 228         }
 229     },
 230     do_load_state: function(state, warm) {
 231         var self = this,
 232             action_loaded;
 233         if (!warm && 'return_label' in state) {
 234             var return_url = state.return_url || document.referrer;
 235             if (return_url) {
 236                 this.add_breadcrumb_url(return_url, state.return_label);
 237             }
 238         }
 239         if (state.action) {
 240             if (_.isString(state.action) && instance.web.client_actions.contains(state.action)) {
 241                 var action_client = {
 242                     type: "ir.actions.client",
 243                     tag: state.action,
 244                     params: state,
 245                     _push_me: state._push_me,
 246                 };
 247                 if (warm) {
 248                     this.null_action();
 249                 }
 250                 action_loaded = this.do_action(action_client);
 251             } else {
 252                 var run_action = (!this.inner_widget || !this.inner_widget.action) || this.inner_widget.action.id !== state.action;
 253                 if (run_action) {
 254                     var add_context = {};
 255                     if (state.active_id) {
 256                         add_context.active_id = state.active_id;
 257                     }
 258                     if (state.active_ids) {
 259                         // The jQuery BBQ plugin does some parsing on values that are valid integers.
 260                         // It means that if there's only one item, it will do parseInt() on it,
 261                         // otherwise it will keep the comma seperated list as string.
 262                         add_context.active_ids = state.active_ids.toString().split(',').map(function(id) {
 263                             return parseInt(id, 10) || id;
 264                         });
 265                     } else if (state.active_id) {
 266                         add_context.active_ids = [state.active_id];
 267                     }
 268                     add_context.params = state;
 269                     if (warm) {
 270                         this.null_action();
 271                     }
 272                     action_loaded = this.do_action(state.action, { additional_context: add_context });
 273                     $.when(action_loaded || null).done(function() {
 274                         instance.webclient.menu.has_been_loaded.done(function() {
 275                             if (self.inner_action && self.inner_action.id) {
 276                                 instance.webclient.menu.open_action(self.inner_action.id);
 277                             }
 278                         });
 279                     });
 280                 }
 281             }
 282         } else if (state.model && state.id) {
 283             // TODO handle context & domain ?
 284             if (warm) {
 285                 this.null_action();
 286             }
 287             var action = {
 288                 res_model: state.model,
 289                 res_id: state.id,
 290                 type: 'ir.actions.act_window',
 291                 views: [[false, 'form']]
 292             };
 293             action_loaded = this.do_action(action);
 294         } else if (state.sa) {
 295             // load session action
 296             if (warm) {
 297                 this.null_action();
 298             }
 299             action_loaded = this.rpc('/web/session/get_session_action',  {key: state.sa}).then(function(action) {
 300                 if (action) {
 301                     return self.do_action(action);
 302                 }
 303             });
 304         }
 305
 306         $.when(action_loaded || null).done(function() {
 307             if (self.inner_widget && self.inner_widget.do_load_state) {
 308                 self.inner_widget.do_load_state(state, warm);
 309             }
 310         });
 311     },
 312     /**
 313      * Execute an OpenERP action
 314      *
 315      * @param {Number|String|Object} Can be either an action id, a client action or an action descriptor.
 316      * @param {Object} [options]
 317      * @param {Boolean} [options.clear_breadcrumbs=false] Clear the breadcrumbs history list
 318      * @param {Function} [options.on_reverse_breadcrumb] Callback to be executed whenever an anterior breadcrumb item is clicked on.
 319      * @param {Function} [options.hide_breadcrumb] Do not display this widget's title in the breadcrumb
 320      * @param {Function} [options.on_close] Callback to be executed when the dialog is closed (only relevant for target=new actions)
 321      * @param {Function} [options.action_menu_id] Manually set the menu id on the fly.
 322      * @param {Object} [options.additional_context] Additional context to be merged with the action's context.
 323      * @return {jQuery.Deferred} Action loaded
 324      */
 325     do_action: function(action, options) {
 326         options = _.defaults(options || {}, {
 327             clear_breadcrumbs: false,
 328             on_reverse_breadcrumb: function() {},
 329             hide_breadcrumb: false,
 330             on_close: function() {},
 331             action_menu_id: null,
 332             additional_context: {},
 333         });
 334
 335         if (action === false) {
 336             action = { type: 'ir.actions.act_window_close' };
 337         } else if (_.isString(action) && instance.web.client_actions.contains(action)) {
 338             var action_client = { type: "ir.actions.client", tag: action, params: {} };
 339             return this.do_action(action_client, options);
 340         } else if (_.isNumber(action) || _.isString(action)) {
 341             var self = this;
 342             return self.rpc("/web/action/load", { action_id: action }).then(function(result) {
 343                 return self.do_action(result, options);
 344             });
 345         }
 346
 347         // Ensure context & domain are evaluated and can be manipulated/used
 348         var ncontext = new instance.web.CompoundContext(options.additional_context, action.context || {});
 349         action.context = instance.web.pyeval.eval('context', ncontext);
 350         if (action.context.active_id || action.context.active_ids) {
 351             // Here we assume that when an `active_id` or `active_ids` is used
 352             // in the context, we are in a `related` action, so we disable the
 353             // searchview's default custom filters.
 354             action.context.search_disable_custom_filters = true;
 355         }
 356         if (action.domain) {
 357             action.domain = instance.web.pyeval.eval(
 358                 'domain', action.domain, action.context || {});
 359         }
 360
 361         if (!action.type) {
 362             console.error("No type for action", action);
 363             return $.Deferred().reject();
 364         }
 365         var type = action.type.replace(/\./g,'_');
 366         var popup = action.target === 'new';
 367         var inline = action.target === 'inline' || action.target === 'inlineview';
 368         action.flags = _.defaults(action.flags || {}, {
 369             views_switcher : !popup && !inline,
 370             search_view : !popup && !inline,
 371             action_buttons : !popup && !inline,
 372             sidebar : !popup && !inline,
 373             pager : !popup && !inline,
 374             display_title : !popup,
 375             search_disable_custom_filters: action.context && action.context.search_disable_custom_filters
 376         });
 377         action.menu_id = options.action_menu_id;
 378         if (!(type in this)) {
 379             console.error("Action manager can't handle action of type " + action.type, action);
 380             return $.Deferred().reject();
 381         }
 382         return this[type](action, options);
 383     },
 384     null_action: function() {
 385         this.dialog_stop();
 386         this.clear_breadcrumbs();
 387     },
 388     /**
 389      *
 390      * @param {Object} executor
 391      * @param {Object} executor.action original action
 392      * @param {Function<instance.web.Widget>} executor.widget function used to fetch the widget instance
 393      * @param {String} executor.klass CSS class to add on the dialog root, if action.target=new
 394      * @param {Function<instance.web.Widget, undefined>} executor.post_process cleanup called after a widget has been added as inner_widget
 395      * @param {Object} options
 396      * @return {*}
 397      */
 398     ir_actions_common: function(executor, options) {
 399         if (this.inner_widget && executor.action.target !== 'new') {
 400             if (this.getParent().has_uncommitted_changes()) {
 401                 return $.Deferred().reject();
 402             } else if (options.clear_breadcrumbs) {
 403                 this.clear_breadcrumbs();
 404             }
 405         }
 406         var widget = executor.widget();
 407         if (executor.action.target === 'new') {
 408             if (this.dialog_widget && !this.dialog_widget.isDestroyed()) {
 409                 this.dialog_widget.destroy();
 410             }
 411             this.dialog_stop();
 412             this.dialog = new instance.web.Dialog(this, {
 413                 dialogClass: executor.klass,
 414             });
 415             this.dialog.on("closing", null, options.on_close);
 416             this.dialog.dialog_title = executor.action.name;
 417             if (widget instanceof instance.web.ViewManager) {
 418                 _.extend(widget.flags, {
 419                     $buttons: this.dialog.$buttons,
 420                     footer_to_buttons: true,
 421                 });
 422             }
 423             this.dialog_widget = widget;
 424             this.dialog_widget.setParent(this.dialog);
 425             var initialized = this.dialog_widget.appendTo(this.dialog.$el);
 426             this.dialog.open();
 427             return initialized;
 428         } else  {
 429             this.dialog_stop();
 430             this.inner_action = executor.action;
 431             this.inner_widget = widget;
 432             executor.post_process(widget);
 433             return this.inner_widget.appendTo(this.$el);
 434         }
 435     },
 436     ir_actions_act_window: function (action, options) {
 437         var self = this;
 438
 439         return this.ir_actions_common({
 440             widget: function () { return new instance.web.ViewManagerAction(self, action); },
 441             action: action,
 442             klass: 'oe_act_window',
 443             post_process: function (widget) {
 444                 widget.add_breadcrumb({
 445                     on_reverse_breadcrumb: options.on_reverse_breadcrumb,
 446                     hide_breadcrumb: options.hide_breadcrumb,
 447                 });
 448             },
 449         }, options);
 450     },
 451     ir_actions_client: function (action, options) {
 452         var self = this;
 453         var ClientWidget = instance.web.client_actions.get_object(action.tag);
 454
 455         if (!(ClientWidget.prototype instanceof instance.web.Widget)) {
 456             var next;
 457             if ((next = ClientWidget(this, action))) {
 458                 return this.do_action(next, options);
 459             }
 460             return $.when();
 461         }
 462
 463         return this.ir_actions_common({
 464             widget: function () { return new ClientWidget(self, action); },
 465             action: action,
 466             klass: 'oe_act_client',
 467             post_process: function(widget) {
 468                 self.push_breadcrumb({
 469                     widget: widget,
 470                     title: action.name,
 471                     on_reverse_breadcrumb: options.on_reverse_breadcrumb,
 472                     hide_breadcrumb: options.hide_breadcrumb,
 473                 });
 474                 if (action.tag !== 'reload') {
 475                     self.do_push_state({});
 476                 }
 477             }
 478         }, options);
 479     },
 480     ir_actions_act_window_close: function (action, options) {
 481         if (!this.dialog) {
 482             options.on_close();
 483         }
 484         this.dialog_stop();
 485         return $.when();
 486     },
 487     ir_actions_server: function (action, options) {
 488         var self = this;
 489         this.rpc('/web/action/run', {
 490             action_id: action.id,
 491             context: action.context || {}
 492         }).done(function (action) {
 493             self.do_action(action, options);
 494         });
 495     },
 496     ir_actions_report_xml: function(action, options) {
 497         var self = this;
 498         instance.web.blockUI();
 499         action = _.clone(action);
 500         var eval_contexts = ([instance.session.user_context] || []).concat([action.context]);
 501         action.context = instance.web.pyeval.eval('contexts',eval_contexts);
 502
 503         // iOS devices doesn't allow iframe use the way we do it,
 504         // opening a new window seems the best way to workaround
 505         if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
 506             var params = {
 507                 action: JSON.stringify(action),
 508                 token: new Date().getTime()
 509             };
 510             var url = self.session.url('/web/report', params);
 511             instance.web.unblockUI();
 512             $('<a href="'+url+'" target="_blank"></a>')[0].click();
 513             return;
 514         }
 515         var c = instance.webclient.crashmanager;
 516         return $.Deferred(function (d) {
 517             self.session.get_file({
 518                 url: '/web/report',
 519                 data: {action: JSON.stringify(action)},
 520                 complete: instance.web.unblockUI,
 521                 success: function(){
 522                     if (!self.dialog) {
 523                         options.on_close();
 524                     }
 525                     self.dialog_stop();
 526                     d.resolve();
 527                 },
 528                 error: function () {
 529                     c.rpc_error.apply(c, arguments);
 530                     d.reject();
 531                 }
 532             });
 533         });
 534     },
 535     ir_actions_act_url: function (action) {
 536         if (action.target === 'self') {
 537             instance.web.redirect(action.url);
 538         } else {
 539             window.open(action.url, '_blank');
 540         }
 541         return $.when();
 542     },
 543 });
 544
 545 instance.web.ViewManager =  instance.web.Widget.extend({
 546     template: "ViewManager",
 547     init: function(parent, dataset, views, flags) {
 548         this._super(parent);
 549         this.url_states = {};
 550         this.model = dataset ? dataset.model : undefined;
 551         this.dataset = dataset;
 552         this.searchview = null;
 553         this.active_view = null;
 554         this.views_src = _.map(views, function(x) {
 555             if (x instanceof Array) {
 556                 var view_type = x[1];
 557                 var View = instance.web.views.get_object(view_type, true);
 558                 var view_label = View ? View.prototype.display_name : (void 'nope');
 559                 return {
 560                     view_id: x[0],
 561                     view_type: view_type,
 562                     label: view_label,
 563                     button_label: View ? _.str.sprintf(_t('%(view_type)s view'), {'view_type': (view_label || view_type)}) : (void 'nope'),
 564                 };
 565             } else {
 566                 return x;
 567             }
 568         });
 569         this.ActionManager = parent;
 570         this.views = {};
 571         this.flags = flags || {};
 572         this.registry = instance.web.views;
 573         this.views_history = [];
 574         this.view_completely_inited = $.Deferred();
 575     },
 576     /**
 577      * @returns {jQuery.Deferred} initial view loading promise
 578      */
 579     start: function() {
 580         this._super();
 581         var self = this;
 582         this.$el.find('.oe_view_manager_switch a').click(function() {
 583             self.switch_mode($(this).data('view-type'));
 584         }).tipsy();
 585         var views_ids = {};
 586         _.each(this.views_src, function(view) {
 587             self.views[view.view_type] = $.extend({}, view, {
 588                 deferred : $.Deferred(),
 589                 controller : null,
 590                 options : _.extend({
 591                     $buttons : self.$el.find('.oe_view_manager_buttons'),
 592                     $sidebar : self.flags.sidebar ? self.$el.find('.oe_view_manager_sidebar') : undefined,
 593                     $pager : self.$el.find('.oe_view_manager_pager'),
 594                     action : self.action,
 595                     action_views_ids : views_ids
 596                 }, self.flags, self.flags[view.view_type] || {}, view.options || {})
 597             });
 598
 599             views_ids[view.view_type] = view.view_id;
 600         });
 601         if (this.flags.views_switcher === false) {
 602             this.$el.find('.oe_view_manager_switch').hide();
 603         }
 604         // If no default view defined, switch to the first one in sequence
 605         var default_view = this.flags.default_view || this.views_src[0].view_type;
 606
 607
 608         return this.switch_mode(default_view, null, this.flags[default_view] && this.flags[default_view].options);
 609
 610
 611     },
 612     switch_mode: function(view_type, no_store, view_options) {
 613         var self = this;
 614         var view = this.views[view_type];
 615         var view_promise;
 616         var form = this.views['form'];
 617         if (!view || (form && form.controller && !form.controller.can_be_discarded())) {
 618             self.trigger('switch_mode', view_type, no_store, view_options);
 619             return $.Deferred().reject();
 620         }
 621         if (!no_store) {
 622             this.views_history.push(view_type);
 623         }
 624         this.active_view = view_type;
 625
 626         if (!view.controller) {
 627             view_promise = this.do_create_view(view_type);
 628         } else if (this.searchview
 629                 && self.flags.auto_search
 630                 && view.controller.searchable !== false) {
 631             this.searchview.ready.done(this.searchview.do_search);
 632         }
 633
 634         if (this.searchview) {
 635             this.searchview[(view.controller.searchable === false || this.searchview.options.hidden) ? 'hide' : 'show']();
 636         }
 637
 638         this.$el.find('.oe_view_manager_switch a').parent().removeClass('active');
 639         this.$el
 640             .find('.oe_view_manager_switch a').filter('[data-view-type="' + view_type + '"]')
 641             .parent().addClass('active');
 642
 643         return $.when(view_promise).done(function () {
 644             _.each(_.keys(self.views), function(view_name) {
 645                 var controller = self.views[view_name].controller;
 646                 if (controller) {
 647                     var container = self.$el.find("> .oe_view_manager_body > .oe_view_manager_view_" + view_name);
 648                     if (view_name === view_type) {
 649                         container.show();
 650                         controller.do_show(view_options || {});
 651                     } else {
 652                         container.hide();
 653                         controller.do_hide();
 654                     }
 655                 }
 656             });
 657             self.trigger('switch_mode', view_type, no_store, view_options);
 658         });
 659     },
 660     do_create_view: function(view_type) {
 661         // Lazy loading of views
 662         var self = this;
 663         var view = this.views[view_type];
 664         var viewclass = this.registry.get_object(view_type);
 665         var options = _.clone(view.options);
 666         if (view_type === "form" && this.action && (this.action.target == 'new' || this.action.target == 'inline')) {
 667             options.initial_mode = 'edit';
 668         }
 669         var controller = new viewclass(this, this.dataset, view.view_id, options);
 670
 671         controller.on('history_back', this, function() {
 672             var am = self.getParent();
 673             if (am && am.trigger) {
 674                 return am.trigger('history_back');
 675             }
 676         });
 677
 678         controller.on("change:title", this, function() {
 679             if (self.active_view === view_type) {
 680                 self.set_title(controller.get('title'));
 681             }
 682         });
 683
 684         if (view.embedded_view) {
 685             controller.set_embedded_view(view.embedded_view);
 686         }
 687         controller.on('switch_mode', self, this.switch_mode);
 688         controller.on('previous_view', self, this.prev_view);
 689
 690         var container = this.$el.find("> .oe_view_manager_body > .oe_view_manager_view_" + view_type);
 691         var view_promise = controller.appendTo(container);
 692         this.views[view_type].controller = controller;
 693         this.views[view_type].deferred.resolve(view_type);
 694         return $.when(view_promise).done(function() {
 695             if (self.searchview
 696                     && self.flags.auto_search
 697                     && view.controller.searchable !== false) {
 698                 self.searchview.ready.done(self.searchview.do_search);
 699             } else {
 700                 self.view_completely_inited.resolve();
 701             }
 702             self.trigger("controller_inited",view_type,controller);
 703         });
 704     },
 705     /**
 706      * @returns {Number|Boolean} the view id of the given type, false if not found
 707      */
 708     get_view_id: function(view_type) {
 709         return this.views[view_type] && this.views[view_type].view_id || false;
 710     },
 711     set_title: function(title) {
 712         this.$el.find('.oe_view_title_text:first').text(title);
 713     },
 714     add_breadcrumb: function(options) {
 715         options = options || {};
 716         var self = this;
 717         var views = [this.active_view || this.views_src[0].view_type];
 718         this.on('switch_mode', self, function(mode) {
 719             var last = views.slice(-1)[0];
 720             if (mode !== last) {
 721                 if (mode !== 'form') {
 722                     views.length = 0;
 723                 }
 724                 views.push(mode);
 725             }
 726         });
 727         var item = _.extend({
 728             widget: this,
 729             action: this.action,
 730             show: function(index) {
 731                 var view_to_select = views[index];
 732                 var state = self.url_states[view_to_select];
 733                 self.do_push_state(state || {});
 734                 $.when(self.switch_mode(view_to_select)).done(function() {
 735                     self.$el.show();
 736                 });
 737             },
 738             get_title: function() {
 739                 var id;
 740                 var currentIndex;
 741                 _.each(self.getParent().breadcrumbs, function(bc, i) {
 742                     if (bc.widget === self) {
 743                         currentIndex = i;
 744                     }
 745                 });
 746                 var next = self.getParent().breadcrumbs.slice(currentIndex + 1)[0];
 747                 var titles = _.map(views, function(v) {
 748                     var controller = self.views[v].controller;
 749                     if (v === 'form') {
 750                         id = controller.datarecord.id;
 751                     }
 752                     return controller.get('title');
 753                 });
 754                 if (next && next.action && next.action.res_id && self.dataset &&
 755                     self.active_view === 'form' && self.dataset.model === next.action.res_model && id === next.action.res_id) {
 756                     // If the current active view is a formview and the next item in the breadcrumbs
 757                     // is an action on same object (model / res_id), then we omit the current formview's title
 758                     titles.pop();
 759                 }
 760                 return titles;
 761             }
 762         }, options);
 763         this.getParent().push_breadcrumb(item);
 764     },
 765     /**
 766      * Returns to the view preceding the caller view in this manager's
 767      * navigation history (the navigation history is appended to via
 768      * switch_mode)
 769      *
 770      * @param {Object} [options]
 771      * @param {Boolean} [options.created=false] resource was created
 772      * @param {String} [options.default=null] view to switch to if no previous view
 773      * @returns {$.Deferred} switching end signal
 774      */
 775     prev_view: function (options) {
 776         options = options || {};
 777         var current_view = this.views_history.pop();
 778         var previous_view = this.views_history[this.views_history.length - 1] || options['default'];
 779         if (options.created && current_view === 'form' && previous_view === 'list') {
 780             // APR special case: "If creation mode from list (and only from a list),
 781             // after saving, go to page view (don't come back in list)"
 782             return this.switch_mode('form');
 783         } else if (options.created && !previous_view && this.action && this.action.flags.default_view === 'form') {
 784             // APR special case: "If creation from dashboard, we have no previous view
 785             return this.switch_mode('form');
 786         }
 787         return this.switch_mode(previous_view, true);
 788     },
 789     /**
 790      * Sets up the current viewmanager's search view.
 791      *
 792      * @param {Number|false} view_id the view to use or false for a default one
 793      * @returns {jQuery.Deferred} search view startup deferred
 794      */
 795     setup_search_view: function(view_id, search_defaults) {
 796         var self = this;
 797         if (this.searchview) {
 798             this.searchview.destroy();
 799         }
 800         var options = {
 801             hidden: this.flags.search_view === false,
 802             disable_custom_filters: this.flags.search_disable_custom_filters,
 803         };
 804         this.searchview = new instance.web.SearchView(this, this.dataset, view_id, search_defaults, options);
 805
 806         this.searchview.on('search_data', self, this.do_searchview_search);
 807         return this.searchview.appendTo(this.$el.find(".oe_view_manager_view_search"));
 808     },
 809     do_searchview_search: function(domains, contexts, groupbys) {
 810         var self = this,
 811             controller = this.views[this.active_view].controller,
 812             action_context = this.action.context || {};
 813         instance.web.pyeval.eval_domains_and_contexts({
 814             domains: [this.action.domain || []].concat(domains || []),
 815             contexts: [action_context].concat(contexts || []),
 816             group_by_seq: groupbys || []
 817         }).done(function (results) {
 818             if (results.error) {
 819                 throw new Error(
 820                         _.str.sprintf(_t("Failed to evaluate search criterions")+": \n%s",
 821                                       JSON.stringify(results.error)));
 822             }
 823             self.dataset._model = new instance.web.Model(
 824                 self.dataset.model, results.context, results.domain);
 825             var groupby = results.group_by.length
 826                         ? results.group_by
 827                         : action_context.group_by;
 828             if (_.isString(groupby)) {
 829                 groupby = [groupby];
 830             }
 831             $.when(controller.do_search(results.domain, results.context, groupby || [])).then(function() {
 832                 self.view_completely_inited.resolve();
 833             });
 834         });
 835     },
 836     /**
 837      * Called when one of the view want to execute an action
 838      */
 839     on_action: function(action) {
 840     },
 841     on_create: function() {
 842     },
 843     on_remove: function() {
 844     },
 845     on_edit: function() {
 846     },
 847     /**
 848      * Called by children view after executing an action
 849      */
 850     on_action_executed: function () {
 851     },
 852 });
 853
 854 instance.web.ViewManagerAction = instance.web.ViewManager.extend({
 855     template:"ViewManagerAction",
 856     /**
 857      * @constructs instance.web.ViewManagerAction
 858      * @extends instance.web.ViewManager
 859      *
 860      * @param {instance.web.ActionManager} parent parent object/widget
 861      * @param {Object} action descriptor for the action this viewmanager needs to manage its views.
 862      */
 863     init: function(parent, action) {
 864         // dataset initialization will take the session from ``this``, so if we
 865         // do not have it yet (and we don't, because we've not called our own
 866         // ``_super()``) rpc requests will blow up.
 867         var flags = action.flags || {};
 868         if (!('auto_search' in flags)) {
 869             flags.auto_search = action.auto_search !== false;
 870         }
 871         if (action.res_model == 'board.board' && action.view_mode === 'form') {
 872             // Special case for Dashboards
 873             _.extend(flags, {
 874                 views_switcher : false,
 875                 display_title : false,
 876                 search_view : false,
 877                 pager : false,
 878                 sidebar : false,
 879                 action_buttons : false
 880             });
 881         }
 882         this._super(parent, null, action.views, flags);
 883         this.session = parent.session;
 884         this.action = action;
 885         var dataset = new instance.web.DataSetSearch(this, action.res_model, action.context, action.domain);
 886         if (action.res_id) {
 887             dataset.ids.push(action.res_id);
 888             dataset.index = 0;
 889         }
 890         this.dataset = dataset;
 891     },
 892     /**
 893      * Initializes the ViewManagerAction: sets up the searchview (if the
 894      * searchview is enabled in the manager's action flags), calls into the
 895      * parent to initialize the primary view and (if the VMA has a searchview)
 896      * launches an initial search after both views are done rendering.
 897      */
 898     start: function() {
 899         var self = this,
 900             searchview_loaded,
 901             search_defaults = {};
 902         _.each(this.action.context, function (value, key) {
 903             var match = /^search_default_(.*)$/.exec(key);
 904             if (match) {
 905                 search_defaults[match[1]] = value;
 906             }
 907         });
 908         // init search view
 909         var searchview_id = this.action['search_view_id'] && this.action['search_view_id'][0];
 910
 911         searchview_loaded = this.setup_search_view(searchview_id || false, search_defaults);
 912
 913         var main_view_loaded = this._super();
 914
 915         var manager_ready = $.when(searchview_loaded, main_view_loaded, this.view_completely_inited);
 916
 917         this.$el.find('.oe_debug_view').change(this.on_debug_changed);
 918         this.$el.addClass("oe_view_manager_" + (this.action.target || 'current'));
 919         return manager_ready;
 920     },
 921     on_debug_changed: function (evt) {
 922         var self = this,
 923             $sel = $(evt.currentTarget),
 924             $option = $sel.find('option:selected'),
 925             val = $sel.val(),
 926             current_view = this.views[this.active_view].controller;
 927         switch (val) {
 928             case 'fvg':
 929                 var dialog = new instance.web.Dialog(this, { title: _t("Fields View Get"), width: '95%' }).open();
 930                 $('<pre>').text(instance.web.json_node_to_xml(current_view.fields_view.arch, true)).appendTo(dialog.$el);
 931                 break;
 932             case 'tests':
 933                 this.do_action({
 934                     name: _t("JS Tests"),
 935                     target: 'new',
 936                     type : 'ir.actions.act_url',
 937                     url: '/web/tests?mod=*'
 938                 });
 939                 break;
 940             case 'perm_read':
 941                 var ids = current_view.get_selected_ids();
 942                 if (ids.length === 1) {
 943                     this.dataset.call('perm_read', [ids]).done(function(result) {
 944                         var dialog = new instance.web.Dialog(this, {
 945                             title: _.str.sprintf(_t("View Log (%s)"), self.dataset.model),
 946                             width: 400
 947                         }, QWeb.render('ViewManagerDebugViewLog', {
 948                             perm : result[0],
 949                             format : instance.web.format_value
 950                         })).open();
 951                     });
 952                 }
 953                 break;
 954             case 'toggle_layout_outline':
 955                 current_view.rendering_engine.toggle_layout_debugging();
 956                 break;
 957             case 'set_defaults':
 958                 current_view.open_defaults_dialog();
 959                 break;
 960             case 'translate':
 961                 this.do_action({
 962                     name: _t("Technical Translation"),
 963                     res_model : 'ir.translation',
 964                     domain : [['type', '!=', 'object'], '|', ['name', '=', this.dataset.model], ['name', 'ilike', this.dataset.model + ',']],
 965                     views: [[false, 'list'], [false, 'form']],
 966                     type : 'ir.actions.act_window',
 967                     view_type : "list",
 968                     view_mode : "list"
 969                 });
 970                 break;
 971             case 'fields':
 972                 this.dataset.call('fields_get', [false, {}]).done(function (fields) {
 973                     var $root = $('<dl>');
 974                     _(fields).each(function (attributes, name) {
 975                         $root.append($('<dt>').append($('<h4>').text(name)));
 976                         var $attrs = $('<dl>').appendTo($('<dd>').appendTo($root));
 977                         _(attributes).each(function (def, name) {
 978                             if (def instanceof Object) {
 979                                 def = JSON.stringify(def);
 980                             }
 981                             $attrs
 982                                 .append($('<dt>').text(name))
 983                                 .append($('<dd style="white-space: pre-wrap;">').text(def));
 984                         });
 985                     });
 986                     new instance.web.Dialog(self, {
 987                         title: _.str.sprintf(_t("Model %s fields"),
 988                                              self.dataset.model),
 989                         width: '95%'}, $root).open();
 990                 });
 991                 break;
 992             case 'edit_workflow':
 993                 return this.do_action({
 994                     res_model : 'workflow',
 995                     domain : [['osv', '=', this.dataset.model]],
 996                     views: [[false, 'list'], [false, 'form'], [false, 'diagram']],
 997                     type : 'ir.actions.act_window',
 998                     view_type : 'list',
 999                     view_mode : 'list'
1000                 });
1001             case 'edit':
1002                 this.do_edit_resource($option.data('model'), $option.data('id'), { name : $option.text() });
1003                 break;
1004             case 'manage_filters':
1005                 this.do_action({
1006                     res_model: 'ir.filters',
1007                     views: [[false, 'list'], [false, 'form']],
1008                     type: 'ir.actions.act_window',
1009                     context: {
1010                         search_default_my_filters: true,
1011                         search_default_model_id: this.dataset.model
1012                     }
1013                 });
1014                 break;
1015             case 'print_workflow':
1016                 if (current_view.get_selected_ids  && current_view.get_selected_ids().length == 1) {
1017                     instance.web.blockUI();
1018                     var action = {
1019                         context: { active_ids: current_view.get_selected_ids() },
1020                         report_name: "workflow.instance.graph",
1021                         datas: {
1022                             model: this.dataset.model,
1023                             id: current_view.get_selected_ids()[0],
1024                             nested: true,
1025                         }
1026                     };
1027                     this.session.get_file({
1028                         url: '/web/report',
1029                         data: {action: JSON.stringify(action)},
1030                         complete: instance.web.unblockUI
1031                     });
1032                 }
1033                 break;
1034             default:
1035                 if (val) {
1036                     console.log("No debug handler for ", val);
1037                 }
1038         }
1039         evt.currentTarget.selectedIndex = 0;
1040     },
1041     do_edit_resource: function(model, id, action) {
1042         action = _.extend({
1043             res_model : model,
1044             res_id : id,
1045             type : 'ir.actions.act_window',
1046             view_type : 'form',
1047             view_mode : 'form',
1048             views : [[false, 'form']],
1049             target : 'new',
1050             flags : {
1051                 action_buttons : true,
1052                 form : {
1053                     resize_textareas : true
1054                 }
1055             }
1056         }, action || {});
1057         this.do_action(action);
1058     },
1059     switch_mode: function (view_type, no_store, options) {
1060         var self = this;
1061
1062         return this.alive($.when(this._super.apply(this, arguments))).done(function () {
1063             var controller = self.views[self.active_view].controller;
1064             self.$el.find('.oe_debug_view').html(QWeb.render('ViewManagerDebug', {
1065                 view: controller,
1066                 view_manager: self
1067             }));
1068             self.set_title();
1069         });
1070     },
1071     do_create_view: function(view_type) {
1072         var self = this;
1073         return this._super.apply(this, arguments).then(function() {
1074             var view = self.views[view_type].controller;
1075             view.set({ 'title': self.action.name });
1076         });
1077     },
1078     get_action_manager: function() {
1079         var cur = this;
1080         while ((cur = cur.getParent())) {
1081             if (cur instanceof instance.web.ActionManager) {
1082                 return cur;
1083             }
1084         }
1085         return undefined;
1086     },
1087     set_title: function(title) {
1088         this.$el.find('.oe_breadcrumb_title:first').html(this.get_action_manager().get_title());
1089     },
1090     do_push_state: function(state) {
1091         if (this.getParent() && this.getParent().do_push_state) {
1092             state["view_type"] = this.active_view;
1093             this.url_states[this.active_view] = state;
1094             this.getParent().do_push_state(state);
1095         }
1096     },
1097     do_load_state: function(state, warm) {
1098         var self = this,
1099             defs = [];
1100         if (state.view_type && state.view_type !== this.active_view) {
1101             defs.push(
1102                 this.views[this.active_view].deferred.then(function() {
1103                     return self.switch_mode(state.view_type, true);
1104                 })
1105             );
1106         }
1107
1108         $.when(defs).done(function() {
1109             self.views[self.active_view].controller.do_load_state(state, warm);
1110         });
1111     },
1112 });
1113
1114 instance.web.Sidebar = instance.web.Widget.extend({
1115     init: function(parent) {
1116         var self = this;
1117         this._super(parent);
1118         var view = this.getParent();
1119         this.sections = [
1120             { 'name': 'buttons', 'label': _t('Button'), },
1121             { 'name' : 'print', 'label' : _t('Print'), },
1122             { 'name' : 'other', 'label' : _t('More'), }
1123         ];
1124         this.items = {
1125             'buttons': [],
1126             'print' : [],
1127             'other' : []
1128         };
1129         this.fileupload_id = _.uniqueId('oe_fileupload');
1130         $(window).on(this.fileupload_id, function() {
1131             var args = [].slice.call(arguments).slice(1);
1132             self.do_attachement_update(self.dataset, self.model_id,args);
1133             instance.web.unblockUI();
1134         });
1135     },
1136     start: function() {
1137         this._super(this);
1138         this.redraw();
1139         this.$el.on('click', 'button.oe_sidebar_button', this.on_item_click);
1140         this.$el.on('click','.oe_dropdown_menu li a', this.on_item_click);
1141     },
1142     on_item_click: function (event) {
1143         var self = this;
1144         var section = $(event.currentTarget).data('section');
1145         var index = $(event.currentTarget).data('index');
1146         var item = self.items[section][index];
1147         if (item.callback) {
1148             item.callback.apply(self, [item]);
1149         } else if (item.action) {
1150             self.on_item_action_clicked(item);
1151         } else if (item.url) {
1152             return true;
1153         }
1154         event.preventDefault();
1155     },
1156     redraw: function() {
1157         var self = this;
1158         self.$el.html(QWeb.render('Sidebar', {widget: self}));
1159
1160         // Hides Sidebar sections when item list is empty
1161         this.$('.oe_form_dropdown_section').each(function() {
1162             $(this).toggle(!!$(this).find('li').length);
1163         });
1164
1165         self.$("[title]").tipsy({
1166             'html': true,
1167             'delayIn': 500,
1168         });
1169     },
1170     /**
1171      * For each item added to the section:
1172      *
1173      * ``label``
1174      *     will be used as the item's name in the sidebar, can be html
1175      *
1176      * ``action``
1177      *     descriptor for the action which will be executed, ``action`` and
1178      *     ``callback`` should be exclusive
1179      *
1180      * ``callback``
1181      *     function to call when the item is clicked in the sidebar, called
1182      *     with the item descriptor as its first argument (so information
1183      *     can be stored as additional keys on the object passed to
1184      *     ``add_items``)
1185      *
1186      * ``classname`` (optional)
1187      *     ``@class`` set on the sidebar serialization of the item
1188      *
1189      * ``title`` (optional)
1190      *     will be set as the item's ``@title`` (tooltip)
1191      *
1192      * @param {String} section_code
1193      * @param {Array<{label, action | callback[, classname][, title]}>} items
1194      */
1195     add_items: function(section_code, items) {
1196         var self = this;
1197         if (items) {
1198             this.items[section_code].push.apply(this.items[section_code],items);
1199             this.redraw();
1200         }
1201     },
1202     add_toolbar: function(toolbar) {
1203         var self = this;
1204         var context = self.getParent().dataset.context; // not sure this is the correct way to find the context
1205         var highlighted_act_ids = context['view_manager_highlight'] || [];
1206         _.each(['print','action','relate'], function(type) {
1207             var items = toolbar[type];
1208             if (items) {
1209                 for (var i = 0; i < items.length; i++) {
1210                     var section_code = 'other';
1211                     if (highlighted_act_ids && _.indexOf(highlighted_act_ids, items[i]['id']) != -1) {
1212                         section_code = 'buttons';
1213                     }
1214                     else if (type == 'print') {
1215                         section_code = 'print';
1216                     }
1217                     items[i] = {
1218                         label: items[i]['name'],
1219                         action: items[i],
1220                         classname: 'oe_sidebar_' + type
1221                     };
1222                     self.add_items(section_code, [items[i]]);
1223                 }
1224             }
1225         });
1226     },
1227     on_item_action_clicked: function(item) {
1228         var self = this;
1229         self.getParent().sidebar_eval_context().done(function (sidebar_eval_context) {
1230             var ids = self.getParent().get_selected_ids();
1231             var domain;
1232             if (self.getParent().get_active_domain) {
1233                 domain = self.getParent().get_active_domain();
1234             }
1235             else {
1236                 domain = $.Deferred().resolve(undefined);
1237             }
1238             if (ids.length === 0) {
1239                 instance.web.dialog($("<div />").text(_t("You must choose at least one record.")), { title: _t("Warning"), modal: true });
1240                 return false;
1241             }
1242             var active_ids_context = {
1243                 active_id: ids[0],
1244                 active_ids: ids,
1245                 active_model: self.getParent().dataset.model,
1246             };
1247
1248             $.when(domain).done(function (domain) {
1249                 if (domain !== undefined) {
1250                     active_ids_context.active_domain = domain;
1251                 }
1252                 var c = instance.web.pyeval.eval('context',
1253                 new instance.web.CompoundContext(
1254                     sidebar_eval_context, active_ids_context));
1255
1256                 self.rpc("/web/action/load", {
1257                     action_id: item.action.id,
1258                     context: c
1259                 }).done(function(result) {
1260                     result.context = new instance.web.CompoundContext(
1261                         result.context || {}, active_ids_context)
1262                             .set_eval_context(c);
1263                     result.flags = result.flags || {};
1264                     result.flags.new_window = true;
1265                     self.do_action(result, {
1266                         on_close: function() {
1267                             // reload view
1268                             self.getParent().reload();
1269                         },
1270                     });
1271                 });
1272             });
1273         });
1274     },
1275     do_attachement_update: function(dataset, model_id, args) {
1276         var self = this;
1277         this.dataset = dataset;
1278         this.model_id = model_id;
1279         if (args && args[0].error) {
1280             this.do_warn(_t('Uploading Error'), args[0].error);
1281         }
1282         if (!model_id) {
1283             this.on_attachments_loaded([]);
1284         } else {
1285             var dom = [ ['res_model', '=', dataset.model], ['res_id', '=', model_id], ['type', 'in', ['binary', 'url']] ];
1286             var ds = new instance.web.DataSetSearch(this, 'ir.attachment', dataset.get_context(), dom);
1287             ds.read_slice(['name', 'url', 'type', 'create_uid', 'create_date', 'write_uid', 'write_date'], {}).done(this.on_attachments_loaded);
1288         }
1289     },
1290     on_attachments_loaded: function(attachments) {
1291         var self = this;
1292         var items = [];
1293         var prefix = this.session.url('/web/binary/saveas', {model: 'ir.attachment', field: 'datas', filename_field: 'name'});
1294         _.each(attachments,function(a) {
1295             a.label = a.name;
1296             if(a.type === "binary") {
1297                 a.url = prefix  + '&id=' + a.id + '&t=' + (new Date().getTime());
1298             }
1299         });
1300         self.items['files'] = attachments;
1301         self.redraw();
1302         this.$('.oe_sidebar_add_attachment .oe_form_binary_file').change(this.on_attachment_changed);
1303         this.$el.find('.oe_sidebar_delete_item').click(this.on_attachment_delete);
1304     },
1305     on_attachment_changed: function(e) {
1306         var $e = $(e.target);
1307         if ($e.val() !== '') {
1308             this.$el.find('form.oe_form_binary_form').submit();
1309             $e.parent().find('input[type=file]').prop('disabled', true);
1310             $e.parent().find('button').prop('disabled', true).find('img, span').toggle();
1311             this.$('.oe_sidebar_add_attachment span').text(_t('Uploading...'));
1312             instance.web.blockUI();
1313         }
1314     },
1315     on_attachment_delete: function(e) {
1316         e.preventDefault();
1317         e.stopPropagation();
1318         var self = this;
1319         var $e = $(e.currentTarget);
1320         if (confirm(_t("Do you really want to delete this attachment ?"))) {
1321             (new instance.web.DataSet(this, 'ir.attachment')).unlink([parseInt($e.attr('data-id'), 10)]).done(function() {
1322                 self.do_attachement_update(self.dataset, self.model_id);
1323             });
1324         }
1325     }
1326 });
1327
1328 instance.web.View = instance.web.Widget.extend({
1329     // name displayed in view switchers
1330     display_name: '',
1331     /**
1332      * Define a view type for each view to allow automatic call to fields_view_get.
1333      */
1334     view_type: undefined,
1335     init: function(parent, dataset, view_id, options) {
1336         this._super(parent);
1337         this.ViewManager = parent;
1338         this.dataset = dataset;
1339         this.view_id = view_id;
1340         this.set_default_options(options);
1341     },
1342     start: function () {
1343         return this.load_view();
1344     },
1345     load_view: function(context) {
1346         var self = this;
1347         var view_loaded_def;
1348         if (this.embedded_view) {
1349             view_loaded_def = $.Deferred();
1350             $.async_when().done(function() {
1351                 view_loaded_def.resolve(self.embedded_view);
1352             });
1353         } else {
1354             if (! this.view_type)
1355                 console.warn("view_type is not defined", this);
1356             view_loaded_def = instance.web.fields_view_get({
1357                 "model": this.dataset._model,
1358                 "view_id": this.view_id,
1359                 "view_type": this.view_type,
1360                 "toolbar": !!this.options.$sidebar,
1361                 "context": this.dataset.get_context(),
1362             });
1363         }
1364         return this.alive(view_loaded_def).then(function(r) {
1365             self.fields_view = r;
1366             // add css classes that reflect the (absence of) access rights
1367             self.$el.addClass('oe_view')
1368                 .toggleClass('oe_cannot_create', !self.is_action_enabled('create'))
1369                 .toggleClass('oe_cannot_edit', !self.is_action_enabled('edit'))
1370                 .toggleClass('oe_cannot_delete', !self.is_action_enabled('delete'));
1371             return $.when(self.view_loading(r)).then(function() {
1372                 self.trigger('view_loaded', r);
1373             });
1374         });
1375     },
1376     view_loading: function(r) {
1377     },
1378     set_default_options: function(options) {
1379         this.options = options || {};
1380         _.defaults(this.options, {
1381             // All possible views options should be defaulted here
1382             $sidebar: null,
1383             sidebar_id: null,
1384             action: null,
1385             action_views_ids: {}
1386         });
1387     },
1388     /**
1389      * Fetches and executes the action identified by ``action_data``.
1390      *
1391      * @param {Object} action_data the action descriptor data
1392      * @param {String} action_data.name the action name, used to uniquely identify the action to find and execute it
1393      * @param {String} [action_data.special=null] special action handlers (currently: only ``'cancel'``)
1394      * @param {String} [action_data.type='workflow'] the action type, if present, one of ``'object'``, ``'action'`` or ``'workflow'``
1395      * @param {Object} [action_data.context=null] additional action context, to add to the current context
1396      * @param {instance.web.DataSet} dataset a dataset object used to communicate with the server
1397      * @param {Object} [record_id] the identifier of the object on which the action is to be applied
1398      * @param {Function} on_closed callback to execute when dialog is closed or when the action does not generate any result (no new action)
1399      */
1400     do_execute_action: function (action_data, dataset, record_id, on_closed) {
1401         var self = this;
1402         var result_handler = function () {
1403             if (on_closed) { on_closed.apply(null, arguments); }
1404             if (self.getParent() && self.getParent().on_action_executed) {
1405                 return self.getParent().on_action_executed.apply(null, arguments);
1406             }
1407         };
1408         var context = new instance.web.CompoundContext(dataset.get_context(), action_data.context || {});
1409
1410         // response handler
1411         var handler = function (action) {
1412             if (action && action.constructor == Object) {
1413                 // filter out context keys that are specific to the current action.
1414                 // Wrong default_* and search_default_* values will no give the expected result
1415                 // Wrong group_by values will simply fail and forbid rendering of the destination view
1416                 var ncontext = new instance.web.CompoundContext(
1417                     _.object(_.reject(_.pairs(dataset.get_context().eval()), function(pair) {
1418                       return pair[0].match('^(?:(?:default_|search_default_).+|group_by|group_by_no_leaf|active_id|active_ids)$') !== null;
1419                     }))
1420                 );
1421                 ncontext.add(action_data.context || {});
1422                 ncontext.add({active_model: dataset.model});
1423                 if (record_id) {
1424                     ncontext.add({
1425                         active_id: record_id,
1426                         active_ids: [record_id],
1427                     });
1428                 }
1429                 ncontext.add(action.context || {});
1430                 action.context = ncontext;
1431                 return self.do_action(action, {
1432                     on_close: result_handler,
1433                 });
1434             } else {
1435                 self.do_action({"type":"ir.actions.act_window_close"});
1436                 return result_handler();
1437             }
1438         };
1439
1440         if (action_data.special === 'cancel') {
1441             return handler({"type":"ir.actions.act_window_close"});
1442         } else if (action_data.type=="object") {
1443             var args = [[record_id]], additional_args = [];
1444             if (action_data.args) {
1445                 try {
1446                     // Warning: quotes and double quotes problem due to json and xml clash
1447                     // Maybe we should force escaping in xml or do a better parse of the args array
1448                     additional_args = JSON.parse(action_data.args.replace(/'/g, '"'));
1449                     args = args.concat(additional_args);
1450                 } catch(e) {
1451                     console.error("Could not JSON.parse arguments", action_data.args);
1452                 }
1453             }
1454             args.push(context);
1455             return dataset.call_button(action_data.name, args).then(handler).then(function () {
1456                 if (instance.webclient) {
1457                     instance.webclient.menu.do_reload_needaction();
1458                 }
1459             });
1460         } else if (action_data.type=="action") {
1461             return this.rpc('/web/action/load', {
1462                 action_id: action_data.name,
1463                 context: _.extend({'active_model': dataset.model, 'active_ids': dataset.ids, 'active_id': record_id}, instance.web.pyeval.eval('context', context)),
1464                 do_not_eval: true
1465             }).then(handler);
1466         } else  {
1467             return dataset.exec_workflow(record_id, action_data.name).then(handler);
1468         }
1469     },
1470     /**
1471      * Directly set a view to use instead of calling fields_view_get. This method must
1472      * be called before start(). When an embedded view is set, underlying implementations
1473      * of instance.web.View must use the provided view instead of any other one.
1474      *
1475      * @param embedded_view A view.
1476      */
1477     set_embedded_view: function(embedded_view) {
1478         this.embedded_view = embedded_view;
1479     },
1480     do_show: function () {
1481         this.$el.show();
1482     },
1483     do_hide: function () {
1484         this.$el.hide();
1485     },
1486     is_active: function () {
1487         var manager = this.getParent();
1488         return !manager || !manager.active_view
1489              || manager.views[manager.active_view].controller === this;
1490     }, /**
1491      * Wraps fn to only call it if the current view is the active one. If the
1492      * current view is not active, doesn't call fn.
1493      *
1494      * fn can not return anything, as a non-call to fn can't return anything
1495      * either
1496      *
1497      * @param {Function} fn function to wrap in the active guard
1498      */
1499     guard_active: function (fn) {
1500         var self = this;
1501         return function () {
1502             if (self.is_active()) {
1503                 fn.apply(self, arguments);
1504             }
1505         };
1506     },
1507     do_push_state: function(state) {
1508         if (this.getParent() && this.getParent().do_push_state) {
1509             this.getParent().do_push_state(state);
1510         }
1511     },
1512     do_load_state: function(state, warm) {
1513     },
1514     /**
1515      * Switches to a specific view type
1516      */
1517     do_switch_view: function() {
1518         this.trigger.apply(this, ['switch_mode'].concat(_.toArray(arguments)));
1519     },
1520     /**
1521      * Cancels the switch to the current view, switches to the previous one
1522      *
1523      * @param {Object} [options]
1524      * @param {Boolean} [options.created=false] resource was created
1525      * @param {String} [options.default=null] view to switch to if no previous view
1526      */
1527
1528     do_search: function(view) {
1529     },
1530     on_sidebar_export: function() {
1531         new instance.web.DataExport(this, this.dataset).open();
1532     },
1533     sidebar_eval_context: function () {
1534         return $.when(new instance.web.CompoundContext(this.dataset.get_context()));
1535     },
1536     /**
1537      * Asks the view to reload itself, if the reloading is asynchronous should
1538      * return a {$.Deferred} indicating when the reloading is done.
1539      */
1540     reload: function () {
1541         return $.when();
1542     },
1543     /**
1544      * Return whether the user can perform the action ('create', 'edit', 'delete') in this view.
1545      * An action is disabled by setting the corresponding attribute in the view's main element,
1546      * like: <form string="" create="false" edit="false" delete="false">
1547      */
1548     is_action_enabled: function(action) {
1549         var attrs = this.fields_view.arch.attrs;
1550         return (action in attrs) ? JSON.parse(attrs[action]) : true;
1551     },
1552 });
1553
1554 /**
1555  * Performs a fields_view_get and apply postprocessing.
1556  * return a {$.Deferred} resolved with the fvg
1557  *
1558  * @param {Object} args
1559  * @param {String|Object} args.model instance.web.Model instance or string repr of the model
1560  * @param {Object} [args.context] context if args.model is a string
1561  * @param {Number} [args.view_id] id of the view to be loaded, default view if null
1562  * @param {String} [args.view_type] type of view to be loaded if view_id is null
1563  * @param {Boolean} [args.toolbar=false] get the toolbar definition
1564  */
1565 instance.web.fields_view_get = function(args) {
1566     function postprocess(fvg) {
1567         var doc = $.parseXML(fvg.arch).documentElement;
1568         fvg.arch = instance.web.xml_to_json(doc, (doc.nodeName.toLowerCase() !== 'kanban'));
1569         if ('id' in fvg.fields) {
1570             // Special case for id's
1571             var id_field = fvg.fields['id'];
1572             id_field.original_type = id_field.type;
1573             id_field.type = 'id';
1574         }
1575         _.each(fvg.fields, function(field) {
1576             _.each(field.views || {}, function(view) {
1577                 postprocess(view);
1578             });
1579         });
1580         return fvg;
1581     }
1582     args = _.defaults(args, {
1583         toolbar: false,
1584     });
1585     var model = args.model;
1586     if (typeof model === 'string') {
1587         model = new instance.web.Model(args.model, args.context);
1588     }
1589     return args.model.call('fields_view_get', [args.view_id, args.view_type, args.context, args.toolbar]).then(function(fvg) {
1590         return postprocess(fvg);
1591     });
1592 };
1593
1594 instance.web.xml_to_json = function(node, strip_whitespace) {
1595     switch (node.nodeType) {
1596         case 9:
1597             return instance.web.xml_to_json(node.documentElement, strip_whitespace);
1598         case 3:
1599         case 4:
1600             return (strip_whitespace && node.data.trim() === '') ? undefined : node.data;
1601         case 1:
1602             var attrs = $(node).getAttributes();
1603             _.each(['domain', 'filter_domain', 'context', 'default_get'], function(key) {
1604                 if (attrs[key]) {
1605                     try {
1606                         attrs[key] = JSON.parse(attrs[key]);
1607                     } catch(e) { }
1608                 }
1609             });
1610             return {
1611                 tag: node.tagName.toLowerCase(),
1612                 attrs: attrs,
1613                 children: _.compact(_.map(node.childNodes, function(node) {
1614                     return instance.web.xml_to_json(node, strip_whitespace);
1615                 })),
1616             };
1617     }
1618 };
1619
1620 instance.web.json_node_to_xml = function(node, human_readable, indent) {
1621     // For debugging purpose, this function will convert a json node back to xml
1622     indent = indent || 0;
1623     var sindent = (human_readable ? (new Array(indent + 1).join('\t')) : ''),
1624         r = sindent + '<' + node.tag,
1625         cr = human_readable ? '\n' : '';
1626
1627     if (typeof(node) === 'string') {
1628         return sindent + node;
1629     } else if (typeof(node.tag) !== 'string' || !node.children instanceof Array || !node.attrs instanceof Object) {
1630         throw new Error(
1631             _.str.sprintf(_t("Node [%s] is not a JSONified XML node"),
1632                           JSON.stringify(node)));
1633     }
1634     for (var attr in node.attrs) {
1635         var vattr = node.attrs[attr];
1636         if (typeof(vattr) !== 'string') {
1637             // domains, ...
1638             vattr = JSON.stringify(vattr);
1639         }
1640         vattr = vattr.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
1641         if (human_readable) {
1642             vattr = vattr.replace(/&quot;/g, "'");
1643         }
1644         r += ' ' + attr + '="' + vattr + '"';
1645     }
1646     if (node.children && node.children.length) {
1647         r += '>' + cr;
1648         var childs = [];
1649         for (var i = 0, ii = node.children.length; i < ii; i++) {
1650             childs.push(instance.web.json_node_to_xml(node.children[i], human_readable, indent + 1));
1651         }
1652         r += childs.join(cr);
1653         r += cr + sindent + '</' + node.tag + '>';
1654         return r;
1655     } else {
1656         return r + '/>';
1657     }
1658 };
1659 instance.web.xml_to_str = function(node) {
1660     var str = "";
1661     if (window.XMLSerializer) {
1662         str = (new XMLSerializer()).serializeToString(node);
1663     } else if (window.ActiveXObject) {
1664         str = node.xml;
1665     } else {
1666         throw new Error(_t("Could not serialize XML"));
1667     }
1668     // Browsers won't deal with self closing tags except void elements:
1669     // http://www.w3.org/TR/html-markup/syntax.html
1670     var void_elements = 'area base br col command embed hr img input keygen link meta param source track wbr'.split(' ');
1671
1672     // The following regex is a bit naive but it's ok for the xmlserializer output
1673     str = str.replace(/<([a-z]+)([^<>]*)\s*\/\s*>/g, function(match, tag, attrs) {
1674         if (void_elements.indexOf(tag) < 0) {
1675             return "<" + tag + attrs + "></" + tag + ">";
1676         } else {
1677             return match;
1678         }
1679     });
1680     return str;
1681 };
1682
1683 /**
1684  * Registry for all the main views
1685  */
1686 instance.web.views = new instance.web.Registry();
1687
1688 })();
1689
1690 // vim:et fdc=0 fdl=0 foldnestmax=3 fdm=syntax: