X-Git-Url: http://wagnertech.de/git?p=kivitendo-erp.git;a=blobdiff_plain;f=js%2Fautocomplete_project.js;fp=js%2Fautocomplete_project.js;h=6a566c444d28f5a9cbcd8adac3940fc38834c561;hp=c554504636d5dac42d36e8ac0c242ff1c7ca7e52;hb=53593baa211863fbf66540cf1bcc36c8fb37257f;hpb=deb4d2dbb676d7d6f69dfe7815d6e0cb09bd4a44 diff --git a/js/autocomplete_project.js b/js/autocomplete_project.js index c55450463..6a566c444 100644 --- a/js/autocomplete_project.js +++ b/js/autocomplete_project.js @@ -1,4 +1,6 @@ namespace('kivi', function(k){ + "use strict"; + k.ProjectPicker = function($real, options) { // short circuit in case someone double inits us if ($real.data("project_picker")) @@ -12,6 +14,9 @@ namespace('kivi', function(k){ RIGHT: 39, PAGE_UP: 33, PAGE_DOWN: 34, + SHIFT: 16, + CTRL: 17, + ALT: 18, }; var CLASSES = { PICKED: 'projectpicker-picked', @@ -20,7 +25,7 @@ namespace('kivi', function(k){ var o = $.extend({ limit: 20, delay: 50, - }, options); + }, $real.data('project-picker-data'), options); var STATES = { PICKED: CLASSES.PICKED, UNDEFINED: CLASSES.UNDEFINED @@ -33,16 +38,63 @@ namespace('kivi', function(k){ var last_dummy = $dummy.val(); var timer; + function open_dialog () { + k.popup_dialog({ + url: 'controller.pl?action=Project/project_picker_search', + // data that can be accessed in template project_picker_search via FORM.boss + data: $.extend({ // add id of part to the rest of the data in ajax_data, e.g. no_paginate, booked, ... + real_id: real_id, + select: 1, + }, ajax_data($dummy.val())), + id: 'project_selection', + dialog: { + title: k.t8('Project picker'), + width: 800, + height: 800, + }, + load: function() { init_search(); } + }); + window.clearTimeout(timer); + return true; + } + + function init_search() { + $('#project_picker_filter').keypress(function(e) { result_timer(e) }).focus(); + $('#no_paginate').change(function() { update_results() }); + $('#project_picker_clear_filter').click(function() { + $('#project_picker_filter').val('').focus(); + update_results(); + }); + } + function ajax_data(term) { var data = { 'filter.all:substr:multi::ilike': term, - 'filter.valid': 'valid', no_paginate: $('#no_paginate').prop('checked') ? 1 : 0, current: $real.val(), }; - if ($customer_id && $customer_id.val()) - data['filter.customer_id'] = $customer_id.val().split(','); + if (o.customer_id) + data['filter.customer_id'] = o.customer_id.split(','); + + if (o.active) { + if (o.active === 'active') data['filter.active'] = 'active'; + if (o.active === 'inactive') data['filter.active'] = 'inactive'; + // both => no filter + } else { + data['filter.active'] = 'active'; // default + } + + if (o.valid) { + if (o.valid === 'valid') data['filter.valid'] = 'valid'; + if (o.valid === 'invalid') data['filter.valid'] = 'invalid'; + // both => no filter + } else { + data['filter.valid'] = 'valid'; // default + } + + if (o.description_style) + data['description_style'] = o.description_style; return data; } @@ -56,10 +108,9 @@ namespace('kivi', function(k){ $real.val(''); $dummy.val(''); } - state = STATES.PICKED; - last_real = $real.val(); - last_dummy = $dummy.val(); - last_unverified_dummy = $dummy.val(); + state = STATES.PICKED; + last_real = $real.val(); + last_dummy = $dummy.val(); $real.trigger('change'); $real.trigger('set_item:ProjectPicker', item); @@ -71,10 +122,9 @@ namespace('kivi', function(k){ if (state == STATES.PICKED) { annotate_state(); return true - } else if (state == STATES.UNDEFINED && $dummy.val() == '') + } else if (state == STATES.UNDEFINED && $dummy.val() === '') set_item({}) else { - last_unverified_dummy = $dummy.val(); set_item({ id: last_real, name: last_dummy }) } annotate_state(); @@ -83,10 +133,9 @@ namespace('kivi', function(k){ function annotate_state () { if (state == STATES.PICKED) $dummy.removeClass(STATES.UNDEFINED).addClass(STATES.PICKED); - else if (state == STATES.UNDEFINED && $dummy.val() == '') + else if (state == STATES.UNDEFINED && $dummy.val() === '') $dummy.removeClass(STATES.UNDEFINED).addClass(STATES.PICKED); else { - last_unverified_dummy = $dummy.val(); $dummy.addClass(STATES.UNDEFINED).removeClass(STATES.PICKED); } } @@ -97,9 +146,11 @@ namespace('kivi', function(k){ data: $.extend({ 'real_id': $real.val(), }, ajax_data(function(){ var val = $('#project_picker_filter').val(); return val === undefined ? '' : val })), - success: function(data){ $('#project_picker_result').html(data) } + success: function(data){ + $('#project_picker_result').html(data); + } }); - }; + } function result_timer (event) { if (!$('no_paginate').prop('checked')) { @@ -116,6 +167,31 @@ namespace('kivi', function(k){ timer = window.setTimeout(update_results, 100); } + function close_popup() { + $('#project_selection').dialog('close'); + } + + function handle_changed_text(callbacks) { + $.ajax({ + url: 'controller.pl?action=Project/ajax_autocomplete', + dataType: "json", + data: $.extend( ajax_data($dummy.val()), { prefer_exact: 1 } ), + success: function (data) { + if (data.length == 1) { + set_item(data[0]); + if (callbacks && callbacks.match_one) callbacks.match_one(data[0]); + } else if (data.length > 1) { + state = STATES.UNDEFINED; + if (callbacks && callbacks.match_many) callbacks.match_many(data); + } else { + state = STATES.UNDEFINED; + if (callbacks &&callbacks.match_none) callbacks.match_none(); + } + annotate_state(); + } + }); + } + $dummy.autocomplete({ source: function(req, rsp) { $.ajax($.extend(o, { @@ -128,6 +204,10 @@ namespace('kivi', function(k){ select: function(event, ui) { set_item(ui.item); }, + search: function(event, ui) { + if ((event.which == KEY.SHIFT) || (event.which == KEY.CTRL) || (event.which == KEY.ALT)) + event.preventDefault(); + } }); /* In case users are impatient and want to skip ahead: * Capture key events and check if it's a unique hit. @@ -144,70 +224,66 @@ namespace('kivi', function(k){ $dummy.keydown(function(event){ if (event.which == KEY.ENTER || event.which == KEY.TAB) { // if string is empty assume they want to delete - if ($dummy.val() == '') { + if ($dummy.val() === '') { set_item({}); return true; } else if (state == STATES.PICKED) { return true; } - if (event.which == KEY.TAB) event.preventDefault(); - $.ajax({ - url: 'controller.pl?action=Project/ajax_autocomplete', - dataType: "json", - data: $.extend( ajax_data($dummy.val()), { prefer_exact: 1 } ), - success: function (data) { - if (data.length == 1) { - set_item(data[0]); - if (event.which == KEY.ENTER) - $('#update_button').click(); - } else { - } - annotate_state(); - } - }); - if (event.which == KEY.ENTER) + if (event.which == KEY.TAB) { + event.preventDefault(); + handle_changed_text(); + } + if (event.which == KEY.ENTER) { + handle_changed_text({ + match_one: function(){$('#update_button').click();}, + }); return false; - } else { + } + } else if ((event.which != KEY.SHIFT) && (event.which != KEY.CTRL) && (event.which != KEY.ALT)) { state = STATES.UNDEFINED; } }); + $dummy.on('paste', function(){ + setTimeout(function() { + handle_changed_text(); + }, 1); + }); + $dummy.blur(function(){ window.clearTimeout(timer); timer = window.setTimeout(annotate_state, 100); }); // now add a picker div after the original input - var pcont = $('').addClass('position-absolute'); - var picker = $('
'); - $dummy.after(pcont); - pcont.append(picker); - + var popup_button = $('').addClass('ppp_popup_button'); + $dummy.after(popup_button); + popup_button.click(open_dialog); var pp = { real: function() { return $real }, dummy: function() { return $dummy }, - type: function() { return $type }, - customer_id: function() { return $customer_id }, update_results: update_results, result_timer: result_timer, set_item: set_item, reset: make_defined_state, is_defined_state: function() { return state == STATES.PICKED }, - init_results: function () { + init_results: function() { $('div.project_picker_project').each(function(){ $(this).click(function(){ set_item({ id: $(this).children('input.project_picker_id').val(), name: $(this).children('input.project_picker_description').val(), }); + close_popup(); $dummy.focus(); return true; - }); - }); + }); }); $('#project_selection').keydown(function(e){ - if (e.which == KEY.ESCAPE) { - $dummy.focus(); - } + if (e.which == KEY.ESCAPE) { + close_popup(); + $dummy.focus(); + } }); } }