1 namespace('kivi.CustomerVendor', function(ns) {
3 this.selectShipto = function(params) {
4 var shiptoId = $('#shipto_shipto_id').val();
5 var url = 'controller.pl?action=CustomerVendor/ajaj_get_shipto&id='+ $('#cv_id').val() +'&db='+ $('#db').val() +'&shipto_id='+ shiptoId;
7 $.getJSON(url, function(data) {
8 var shipto = data.shipto;
10 $('#shipto_'+ key).val(shipto[key])
12 kivi.CustomerVendor.setCustomVariablesFromAJAJ(data.shipto_cvars, 'shipto_cvars_');
15 $('#action_delete_shipto').show();
17 $('#action_delete_shipto').hide();
19 if ( params.onFormSet )
24 this.selectDelivery = function(fromDate, toDate) {
25 var deliveryId = $('#delivery_id').val();
28 $("#delivery").empty();
30 var url = 'controller.pl?action=CustomerVendor/get_delivery&id='+ $('#cv_id').val() +'&db='+ $('#db').val() +'&shipto_id='+ $('#delivery_id').val();
32 if( fromDate && toDate )
33 url += '&delivery_from='+ fromDate +'&delivery_to='+ toDate;
35 $('#delivery').load(url);
39 this.setCustomVariablesFromAJAJ = function(cvars, prefix) {
40 for (var key in cvars) {
41 var cvar = cvars[key];
42 var $ctrl = $('#' + prefix + key);
44 if (cvar.type == 'bool')
45 $ctrl.prop('checked', cvar.value == 1 ? 'checked' : '');
47 else if ((cvar.type == 'customer') || (cvar.type == 'vendor'))
48 kivi.CustomerVendor.Picker($ctrl).set_item({ id: cvar.id, name: cvar.value });
50 else if (cvar.type == 'part')
51 kivi.Part.Picker($ctrl).set_item({ id: cvar.id, name: cvar.value });
54 $ctrl.val(cvar.value);
58 this.selectContact = function(params) {
59 var contactId = $('#contact_cp_id').val();
61 var url = 'controller.pl?action=CustomerVendor/ajaj_get_contact&id='+ $('#cv_id').val() +'&db='+ $('#db').val() +'&contact_id='+ contactId;
63 $.getJSON(url, function(data) {
64 var contact = data.contact;
65 for(var key in contact)
66 $('#contact_'+ key).val(contact[key])
68 kivi.CustomerVendor.setCustomVariablesFromAJAJ(data.contact_cvars, 'contact_cvars_');
71 $('#action_delete_contact').show();
72 $('#contact_cp_title_select').val(contact['cp_title']);
74 $('#action_delete_contact').hide();
75 $('#contact_cp_title_select, #contact_cp_abteilung_select').val('');
77 if (data.contact.disable_cp_main === 1)
78 $("#contact_cp_main").prop("disabled", true);
80 $("#contact_cp_main").prop("disabled", false);
81 if ( params.onFormSet )
87 var mapSearchStmts = [
97 this.MapWidget = function(prefix, source_address)
99 var $mapSearchElements = [];
102 var init = function() {
103 if( $mapSearchElements.length > 0 )
106 for(var i in mapSearchStmts) {
107 var stmt = mapSearchStmts[i];
108 if( stmt.charAt(0) == '#' ) {
109 var $elem = $('#'+ prefix + stmt.substring(1));
111 $mapSearchElements.push($elem);
116 var isNotEmpty = function() {
117 for(var i in $mapSearchElements)
118 if( ($mapSearchElements[i].attr('id') != prefix + 'country') && ($mapSearchElements[i].val() === '') )
123 var showMap = function() {
124 var searchString = "";
126 for(var i in mapSearchStmts) {
127 var stmt = mapSearchStmts[i];
128 if( stmt.charAt(0) == '#' ) {
129 var val = $('#'+ prefix + stmt.substring(1)).val();
134 searchString += stmt;
137 source_address = source_address || '';
138 var query = source_address !== '' ? 'saddr=' + encodeURIComponent(source_address) + '&daddr=' : 'q=';
139 var url = 'https://maps.google.com/maps?' + query + encodeURIComponent(searchString);
141 window.open(url, '_blank');
145 var render = function(widgetWrapper) {
148 $widgetWrapper = $(widgetWrapper);
151 .html('<img src="image/map.png" alt="'+ kivi.t8("Map") +'" title="'+ kivi.t8("Map") +'" />')
155 for(var i in $mapSearchElements)
156 $mapSearchElements[i].keyup(testInputs);
160 var testInputs = function() {
164 $widgetWrapper.show();
166 $widgetWrapper.hide();
169 this.render = render;
170 this.testInputs = testInputs;
173 this.showHistoryWindow = function(id) {
174 var xPos = (screen.width - 800) / 2;
175 var yPos = (screen.height - 500) / 2;
176 var parm = "left="+ xPos +",top="+ yPos +",width=800,height=500,status=yes,scrollbars=yes";
177 var url = "common.pl?INPUT_ENCODING=UTF-8&action=show_history&longdescription=&input_name="+ encodeURIComponent(id);
178 window.open(url, "_new_generic", parm);
181 this.update_dial_action = function($input) {
182 var $action = $('#' + $input.prop('id') + '-dial-action');
187 var number = $input.val().replace(/\s+/g, '');
191 $action.prop('href', 'controller.pl?action=CTI/call&number=' + encodeURIComponent(number)).show();
196 this.init_dial_action = function(input) {
197 if ($('#_cti_enabled').val() != 1)
200 var $input = $(input);
201 var action_id = $input.prop('id') + '-dial-action';
203 if (!$('#' + action_id).size()) {
204 var $action = $('<a href="" id="' + action_id + '" class="cti_call_action" target="_blank" tabindex="-1"></a>');
205 $input.wrap('<span nobr></span>').after($action);
207 $input.change(function() { kivi.CustomerVendor.update_dial_action($input); });
210 kivi.CustomerVendor.update_dial_action($input);
215 this.inline_report = function(target, source, data){
216 // alert("HALLO S " + source + " --T " + target + " tt D " + data);
219 success: function (rsp) {
221 $(target).find('.paginate').find('a').click(function(event){ ns.redirect_event(event, target) });
222 $(target).find('a.report-generator-header-link').click(function(event){ ns.redirect_event(event, target) });
227 this.redirect_event = function(event, target){
228 event.preventDefault();
229 ns.inline_report(target, event.target + '', {});
247 ns.Picker = function($real, options) {
249 this.o = $.extend(true, {
253 commit_none: function(){ },
254 commit_one: function(){ $('#update_button').click(); },
255 commit_many: function(){ }
257 }, $real.data('customer-vendor-picker-data'), options);
259 this.real_id = $real.attr('id');
260 this.last_real = $real.val();
261 this.$dummy = $($real.siblings()[0]);
262 this.autocomplete_open = false;
263 this.state = this.STATES.PICKED;
264 this.last_dummy = this.$dummy.val();
265 this.timer = undefined;
270 ns.Picker.prototype = {
272 PICKED: 'customer-vendor-picker-picked',
273 UNDEFINED: 'customer-vendor-picker-undefined',
275 ajax_data: function(term) {
277 'filter.all:substr:multi::ilike': term,
278 'filter.obsolete': 0,
279 current: this.$real.val(),
280 type: this.o.cv_type,
283 set_item: function(item) {
286 this.$real.val(item.id);
287 // autocomplete ui has name, use the value for ajax items, which contains displayable_name
288 this.$dummy.val(item.name ? item.name : item.value);
293 this.state = this.STATES.PICKED;
294 this.last_real = this.$real.val();
295 this.last_dummy = this.$dummy.val();
296 this.$real.trigger('change');
298 if (this.o.fat_set_item && item.id) {
300 url: 'controller.pl?action=CustomerVendor/show.json',
301 data: { 'id': item.id, 'db': item.type },
302 success: function(rsp) {
303 self.$real.trigger('set_item:CustomerVendorPicker', rsp);
307 this.$real.trigger('set_item:CustomerVendorPicker', item);
309 this.annotate_state();
311 set_multi_items: function(data) {
312 this.run_action(this.o.action.set_multi_items, [ data ]);
314 make_defined_state: function() {
315 if (this.state == this.STATES.PICKED) {
316 this.annotate_state();
318 } else if (this.state == this.STATES.UNDEFINED && this.$dummy.val() === '')
321 this.set_item({ id: this.last_real, name: this.last_dummy })
323 this.annotate_state();
325 annotate_state: function() {
326 if (this.state == this.STATES.PICKED)
327 this.$dummy.removeClass(this.STATES.UNDEFINED).addClass(this.STATES.PICKED);
328 else if (this.state == this.STATES.UNDEFINED && this.$dummy.val() === '')
329 this.$dummy.removeClass(this.STATES.UNDEFINED).addClass(this.STATES.PICKED);
331 this.$dummy.addClass(this.STATES.UNDEFINED).removeClass(this.STATES.PICKED);
334 handle_changed_text: function(callbacks) {
337 url: 'controller.pl?action=CustomerVendor/ajaj_autocomplete',
339 data: $.extend( self.ajax_data(self.$dummy.val()), { prefer_exact: 1 } ),
340 success: function (data) {
341 if (data.length == 1) {
342 self.set_item(data[0]);
343 if (callbacks && callbacks.match_one) self.run_action(callbacks.match_one, [ data[0] ]);
344 } else if (data.length > 1) {
345 self.state = self.STATES.UNDEFINED;
346 if (callbacks && callbacks.match_many) self.run_action(callbacks.match_many, [ data ]);
348 self.state = self.STATES.UNDEFINED;
349 if (callbacks && callbacks.match_none) self.run_action(callbacks.match_none, [ self, self.$dummy.val() ]);
351 self.annotate_state();
355 handle_keydown: function(event) {
357 if (event.which == KEY.ENTER || event.which == KEY.TAB) {
358 // if string is empty assume they want to delete
359 if (self.$dummy.val() === '') {
362 } else if (self.state == self.STATES.PICKED) {
363 if (self.o.action.commit_one) {
364 self.run_action(self.o.action.commit_one);
368 if (event.which == KEY.TAB) {
369 event.preventDefault();
370 self.handle_changed_text();
372 if (event.which == KEY.ENTER) {
373 event.preventDefault();
374 self.handle_changed_text({
375 match_none: self.o.action.commit_none,
376 match_one: self.o.action.commit_one,
377 match_many: self.o.action.commit_many
381 } else if (event.which == KEY.DOWN && !self.autocomplete_open) {
382 var old_options = self.$dummy.autocomplete('option');
383 self.$dummy.autocomplete('option', 'minLength', 0);
384 self.$dummy.autocomplete('search', self.$dummy.val());
385 self.$dummy.autocomplete('option', 'minLength', old_options.minLength);
386 } else if ((event.which != KEY.SHIFT) && (event.which != KEY.CTRL) && (event.which != KEY.ALT)) {
387 self.state = self.STATES.UNDEFINED;
392 this.$dummy.autocomplete({
393 source: function(req, rsp) {
394 $.ajax($.extend({}, self.o, {
395 url: 'controller.pl?action=CustomerVendor/ajaj_autocomplete',
398 data: self.ajax_data(req.term),
399 success: function (data){ rsp(data) }
402 select: function(event, ui) {
403 self.set_item(ui.item);
404 if (self.o.action.commit_one) {
405 self.run_action(self.o.action.commit_one);
408 search: function(event, ui) {
409 if ((event.which == KEY.SHIFT) || (event.which == KEY.CTRL) || (event.which == KEY.ALT))
410 event.preventDefault();
413 self.autocomplete_open = true;
416 self.autocomplete_open = false;
419 this.$dummy.keydown(function(event){ self.handle_keydown(event) });
420 this.$dummy.on('paste', function(){
421 setTimeout(function() {
422 self.handle_changed_text();
425 this.$dummy.blur(function(){
426 window.clearTimeout(self.timer);
427 self.timer = window.setTimeout(function() { self.annotate_state() }, 100);
430 run_action: function(code, args) {
431 if (typeof code === 'function')
432 code.apply(this, args)
434 kivi.run(code, args);
440 ns.Picker.prototype.STATES = {
441 PICKED: ns.Picker.prototype.CLASSES.PICKED,
442 UNDEFINED: ns.Picker.prototype.CLASSES.UNDEFINED
445 ns.reinit_widgets = function() {
446 kivi.run_once_for('input.customer_vendor_autocomplete', 'customer_vendor_picker', function(elt) {
447 if (!$(elt).data('customer_vendor_picker'))
448 $(elt).data('customer_vendor_picker', new kivi.CustomerVendor.Picker($(elt)));
451 $('#cv_phone,#shipto_shiptophone,#contact_cp_phone1,#contact_cp_phone2,#contact_cp_mobile1,#contact_cp_mobile2').each(function(idx, elt) {
452 kivi.CustomerVendor.init_dial_action($(elt));
456 ns.init = function() {
460 ns.get_price_report = function(target, source, data) {
463 success: function (rsp) {
465 $(target).find('a.report-generator-header-link').click(function(event){ ns.price_report_redirect_event(event, target) });
470 ns.price_report_redirect_event = function (event, target) {
471 event.preventDefault();
472 ns.get_price_report(target, event.target + '');
475 ns.price_list_init = function () {
476 $("#customer_vendor_tabs").on('tabsbeforeactivate', function(event, ui){
477 if (ui.newPanel.attr('id') == 'price_list') {
478 ns.get_price_report('#price_list', "controller.pl?action=CustomerVendor/ajax_list_prices&id=" + $('#cv_id').val() + "&db=" + $('#db').val() + "&callback=" + $('#callback').val());
483 $("#customer_vendor_tabs").on('tabscreate', function(event, ui){
484 if (ui.panel.attr('id') == 'price_list') {
485 ns.get_price_report('#price_list', "controller.pl?action=CustomerVendor/ajax_list_prices&id=" + $('#cv_id').val() + "&db=" + $('#db').val() + "&callback=" + $('#callback').val());
493 ns.price_list_init();