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

   1 /*---------------------------------------------------------
   2  * OpenERP web library
   3  *---------------------------------------------------------*/
   4
   5 openerp.web.views = function(session) {
   6
   7 var _t = session.web._t;
   8
   9 /**
  10  * Registry for all the client actions key: tag value: widget
  11  */
  12 session.web.client_actions = new session.web.Registry();
  13
  14 /**
  15  * Registry for all the main views
  16  */
  17 session.web.views = new session.web.Registry();
  18
  19 session.web.ActionManager = session.web.Widget.extend({
  20     identifier_prefix: "actionmanager",
  21     init: function(parent) {
  22         this._super(parent);
  23         this.inner_viewmanager = null;
  24         this.dialog = null;
  25         this.dialog_viewmanager = null;
  26         this.client_widget = null;
  27     },
  28     render: function() {
  29         return "<div id='"+this.element_id+"'></div>";
  30     },
  31     dialog_stop: function () {
  32         if (this.dialog) {
  33             this.dialog_viewmanager.stop();
  34             this.dialog_viewmanager = null;
  35             this.dialog.stop();
  36             this.dialog = null;
  37         }
  38     },
  39     content_stop: function () {
  40         if (this.inner_viewmanager) {
  41             this.inner_viewmanager.stop();
  42             this.inner_viewmanager = null;
  43         }
  44         if (this.client_widget) {
  45             this.client_widget.stop();
  46             this.client_widget = null;
  47         }
  48     },
  49     url_update: function(action) {
  50         var url = {};
  51         if(action.id)
  52             url.action_id = action.id;
  53         // this.url = {
  54         //     "model": action.res_model,
  55         //     "domain": action.domain,
  56         // };
  57         // action.res_model
  58         // action.domain
  59         // action.context
  60         // after
  61         // action.views
  62         // action.res_id
  63         // mode
  64         // menu
  65         this.do_url_set_hash(url);
  66     },
  67     do_url_set_hash: function(url) {
  68     },
  69     on_url_hashchange: function(url) {
  70         var self = this;
  71         if(url && url.action_id) {
  72             self.rpc("/web/action/load", { action_id: url.action_id }, function(result) {
  73                     self.do_action(result.result);
  74                 });
  75         }
  76     },
  77     do_action: function(action, on_close) {
  78         var type = action.type.replace(/\./g,'_');
  79         var popup = action.target === 'new';
  80         action.flags = _.extend({
  81             views_switcher : !popup,
  82             search_view : !popup,
  83             action_buttons : !popup,
  84             sidebar : !popup,
  85             pager : !popup
  86         }, action.flags || {});
  87         if (!(type in this)) {
  88             console.log("Action manager can't handle action of type " + action.type, action);
  89             return;
  90         }
  91         return this[type](action, on_close);
  92     },
  93     ir_actions_act_window: function (action, on_close) {
  94         if (action.target === 'new') {
  95             if (this.dialog == null) {
  96                 this.dialog = new session.web.Dialog(this, { title: action.name, width: '80%' });
  97                 if(on_close)
  98                     this.dialog.on_close.add(on_close);
  99                 this.dialog.start();
 100             } else {
 101                 this.dialog_viewmanager.stop();
 102             }
 103             this.dialog_viewmanager = new session.web.ViewManagerAction(this, action);
 104             this.dialog_viewmanager.appendTo(this.dialog.$element);
 105             this.dialog.open();
 106         } else  {
 107             this.dialog_stop();
 108             this.content_stop();
 109             this.inner_viewmanager = new session.web.ViewManagerAction(this, action);
 110             this.inner_viewmanager.appendTo(this.$element);
 111             this.url_update(action);
 112         }
 113         /* new window code
 114             this.rpc("/web/session/save_session_action", { the_action : action}, function(key) {
 115                 var url = window.location.protocol + "//" + window.location.host + window.location.pathname + "?" + jQuery.param({ s_action : "" + key });
 116                 window.open(url,'_blank');
 117             });
 118         */
 119     },
 120     ir_actions_act_window_close: function (action, on_closed) {
 121         if (!this.dialog && on_closed) {
 122             on_closed();
 123         }
 124         if (this.dialog && action.context) {
 125             var model = action.context.active_model;
 126             if (model === 'base.module.upgrade' || model === 'base.setup.installer' || model === 'base.module.upgrade') {
 127                 session.webclient.do_reload();
 128             }
 129         }
 130         this.dialog_stop();
 131     },
 132     ir_actions_server: function (action, on_closed) {
 133         var self = this;
 134         this.rpc('/web/action/run', {
 135             action_id: action.id,
 136             context: action.context || {}
 137         }).then(function (action) {
 138             self.do_action(action, on_closed)
 139         });
 140     },
 141     ir_actions_client: function (action) {
 142         this.content_stop();
 143         var ClientWidget = session.web.client_actions.get_object(action.tag);
 144         (this.client_widget = new ClientWidget(this, action.params)).appendTo(this);
 145     },
 146     ir_actions_report_xml: function(action) {
 147         var self = this;
 148         $.blockUI();
 149         self.rpc("/web/session/eval_domain_and_context", {
 150             contexts: [action.context],
 151             domains: []
 152         }).then(function(res) {
 153             action = _.clone(action);
 154             action.context = res.context;
 155             self.session.get_file({
 156                 url: '/web/report',
 157                 data: {action: JSON.stringify(action)},
 158                 complete: $.unblockUI
 159             });
 160         });
 161     },
 162     ir_actions_act_url: function (action) {
 163         window.open(action.url, action.target === 'self' ? '_self' : '_blank');
 164     }
 165 });
 166
 167 session.web.ViewManager =  session.web.Widget.extend(/** @lends session.web.ViewManager# */{
 168     identifier_prefix: "viewmanager",
 169     template: "ViewManager",
 170     /**
 171      * @constructs session.web.ViewManager
 172      * @extends session.web.Widget
 173      *
 174      * @param parent
 175      * @param dataset
 176      * @param views
 177      */
 178     init: function(parent, dataset, views) {
 179         this._super(parent);
 180         this.model = dataset ? dataset.model : undefined;
 181         this.dataset = dataset;
 182         this.searchview = null;
 183         this.last_search = false;
 184         this.active_view = null;
 185         this.views_src = _.map(views, function(x) {return x instanceof Array? {view_id: x[0], view_type: x[1]} : x;});
 186         this.views = {};
 187         this.flags = this.flags || {};
 188         this.registry = session.web.views;
 189     },
 190     render: function() {
 191         return session.web.qweb.render(this.template, {
 192             self: this,
 193             prefix: this.element_id,
 194             views: this.views_src});
 195     },
 196     /**
 197      * @returns {jQuery.Deferred} initial view loading promise
 198      */
 199     start: function() {
 200         this._super();
 201         var self = this;
 202         this.$element.find('.oe_vm_switch button').click(function() {
 203             self.on_mode_switch($(this).data('view-type'));
 204         });
 205         var views_ids = {};
 206         _.each(this.views_src, function(view) {
 207             self.views[view.view_type] = $.extend({}, view, {
 208                 controller : null,
 209                 options : _.extend({
 210                     sidebar_id : self.element_id + '_sidebar_' + view.view_type,
 211                     action : self.action,
 212                     action_views_ids : views_ids
 213                 }, self.flags, view.options || {})
 214             });
 215             views_ids[view.view_type] = view.view_id;
 216         });
 217         if (this.flags.views_switcher === false) {
 218             this.$element.find('.oe_vm_switch').hide();
 219         }
 220         // switch to the first one in sequence
 221         return this.on_mode_switch(this.views_src[0].view_type);
 222     },
 223     /**
 224      * Asks the view manager to switch visualization mode.
 225      *
 226      * @param {String} view_type type of view to display
 227      * @returns {jQuery.Deferred} new view loading promise
 228      */
 229     on_mode_switch: function(view_type) {
 230         var self = this,
 231             view_promise;
 232         this.active_view = view_type;
 233         var view = this.views[view_type];
 234         if (!view.controller) {
 235             // Lazy loading of views
 236             var controllerclass = this.registry.get_object(view_type);
 237             var controller = new controllerclass(this, this.dataset, view.view_id, view.options);
 238             if (view.embedded_view) {
 239                 controller.set_embedded_view(view.embedded_view);
 240             }
 241             controller.do_switch_view.add_last(this.on_mode_switch);
 242             var container = $("#" + this.element_id + '_view_' + view_type);
 243             view_promise = controller.appendTo(container);
 244             this.views[view_type].controller = controller;
 245             $.when(view_promise).then(function() {
 246                 self.on_controller_inited(view_type, controller);
 247                 if (self.searchview && view.controller.searchable !== false) {
 248                     self.do_searchview_search();
 249                 }
 250             });
 251         } else if (this.searchview && view.controller.searchable !== false) {
 252             self.do_searchview_search();
 253         }
 254
 255         if (this.searchview) {
 256             this.searchview[(view.controller.searchable === false || this.searchview.hidden) ? 'hide' : 'show']();
 257         }
 258
 259         this.$element
 260             .find('.views-switchers button').removeAttr('disabled')
 261             .filter('[data-view-type="' + view_type + '"]')
 262             .attr('disabled', true);
 263
 264         for (var view_name in this.views) {
 265             if (!this.views.hasOwnProperty(view_name)) { continue; }
 266             if (this.views[view_name].controller) {
 267                 if (view_name === view_type) {
 268                     $.when(view_promise).then(this.views[view_name].controller.do_show);
 269                 } else {
 270                     this.views[view_name].controller.do_hide();
 271                 }
 272             }
 273         }
 274         $.when(view_promise).then(function () {
 275             self.$element.find('.oe_view_title:first').text(
 276                     self.display_title());
 277         });
 278         return view_promise;
 279     },
 280     /**
 281      * Sets up the current viewmanager's search view.
 282      *
 283      * @param {Number|false} view_id the view to use or false for a default one
 284      * @returns {jQuery.Deferred} search view startup deferred
 285      */
 286     setup_search_view: function(view_id, search_defaults) {
 287         var self = this;
 288         if (this.searchview) {
 289             this.searchview.stop();
 290         }
 291         this.searchview = new session.web.SearchView(
 292                 this, this.dataset,
 293                 view_id, search_defaults, this.flags.search_view === false);
 294
 295         this.searchview.on_search.add(this.do_searchview_search);
 296         return this.searchview.appendTo($("#" + this.element_id + "_search"));
 297     },
 298     do_searchview_search: function(domains, contexts, groupbys) {
 299         var self = this,
 300             controller = this.views[this.active_view].controller;
 301         if (domains || contexts) {
 302             this.rpc('/web/session/eval_domain_and_context', {
 303                 domains: [this.action.domain || []].concat(domains || []),
 304                 contexts: [this.action.context || {}].concat(contexts || []),
 305                 group_by_seq: groupbys || []
 306             }, function (results) {
 307                 self.dataset.context = results.context;
 308                 self.dataset.domain = results.domain;
 309                 self.last_search = [results.domain, results.context, results.group_by];
 310                 controller.do_search(results.domain, results.context, results.group_by);
 311             });
 312         } else if (this.last_search) {
 313             controller.do_search.apply(controller, this.last_search);
 314         }
 315     },
 316     /**
 317      * Event launched when a controller has been inited.
 318      *
 319      * @param {String} view_type type of view
 320      * @param {String} view the inited controller
 321      */
 322     on_controller_inited: function(view_type, view) {
 323     },
 324     /**
 325      * Called when one of the view want to execute an action
 326      */
 327     on_action: function(action) {
 328     },
 329     on_create: function() {
 330     },
 331     on_remove: function() {
 332     },
 333     on_edit: function() {
 334     },
 335     /**
 336      * Called by children view after executing an action
 337      */
 338     on_action_executed: function () {},
 339     display_title: function () {
 340         var view = this.views[this.active_view];
 341         if (view) {
 342             // ick
 343             return view.controller.fields_view.arch.attrs.string;
 344         }
 345         return '';
 346     }
 347 });
 348
 349 session.web.ViewManagerAction = session.web.ViewManager.extend(/** @lends oepnerp.web.ViewManagerAction# */{
 350     template:"ViewManagerAction",
 351     /**
 352      * @constructs session.web.ViewManagerAction
 353      * @extends session.web.ViewManager
 354      *
 355      * @param {session.web.ActionManager} parent parent object/widget
 356      * @param {Object} action descriptor for the action this viewmanager needs to manage its views.
 357      */
 358     init: function(parent, action) {
 359         // dataset initialization will take the session from ``this``, so if we
 360         // do not have it yet (and we don't, because we've not called our own
 361         // ``_super()``) rpc requests will blow up.
 362         this._super(parent, null, action.views);
 363         this.session = parent.session;
 364         this.action = action;
 365         var dataset = new session.web.DataSetSearch(this, action.res_model, action.context, action.domain);
 366         if (action.res_id) {
 367             dataset.ids.push(action.res_id);
 368             dataset.index = 0;
 369         }
 370         this.dataset = dataset;
 371         this.flags = this.action.flags || {};
 372         if (action.res_model == 'board.board' && action.views.length == 1 && action.views) {
 373             // Not elegant but allows to avoid form chrome (pager, save/new
 374             // buttons, sidebar, ...) displaying
 375             this.flags.search_view = this.flags.pager = this.flags.sidebar = this.flags.action_buttons = false;
 376         }
 377
 378         // setup storage for session-wise menu hiding
 379         if (this.session.hidden_menutips) {
 380             return;
 381         }
 382         this.session.hidden_menutips = {}
 383     },
 384     /**
 385      * Initializes the ViewManagerAction: sets up the searchview (if the
 386      * searchview is enabled in the manager's action flags), calls into the
 387      * parent to initialize the primary view and (if the VMA has a searchview)
 388      * launches an initial search after both views are done rendering.
 389      */
 390     start: function() {
 391         var self = this,
 392             searchview_loaded,
 393             search_defaults = {};
 394         _.each(this.action.context, function (value, key) {
 395             var match = /^search_default_(.*)$/.exec(key);
 396             if (match) {
 397                 search_defaults[match[1]] = value;
 398             }
 399         });
 400         // init search view
 401         var searchview_id = this.action['search_view_id'] && this.action['search_view_id'][0];
 402
 403         searchview_loaded = this.setup_search_view(searchview_id || false, search_defaults);
 404
 405         var main_view_loaded = this._super();
 406
 407         var manager_ready = $.when(searchview_loaded, main_view_loaded);
 408         if (searchview_loaded && this.action['auto_search'] !== false) {
 409             // schedule auto_search
 410             manager_ready.then(this.searchview.do_search);
 411         }
 412
 413         this.$element.find('.oe_get_xml_view').click(function () {
 414             // TODO: add search view?
 415             $('<pre>').text(session.web.json_node_to_xml(
 416                 self.views[self.active_view].controller.fields_view.arch, true))
 417                     .dialog({ width: '95%'});
 418         });
 419         if (this.action.help && !this.flags.low_profile) {
 420             var Users = new session.web.DataSet(self, 'res.users'),
 421                 header = this.$element.find('.oe-view-manager-header');
 422             header.delegate('blockquote button', 'click', function() {
 423                 var $this = $(this);
 424                 //noinspection FallthroughInSwitchStatementJS
 425                 switch ($this.attr('name')) {
 426                 case 'disable':
 427                     Users.write(self.session.uid, {menu_tips:false});
 428                 case 'hide':
 429                     $this.closest('blockquote').hide();
 430                     self.session.hidden_menutips[self.action.id] = true;
 431                 }
 432             });
 433             if (!(self.action.id in self.session.hidden_menutips)) {
 434                 Users.read_ids([this.session.uid], ['menu_tips'], function(users) {
 435                     var user = users[0];
 436                     if (!(user && user.id === self.session.uid)) {
 437                         return;
 438                     }
 439                     header.find('blockquote').toggle(user.menu_tips);
 440                 });
 441             }
 442         }
 443
 444         var log_view = this.$element.find('.oe-view-manager-logs:first');
 445         log_view.delegate('a.oe-more-logs', 'click', function () {
 446             log_view.removeClass('oe-folded');
 447             return false;
 448         });
 449
 450         return manager_ready;
 451     },
 452     on_mode_switch: function (view_type) {
 453         var self = this;
 454         return $.when(
 455                 this._super(view_type),
 456                 this.shortcut_check(this.views[view_type])
 457             ).then(function() {
 458                 var controller = self.views[self.active_view].controller,
 459                     fvg = controller.fields_view,
 460                     view_id = (fvg && fvg.view_id) || '--';
 461                 self.$element.find('.oe_get_xml_view span').text(view_id);
 462                 if (!self.action.name && fvg) {
 463                     self.$element.find('.oe_view_title').text(fvg.arch.attrs.string || fvg.name);
 464                 }
 465
 466                 var $title = self.$element.find('.oe_view_title'),
 467                     $search_prefix = $title.find('span');
 468                 if (controller.searchable !== false) {
 469                     if (!$search_prefix.length) {
 470                         $title.prepend('<span>' + _t("Search:") + '</span>');
 471                     }
 472                 } else {
 473                     $search_prefix.remove();
 474                 }
 475         });
 476     },
 477     shortcut_check : function(view) {
 478         var self = this;
 479         var grandparent = this.widget_parent && this.widget_parent.widget_parent;
 480         // display shortcuts if on the first view for the action
 481         var $shortcut_toggle = this.$element.find('.oe-shortcut-toggle');
 482         if (!(grandparent instanceof session.web.WebClient) ||
 483             !(view.view_type === this.views_src[0].view_type
 484                 && view.view_id === this.views_src[0].view_id)) {
 485             $shortcut_toggle.hide();
 486             return;
 487         }
 488         $shortcut_toggle.removeClass('oe-shortcut-remove').show();
 489         if (_(this.session.shortcuts).detect(function (shortcut) {
 490                     return shortcut.res_id === self.session.active_id; })) {
 491             $shortcut_toggle.addClass("oe-shortcut-remove");
 492         }
 493         this.shortcut_add_remove();
 494     },
 495     shortcut_add_remove: function() {
 496         var self = this;
 497         var $shortcut_toggle = this.$element.find('.oe-shortcut-toggle');
 498         $shortcut_toggle
 499             .unbind("click")
 500             .click(function() {
 501                 if ($shortcut_toggle.hasClass("oe-shortcut-remove")) {
 502                     $(self.session.shortcuts.binding).trigger('remove-current');
 503                     $shortcut_toggle.removeClass("oe-shortcut-remove");
 504                 } else {
 505                     $(self.session.shortcuts.binding).trigger('add', {
 506                         'user_id': self.session.uid,
 507                         'res_id': self.session.active_id,
 508                         'resource': 'ir.ui.menu',
 509                         'name': self.action.name
 510                     });
 511                     $shortcut_toggle.addClass("oe-shortcut-remove");
 512                 }
 513             });
 514     },
 515     /**
 516      * Intercept do_action resolution from children views
 517      */
 518     on_action_executed: function () {
 519         return new session.web.DataSet(this, 'res.log')
 520                 .call('get', [], this.do_display_log);
 521     },
 522     /**
 523      * @param {Array<Object>} log_records
 524      */
 525     do_display_log: function (log_records) {
 526         var self = this,
 527             cutoff = 3,
 528             $logs = this.$element.find('.oe-view-manager-logs:first')
 529                     .addClass('oe-folded'),
 530             $logs_list = $logs.find('ul').empty();
 531         $logs.toggleClass('oe-has-more', log_records.length > cutoff);
 532         _(log_records.reverse()).each(function (record) {
 533             $(_.sprintf('<li><a href="#">%s</a></li>', record.name))
 534                 .appendTo($logs_list)
 535                 .delegate('a', 'click', function (e) {
 536                     self.do_action({
 537                         type: 'ir.actions.act_window',
 538                         res_model: record.res_model,
 539                         res_id: record.res_id,
 540                         // TODO: need to have an evaluated context here somehow
 541                         //context: record.context,
 542                         views: [[false, 'form']]
 543                     });
 544                     return false;
 545                 });
 546         });
 547     },
 548     display_title: function () {
 549         return this.action.name;
 550     }
 551 });
 552
 553 session.web.Sidebar = session.web.Widget.extend({
 554     init: function(parent, element_id) {
 555         this._super(parent, element_id);
 556         this.items = {};
 557         this.sections = {};
 558     },
 559     start: function() {
 560         this._super(this);
 561         var self = this;
 562         this.$element.html(session.web.qweb.render('Sidebar'));
 563         this.$element.find(".toggle-sidebar").click(function(e) {
 564             self.do_toggle();
 565         });
 566     },
 567
 568     call_default_on_sidebar: function(item) {
 569         var func_name = 'on_sidebar_' + _.underscored(item.label);
 570         var fn = this.widget_parent[func_name];
 571         if(typeof fn === 'function') {
 572             fn(item);
 573         }
 574     },
 575
 576     add_default_sections: function() {
 577         this.add_section(_t('Customize'), 'customize');
 578         this.add_items('customize', [
 579             {
 580                 label: _t("Manage Views"),
 581                 callback: this.call_default_on_sidebar,
 582                 title: _t("Manage views of the current object")
 583             }, {
 584                 label: _t("Edit Workflow"),
 585                 callback: this.call_default_on_sidebar,
 586                 title: _t("Manage views of the current object"),
 587                 classname: 'oe_hide oe_sidebar_edit_workflow'
 588             }, {
 589                 label: _t("Customize Object"),
 590                 callback: this.call_default_on_sidebar,
 591                 title: _t("Manage views of the current object")
 592             }
 593         ]);
 594
 595         this.add_section(_t('Other Options'), 'other');
 596         this.add_items('other', [
 597             {
 598                 label: _t("Import"),
 599                 callback: this.call_default_on_sidebar
 600             }, {
 601                 label: _t("Export"),
 602                 callback: this.call_default_on_sidebar
 603             }, {
 604                 label: _t("Translate"),
 605                 callback: this.call_default_on_sidebar,
 606                 classname: 'oe_sidebar_translate oe_hide'
 607             }, {
 608                 label: _t("View Log"),
 609                 callback: this.call_default_on_sidebar,
 610                 classname: 'oe_hide oe_sidebar_view_log'
 611             }
 612         ]);
 613     },
 614
 615     add_toolbar: function(toolbar) {
 616         var self = this;
 617         _.each([['print', _t("Reports")], ['action', _t("Actions")], ['relate', _t("Links")]], function(type) {
 618             var items = toolbar[type[0]];
 619             if (items.length) {
 620                 for (var i = 0; i < items.length; i++) {
 621                     items[i] = {
 622                         label: items[i]['name'],
 623                         action: items[i],
 624                         classname: 'oe_sidebar_' + type[0]
 625                     }
 626                 }
 627                 self.add_section(type[1], type[0]);
 628                 self.add_items(type[0], items);
 629             }
 630         });
 631     },
 632
 633     add_section: function(name, code) {
 634         if(!code) code = _.underscored(name);
 635         var $section = this.sections[code];
 636
 637         if(!$section) {
 638             var section_id = _.uniqueId(this.element_id + '_section_' + code + '_');
 639             $section = $(session.web.qweb.render("Sidebar.section", {
 640                 section_id: section_id,
 641                 name: name,
 642                 classname: 'oe_sidebar_' + code
 643             }));
 644             $section.appendTo(this.$element.find('div.sidebar-actions'));
 645             this.sections[code] = $section;
 646         }
 647         return $section;
 648     },
 649
 650     add_items: function(section_code, items) {
 651         // An item is a dictonary : {
 652         //    label: label to be displayed for the link,
 653         //    action: action to be launch when the link is clicked,
 654         //    callback: a function to be executed when the link is clicked,
 655         //    classname: optional dom class name for the line,
 656         //    title: optional title for the link
 657         // }
 658         // Note: The item should have one action or/and a callback
 659         //
 660
 661         var self = this,
 662             $section = this.add_section(_.titleize(section_code.replace('_', ' ')), section_code),
 663             section_id = $section.attr('id');
 664
 665         if (items) {
 666             for (var i = 0; i < items.length; i++) {
 667                 items[i].element_id = _.uniqueId(section_id + '_item_');
 668                 this.items[items[i].element_id] = items[i];
 669             }
 670
 671             var $items = $(session.web.qweb.render("Sidebar.section.items", {items: items}));
 672
 673             $items.find('a.oe_sidebar_action_a').click(function() {
 674                 var item = self.items[$(this).attr('id')];
 675                 if (item.callback) {
 676                     item.callback.apply(self, [item]);
 677                 }
 678                 if (item.action) {
 679                     var ids = self.widget_parent.get_selected_ids();
 680                     if (ids.length == 0) {
 681                         //TODO: make prettier warning?
 682                         $("<div />").text(_t("You must choose at least one record.")).dialog({
 683                             title: _t("Warning"),
 684                             modal: true
 685                         });
 686                         return false;
 687                     }
 688                     var additional_context = {
 689                         active_id: ids[0],
 690                         active_ids: ids,
 691                         active_model: self.widget_parent.dataset.model
 692                     };
 693                     self.rpc("/web/action/load", {
 694                         action_id: item.action.id,
 695                         context: additional_context
 696                     }, function(result) {
 697                         result.result.context = _.extend(result.result.context || {},
 698                             additional_context);
 699                         result.result.flags = result.result.flags || {};
 700                         result.result.flags.new_window = true;
 701                         self.do_action(result.result);
 702                     });
 703                 }
 704                 return false;
 705             });
 706
 707             var $ul = $section.find('ul');
 708             if(!$ul.length) {
 709                 $ul = $('<ul/>').appendTo($section);
 710             }
 711             $items.appendTo($ul);
 712         }
 713     },
 714     do_fold: function() {
 715         this.$element.addClass('closed-sidebar').removeClass('open-sidebar');
 716     },
 717     do_unfold: function() {
 718         this.$element.addClass('open-sidebar').removeClass('closed-sidebar');
 719     },
 720     do_toggle: function() {
 721         this.$element.toggleClass('open-sidebar closed-sidebar');
 722     }
 723 });
 724
 725 session.web.TranslateDialog = session.web.Dialog.extend({
 726     dialog_title: _t("Translations"),
 727     init: function(view) {
 728         // TODO fme: should add the language to fields_view_get because between the fields view get
 729         // and the moment the user opens the translation dialog, the user language could have been changed
 730         this.view_language = view.session.user_context.lang;
 731         this['on_button' + _t("Save")] = this.on_button_Save;
 732         this['on_button' + _t("Close")] = this.on_button_Close;
 733         this._super(view, {
 734             width: '80%',
 735             height: '80%'
 736         });
 737         this.view = view;
 738         this.view_type = view.fields_view.type || '';
 739         this.$fields_form = null;
 740         this.$view_form = null;
 741         this.$sidebar_form = null;
 742         this.translatable_fields_keys = _.map(this.view.translatable_fields || [], function(i) { return i.name });
 743         this.languages = null;
 744         this.languages_loaded = $.Deferred();
 745         (new session.web.DataSetSearch(this, 'res.lang', this.view.dataset.get_context(),
 746             [['translatable', '=', '1']])).read_slice(['code', 'name'], { sort: 'id' }, this.on_languages_loaded);
 747     },
 748     start: function() {
 749         var self = this;
 750         this._super();
 751         $.when(this.languages_loaded).then(function() {
 752             self.$element.html(session.web.qweb.render('TranslateDialog', { widget: self }));
 753             self.$element.tabs();
 754             if (!(self.view.translatable_fields && self.view.translatable_fields.length)) {
 755                 self.hide_tabs('fields');
 756                 self.select_tab('view');
 757             }
 758             self.$fields_form = self.$element.find('.oe_translation_form');
 759             self.$fields_form.find('.oe_trad_field').change(function() {
 760                 $(this).toggleClass('touched', ($(this).val() != $(this).attr('data-value')));
 761             });
 762         });
 763         return this;
 764     },
 765     on_languages_loaded: function(langs) {
 766         this.languages = langs;
 767         this.languages_loaded.resolve();
 768     },
 769     do_load_fields_values: function(callback) {
 770         var self = this,
 771             deffered = [];
 772         this.$fields_form.find('.oe_trad_field').val('').removeClass('touched');
 773         _.each(self.languages, function(lg) {
 774             var deff = $.Deferred();
 775             deffered.push(deff);
 776             var callback = function(values) {
 777                 _.each(self.translatable_fields_keys, function(f) {
 778                     self.$fields_form.find('.oe_trad_field[name="' + lg.code + '-' + f + '"]').val(values[0][f] || '').attr('data-value', values[0][f] || '');
 779                 });
 780                 deff.resolve();
 781             };
 782             if (lg.code === self.view_language) {
 783                 var values = {};
 784                 _.each(self.translatable_fields_keys, function(field) {
 785                     values[field] = self.view.fields[field].get_value();
 786                 });
 787                 callback([values]);
 788             } else {
 789                 self.rpc('/web/dataset/get', {
 790                     model: self.view.dataset.model,
 791                     ids: [self.view.datarecord.id],
 792                     fields: self.translatable_fields_keys,
 793                     context: self.view.dataset.get_context({
 794                         'lang': lg.code
 795                     })}, callback);
 796             }
 797         });
 798         $.when.apply(null, deffered).then(callback);
 799     },
 800     show_tabs: function() {
 801         for (var i = 0; i < arguments.length; i++) {
 802             this.$element.find('ul.oe_translate_tabs li a[href$="' + arguments[i] + '"]').parent().show();
 803         }
 804     },
 805     hide_tabs: function() {
 806         for (var i = 0; i < arguments.length; i++) {
 807             this.$element.find('ul.oe_translate_tabs li a[href$="' + arguments[i] + '"]').parent().hide();
 808         }
 809     },
 810     select_tab: function(name) {
 811         this.show_tabs(name);
 812         var index = this.$element.find('ul.oe_translate_tabs li a[href$="' + arguments[i] + '"]').parent().index() - 1;
 813         this.$element.tabs('select', index);
 814     },
 815     open: function(field) {
 816         var self = this,
 817             sup = this._super;
 818         $.when(this.languages_loaded).then(function() {
 819             if (self.view.translatable_fields && self.view.translatable_fields.length) {
 820                 self.do_load_fields_values(function() {
 821                     sup.call(self);
 822                     if (field) {
 823                         // TODO: focus and scroll to field
 824                     }
 825                 });
 826             } else {
 827                 sup.call(self);
 828             }
 829         });
 830     },
 831     on_button_Save: function() {
 832         var trads = {},
 833             self = this;
 834         self.$fields_form.find('.oe_trad_field.touched').each(function() {
 835             var field = $(this).attr('name').split('-');
 836             if (!trads[field[0]]) {
 837                 trads[field[0]] = {};
 838             }
 839             trads[field[0]][field[1]] = $(this).val();
 840         });
 841         _.each(trads, function(data, code) {
 842             if (code === self.view_language) {
 843                 _.each(data, function(value, field) {
 844                     self.view.fields[field].set_value(value);
 845                 });
 846             } else {
 847                 self.view.dataset.write(self.view.datarecord.id, data, { 'lang': code });
 848             }
 849         });
 850         this.close();
 851     },
 852     on_button_Close: function() {
 853         this.close();
 854     }
 855 });
 856
 857 session.web.View = session.web.Widget.extend(/** @lends session.web.View# */{
 858     template: "EmptyComponent",
 859     set_default_options: function(options) {
 860         this.options = options || {};
 861         _.defaults(this.options, {
 862             // All possible views options should be defaulted here
 863             sidebar_id: null,
 864             sidebar: true,
 865             action: null,
 866             action_views_ids: {}
 867         });
 868     },
 869     open_translate_dialog: function(field) {
 870         if (!this.translate_dialog) {
 871             this.translate_dialog = new session.web.TranslateDialog(this).start();
 872         }
 873         this.translate_dialog.open(field);
 874     },
 875     /**
 876      * Fetches and executes the action identified by ``action_data``.
 877      *
 878      * @param {Object} action_data the action descriptor data
 879      * @param {String} action_data.name the action name, used to uniquely identify the action to find and execute it
 880      * @param {String} [action_data.special=null] special action handlers (currently: only ``'cancel'``)
 881      * @param {String} [action_data.type='workflow'] the action type, if present, one of ``'object'``, ``'action'`` or ``'workflow'``
 882      * @param {Object} [action_data.context=null] additional action context, to add to the current context
 883      * @param {session.web.DataSet} dataset a dataset object used to communicate with the server
 884      * @param {Object} [record_id] the identifier of the object on which the action is to be applied
 885      * @param {Function} on_closed callback to execute when dialog is closed or when the action does not generate any result (no new action)
 886      */
 887     do_execute_action: function (action_data, dataset, record_id, on_closed) {
 888         var self = this;
 889         var result_handler = function () {
 890             if (on_closed) { on_closed.apply(null, arguments); }
 891             if (self.widget_parent && self.widget_parent.on_action_executed) {
 892                 return self.widget_parent.on_action_executed.apply(null, arguments);
 893             }
 894         };
 895         var context = new session.web.CompoundContext(dataset.get_context(), action_data.context || {});
 896
 897         var handler = function (r) {
 898             var action = r.result;
 899             if (action && action.constructor == Object) {
 900                 var ncontext = new session.web.CompoundContext(context);
 901                 if (record_id) {
 902                     ncontext.add({
 903                         active_id: record_id,
 904                         active_ids: [record_id],
 905                         active_model: dataset.model
 906                     });
 907                 }
 908                 ncontext.add(action.context || {});
 909                 return self.rpc('/web/session/eval_domain_and_context', {
 910                     contexts: [ncontext],
 911                     domains: []
 912                 }).pipe(function (results) {
 913                     action.context = results.context;
 914                     /* niv: previously we were overriding once more with action_data.context,
 915                      * I assumed this was not a correct behavior and removed it
 916                      */
 917                     return self.do_action(action, result_handler);
 918                 }, null);
 919             } else {
 920                 return result_handler();
 921             }
 922         };
 923
 924         if (action_data.special) {
 925             return handler({result: {"type":"ir.actions.act_window_close"}});
 926         } else if (action_data.type=="object") {
 927             return dataset.call_button(action_data.name, [[record_id], context], handler);
 928         } else if (action_data.type=="action") {
 929             return this.rpc('/web/action/load', { action_id: parseInt(action_data.name, 10), context: context, do_not_eval: true}, handler);
 930         } else  {
 931             return dataset.exec_workflow(record_id, action_data.name, handler);
 932         }
 933     },
 934     /**
 935      * Directly set a view to use instead of calling fields_view_get. This method must
 936      * be called before start(). When an embedded view is set, underlying implementations
 937      * of session.web.View must use the provided view instead of any other one.
 938      *
 939      * @param embedded_view A view.
 940      */
 941     set_embedded_view: function(embedded_view) {
 942         this.embedded_view = embedded_view;
 943         this.options.sidebar = false;
 944     },
 945     do_switch_view: function(view) {
 946     },
 947     do_search: function(view) {
 948     },
 949
 950     set_common_sidebar_sections: function(sidebar) {
 951         sidebar.add_default_sections();
 952     },
 953     on_sidebar_manage_views: function() {
 954         if (this.fields_view && this.fields_view.arch) {
 955             var view_editor = new session.web.ViewEditor(this, this.$element, this.dataset, this.fields_view.arch);
 956             view_editor.start();
 957         } else {
 958             this.do_warn("Manage Views", "Could not find current view declaration");
 959         }
 960     },
 961     on_sidebar_edit_workflow: function() {
 962         console.log('Todo');
 963     },
 964     on_sidebar_customize_object: function() {
 965         console.log('Todo');
 966     },
 967     on_sidebar_import: function() {
 968         var import_view = new session.web.DataImport(this, this.dataset);
 969         import_view.start();
 970     },
 971     on_sidebar_export: function() {
 972         var export_view = new session.web.DataExport(this, this.dataset);
 973         export_view.start();
 974     },
 975     on_sidebar_translate: function() {
 976         this.open_translate_dialog();
 977     },
 978     on_sidebar_view_log: function() {
 979     }
 980 });
 981
 982 session.web.json_node_to_xml = function(node, human_readable, indent) {
 983     // For debugging purpose, this function will convert a json node back to xml
 984     // Maybe usefull for xml view editor
 985     indent = indent || 0;
 986     var sindent = (human_readable ? (new Array(indent + 1).join('\t')) : ''),
 987         r = sindent + '<' + node.tag,
 988         cr = human_readable ? '\n' : '';
 989
 990     if (typeof(node) === 'string') {
 991         return sindent + node;
 992     } else if (typeof(node.tag) !== 'string' || !node.children instanceof Array || !node.attrs instanceof Object) {
 993         throw("Node a json node");
 994     }
 995     for (var attr in node.attrs) {
 996         var vattr = node.attrs[attr];
 997         if (typeof(vattr) !== 'string') {
 998             // domains, ...
 999             vattr = JSON.stringify(vattr);
1000         }
1001         vattr = vattr.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
1002         if (human_readable) {
1003             vattr = vattr.replace(/&quot;/g, "'");
1004         }
1005         r += ' ' + attr + '="' + vattr + '"';
1006     }
1007     if (node.children && node.children.length) {
1008         r += '>' + cr;
1009         var childs = [];
1010         for (var i = 0, ii = node.children.length; i < ii; i++) {
1011             childs.push(session.web.json_node_to_xml(node.children[i], human_readable, indent + 1));
1012         }
1013         r += childs.join(cr);
1014         r += cr + sindent + '</' + node.tag + '>';
1015         return r;
1016     } else {
1017         return r + '/>';
1018     }
1019 }
1020
1021 };
1022
1023 // vim:et fdc=0 fdl=0 foldnestmax=3 fdm=syntax: