[IMP] try session instead of openerp,db and we would rename Session into Connection
[odoo/odoo.git] / 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         return view_promise;
275     },
276     /**
277      * Sets up the current viewmanager's search view.
278      *
279      * @param {Number|false} view_id the view to use or false for a default one
280      * @returns {jQuery.Deferred} search view startup deferred
281      */
282     setup_search_view: function(view_id, search_defaults) {
283         var self = this;
284         if (this.searchview) {
285             this.searchview.stop();
286         }
287         this.searchview = new session.web.SearchView(
288                 this, this.dataset,
289                 view_id, search_defaults, this.flags.search_view === false);
290
291         this.searchview.on_search.add(this.do_searchview_search);
292         return this.searchview.appendTo($("#" + this.element_id + "_search"));
293     },
294     do_searchview_search: function(domains, contexts, groupbys) {
295         var self = this,
296             controller = this.views[this.active_view].controller;
297         if (domains || contexts) {
298             this.rpc('/web/session/eval_domain_and_context', {
299                 domains: [this.action.domain || []].concat(domains || []),
300                 contexts: [this.action.context || {}].concat(contexts || []),
301                 group_by_seq: groupbys || []
302             }, function (results) {
303                 self.dataset.context = results.context;
304                 self.dataset.domain = results.domain;
305                 self.last_search = [results.domain, results.context, results.group_by];
306                 controller.do_search(results.domain, results.context, results.group_by);
307             });
308         } else if (this.last_search) {
309             controller.do_search.apply(controller, this.last_search);
310         }
311     },
312     /**
313      * Event launched when a controller has been inited.
314      *
315      * @param {String} view_type type of view
316      * @param {String} view the inited controller
317      */
318     on_controller_inited: function(view_type, view) {
319     },
320     /**
321      * Called when one of the view want to execute an action
322      */
323     on_action: function(action) {
324     },
325     on_create: function() {
326     },
327     on_remove: function() {
328     },
329     on_edit: function() {
330     },
331     /**
332      * Called by children view after executing an action
333      */
334     on_action_executed: function () {}
335 });
336
337 session.web.ViewManagerAction = session.web.ViewManager.extend(/** @lends oepnerp.web.ViewManagerAction# */{
338     template:"ViewManagerAction",
339     /**
340      * @constructs session.web.ViewManagerAction
341      * @extends session.web.ViewManager
342      *
343      * @param {session.web.ActionManager} parent parent object/widget
344      * @param {Object} action descriptor for the action this viewmanager needs to manage its views.
345      */
346     init: function(parent, action) {
347         // dataset initialization will take the session from ``this``, so if we
348         // do not have it yet (and we don't, because we've not called our own
349         // ``_super()``) rpc requests will blow up.
350         this._super(parent, null, action.views);
351         this.session = parent.session;
352         this.action = action;
353         var dataset = new session.web.DataSetSearch(this, action.res_model, action.context, action.domain);
354         if (action.res_id) {
355             dataset.ids.push(action.res_id);
356             dataset.index = 0;
357         }
358         this.dataset = dataset;
359         this.flags = this.action.flags || {};
360         if (action.res_model == 'board.board' && action.views.length == 1 && action.views) {
361             // Not elegant but allows to avoid form chrome (pager, save/new
362             // buttons, sidebar, ...) displaying
363             this.flags.search_view = this.flags.pager = this.flags.sidebar = this.flags.action_buttons = false;
364         }
365
366         // setup storage for session-wise menu hiding
367         if (this.session.hidden_menutips) {
368             return;
369         }
370         this.session.hidden_menutips = {}
371     },
372     /**
373      * Initializes the ViewManagerAction: sets up the searchview (if the
374      * searchview is enabled in the manager's action flags), calls into the
375      * parent to initialize the primary view and (if the VMA has a searchview)
376      * launches an initial search after both views are done rendering.
377      */
378     start: function() {
379         var self = this,
380             searchview_loaded,
381             search_defaults = {};
382         _.each(this.action.context, function (value, key) {
383             var match = /^search_default_(.*)$/.exec(key);
384             if (match) {
385                 search_defaults[match[1]] = value;
386             }
387         });
388         // init search view
389         var searchview_id = this.action['search_view_id'] && this.action['search_view_id'][0];
390
391         searchview_loaded = this.setup_search_view(searchview_id || false, search_defaults);
392
393         var main_view_loaded = this._super();
394
395         var manager_ready = $.when(searchview_loaded, main_view_loaded);
396         if (searchview_loaded && this.action['auto_search'] !== false) {
397             // schedule auto_search
398             manager_ready.then(this.searchview.do_search);
399         }
400
401         this.$element.find('.oe_get_xml_view').click(function () {
402             // TODO: add search view?
403             $('<pre>').text(session.web.json_node_to_xml(
404                 self.views[self.active_view].controller.fields_view.arch, true))
405                     .dialog({ width: '95%'});
406         });
407         if (this.action.help && !this.flags.low_profile) {
408             var Users = new session.web.DataSet(self, 'res.users'),
409                 header = this.$element.find('.oe-view-manager-header');
410             header.delegate('blockquote button', 'click', function() {
411                 var $this = $(this);
412                 //noinspection FallthroughInSwitchStatementJS
413                 switch ($this.attr('name')) {
414                 case 'disable':
415                     Users.write(self.session.uid, {menu_tips:false});
416                 case 'hide':
417                     $this.closest('blockquote').hide();
418                     self.session.hidden_menutips[self.action.id] = true;
419                 }
420             });
421             if (!(self.action.id in self.session.hidden_menutips)) {
422                 Users.read_ids([this.session.uid], ['menu_tips'], function(users) {
423                     var user = users[0];
424                     if (!(user && user.id === self.session.uid)) {
425                         return;
426                     }
427                     header.find('blockquote').toggle(user.menu_tips);
428                 });
429             }
430         }
431
432         return manager_ready;
433     },
434     on_mode_switch: function (view_type) {
435         var self = this;
436         return $.when(
437                 this._super(view_type),
438                 this.shortcut_check(this.views[view_type])
439             ).then(function() {
440                 var controller = self.views[self.active_view].controller,
441                     fvg = controller.fields_view,
442                     view_id = (fvg && fvg.view_id) || '--';
443                 self.$element.find('.oe_get_xml_view span').text(view_id);
444                 if (!self.action.name && fvg) {
445                     self.$element.find('.oe_view_title').text(fvg.arch.attrs.string || fvg.name);
446                 }
447         });
448     },
449     shortcut_check : function(view) {
450         var self = this;
451         var grandparent = this.widget_parent && this.widget_parent.widget_parent;
452         // display shortcuts if on the first view for the action
453         var $shortcut_toggle = this.$element.find('.oe-shortcut-toggle');
454         if (!(grandparent instanceof session.web.WebClient) ||
455             !(view.view_type === this.views_src[0].view_type
456                 && view.view_id === this.views_src[0].view_id)) {
457             $shortcut_toggle.hide();
458             return;
459         }
460         $shortcut_toggle.removeClass('oe-shortcut-remove').show();
461         if (_(this.session.shortcuts).detect(function (shortcut) {
462                     return shortcut.res_id === self.session.active_id; })) {
463             $shortcut_toggle.addClass("oe-shortcut-remove");
464         }
465         this.shortcut_add_remove();
466     },
467     shortcut_add_remove: function() {
468         var self = this;
469         var $shortcut_toggle = this.$element.find('.oe-shortcut-toggle');
470         $shortcut_toggle
471             .unbind("click")
472             .click(function() {
473                 if ($shortcut_toggle.hasClass("oe-shortcut-remove")) {
474                     $(self.session.shortcuts.binding).trigger('remove-current');
475                     $shortcut_toggle.removeClass("oe-shortcut-remove");
476                 } else {
477                     $(self.session.shortcuts.binding).trigger('add', {
478                         'user_id': self.session.uid,
479                         'res_id': self.session.active_id,
480                         'resource': 'ir.ui.menu',
481                         'name': self.action.name
482                     });
483                     $shortcut_toggle.addClass("oe-shortcut-remove");
484                 }
485             });
486     },
487     /**
488      * Intercept do_action resolution from children views
489      */
490     on_action_executed: function () {
491         return new session.web.DataSet(this, 'res.log')
492                 .call('get', [], this.do_display_log);
493     },
494     /**
495      * @param {Array<Object>} log_records
496      */
497     do_display_log: function (log_records) {
498         var self = this,
499             $logs = this.$element.find('ul.oe-view-manager-logs:first').empty();
500         _(log_records).each(function (record) {
501             $(_.sprintf('<li><a href="#">%s</a></li>', record.name))
502                 .appendTo($logs)
503                 .delegate('a', 'click', function (e) {
504                     self.do_action({
505                         type: 'ir.actions.act_window',
506                         res_model: record.res_model,
507                         res_id: record.res_id,
508                         // TODO: need to have an evaluated context here somehow
509                         //context: record.context,
510                         views: [[false, 'form']]
511                     });
512                     return false;
513                 });
514         });
515     }
516 });
517
518 session.web.Sidebar = session.web.Widget.extend({
519     init: function(parent, element_id) {
520         this._super(parent, element_id);
521         this.items = {};
522         this.sections = {};
523     },
524     start: function() {
525         this._super(this);
526         var self = this;
527         this.$element.html(session.web.qweb.render('Sidebar'));
528         this.$element.find(".toggle-sidebar").click(function(e) {
529             self.do_toggle();
530         });
531     },
532
533     call_default_on_sidebar: function(item) {
534         var func_name = 'on_sidebar_' + _.underscored(item.label);
535         var fn = this.widget_parent[func_name];
536         if(typeof fn === 'function') {
537             fn(item);
538         }
539     },
540
541     add_default_sections: function() {
542         this.add_section(_t('Customize'), 'customize');
543         this.add_items('customize', [
544             {
545                 label: _t("Manage Views"),
546                 callback: this.call_default_on_sidebar,
547                 title: _t("Manage views of the current object"),
548             }, {
549                 label: _t("Edit Workflow"),
550                 callback: this.call_default_on_sidebar,
551                 title: _t("Manage views of the current object"),
552                 classname: 'oe_hide oe_sidebar_edit_workflow'
553             }, {
554                 label: _t("Customize Object"),
555                 callback: this.call_default_on_sidebar,
556                 title: _t("Manage views of the current object"),
557             }
558         ]);
559
560         this.add_section(_t('Other Options'), 'other');
561         this.add_items('other', [ 
562             {
563                 label: _t("Import"),
564                 callback: this.call_default_on_sidebar,
565             }, {
566                 label: _t("Export"),
567                 callback: this.call_default_on_sidebar,
568             }, {
569                 label: _t("Translate"),
570                 callback: this.call_default_on_sidebar,
571                 classname: 'oe_sidebar_translate oe_hide'
572             }, {
573                 label: _t("View Log"),
574                 callback: this.call_default_on_sidebar,
575                 classname: 'oe_hide oe_sidebar_view_log'
576             }
577         ]);
578     },
579
580     add_toolbar: function(toolbar) {
581         var self = this;
582         _.each([['print', _t("Reports")], ['action', _t("Actions")], ['relate', _t("Links")]], function(type) {
583             var items = toolbar[type[0]];
584             if (items.length) {
585                 for (var i = 0; i < items.length; i++) {
586                     items[i] = {
587                         label: items[i]['name'],
588                         action: items[i],
589                         classname: 'oe_sidebar_' + type[0]
590                     }
591                 }
592                 self.add_section(type[1], type[0]);
593                 self.add_items(type[0], items);
594             }
595         });
596     },
597     
598     add_section: function(name, code) {
599         if(!code) code = _.underscored(name);
600         var $section = this.sections[code];
601
602         if(!$section) {
603             section_id = _.uniqueId(this.element_id + '_section_' + code + '_');
604             var $section = $(session.web.qweb.render("Sidebar.section", {
605                 section_id: section_id,
606                 name: name,
607                 classname: 'oe_sidebar_' + code,
608             }));
609             $section.appendTo(this.$element.find('div.sidebar-actions'));
610             this.sections[code] = $section;
611         }
612         return $section;
613     },
614
615     add_items: function(section_code, items) {
616         // An item is a dictonary : {
617         //    label: label to be displayed for the link,
618         //    action: action to be launch when the link is clicked,
619         //    callback: a function to be executed when the link is clicked,
620         //    classname: optional dom class name for the line,
621         //    title: optional title for the link
622         // }
623         // Note: The item should have one action or/and a callback
624         //
625
626         var self = this,
627             $section = this.add_section(_.titleize(section_code.replace('_', ' ')), section_code),
628             section_id = $section.attr('id');
629
630         if (items) {
631             for (var i = 0; i < items.length; i++) {
632                 items[i].element_id = _.uniqueId(section_id + '_item_');
633                 this.items[items[i].element_id] = items[i];
634             }
635
636             var $items = $(session.web.qweb.render("Sidebar.section.items", {items: items}));
637
638             $items.find('a.oe_sidebar_action_a').click(function() {
639                 var item = self.items[$(this).attr('id')];
640                 if (item.callback) {
641                     item.callback.apply(self, [item]);
642                 }
643                 if (item.action) {
644                     var ids = self.widget_parent.get_selected_ids();
645                     if (ids.length == 0) {
646                         //TODO: make prettier warning?
647                         $("<div />").text(_t("You must choose at least one record.")).dialog({
648                             title: _t("Warning"),
649                             modal: true
650                         });
651                         return false;
652                     }
653                     var additional_context = {
654                         active_id: ids[0],
655                         active_ids: ids,
656                         active_model: self.widget_parent.dataset.model
657                     };
658                     self.rpc("/web/action/load", {
659                         action_id: item.action.id,
660                         context: additional_context
661                     }, function(result) {
662                         result.result.context = _.extend(result.result.context || {},
663                             additional_context);
664                         result.result.flags = result.result.flags || {};
665                         result.result.flags.new_window = true;
666                         self.do_action(result.result);
667                     });
668                 }
669                 return false;
670             });
671         
672             var $ul = $section.find('ul');
673             if(!$ul.length) {
674                 $ul = $('<ul/>').appendTo($section);
675             }
676             $items.appendTo($ul);
677         }
678     },
679     do_fold: function() {
680         this.$element.addClass('closed-sidebar').removeClass('open-sidebar');
681     },
682     do_unfold: function() {
683         this.$element.addClass('open-sidebar').removeClass('closed-sidebar');
684     },
685     do_toggle: function() {
686         this.$element.toggleClass('open-sidebar closed-sidebar');
687     }
688 });
689
690 session.web.TranslateDialog = session.web.Dialog.extend({
691     dialog_title: _t("Translations"),
692     init: function(view) {
693         // TODO fme: should add the language to fields_view_get because between the fields view get
694         // and the moment the user opens the translation dialog, the user language could have been changed
695         this.view_language = view.session.user_context.lang;
696         this['on_button' + _t("Save")] = this.on_button_Save;
697         this['on_button' + _t("Close")] = this.on_button_Close;
698         this._super(view, {
699             width: '80%',
700             height: '80%'
701         });
702         this.view = view;
703         this.view_type = view.fields_view.type || '';
704         this.$fields_form = null;
705         this.$view_form = null;
706         this.$sidebar_form = null;
707         this.translatable_fields_keys = _.map(this.view.translatable_fields || [], function(i) { return i.name });
708         this.languages = null;
709         this.languages_loaded = $.Deferred();
710         (new session.web.DataSetSearch(this, 'res.lang', this.view.dataset.get_context(),
711             [['translatable', '=', '1']])).read_slice(['code', 'name'], { sort: 'id' }, this.on_languages_loaded);
712     },
713     start: function() {
714         var self = this;
715         this._super();
716         $.when(this.languages_loaded).then(function() {
717             self.$element.html(session.web.qweb.render('TranslateDialog', { widget: self }));
718             self.$element.tabs();
719             if (!(self.view.translatable_fields && self.view.translatable_fields.length)) {
720                 self.hide_tabs('fields');
721                 self.select_tab('view');
722             }
723             self.$fields_form = self.$element.find('.oe_translation_form');
724             self.$fields_form.find('.oe_trad_field').change(function() {
725                 $(this).toggleClass('touched', ($(this).val() != $(this).attr('data-value')));
726             });
727         });
728         return this;
729     },
730     on_languages_loaded: function(langs) {
731         this.languages = langs;
732         this.languages_loaded.resolve();
733     },
734     do_load_fields_values: function(callback) {
735         var self = this,
736             deffered = [];
737         this.$fields_form.find('.oe_trad_field').val('').removeClass('touched');
738         _.each(self.languages, function(lg) {
739             var deff = $.Deferred();
740             deffered.push(deff);
741             var callback = function(values) {
742                 _.each(self.translatable_fields_keys, function(f) {
743                     self.$fields_form.find('.oe_trad_field[name="' + lg.code + '-' + f + '"]').val(values[0][f] || '').attr('data-value', values[0][f] || '');
744                 });
745                 deff.resolve();
746             };
747             if (lg.code === self.view_language) {
748                 var values = {};
749                 _.each(self.translatable_fields_keys, function(field) {
750                     values[field] = self.view.fields[field].get_value();
751                 });
752                 callback([values]);
753             } else {
754                 self.rpc('/web/dataset/get', {
755                     model: self.view.dataset.model,
756                     ids: [self.view.datarecord.id],
757                     fields: self.translatable_fields_keys,
758                     context: self.view.dataset.get_context({
759                         'lang': lg.code
760                     })}, callback);
761             }
762         });
763         $.when.apply(null, deffered).then(callback);
764     },
765     show_tabs: function() {
766         for (var i = 0; i < arguments.length; i++) {
767             this.$element.find('ul.oe_translate_tabs li a[href$="' + arguments[i] + '"]').parent().show();
768         }
769     },
770     hide_tabs: function() {
771         for (var i = 0; i < arguments.length; i++) {
772             this.$element.find('ul.oe_translate_tabs li a[href$="' + arguments[i] + '"]').parent().hide();
773         }
774     },
775     select_tab: function(name) {
776         this.show_tabs(name);
777         var index = this.$element.find('ul.oe_translate_tabs li a[href$="' + arguments[i] + '"]').parent().index() - 1;
778         this.$element.tabs('select', index);
779     },
780     open: function(field) {
781         var self = this,
782             sup = this._super;
783         $.when(this.languages_loaded).then(function() {
784             if (self.view.translatable_fields && self.view.translatable_fields.length) {
785                 self.do_load_fields_values(function() {
786                     sup.call(self);
787                     if (field) {
788                         // TODO: focus and scroll to field
789                     }
790                 });
791             } else {
792                 sup.call(self);
793             }
794         });
795     },
796     on_button_Save: function() {
797         var trads = {},
798             self = this;
799         self.$fields_form.find('.oe_trad_field.touched').each(function() {
800             var field = $(this).attr('name').split('-');
801             if (!trads[field[0]]) {
802                 trads[field[0]] = {};
803             }
804             trads[field[0]][field[1]] = $(this).val();
805         });
806         _.each(trads, function(data, code) {
807             if (code === self.view_language) {
808                 _.each(data, function(value, field) {
809                     self.view.fields[field].set_value(value);
810                 });
811             } else {
812                 self.view.dataset.write(self.view.datarecord.id, data, { 'lang': code });
813             }
814         });
815         this.close();
816     },
817     on_button_Close: function() {
818         this.close();
819     }
820 });
821
822 session.web.View = session.web.Widget.extend(/** @lends session.web.View# */{
823     template: "EmptyComponent",
824     set_default_options: function(options) {
825         this.options = options || {};
826         _.defaults(this.options, {
827             // All possible views options should be defaulted here
828             sidebar_id: null,
829             sidebar: true,
830             action: null,
831             action_views_ids: {}
832         });
833     },
834     open_translate_dialog: function(field) {
835         if (!this.translate_dialog) {
836             this.translate_dialog = new session.web.TranslateDialog(this).start();
837         }
838         this.translate_dialog.open(field);
839     },
840     /**
841      * Fetches and executes the action identified by ``action_data``.
842      *
843      * @param {Object} action_data the action descriptor data
844      * @param {String} action_data.name the action name, used to uniquely identify the action to find and execute it
845      * @param {String} [action_data.special=null] special action handlers (currently: only ``'cancel'``)
846      * @param {String} [action_data.type='workflow'] the action type, if present, one of ``'object'``, ``'action'`` or ``'workflow'``
847      * @param {Object} [action_data.context=null] additional action context, to add to the current context
848      * @param {session.web.DataSet} dataset a dataset object used to communicate with the server
849      * @param {Object} [record_id] the identifier of the object on which the action is to be applied
850      * @param {Function} on_closed callback to execute when dialog is closed or when the action does not generate any result (no new action)
851      */
852     do_execute_action: function (action_data, dataset, record_id, on_closed) {
853         var self = this;
854         var result_handler = function () {
855             if (on_closed) { on_closed.apply(null, arguments); }
856             if (self.widget_parent && self.widget_parent.on_action_executed) {
857                 return self.widget_parent.on_action_executed.apply(null, arguments);
858             }
859         };
860         var context = new session.web.CompoundContext(dataset.get_context(), action_data.context || {});
861         
862         var handler = function (r) {
863             var action = r.result;
864             if (action && action.constructor == Object) {
865                 var ncontext = new session.web.CompoundContext(context);
866                 if (record_id) {
867                     ncontext.add({
868                         active_id: record_id,
869                         active_ids: [record_id],
870                         active_model: dataset.model
871                     });
872                 }
873                 ncontext.add(action.context || {});
874                 return self.rpc('/web/session/eval_domain_and_context', {
875                     contexts: [ncontext],
876                     domains: []
877                 }).pipe(function (results) {
878                     action.context = results.context;
879                     /* niv: previously we were overriding once more with action_data.context,
880                      * I assumed this was not a correct behavior and removed it
881                      */
882                     return self.do_action(action, result_handler);
883                 }, null);
884             } else {
885                 return result_handler();
886             }
887         };
888
889         if (action_data.special) {
890             return handler({result: {"type":"ir.actions.act_window_close"}});
891         } else if (action_data.type=="object") {
892             return dataset.call_button(action_data.name, [[record_id], context], handler);
893         } else if (action_data.type=="action") {
894             return this.rpc('/web/action/load', { action_id: parseInt(action_data.name, 10), context: context, do_not_eval: true}, handler);
895         } else  {
896             return dataset.exec_workflow(record_id, action_data.name, handler);
897         }
898     },
899     /**
900      * Directly set a view to use instead of calling fields_view_get. This method must
901      * be called before start(). When an embedded view is set, underlying implementations
902      * of session.web.View must use the provided view instead of any other one.
903      *
904      * @param embedded_view A view.
905      */
906     set_embedded_view: function(embedded_view) {
907         this.embedded_view = embedded_view;
908         this.options.sidebar = false;
909     },
910     do_switch_view: function(view) {
911     },
912     do_search: function(view) {
913     },
914
915     set_common_sidebar_sections: function(sidebar) {
916         sidebar.add_default_sections();
917     },
918     on_sidebar_manage_views: function() {
919         if (this.fields_view && this.fields_view.arch) {
920             $('<xmp>' + session.web.json_node_to_xml(this.fields_view.arch, true) + '</xmp>').dialog({ width: '95%', height: 600});
921         } else {
922             this.do_warn("Manage Views", "Could not find current view declaration");
923         }
924     },
925     on_sidebar_edit_workflow: function() {
926         console.log('Todo');
927     },
928     on_sidebar_customize_object: function() {
929         console.log('Todo');
930     },
931     on_sidebar_import: function() {
932         var import_view = new session.web.DataImport(this, this.dataset);
933         import_view.start();
934     },
935     on_sidebar_export: function() {
936         var export_view = new session.web.DataExport(this, this.dataset);
937         export_view.start();
938     },
939     on_sidebar_translate: function() {
940         this.open_translate_dialog();
941     },
942     on_sidebar_view_log: function() {
943     }
944 });
945
946 session.web.json_node_to_xml = function(node, single_quote, indent) {
947     // For debugging purpose, this function will convert a json node back to xml
948     // Maybe usefull for xml view editor
949
950     if (typeof(node) === 'string') {
951         return node;
952     }
953     else if (typeof(node.tag) !== 'string' || !node.children instanceof Array || !node.attrs instanceof Object) {
954         throw("Node a json node");
955     }
956     indent = indent || 0;
957     var sindent = new Array(indent + 1).join('\t'),
958         r = sindent + '<' + node.tag;
959     for (var attr in node.attrs) {
960         var vattr = node.attrs[attr];
961         if (typeof(vattr) !== 'string') {
962             // domains, ...
963             vattr = JSON.stringify(vattr);
964         }
965         vattr = vattr.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
966         if (single_quote) {
967             vattr = vattr.replace(/&quot;/g, "'");
968         }
969         r += ' ' + attr + '="' + vattr + '"';
970     }
971     if (node.children && node.children.length) {
972         r += '>\n';
973         var childs = [];
974         for (var i = 0, ii = node.children.length; i < ii; i++) {
975             childs.push(session.web.json_node_to_xml(node.children[i], single_quote, indent + 1));
976         }
977         r += childs.join('\n');
978         r += '\n' + sindent + '</' + node.tag + '>';
979         return r;
980     } else {
981         return r + '/>';
982     }
983 }
984
985 };
986
987 // vim:et fdc=0 fdl=0 foldnestmax=3 fdm=syntax: