X-Git-Url: http://wagnertech.de/git?a=blobdiff_plain;f=js%2Fautocomplete_project.js;h=6a566c444d28f5a9cbcd8adac3940fc38834c561;hb=cfb029307ecd356f377952f3190df655cbd447c6;hp=fb2285fb6d024e9b97cd492da6d2ecc23b3b0c89;hpb=48e32abf9b0af914d6bad46ce7a45f37a65d9946;p=kivitendo-erp.git diff --git a/js/autocomplete_project.js b/js/autocomplete_project.js index fb2285fb6..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,10 @@ 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', @@ -135,7 +190,7 @@ namespace('kivi', function(k){ annotate_state(); } }); - }; + } $dummy.autocomplete({ source: function(req, rsp) { @@ -149,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. @@ -165,7 +224,7 @@ 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) { @@ -181,7 +240,7 @@ namespace('kivi', function(k){ }); return false; } - } else { + } else if ((event.which != KEY.SHIFT) && (event.which != KEY.CTRL) && (event.which != KEY.ALT)) { state = STATES.UNDEFINED; } }); @@ -198,36 +257,33 @@ namespace('kivi', function(k){ }); // 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(); + } }); } }