/*--------------------------------------------------------- * OpenERP web library *---------------------------------------------------------*/ openerp.web.views = function(session) { var _t = session.web._t; /** * Registry for all the client actions key: tag value: widget */ session.web.client_actions = new session.web.Registry(); /** * Registry for all the main views */ session.web.views = new session.web.Registry(); session.web.ActionManager = session.web.Widget.extend({ identifier_prefix: "actionmanager", init: function(parent) { this._super(parent); this.inner_viewmanager = null; this.dialog = null; this.dialog_viewmanager = null; this.client_widget = null; }, render: function() { return "
"; }, dialog_stop: function () { if (this.dialog) { this.dialog_viewmanager.stop(); this.dialog_viewmanager = null; this.dialog.stop(); this.dialog = null; } }, content_stop: function () { if (this.inner_viewmanager) { this.inner_viewmanager.stop(); this.inner_viewmanager = null; } if (this.client_widget) { this.client_widget.stop(); this.client_widget = null; } }, url_update: function(action) { var url = {}; if(action.id) url.action_id = action.id; // this.url = { // "model": action.res_model, // "domain": action.domain, // }; // action.res_model // action.domain // action.context // after // action.views // action.res_id // mode // menu this.do_url_set_hash(url); }, do_url_set_hash: function(url) { }, on_url_hashchange: function(url) { var self = this; if(url && url.action_id) { self.rpc("/web/action/load", { action_id: url.action_id }, function(result) { self.do_action(result.result); }); } }, do_action: function(action, on_close) { if (!action.type) { console.error("No type for action", action); return; } var type = action.type.replace(/\./g,'_'); var popup = action.target === 'new'; action.flags = _.extend({ views_switcher : !popup, search_view : !popup, action_buttons : !popup, sidebar : !popup, pager : !popup }, action.flags || {}); if (!(type in this)) { console.error("Action manager can't handle action of type " + action.type, action); return; } return this[type](action, on_close); }, null_action: function() { this.dialog_stop(); this.content_stop(); }, ir_actions_act_window: function (action, on_close) { if (_(['base.module.upgrade', 'base.setup.installer']) .contains(action.res_model)) { var old_close = on_close; on_close = function () { session.webclient.do_reload(); if (old_close) { old_close(); } }; } if (action.target === 'new') { if (this.dialog == null) { this.dialog = new session.web.Dialog(this, { title: action.name, width: '80%' }); if(on_close) this.dialog.on_close.add(on_close); this.dialog.start(); } else { this.dialog_viewmanager.stop(); } this.dialog_viewmanager = new session.web.ViewManagerAction(this, action); this.dialog_viewmanager.appendTo(this.dialog.$element); this.dialog.open(); } else { this.dialog_stop(); this.content_stop(); this.inner_viewmanager = new session.web.ViewManagerAction(this, action); this.inner_viewmanager.appendTo(this.$element); this.url_update(action); } /* new window code this.rpc("/web/session/save_session_action", { the_action : action}, function(key) { var url = window.location.protocol + "//" + window.location.host + window.location.pathname + "?" + jQuery.param({ s_action : "" + key }); window.open(url,'_blank'); }); */ }, ir_actions_act_window_close: function (action, on_closed) { if (!this.dialog && on_closed) { on_closed(); } this.dialog_stop(); }, ir_actions_server: function (action, on_closed) { var self = this; this.rpc('/web/action/run', { action_id: action.id, context: action.context || {} }).then(function (action) { self.do_action(action, on_closed) }); }, ir_actions_client: function (action) { this.content_stop(); var ClientWidget = session.web.client_actions.get_object(action.tag); (this.client_widget = new ClientWidget(this, action.params)).appendTo(this); }, ir_actions_report_xml: function(action, on_closed) { var self = this; $.blockUI(); self.rpc("/web/session/eval_domain_and_context", { contexts: [action.context], domains: [] }).then(function(res) { action = _.clone(action); action.context = res.context; self.session.get_file({ url: '/web/report', data: {action: JSON.stringify(action)}, complete: $.unblockUI, success: function(){ if (!self.dialog && on_closed) { on_closed(); } self.dialog_stop(); } }) }); }, ir_actions_act_url: function (action) { window.open(action.url, action.target === 'self' ? '_self' : '_blank'); } }); session.web.ViewManager = session.web.Widget.extend(/** @lends session.web.ViewManager# */{ identifier_prefix: "viewmanager", template: "ViewManager", /** * @constructs session.web.ViewManager * @extends session.web.Widget * * @param parent * @param dataset * @param views */ init: function(parent, dataset, views) { this._super(parent); this.model = dataset ? dataset.model : undefined; this.dataset = dataset; this.searchview = null; this.active_view = null; this.views_src = _.map(views, function(x) {return x instanceof Array? {view_id: x[0], view_type: x[1]} : x;}); this.views = {}; this.flags = this.flags || {}; this.registry = session.web.views; this.views_history = []; }, render: function() { return session.web.qweb.render(this.template, { self: this, prefix: this.element_id, views: this.views_src}); }, /** * @returns {jQuery.Deferred} initial view loading promise */ start: function() { this._super(); var self = this; this.$element.find('.oe_vm_switch button').click(function() { self.on_mode_switch($(this).data('view-type')); }); var views_ids = {}; _.each(this.views_src, function(view) { self.views[view.view_type] = $.extend({}, view, { deferred : $.Deferred(), controller : null, options : _.extend({ sidebar_id : self.element_id + '_sidebar_' + view.view_type, action : self.action, action_views_ids : views_ids }, self.flags, self.flags[view.view_type] || {}, view.options || {}) }); views_ids[view.view_type] = view.view_id; }); if (this.flags.views_switcher === false) { this.$element.find('.oe_vm_switch').hide(); } // switch to the first one in sequence return this.on_mode_switch(this.views_src[0].view_type); }, /** * Asks the view manager to switch visualization mode. * * @param {String} view_type type of view to display * @param {Boolean} [no_store=false] don't store the view being switched to on the switch stack * @returns {jQuery.Deferred} new view loading promise */ on_mode_switch: function(view_type, no_store) { var self = this, view_promise; if (!no_store) { this.views_history.push(view_type); } this.active_view = view_type; var view = this.views[view_type]; if (!view.controller) { // Lazy loading of views var controllerclass = this.registry.get_object(view_type); var controller = new controllerclass(this, this.dataset, view.view_id, view.options); if (view.embedded_view) { controller.set_embedded_view(view.embedded_view); } controller.do_switch_view.add_last(this.on_mode_switch); controller.do_prev_view.add_last(this.on_prev_view); var container = $("#" + this.element_id + '_view_' + view_type); view_promise = controller.appendTo(container); this.views[view_type].controller = controller; this.views[view_type].deferred.resolve(); $.when(view_promise).then(function() { self.on_controller_inited(view_type, controller); if (self.searchview && view.controller.searchable !== false) { self.searchview.ready.then(self.searchview.do_search); } }); } else if (this.searchview && view.controller.searchable !== false) { this.searchview.ready.then(this.searchview.do_search); } if (this.searchview) { this.searchview[(view.controller.searchable === false || this.searchview.hidden) ? 'hide' : 'show'](); } this.$element .find('.oe_vm_switch button').removeAttr('disabled') .filter('[data-view-type="' + view_type + '"]') .attr('disabled', true); for (var view_name in this.views) { if (!this.views.hasOwnProperty(view_name)) { continue; } if (this.views[view_name].controller) { if (view_name === view_type) { $.when(view_promise).then(this.views[view_name].controller.do_show); } else { this.views[view_name].controller.do_hide(); } } } $.when(view_promise).then(function () { self.$element.find('.oe_view_title_text:first').text( self.display_title()); }); return view_promise; }, /** * Returns to the view preceding the caller view in this manager's * navigation history (the navigation history is appended to via * on_mode_switch) * * @param {Boolean} [created=false] returning from a creation * @returns {$.Deferred} switching end signal */ on_prev_view: function (created) { var current_view = this.views_history.pop(); var previous_view = this.views_history[this.views_history.length - 1]; // APR special case: "If creation mode from list (and only from a list), // after saving, go to page view (don't come back in list)" if (created && current_view === 'form' && previous_view === 'list') { return this.on_mode_switch('page'); } return this.on_mode_switch(previous_view, true); }, /** * Sets up the current viewmanager's search view. * * @param {Number|false} view_id the view to use or false for a default one * @returns {jQuery.Deferred} search view startup deferred */ setup_search_view: function(view_id, search_defaults) { var self = this; if (this.searchview) { this.searchview.stop(); } this.searchview = new session.web.SearchView( this, this.dataset, view_id, search_defaults, this.flags.search_view === false); this.searchview.on_search.add(this.do_searchview_search); return this.searchview.appendTo($("#" + this.element_id + "_search")); }, do_searchview_search: function(domains, contexts, groupbys) { var self = this, controller = this.views[this.active_view].controller; this.rpc('/web/session/eval_domain_and_context', { domains: [this.action.domain || []].concat(domains || []), contexts: [this.action.context || {}].concat(contexts || []), group_by_seq: groupbys || [] }, function (results) { self.dataset.context = results.context; self.dataset.domain = results.domain; controller.do_search(results.domain, results.context, results.group_by); }); }, /** * Event launched when a controller has been inited. * * @param {String} view_type type of view * @param {String} view the inited controller */ on_controller_inited: function(view_type, view) { }, /** * Called when one of the view want to execute an action */ on_action: function(action) { }, on_create: function() { }, on_remove: function() { }, on_edit: function() { }, /** * Called by children view after executing an action */ on_action_executed: function () {}, display_title: function () { var view = this.views[this.active_view]; if (view) { // ick return view.controller.fields_view.arch.attrs.string; } return ''; } }); session.web.ViewManagerAction = session.web.ViewManager.extend(/** @lends oepnerp.web.ViewManagerAction# */{ template:"ViewManagerAction", /** * @constructs session.web.ViewManagerAction * @extends session.web.ViewManager * * @param {session.web.ActionManager} parent parent object/widget * @param {Object} action descriptor for the action this viewmanager needs to manage its views. */ init: function(parent, action) { // dataset initialization will take the session from ``this``, so if we // do not have it yet (and we don't, because we've not called our own // ``_super()``) rpc requests will blow up. this._super(parent, null, action.views); this.session = parent.session; this.action = action; var dataset = new session.web.DataSetSearch(this, action.res_model, action.context, action.domain); if (action.res_id) { dataset.ids.push(action.res_id); dataset.index = 0; } this.dataset = dataset; this.flags = this.action.flags || {}; if (action.res_model == 'board.board' && action.view_mode === 'form') { // Special case for Dashboards _.extend(this.flags, { views_switcher : false, display_title : false, search_view : false, pager : false, sidebar : false, action_buttons : false }); } // setup storage for session-wise menu hiding if (this.session.hidden_menutips) { return; } this.session.hidden_menutips = {} }, /** * Initializes the ViewManagerAction: sets up the searchview (if the * searchview is enabled in the manager's action flags), calls into the * parent to initialize the primary view and (if the VMA has a searchview) * launches an initial search after both views are done rendering. */ start: function() { var self = this, searchview_loaded, search_defaults = {}; _.each(this.action.context, function (value, key) { var match = /^search_default_(.*)$/.exec(key); if (match) { search_defaults[match[1]] = value; } }); // init search view var searchview_id = this.action['search_view_id'] && this.action['search_view_id'][0]; searchview_loaded = this.setup_search_view(searchview_id || false, search_defaults); var main_view_loaded = this._super(); var manager_ready = $.when(searchview_loaded, main_view_loaded); this.$element.find('.oe_get_xml_view').click(function () { var view = self.views[self.active_view].controller, view_id = view.fields_view.view_id; if (view_id) { view.on_sidebar_edit_resource('ir.ui.view', view_id); } }); if (this.action.help && !this.flags.low_profile) { var Users = new session.web.DataSet(self, 'res.users'), $tips = this.$element.find('.oe_view_manager_menu_tips'); $tips.delegate('blockquote button', 'click', function() { var $this = $(this); //noinspection FallthroughInSwitchStatementJS switch ($this.attr('name')) { case 'disable': Users.write(self.session.uid, {menu_tips:false}); case 'hide': $this.closest('blockquote').hide(); self.session.hidden_menutips[self.action.id] = true; } }); if (!(self.action.id in self.session.hidden_menutips)) { Users.read_ids([this.session.uid], ['menu_tips'], function(users) { var user = users[0]; if (!(user && user.id === self.session.uid)) { return; } $tips.find('blockquote').toggle(user.menu_tips); }); } } var $res_logs = this.$element.find('.oe-view-manager-logs:first'); $res_logs.delegate('a.oe-more-logs', 'click', function () { $res_logs.removeClass('oe-folded'); return false; }).delegate('a.oe-remove-everything', 'click', function () { $res_logs.removeClass('oe-has-more') .find('ul').empty(); return false; }); return manager_ready; }, on_mode_switch: function (view_type, no_store) { var self = this; var switched = $.when(this._super(view_type, no_store)).then(function () { self.$element.find('.oe-view-manager-logs:first') .addClass('oe-folded').removeClass('oe-has-more') .find('ul').empty(); }); return $.when( switched, this.shortcut_check(this.views[view_type]) ).then(function() { var controller = self.views[self.active_view].controller, fvg = controller.fields_view, view_id = (fvg && fvg.view_id) || '--'; self.$element.find('.oe_get_xml_view span').text(view_id); if (!self.action.name && fvg) { self.$element.find('.oe_view_title_text').text(fvg.arch.attrs.string || fvg.name); } var $title = self.$element.find('.oe_view_title_text'), $search_prefix = $title.find('span.oe_searchable_view'); if (controller.searchable !== false) { if (!$search_prefix.length) { $title.prepend('' + _t("Search: ") + ''); } } else { $search_prefix.remove(); } }); }, shortcut_check : function(view) { var self = this; var grandparent = this.widget_parent && this.widget_parent.widget_parent; // display shortcuts if on the first view for the action var $shortcut_toggle = this.$element.find('.oe-shortcut-toggle'); if (!(grandparent instanceof session.web.WebClient) || !(view.view_type === this.views_src[0].view_type && view.view_id === this.views_src[0].view_id)) { $shortcut_toggle.hide(); return; } $shortcut_toggle.removeClass('oe-shortcut-remove').show(); if (_(this.session.shortcuts).detect(function (shortcut) { return shortcut.res_id === self.session.active_id; })) { $shortcut_toggle.addClass("oe-shortcut-remove"); } this.shortcut_add_remove(); }, shortcut_add_remove: function() { var self = this; var $shortcut_toggle = this.$element.find('.oe-shortcut-toggle'); $shortcut_toggle .unbind("click") .click(function() { if ($shortcut_toggle.hasClass("oe-shortcut-remove")) { $(self.session.shortcuts.binding).trigger('remove-current'); $shortcut_toggle.removeClass("oe-shortcut-remove"); } else { $(self.session.shortcuts.binding).trigger('add', { 'user_id': self.session.uid, 'res_id': self.session.active_id, 'resource': 'ir.ui.menu', 'name': self.action.name }); $shortcut_toggle.addClass("oe-shortcut-remove"); } }); }, /** * Intercept do_action resolution from children views */ on_action_executed: function () { return new session.web.DataSet(this, 'res.log') .call('get', [], this.do_display_log); }, /** * @param {Array} log_records */ do_display_log: function (log_records) { var self = this, cutoff = 3, $logs = this.$element.find('.oe-view-manager-logs:first') .addClass('oe-folded'), $logs_list = $logs.find('ul').empty(); $logs.toggleClass('oe-has-more', log_records.length > cutoff); _(log_records.reverse()).each(function (record) { $(_.str.sprintf('
  • %s
  • ', record.name)) .appendTo($logs_list) .delegate('a', 'click', function (e) { self.do_action({ type: 'ir.actions.act_window', res_model: record.res_model, res_id: record.res_id, // TODO: need to have an evaluated context here somehow //context: record.context, views: [[false, 'form']] }); return false; }); }); }, display_title: function () { return this.action.name; } }); session.web.Sidebar = session.web.Widget.extend({ init: function(parent, element_id) { this._super(parent, element_id); this.items = {}; this.sections = {}; }, start: function() { this._super(this); var self = this; this.$element.html(session.web.qweb.render('Sidebar')); this.$element.find(".toggle-sidebar").click(function(e) { self.do_toggle(); }); }, add_default_sections: function() { var self = this, view = this.widget_parent, view_manager = view.widget_parent, action = view_manager.action; if (this.session.uid === 1) { this.add_section(_t('Customize'), 'customize'); this.add_items('customize', [ { label: _t("Manage Views"), callback: view.on_sidebar_manage_views, title: _t("Manage views of the current object") }, { label: _t("Edit Workflow"), callback: view.on_sidebar_edit_workflow, title: _t("Manage views of the current object"), classname: 'oe_hide oe_sidebar_edit_workflow' }, { label: _t("Customize Object"), callback: view.on_sidebar_customize_object, title: _t("Manage views of the current object") }, { label: _t("Translate"), callback: view.on_sidebar_translate, title: _t("Technical translation") } ]); } this.add_section(_t('Other Options'), 'other'); this.add_items('other', [ { label: _t("Import"), callback: view.on_sidebar_import }, { label: _t("Export"), callback: view.on_sidebar_export }, { label: _t("View Log"), callback: view.on_sidebar_view_log, classname: 'oe_hide oe_sidebar_view_log' } ]); if (session.connection.debug) { this.add_section("Debug", 'debug'); if (action && action.id) { this.add_items('debug', [{ label: "Edit Action", callback: function() { view.on_sidebar_edit_resource(action.type, action.id); } }]); } if (view_manager.searchview && view_manager.searchview.view_id) { this.add_items('debug', [{ label: "Edit SearchView", callback: function() { view.on_sidebar_edit_resource('ir.ui.view', view_manager.searchview.view_id); } }]); } } }, add_toolbar: function(toolbar) { var self = this; _.each([['print', _t("Reports")], ['action', _t("Actions")], ['relate', _t("Links")]], function(type) { var items = toolbar[type[0]]; if (items.length) { for (var i = 0; i < items.length; i++) { items[i] = { label: items[i]['name'], action: items[i], classname: 'oe_sidebar_' + type[0] } } self.add_section(type[1], type[0]); self.add_items(type[0], items); } }); }, add_section: function(name, code) { if(!code) code = _.str.underscored(name); var $section = this.sections[code]; if(!$section) { var section_id = _.uniqueId(this.element_id + '_section_' + code + '_'); $section = $(session.web.qweb.render("Sidebar.section", { section_id: section_id, name: name, classname: 'oe_sidebar_' + code })); $section.appendTo(this.$element.find('div.sidebar-actions')); this.sections[code] = $section; } return $section; }, add_items: function(section_code, items) { // An item is a dictonary : { // label: label to be displayed for the link, // action: action to be launch when the link is clicked, // callback: a function to be executed when the link is clicked, // classname: optional dom class name for the line, // title: optional title for the link // } // Note: The item should have one action or/and a callback // var self = this, $section = this.add_section(_.str.titleize(section_code.replace('_', ' ')), section_code), section_id = $section.attr('id'); if (items) { for (var i = 0; i < items.length; i++) { items[i].element_id = _.uniqueId(section_id + '_item_'); this.items[items[i].element_id] = items[i]; } var $items = $(session.web.qweb.render("Sidebar.section.items", {items: items})); $items.find('a.oe_sidebar_action_a').click(function() { var item = self.items[$(this).attr('id')]; if (item.callback) { item.callback.apply(self, [item]); } if (item.action) { self.on_item_action_clicked(item); } return false; }); var $ul = $section.find('ul'); if(!$ul.length) { $ul = $('