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 (reason) {
  29         if (this.dialog) {
  30             this.dialog.destroy(reason);
  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(executor.action);
 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(executor.action);
 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         return instance.web.pyeval.eval_domains_and_contexts({
 500             contexts: [action.context],
 501             domains: []
 502         }).then(function(res) {
 503             action = _.clone(action);
 504             action.context = res.context;
 505
 506             // iOS devices doesn't allow iframe use the way we do it,
 507             // opening a new window seems the best way to workaround
 508             if (navigator.userAgent.match(/(iPod|iPhone|iPad)/)) {
 509                 var params = {
 510                     action: JSON.stringify(action),
 511                     token: new Date().getTime()
 512                 };
 513                 var url = self.session.url('/web/report', params);
 514                 instance.web.unblockUI();
 515                 $('<a href="'+url+'" target="_blank"></a>')[0].click();
 516                 return;
 517             }
 518
 519             var c = instance.webclient.crashmanager;
 520             return $.Deferred(function (d) {
 521                 self.session.get_file({
 522                     url: '/web/report',
 523                     data: {action: JSON.stringify(action)},
 524                     complete: instance.web.unblockUI,
 525                     success: function(){
 526                         if (!self.dialog) {
 527                             options.on_close();
 528                         }
 529                         self.dialog_stop();
 530                         d.resolve();
 531                     },
 532                     error: function () {
 533                         c.rpc_error.apply(c, arguments);
 534                         d.reject();
 535                     }
 536                 });
 537             });
 538         });
 539     },
 540     ir_actions_act_url: function (action) {
 541         if (action.target === 'self') {
 542             instance.web.redirect(action.url);
 543         } else {
 544             window.open(action.url, '_blank');
 545         }
 546         return $.when();
 547     },
 548 });
 549
 550 instance.web.ViewManager =  instance.web.Widget.extend({
 551     template: "ViewManager",
 552     init: function(parent, dataset, views, flags) {
 553         this._super(parent);
 554         this.url_states = {};
 555         this.model = dataset ? dataset.model : undefined;
 556         this.dataset = dataset;
 557         this.searchview = null;
 558         this.active_view = null;
 559         this.views_src = _.map(views, function(x) {
 560             if (x instanceof Array) {
 561                 var view_type = x[1];
 562                 var View = instance.web.views.get_object(view_type, true);
 563                 var view_label = View ? View.prototype.display_name : (void 'nope');
 564                 return {
 565                     view_id: x[0],
 566                     view_type: view_type,
 567                     label: view_label,
 568                     button_label: View ? _.str.sprintf(_t('%(view_type)s view'), {'view_type': (view_label || view_type)}) : (void 'nope'),
 569                 };
 570             } else {
 571                 return x;
 572             }
 573         });
 574         this.ActionManager = parent;
 575         this.views = {};
 576         this.flags = flags || {};
 577         this.registry = instance.web.views;
 578         this.views_history = [];
 579         this.view_completely_inited = $.Deferred();
 580     },
 581     /**
 582      * @returns {jQuery.Deferred} initial view loading promise
 583      */
 584     start: function() {
 585         this._super();
 586         var self = this;
 587         this.$el.find('.oe_view_manager_switch a').click(function() {
 588             self.switch_mode($(this).data('view-type'));
 589         }).tipsy();
 590         var views_ids = {};
 591         _.each(this.views_src, function(view) {
 592             self.views[view.view_type] = $.extend({}, view, {
 593                 deferred : $.Deferred(),
 594                 controller : null,
 595                 options : _.extend({
 596                     $buttons : self.$el.find('.oe_view_manager_buttons'),
 597                     $sidebar : self.flags.sidebar ? self.$el.find('.oe_view_manager_sidebar') : undefined,
 598                     $pager : self.$el.find('.oe_view_manager_pager'),
 599                     action : self.action,
 600                     action_views_ids : views_ids
 601                 }, self.flags, self.flags[view.view_type] || {}, view.options || {})
 602             });
 603
 604             views_ids[view.view_type] = view.view_id;
 605         });
 606         if (this.flags.views_switcher === false) {
 607             this.$el.find('.oe_view_manager_switch').hide();
 608         }
 609         // If no default view defined, switch to the first one in sequence
 610         var default_view = this.flags.default_view || this.views_src[0].view_type;
 611
 612
 613         return this.switch_mode(default_view, null, this.flags[default_view] && this.flags[default_view].options);
 614
 615
 616     },
 617     switch_mode: function(view_type, no_store, view_options) {
 618         var self = this;
 619         var view = this.views[view_type];
 620         var view_promise;
 621         var form = this.views['form'];
 622         if (!view || (form && form.controller && !form.controller.can_be_discarded())) {
 623             self.trigger('switch_mode', view_type, no_store, view_options);
 624             return $.Deferred().reject();
 625         }
 626         if (!no_store) {
 627             this.views_history.push(view_type);
 628         }
 629         this.active_view = view_type;
 630
 631         if (!view.controller) {
 632             view_promise = this.do_create_view(view_type);
 633         } else if (this.searchview
 634                 && self.flags.auto_search
 635                 && view.controller.searchable !== false) {
 636             this.searchview.ready.done(this.searchview.do_search);
 637         }
 638
 639         if (this.searchview) {
 640             this.searchview[(view.controller.searchable === false || this.searchview.options.hidden) ? 'hide' : 'show']();
 641         }
 642
 643         this.$el.find('.oe_view_manager_switch a').parent().removeClass('active');
 644         this.$el
 645             .find('.oe_view_manager_switch a').filter('[data-view-type="' + view_type + '"]')
 646             .parent().addClass('active');
 647         this.$el.attr("data-view-type", view_type);
 648         return $.when(view_promise).done(function () {
 649             _.each(_.keys(self.views), function(view_name) {
 650                 var controller = self.views[view_name].controller;
 651                 if (controller) {
 652                     var container = self.$el.find("> .oe_view_manager_body > .oe_view_manager_view_" + view_name);
 653                     if (view_name === view_type) {
 654                         container.show();
 655                         controller.do_show(view_options || {});
 656                     } else {
 657                         container.hide();
 658                         controller.do_hide();
 659                     }
 660                 }
 661             });
 662             self.trigger('switch_mode', view_type, no_store, view_options);
 663         });
 664     },
 665     do_create_view: function(view_type) {
 666         // Lazy loading of views
 667         var self = this;
 668         var view = this.views[view_type];
 669         var viewclass = this.registry.get_object(view_type);
 670         var options = _.clone(view.options);
 671         if (view_type === "form" && this.action && (this.action.target == 'new' || this.action.target == 'inline')) {
 672             options.initial_mode = 'edit';
 673         }
 674         var controller = new viewclass(this, this.dataset, view.view_id, options);
 675
 676         controller.on('history_back', this, function() {
 677             var am = self.getParent();
 678             if (am && am.trigger) {
 679                 return am.trigger('history_back');
 680             }
 681         });
 682
 683         controller.on("change:title", this, function() {
 684             if (self.active_view === view_type) {
 685                 self.set_title(controller.get('title'));
 686             }
 687         });
 688
 689         if (view.embedded_view) {
 690             controller.set_embedded_view(view.embedded_view);
 691         }
 692         controller.on('switch_mode', self, this.switch_mode);
 693         controller.on('previous_view', self, this.prev_view);
 694
 695         var container = this.$el.find("> .oe_view_manager_body > .oe_view_manager_view_" + view_type);
 696         var view_promise = controller.appendTo(container);
 697         this.views[view_type].controller = controller;
 698         this.views[view_type].deferred.resolve(view_type);
 699         return $.when(view_promise).done(function() {
 700             if (self.searchview
 701                     && self.flags.auto_search
 702                     && view.controller.searchable !== false) {
 703                 self.searchview.ready.done(self.searchview.do_search);
 704             } else {
 705                 self.view_completely_inited.resolve();
 706             }
 707             self.trigger("controller_inited",view_type,controller);
 708         });
 709     },
 710     /**
 711      * @returns {Number|Boolean} the view id of the given type, false if not found
 712      */
 713     get_view_id: function(view_type) {
 714         return this.views[view_type] && this.views[view_type].view_id || false;
 715     },
 716     set_title: function(title) {
 717         this.$el.find('.oe_view_title_text:first').text(title);
 718     },
 719     add_breadcrumb: function(options) {
 720         options = options || {};
 721         var self = this;
 722         var views = [this.active_view || this.views_src[0].view_type];
 723         this.on('switch_mode', self, function(mode) {
 724             var last = views.slice(-1)[0];
 725             if (mode !== last) {
 726                 if (mode !== 'form') {
 727                     views.length = 0;
 728                 }
 729                 views.push(mode);
 730             }
 731         });
 732         var item = _.extend({
 733             widget: this,
 734             action: this.action,
 735             show: function(index) {
 736                 var view_to_select = views[index];
 737                 var state = self.url_states[view_to_select];
 738                 self.do_push_state(state || {});
 739                 $.when(self.switch_mode(view_to_select)).done(function() {
 740                     self.$el.show();
 741                 });
 742             },
 743             get_title: function() {
 744                 var id;
 745                 var currentIndex;
 746                 _.each(self.getParent().breadcrumbs, function(bc, i) {
 747                     if (bc.widget === self) {
 748                         currentIndex = i;
 749                     }
 750                 });
 751                 var next = self.getParent().breadcrumbs.slice(currentIndex + 1)[0];
 752                 var titles = _.map(views, function(v) {
 753                     var controller = self.views[v].controller;
 754                     if (v === 'form') {
 755                         id = controller.datarecord.id;
 756                     }
 757                     return controller.get('title');
 758                 });
 759                 if (next && next.action && next.action.res_id && self.dataset &&
 760                     self.active_view === 'form' && self.dataset.model === next.action.res_model && id === next.action.res_id) {
 761                     // If the current active view is a formview and the next item in the breadcrumbs
 762                     // is an action on same object (model / res_id), then we omit the current formview's title
 763                     titles.pop();
 764                 }
 765                 return titles;
 766             }
 767         }, options);
 768         this.getParent().push_breadcrumb(item);
 769     },
 770     /**
 771      * Returns to the view preceding the caller view in this manager's
 772      * navigation history (the navigation history is appended to via
 773      * switch_mode)
 774      *
 775      * @param {Object} [options]
 776      * @param {Boolean} [options.created=false] resource was created
 777      * @param {String} [options.default=null] view to switch to if no previous view
 778      * @returns {$.Deferred} switching end signal
 779      */
 780     prev_view: function (options) {
 781         options = options || {};
 782         var current_view = this.views_history.pop();
 783         var previous_view = this.views_history[this.views_history.length - 1] || options['default'];
 784         if (options.created && current_view === 'form' && previous_view === 'list') {
 785             // APR special case: "If creation mode from list (and only from a list),
 786             // after saving, go to page view (don't come back in list)"
 787             return this.switch_mode('form');
 788         } else if (options.created && !previous_view && this.action && this.action.flags.default_view === 'form') {
 789             // APR special case: "If creation from dashboard, we have no previous view
 790             return this.switch_mode('form');
 791         }
 792         return this.switch_mode(previous_view, true);
 793     },
 794     /**
 795      * Sets up the current viewmanager's search view.
 796      *
 797      * @param {Number|false} view_id the view to use or false for a default one
 798      * @returns {jQuery.Deferred} search view startup deferred
 799      */
 800     setup_search_view: function(view_id, search_defaults) {
 801         var self = this;
 802         if (this.searchview) {
 803             this.searchview.destroy();
 804         }
 805         var options = {
 806             hidden: this.flags.search_view === false,
 807             disable_custom_filters: this.flags.search_disable_custom_filters,
 808         };
 809         this.searchview = new instance.web.SearchView(this, this.dataset, view_id, search_defaults, options);
 810
 811         this.searchview.on('search_data', self, this.do_searchview_search);
 812         return this.searchview.appendTo(this.$el.find(".oe_view_manager_view_search"));
 813     },
 814     do_searchview_search: function(domains, contexts, groupbys) {
 815         var self = this,
 816             controller = this.views[this.active_view].controller,
 817             action_context = this.action.context || {};
 818         instance.web.pyeval.eval_domains_and_contexts({
 819             domains: [this.action.domain || []].concat(domains || []),
 820             contexts: [action_context].concat(contexts || []),
 821             group_by_seq: groupbys || []
 822         }).done(function (results) {
 823             if (results.error) {
 824                 throw new Error(
 825                         _.str.sprintf(_t("Failed to evaluate search criterions")+": \n%s",
 826                                       JSON.stringify(results.error)));
 827             }
 828             self.dataset._model = new instance.web.Model(
 829                 self.dataset.model, results.context, results.domain);
 830             var groupby = results.group_by.length
 831                         ? results.group_by
 832                         : action_context.group_by;
 833             if (_.isString(groupby)) {
 834                 groupby = [groupby];
 835             }
 836             $.when(controller.do_search(results.domain, results.context, groupby || [])).then(function() {
 837                 self.view_completely_inited.resolve();
 838             });
 839         });
 840     },
 841     /**
 842      * Called when one of the view want to execute an action
 843      */
 844     on_action: function(action) {
 845     },
 846     on_create: function() {
 847     },
 848     on_remove: function() {
 849     },
 850     on_edit: function() {
 851     },
 852     /**
 853      * Called by children view after executing an action
 854      */
 855     on_action_executed: function () {
 856     },
 857 });
 858
 859 instance.web.ViewManagerAction = instance.web.ViewManager.extend({
 860     template:"ViewManagerAction",
 861     /**
 862      * @constructs instance.web.ViewManagerAction
 863      * @extends instance.web.ViewManager
 864      *
 865      * @param {instance.web.ActionManager} parent parent object/widget
 866      * @param {Object} action descriptor for the action this viewmanager needs to manage its views.
 867      */
 868     init: function(parent, action) {
 869         // dataset initialization will take the session from ``this``, so if we
 870         // do not have it yet (and we don't, because we've not called our own
 871         // ``_super()``) rpc requests will blow up.
 872         var flags = action.flags || {};
 873         if (!('auto_search' in flags)) {
 874             flags.auto_search = action.auto_search !== false;
 875         }
 876         if (action.res_model == 'board.board' && action.view_mode === 'form') {
 877             // Special case for Dashboards
 878             _.extend(flags, {
 879                 views_switcher : false,
 880                 display_title : false,
 881                 search_view : false,
 882                 pager : false,
 883                 sidebar : false,
 884                 action_buttons : false
 885             });
 886         }
 887         this._super(parent, null, action.views, flags);
 888         this.session = parent.session;
 889         this.action = action;
 890         var dataset = new instance.web.DataSetSearch(this, action.res_model, action.context, action.domain);
 891         if (action.res_id) {
 892             dataset.ids.push(action.res_id);
 893             dataset.index = 0;
 894         }
 895         this.dataset = dataset;
 896     },
 897     /**
 898      * Initializes the ViewManagerAction: sets up the searchview (if the
 899      * searchview is enabled in the manager's action flags), calls into the
 900      * parent to initialize the primary view and (if the VMA has a searchview)
 901      * launches an initial search after both views are done rendering.
 902      */
 903     start: function() {
 904         var self = this,
 905             searchview_loaded,
 906             search_defaults = {};
 907         _.each(this.action.context, function (value, key) {
 908             var match = /^search_default_(.*)$/.exec(key);
 909             if (match) {
 910                 search_defaults[match[1]] = value;
 911             }
 912         });
 913         // init search view
 914         var searchview_id = this.action['search_view_id'] && this.action['search_view_id'][0];
 915
 916         searchview_loaded = this.setup_search_view(searchview_id || false, search_defaults);
 917
 918         var main_view_loaded = this._super();
 919
 920         var manager_ready = $.when(searchview_loaded, main_view_loaded, this.view_completely_inited);
 921
 922         this.$el.find('.oe_debug_view').change(this.on_debug_changed);
 923         this.$el.addClass("oe_view_manager_" + (this.action.target || 'current'));
 924         return manager_ready;
 925     },
 926     on_debug_changed: function (evt) {
 927         var self = this,
 928             $sel = $(evt.currentTarget),
 929             $option = $sel.find('option:selected'),
 930             val = $sel.val(),
 931             current_view = this.views[this.active_view].controller;
 932         switch (val) {
 933             case 'fvg':
 934                 var dialog = new instance.web.Dialog(this, { title: _t("Fields View Get"), width: '95%' }).open();
 935                 $('<pre>').text(instance.web.json_node_to_xml(current_view.fields_view.arch, true)).appendTo(dialog.$el);
 936                 break;
 937             case 'tests':
 938                 this.do_action({
 939                     name: _t("JS Tests"),
 940                     target: 'new',
 941                     type : 'ir.actions.act_url',
 942                     url: '/web/tests?mod=*'
 943                 });
 944                 break;
 945             case 'perm_read':
 946                 var ids = current_view.get_selected_ids();
 947                 if (ids.length === 1) {
 948                     this.dataset.call('perm_read', [ids]).done(function(result) {
 949                         var dialog = new instance.web.Dialog(this, {
 950                             title: _.str.sprintf(_t("View Log (%s)"), self.dataset.model),
 951                             width: 400
 952                         }, QWeb.render('ViewManagerDebugViewLog', {
 953                             perm : result[0],
 954                             format : instance.web.format_value
 955                         })).open();
 956                     });
 957                 }
 958                 break;
 959             case 'toggle_layout_outline':
 960                 current_view.rendering_engine.toggle_layout_debugging();
 961                 break;
 962             case 'set_defaults':
 963                 current_view.open_defaults_dialog();
 964                 break;
 965             case 'translate':
 966                 this.do_action({
 967                     name: _t("Technical Translation"),
 968                     res_model : 'ir.translation',
 969                     domain : [['type', '!=', 'object'], '|', ['name', '=', this.dataset.model], ['name', 'ilike', this.dataset.model + ',']],
 970                     views: [[false, 'list'], [false, 'form']],
 971                     type : 'ir.actions.act_window',
 972                     view_type : "list",
 973                     view_mode : "list"
 974                 });
 975                 break;
 976             case 'fields':
 977                 this.dataset.call('fields_get', [false, {}]).done(function (fields) {
 978                     var $root = $('<dl>');
 979                     _(fields).each(function (attributes, name) {
 980                         $root.append($('<dt>').append($('<h4>').text(name)));
 981                         var $attrs = $('<dl>').appendTo($('<dd>').appendTo($root));
 982                         _(attributes).each(function (def, name) {
 983                             if (def instanceof Object) {
 984                                 def = JSON.stringify(def);
 985                             }
 986                             $attrs
 987                                 .append($('<dt>').text(name))
 988                                 .append($('<dd style="white-space: pre-wrap;">').text(def));
 989                         });
 990                     });
 991                     new instance.web.Dialog(self, {
 992                         title: _.str.sprintf(_t("Model %s fields"),
 993                                              self.dataset.model),
 994                         width: '95%'}, $root).open();
 995                 });
 996                 break;
 997             case 'edit_workflow':
 998                 return this.do_action({
 999                     res_model : 'workflow',
1000                     domain : [['osv', '=', this.dataset.model]],
1001                     views: [[false, 'list'], [false, 'form'], [false, 'diagram']],
1002                     type : 'ir.actions.act_window',
1003                     view_type : 'list',
1004                     view_mode : 'list'
1005                 });
1006             case 'edit':
1007                 this.do_edit_resource($option.data('model'), $option.data('id'), { name : $option.text() });
1008                 break;
1009             case 'manage_filters':
1010                 this.do_action({
1011                     res_model: 'ir.filters',
1012                     views: [[false, 'list'], [false, 'form']],
1013                     type: 'ir.actions.act_window',
1014                     context: {
1015                         search_default_my_filters: true,
1016                         search_default_model_id: this.dataset.model
1017                     }
1018                 });
1019                 break;
1020             case 'print_workflow':
1021                 if (current_view.get_selected_ids  && current_view.get_selected_ids().length == 1) {
1022                     instance.web.blockUI();
1023                     var action = {
1024                         context: { active_ids: current_view.get_selected_ids() },
1025                         report_name: "workflow.instance.graph",
1026                         datas: {
1027                             model: this.dataset.model,
1028                             id: current_view.get_selected_ids()[0],
1029                             nested: true,
1030                         }
1031                     };
1032                     this.session.get_file({
1033                         url: '/web/report',
1034                         data: {action: JSON.stringify(action)},
1035                         complete: instance.web.unblockUI
1036                     });
1037                 }
1038                 break;
1039             default:
1040                 if (val) {
1041                     console.log("No debug handler for ", val);
1042                 }
1043         }
1044         evt.currentTarget.selectedIndex = 0;
1045     },
1046     do_edit_resource: function(model, id, action) {
1047         action = _.extend({
1048             res_model : model,
1049             res_id : id,
1050             type : 'ir.actions.act_window',
1051             view_type : 'form',
1052             view_mode : 'form',
1053             views : [[false, 'form']],
1054             target : 'new',
1055             flags : {
1056                 action_buttons : true,
1057                 form : {
1058                     resize_textareas : true
1059                 }
1060             }
1061         }, action || {});
1062         this.do_action(action);
1063     },
1064     switch_mode: function (view_type, no_store, options) {
1065         var self = this;
1066
1067         return this.alive($.when(this._super.apply(this, arguments))).done(function () {
1068             var controller = self.views[self.active_view].controller;
1069             self.$el.find('.oe_debug_view').html(QWeb.render('ViewManagerDebug', {
1070                 view: controller,
1071                 view_manager: self
1072             }));
1073             self.set_title();
1074         });
1075     },
1076     do_create_view: function(view_type) {
1077         var self = this;
1078         return this._super.apply(this, arguments).then(function() {
1079             var view = self.views[view_type].controller;
1080             view.set({ 'title': self.action.name });
1081         });
1082     },
1083     get_action_manager: function() {
1084         var cur = this;
1085         while ((cur = cur.getParent())) {
1086             if (cur instanceof instance.web.ActionManager) {
1087                 return cur;
1088             }
1089         }
1090         return undefined;
1091     },
1092     set_title: function(title) {
1093         this.$el.find('.oe_breadcrumb_title:first').html(this.get_action_manager().get_title());
1094     },
1095     do_push_state: function(state) {
1096         if (this.getParent() && this.getParent().do_push_state) {
1097             state["view_type"] = this.active_view;
1098             this.url_states[this.active_view] = state;
1099             this.getParent().do_push_state(state);
1100         }
1101     },
1102     do_load_state: function(state, warm) {
1103         var self = this,
1104             defs = [];
1105         if (state.view_type && state.view_type !== this.active_view) {
1106             defs.push(
1107                 this.views[this.active_view].deferred.then(function() {
1108                     return self.switch_mode(state.view_type, true);
1109                 })
1110             );
1111         }
1112
1113         $.when(defs).done(function() {
1114             self.views[self.active_view].controller.do_load_state(state, warm);
1115         });
1116     },
1117 });
1118
1119 instance.web.Sidebar = instance.web.Widget.extend({
1120     init: function(parent) {
1121         var self = this;
1122         this._super(parent);
1123         var view = this.getParent();
1124         this.sections = [
1125             { 'name' : 'print', 'label' : _t('Print'), },
1126             { 'name' : 'other', 'label' : _t('More'), }
1127         ];
1128         this.items = {
1129             'print' : [],
1130             'other' : []
1131         };
1132         this.fileupload_id = _.uniqueId('oe_fileupload');
1133         $(window).on(this.fileupload_id, function() {
1134             var args = [].slice.call(arguments).slice(1);
1135             self.do_attachement_update(self.dataset, self.model_id,args);
1136             instance.web.unblockUI();
1137         });
1138     },
1139     start: function() {
1140         var self = this;
1141         this._super(this);
1142         this.redraw();
1143         this.$el.on('click','.oe_dropdown_menu li a', function(event) {
1144             var section = $(this).data('section');
1145             var index = $(this).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     },
1157     redraw: function() {
1158         var self = this;
1159         self.$el.html(QWeb.render('Sidebar', {widget: self}));
1160
1161         // Hides Sidebar sections when item list is empty
1162         this.$('.oe_form_dropdown_section').each(function() {
1163             $(this).toggle(!!$(this).find('li').length);
1164         });
1165
1166         self.$("[title]").tipsy({
1167             'html': true,
1168             'delayIn': 500,
1169         });
1170     },
1171     /**
1172      * For each item added to the section:
1173      *
1174      * ``label``
1175      *     will be used as the item's name in the sidebar, can be html
1176      *
1177      * ``action``
1178      *     descriptor for the action which will be executed, ``action`` and
1179      *     ``callback`` should be exclusive
1180      *
1181      * ``callback``
1182      *     function to call when the item is clicked in the sidebar, called
1183      *     with the item descriptor as its first argument (so information
1184      *     can be stored as additional keys on the object passed to
1185      *     ``add_items``)
1186      *
1187      * ``classname`` (optional)
1188      *     ``@class`` set on the sidebar serialization of the item
1189      *
1190      * ``title`` (optional)
1191      *     will be set as the item's ``@title`` (tooltip)
1192      *
1193      * @param {String} section_code
1194      * @param {Array<{label, action | callback[, classname][, title]}>} items
1195      */
1196     add_items: function(section_code, items) {
1197         var self = this;
1198         if (items) {
1199             this.items[section_code].push.apply(this.items[section_code],items);
1200             this.redraw();
1201         }
1202     },
1203     add_toolbar: function(toolbar) {
1204         var self = this;
1205         _.each(['print','action','relate'], function(type) {
1206             var items = toolbar[type];
1207             if (items) {
1208                 for (var i = 0; i < items.length; i++) {
1209                     items[i] = {
1210                         label: items[i]['name'],
1211                         action: items[i],
1212                         classname: 'oe_sidebar_' + type
1213                     };
1214                 }
1215                 self.add_items(type=='print' ? 'print' : 'other', items);
1216             }
1217         });
1218     },
1219     on_item_action_clicked: function(item) {
1220         var self = this;
1221         self.getParent().sidebar_eval_context().done(function (sidebar_eval_context) {
1222             var ids = self.getParent().get_selected_ids();
1223             var domain;
1224             if (self.getParent().get_active_domain) {
1225                 domain = self.getParent().get_active_domain();
1226             }
1227             else {
1228                 domain = $.Deferred().resolve(undefined);
1229             }
1230             if (ids.length === 0) {
1231                 instance.web.dialog($("<div />").text(_t("You must choose at least one record.")), { title: _t("Warning"), modal: true });
1232                 return false;
1233             }
1234             var active_ids_context = {
1235                 active_id: ids[0],
1236                 active_ids: ids,
1237                 active_model: self.getParent().dataset.model,
1238             };
1239
1240             $.when(domain).done(function (domain) {
1241                 if (domain !== undefined) {
1242                     active_ids_context.active_domain = domain;
1243                 }
1244                 var c = instance.web.pyeval.eval('context',
1245                 new instance.web.CompoundContext(
1246                     sidebar_eval_context, active_ids_context));
1247
1248                 self.rpc("/web/action/load", {
1249                     action_id: item.action.id,
1250                     context: c
1251                 }).done(function(result) {
1252                     result.context = new instance.web.CompoundContext(
1253                         result.context || {}, active_ids_context)
1254                             .set_eval_context(c);
1255                     result.flags = result.flags || {};
1256                     result.flags.new_window = true;
1257                     self.do_action(result, {
1258                         on_close: function() {
1259                             // reload view
1260                             self.getParent().reload();
1261                         },
1262                     });
1263                 });
1264             });
1265         });
1266     },
1267     do_attachement_update: function(dataset, model_id, args) {
1268         var self = this;
1269         this.dataset = dataset;
1270         this.model_id = model_id;
1271         if (args && args[0].error) {
1272             this.do_warn(_t('Uploading Error'), args[0].error);
1273         }
1274         if (!model_id) {
1275             this.on_attachments_loaded([]);
1276         } else {
1277             var dom = [ ['res_model', '=', dataset.model], ['res_id', '=', model_id], ['type', 'in', ['binary', 'url']] ];
1278             var ds = new instance.web.DataSetSearch(this, 'ir.attachment', dataset.get_context(), dom);
1279             ds.read_slice(['name', 'url', 'type', 'create_uid', 'create_date', 'write_uid', 'write_date'], {}).done(this.on_attachments_loaded);
1280         }
1281     },
1282     on_attachments_loaded: function(attachments) {
1283         var self = this;
1284         var items = [];
1285         var prefix = this.session.url('/web/binary/saveas', {model: 'ir.attachment', field: 'datas', filename_field: 'name'});
1286         _.each(attachments,function(a) {
1287             a.label = a.name;
1288             if(a.type === "binary") {
1289                 a.url = prefix  + '&id=' + a.id + '&t=' + (new Date().getTime());
1290             }
1291         });
1292         self.items['files'] = attachments;
1293         self.redraw();
1294         this.$('.oe_sidebar_add_attachment .oe_form_binary_file').change(this.on_attachment_changed);
1295         this.$el.find('.oe_sidebar_delete_item').click(this.on_attachment_delete);
1296     },
1297     on_attachment_changed: function(e) {
1298         var $e = $(e.target);
1299         if ($e.val() !== '') {
1300             this.$el.find('form.oe_form_binary_form').submit();
1301             $e.parent().find('input[type=file]').prop('disabled', true);
1302             $e.parent().find('button').prop('disabled', true).find('img, span').toggle();
1303             this.$('.oe_sidebar_add_attachment span').text(_t('Uploading...'));
1304             instance.web.blockUI();
1305         }
1306     },
1307     on_attachment_delete: function(e) {
1308         e.preventDefault();
1309         e.stopPropagation();
1310         var self = this;
1311         var $e = $(e.currentTarget);
1312         if (confirm(_t("Do you really want to delete this attachment ?"))) {
1313             (new instance.web.DataSet(this, 'ir.attachment')).unlink([parseInt($e.attr('data-id'), 10)]).done(function() {
1314                 self.do_attachement_update(self.dataset, self.model_id);
1315             });
1316         }
1317     }
1318 });
1319
1320 instance.web.View = instance.web.Widget.extend({
1321     // name displayed in view switchers
1322     display_name: '',
1323     /**
1324      * Define a view type for each view to allow automatic call to fields_view_get.
1325      */
1326     view_type: undefined,
1327     init: function(parent, dataset, view_id, options) {
1328         this._super(parent);
1329         this.ViewManager = parent;
1330         this.dataset = dataset;
1331         this.view_id = view_id;
1332         this.set_default_options(options);
1333     },
1334     start: function () {
1335         return this.load_view();
1336     },
1337     load_view: function(context) {
1338         var self = this;
1339         var view_loaded_def;
1340         if (this.embedded_view) {
1341             view_loaded_def = $.Deferred();
1342             $.async_when().done(function() {
1343                 view_loaded_def.resolve(self.embedded_view);
1344             });
1345         } else {
1346             if (! this.view_type)
1347                 console.warn("view_type is not defined", this);
1348             view_loaded_def = instance.web.fields_view_get({
1349                 "model": this.dataset._model,
1350                 "view_id": this.view_id,
1351                 "view_type": this.view_type,
1352                 "toolbar": !!this.options.$sidebar,
1353                 "context": this.dataset.get_context(),
1354             });
1355         }
1356         return this.alive(view_loaded_def).then(function(r) {
1357             self.fields_view = r;
1358             // add css classes that reflect the (absence of) access rights
1359             self.$el.addClass('oe_view')
1360                 .toggleClass('oe_cannot_create', !self.is_action_enabled('create'))
1361                 .toggleClass('oe_cannot_edit', !self.is_action_enabled('edit'))
1362                 .toggleClass('oe_cannot_delete', !self.is_action_enabled('delete'));
1363             return $.when(self.view_loading(r)).then(function() {
1364                 self.trigger('view_loaded', r);
1365             });
1366         });
1367     },
1368     view_loading: function(r) {
1369     },
1370     set_default_options: function(options) {
1371         this.options = options || {};
1372         _.defaults(this.options, {
1373             // All possible views options should be defaulted here
1374             $sidebar: null,
1375             sidebar_id: null,
1376             action: null,
1377             action_views_ids: {}
1378         });
1379     },
1380     /**
1381      * Fetches and executes the action identified by ``action_data``.
1382      *
1383      * @param {Object} action_data the action descriptor data
1384      * @param {String} action_data.name the action name, used to uniquely identify the action to find and execute it
1385      * @param {String} [action_data.special=null] special action handlers (currently: only ``'cancel'``)
1386      * @param {String} [action_data.type='workflow'] the action type, if present, one of ``'object'``, ``'action'`` or ``'workflow'``
1387      * @param {Object} [action_data.context=null] additional action context, to add to the current context
1388      * @param {instance.web.DataSet} dataset a dataset object used to communicate with the server
1389      * @param {Object} [record_id] the identifier of the object on which the action is to be applied
1390      * @param {Function} on_closed callback to execute when dialog is closed or when the action does not generate any result (no new action)
1391      */
1392     do_execute_action: function (action_data, dataset, record_id, on_closed) {
1393         var self = this;
1394         var result_handler = function () {
1395             if (on_closed) { on_closed.apply(null, arguments); }
1396             if (self.getParent() && self.getParent().on_action_executed) {
1397                 return self.getParent().on_action_executed.apply(null, arguments);
1398             }
1399         };
1400         var context = new instance.web.CompoundContext(dataset.get_context(), action_data.context || {});
1401
1402         // response handler
1403         var handler = function (action) {
1404             if (action && action.constructor == Object) {
1405                 // filter out context keys that are specific to the current action.
1406                 // Wrong default_* and search_default_* values will no give the expected result
1407                 // Wrong group_by values will simply fail and forbid rendering of the destination view
1408                 var ncontext = new instance.web.CompoundContext(
1409                     _.object(_.reject(_.pairs(dataset.get_context().eval()), function(pair) {
1410                       return pair[0].match('^(?:(?:default_|search_default_).+|.+_view_ref|group_by|group_by_no_leaf|active_id|active_ids)$') !== null;
1411                     }))
1412                 );
1413                 ncontext.add(action_data.context || {});
1414                 ncontext.add({active_model: dataset.model});
1415                 if (record_id) {
1416                     ncontext.add({
1417                         active_id: record_id,
1418                         active_ids: [record_id],
1419                     });
1420                 }
1421                 ncontext.add(action.context || {});
1422                 action.context = ncontext;
1423                 return self.do_action(action, {
1424                     on_close: result_handler,
1425                 });
1426             } else {
1427                 self.do_action({"type":"ir.actions.act_window_close"});
1428                 return result_handler();
1429             }
1430         };
1431
1432         if (action_data.special === 'cancel') {
1433             return handler({"type":"ir.actions.act_window_close"});
1434         } else if (action_data.type=="object") {
1435             var args = [[record_id]], additional_args = [];
1436             if (action_data.args) {
1437                 try {
1438                     // Warning: quotes and double quotes problem due to json and xml clash
1439                     // Maybe we should force escaping in xml or do a better parse of the args array
1440                     additional_args = JSON.parse(action_data.args.replace(/'/g, '"'));
1441                     args = args.concat(additional_args);
1442                 } catch(e) {
1443                     console.error("Could not JSON.parse arguments", action_data.args);
1444                 }
1445             }
1446             args.push(context);
1447             return dataset.call_button(action_data.name, args).then(handler).then(function () {
1448                 if (instance.webclient) {
1449                     instance.webclient.menu.do_reload_needaction();
1450                 }
1451             });
1452         } else if (action_data.type=="action") {
1453             return this.rpc('/web/action/load', {
1454                 action_id: action_data.name,
1455                 context: _.extend({'active_model': dataset.model, 'active_ids': dataset.ids, 'active_id': record_id}, instance.web.pyeval.eval('context', context)),
1456                 do_not_eval: true
1457             }).then(handler);
1458         } else  {
1459             return dataset.exec_workflow(record_id, action_data.name).then(handler);
1460         }
1461     },
1462     /**
1463      * Directly set a view to use instead of calling fields_view_get. This method must
1464      * be called before start(). When an embedded view is set, underlying implementations
1465      * of instance.web.View must use the provided view instead of any other one.
1466      *
1467      * @param embedded_view A view.
1468      */
1469     set_embedded_view: function(embedded_view) {
1470         this.embedded_view = embedded_view;
1471     },
1472     do_show: function () {
1473         this.$el.show();
1474     },
1475     do_hide: function () {
1476         this.$el.hide();
1477     },
1478     is_active: function () {
1479         var manager = this.getParent();
1480         return !manager || !manager.active_view
1481              || manager.views[manager.active_view].controller === this;
1482     }, /**
1483      * Wraps fn to only call it if the current view is the active one. If the
1484      * current view is not active, doesn't call fn.
1485      *
1486      * fn can not return anything, as a non-call to fn can't return anything
1487      * either
1488      *
1489      * @param {Function} fn function to wrap in the active guard
1490      */
1491     guard_active: function (fn) {
1492         var self = this;
1493         return function () {
1494             if (self.is_active()) {
1495                 fn.apply(self, arguments);
1496             }
1497         };
1498     },
1499     do_push_state: function(state) {
1500         if (this.getParent() && this.getParent().do_push_state) {
1501             this.getParent().do_push_state(state);
1502         }
1503     },
1504     do_load_state: function(state, warm) {
1505     },
1506     /**
1507      * Switches to a specific view type
1508      */
1509     do_switch_view: function() {
1510         this.trigger.apply(this, ['switch_mode'].concat(_.toArray(arguments)));
1511     },
1512     /**
1513      * Cancels the switch to the current view, switches to the previous one
1514      *
1515      * @param {Object} [options]
1516      * @param {Boolean} [options.created=false] resource was created
1517      * @param {String} [options.default=null] view to switch to if no previous view
1518      */
1519
1520     do_search: function(view) {
1521     },
1522     on_sidebar_export: function() {
1523         new instance.web.DataExport(this, this.dataset).open();
1524     },
1525     sidebar_eval_context: function () {
1526         return $.when({});
1527     },
1528     /**
1529      * Asks the view to reload itself, if the reloading is asynchronous should
1530      * return a {$.Deferred} indicating when the reloading is done.
1531      */
1532     reload: function () {
1533         return $.when();
1534     },
1535     /**
1536      * Return whether the user can perform the action ('create', 'edit', 'delete') in this view.
1537      * An action is disabled by setting the corresponding attribute in the view's main element,
1538      * like: <form string="" create="false" edit="false" delete="false">
1539      */
1540     is_action_enabled: function(action) {
1541         var attrs = this.fields_view.arch.attrs;
1542         return (action in attrs) ? JSON.parse(attrs[action]) : true;
1543     },
1544 });
1545
1546 /**
1547  * Performs a fields_view_get and apply postprocessing.
1548  * return a {$.Deferred} resolved with the fvg
1549  *
1550  * @param {Object} args
1551  * @param {String|Object} args.model instance.web.Model instance or string repr of the model
1552  * @param {Object} [args.context] context if args.model is a string
1553  * @param {Number} [args.view_id] id of the view to be loaded, default view if null
1554  * @param {String} [args.view_type] type of view to be loaded if view_id is null
1555  * @param {Boolean} [args.toolbar=false] get the toolbar definition
1556  */
1557 instance.web.fields_view_get = function(args) {
1558     function postprocess(fvg) {
1559         var doc = $.parseXML(fvg.arch).documentElement;
1560         fvg.arch = instance.web.xml_to_json(doc, (doc.nodeName.toLowerCase() !== 'kanban'));
1561         if ('id' in fvg.fields) {
1562             // Special case for id's
1563             var id_field = fvg.fields['id'];
1564             id_field.original_type = id_field.type;
1565             id_field.type = 'id';
1566         }
1567         _.each(fvg.fields, function(field) {
1568             _.each(field.views || {}, function(view) {
1569                 postprocess(view);
1570             });
1571         });
1572         return fvg;
1573     }
1574     args = _.defaults(args, {
1575         toolbar: false,
1576     });
1577     var model = args.model;
1578     if (typeof model === 'string') {
1579         model = new instance.web.Model(args.model, args.context);
1580     }
1581     return args.model.call('fields_view_get', [args.view_id, args.view_type, args.context, args.toolbar]).then(function(fvg) {
1582         return postprocess(fvg);
1583     });
1584 };
1585
1586 instance.web.xml_to_json = function(node, strip_whitespace) {
1587     switch (node.nodeType) {
1588         case 9:
1589             return instance.web.xml_to_json(node.documentElement, strip_whitespace);
1590         case 3:
1591         case 4:
1592             return (strip_whitespace && node.data.trim() === '') ? undefined : node.data;
1593         case 1:
1594             var attrs = $(node).getAttributes();
1595             _.each(['domain', 'filter_domain', 'context', 'default_get'], function(key) {
1596                 if (attrs[key]) {
1597                     try {
1598                         attrs[key] = JSON.parse(attrs[key]);
1599                     } catch(e) { }
1600                 }
1601             });
1602             return {
1603                 tag: node.tagName.toLowerCase(),
1604                 attrs: attrs,
1605                 children: _.compact(_.map(node.childNodes, function(node) {
1606                     return instance.web.xml_to_json(node, strip_whitespace);
1607                 })),
1608             };
1609     }
1610 };
1611
1612 instance.web.json_node_to_xml = function(node, human_readable, indent) {
1613     // For debugging purpose, this function will convert a json node back to xml
1614     indent = indent || 0;
1615     var sindent = (human_readable ? (new Array(indent + 1).join('\t')) : ''),
1616         r = sindent + '<' + node.tag,
1617         cr = human_readable ? '\n' : '';
1618
1619     if (typeof(node) === 'string') {
1620         return sindent + node;
1621     } else if (typeof(node.tag) !== 'string' || !node.children instanceof Array || !node.attrs instanceof Object) {
1622         throw new Error(
1623             _.str.sprintf(_t("Node [%s] is not a JSONified XML node"),
1624                           JSON.stringify(node)));
1625     }
1626     for (var attr in node.attrs) {
1627         var vattr = node.attrs[attr];
1628         if (typeof(vattr) !== 'string') {
1629             // domains, ...
1630             vattr = JSON.stringify(vattr);
1631         }
1632         vattr = vattr.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
1633         if (human_readable) {
1634             vattr = vattr.replace(/&quot;/g, "'");
1635         }
1636         r += ' ' + attr + '="' + vattr + '"';
1637     }
1638     if (node.children && node.children.length) {
1639         r += '>' + cr;
1640         var childs = [];
1641         for (var i = 0, ii = node.children.length; i < ii; i++) {
1642             childs.push(instance.web.json_node_to_xml(node.children[i], human_readable, indent + 1));
1643         }
1644         r += childs.join(cr);
1645         r += cr + sindent + '</' + node.tag + '>';
1646         return r;
1647     } else {
1648         return r + '/>';
1649     }
1650 };
1651 instance.web.xml_to_str = function(node) {
1652     var str = "";
1653     if (window.XMLSerializer) {
1654         str = (new XMLSerializer()).serializeToString(node);
1655     } else if (window.ActiveXObject) {
1656         str = node.xml;
1657     } else {
1658         throw new Error(_t("Could not serialize XML"));
1659     }
1660     // Browsers won't deal with self closing tags except void elements:
1661     // http://www.w3.org/TR/html-markup/syntax.html
1662     var void_elements = 'area base br col command embed hr img input keygen link meta param source track wbr'.split(' ');
1663
1664     // The following regex is a bit naive but it's ok for the xmlserializer output
1665     str = str.replace(/<([a-z]+)([^<>]*)\s*\/\s*>/g, function(match, tag, attrs) {
1666         if (void_elements.indexOf(tag) < 0) {
1667             return "<" + tag + attrs + "></" + tag + ">";
1668         } else {
1669             return match;
1670         }
1671     });
1672     return str;
1673 };
1674
1675 /**
1676  * Registry for all the main views
1677  */
1678 instance.web.views = new instance.web.Registry();
1679
1680 })();
1681
1682 // vim:et fdc=0 fdl=0 foldnestmax=3 fdm=syntax: