diff --git a/addons/base/static/src/css/base.css b/addons/base/static/src/css/base.css index 38fbfb115ef..92045d0e481 100644 --- a/addons/base/static/src/css/base.css +++ b/addons/base/static/src/css/base.css @@ -939,5 +939,52 @@ background: linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* W3C */ position: relative; margin-left: -26px; } -/*------------- End autocomplete ------- */ +.openerp img.m2o_open { + vertical-align: middle; + cursor: pointer; +} +/*----- End Many2one Autosearch ------- */ + +/* Many2one Contextmenu */ +.openerp div.m2o_contextmenu { + background-color: #444; + border: 1px solid #000; + white-space: nowrap; + position: absolute; + padding: 2px; + z-index: 100; +} + +.openerp div.m2o_contextmenu a, +.openerp div.m2o_contextmenu span { + display: block; + text-align: left; + text-decoration: none; + white-space: nowrap; + padding: 2px; + color: #FFF; + cursor: pointer; +} + +.openerp div.m2o_contextmenu hr { + margin: 1px 0 !important; +} + +.openerp div.m2o_contextmenu td { + padding: 1px; +} + +.openerp div.m2o_contextmenu a:hover, +.openerp div.m2o_contextmenu span:hover { + color: #FFF; + background-color: #505050; + text-decoration: none; +} + +.openerp div.m2o_contextmenu a.disabled, +.openerp div.m2o_contextmenu span.disabled { + color: #C0C0C0; +} + +/*----- End Many2one Contextmenu ------- */ diff --git a/addons/base/static/src/img/iconset-d-drop.gif b/addons/base/static/src/img/iconset-d-drop.gif new file mode 100644 index 00000000000..4907a927619 Binary files /dev/null and b/addons/base/static/src/img/iconset-d-drop.gif differ diff --git a/addons/base/static/src/js/m2o.js b/addons/base/static/src/js/m2o.js index 080d36e726f..fcb991dcc15 100644 --- a/addons/base/static/src/js/m2o.js +++ b/addons/base/static/src/js/m2o.js @@ -6,49 +6,30 @@ openerp.base.m2o = function(openerp){ this.session = session; this.element = element_id.find('input'); - this.button = element_id.find('div'); + this.button = element_id.find('span'); this.dataset = dataset; - var cache = {}; + this.cache = {}; var lastXhr; + this.$input; this.relation = model; this.result_ids = []; + this.create_option = jQuery('#'+this.element.attr('name')+ '_open'); + if (this.create_option) { + var defaults = [ + {'text': 'Go to..', 'action': "call_Actions()"}, + {'text': 'Choose..', 'action': "call_Actions()"} + ] + jQuery(this.create_option).click(jQuery.proxy(function(evt){ + on_context_menu(evt, this.element, defaults); + }, this)); + } var self = this; - var $input = this.element.autocomplete({ - + this.$input = this.element.autocomplete ({ source: function(request, response){ - var search_val = request.term; - if (search_val in cache) { - response(cache[search_val]); - return; - } - //pass request to server - lastXhr = self.dataset.name_search(search_val, function(obj, status, xhr){ - var result = obj.result; - var values = []; - if (!result.length) { - values.push({'value': 'Create...', id: 'create', orig_val: ''}); - } - - $.each(result, function(i, val){ - values.push({ - value: val[1], - id: val[0], - orig_val: val[1] - }); - self.result_ids.push(result[i][0]); - }); - - if (values.length > 7) { - values = values.slice(0, 7); - } - values.push({'value': 'More...', id: 'more', orig_val:''}); - cache[search_val] = values; - response(values); - }); + self.getSearch_Result(request, response); return; }, - select: function(event, ui){ ui.item.value = ui.item.orig_val? ui.item.orig_val : self.element.data( "autocomplete" ).term; if (ui.item.id == 'more') { @@ -82,33 +63,208 @@ openerp.base.m2o = function(openerp){ } self.element.attr('m2o_id', ui.item.id); }, - minLength: 0, - focus: function(event, ui) { - if (ui.item.id == ('create')) { - return true; - } - ui.item.value = self.element.data("autocomplete").term.length ? self.element.val() + '[' + ui.item.orig_val.substring(self.element.data("autocomplete").term.length) + ']' : this.lastSearch; + self.gotFocus(event, ui); } - }); this.button.button({ icons: { primary: "ui-icon-triangle-1-s"}, text: false - }) - .click(function() { - // close if already visible - if ($input.autocomplete("widget").is(":visible")) { - $input.autocomplete( "close" ); - return; - } - $(this).blur(); - $input.autocomplete("search", "" ); - $input.focus(); + }) + .click(function() { + // close if already visible + if (self.$input.autocomplete("widget").is(":visible")) { + self.$input.autocomplete( "close" ); + return; + } + $(this).blur(); + self.$input.autocomplete("search", "" ); + self.$input.focus(); + }); + }, + + getSearch_Result: function(request, response) { + var search_val = request.term; + if (search_val in this.cache) { + response(this.cache[search_val]); + return; + } + var self = this; + //pass request to server + lastXhr = this.dataset.name_search(search_val, function(obj, status, xhr){ + var result = obj.result; + var values = []; + + $.each(result, function(i, val){ + values.push({ + value: val[1], + id: val[0], + orig_val: val[1] + }); + self.result_ids.push(result[i][0]); }); + + if (values.length > 7) { + values = values.slice(0, 7); + } + values.push({'value': 'More...', id: 'more', orig_val:''}, + {'value': 'Create..'+search_val, id: 'create', orig_val: ''}); + self.cache[search_val] = values; + response(values); + }); + }, + + getSelected_Result: function(event, ui) { + ui.item.value = ui.item.orig_val? ui.item.orig_val : this.element.data( "autocomplete" ).term; + if (ui.item.id == 'more') { + this.dataset.ids = this.result_ids; + this.dataset.count = this.dataset.ids.length; + this.dataset.domain = this.result_ids.length ? [["id", "in", this.dataset.ids]] : []; + this.element.val(''); + var pop = new openerp.base.form.Many2XSelectPopup(null, this.session); + pop.select_element(this.relation, this.dataset); + return; + } + + if (ui.item.id == 'create') { + this.openRecords(event, ui); + } + this.element.attr('m2o_id', ui.item.id); + }, + + gotFocus: function(event, ui) { + if (ui.item.id == ('create')) { + return true; + } + ui.item.value = this.element.data("autocomplete").term.length ? + this.element.val() + '[' + ui.item.orig_val.substring(this.element.data("autocomplete").term.length) + ']' : this.lastSearch; + }, + + openRecords: function(event, ui) { + var val = this.element.val(); + var self = this; + this.dataset.create({'name': ui.item.value}, + function(r){}, function(r){ + var element_id = _.uniqueId("act_window_dialog"); + var dialog = jQuery('
', + {'id': element_id + }).dialog({ + modal: true, + minWidth: 800 + }); + self.element.val(''); + var event_form = new openerp.base.FormView(null, self.session, + element_id, self.dataset, false); + event_form.start(); + }); + self.$input.val(self.element.data( "autocomplete" ).term); + return true; } }); } + +function call_Actions() { + +} + +function on_context_menu(evt, target, defaults){ + + var $target = jQuery(target || evt.target); + var kind = $target.attr('type'); + if (!(kind && $target.is(':input, :enabled'))) { + return; + } + var $menu = jQuery('#m2o_contextmenu').show(); + if (!$menu.length) { + $menu = jQuery('
') + .css({position: 'absolute'}) + .hover(showContextMenu, hideContextMenu) + .appendTo(document.body).show(); + + if (jQuery(document.documentElement).hasClass('ie')) { + jQuery('