js/kivi.CustomerVendor.js

   1 namespace('kivi.CustomerVendor', function(ns) {
   2
   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;
   6
   7     $.getJSON(url, function(data) {
   8       var shipto = data.shipto;
   9       for(var key in shipto)
  10         $('#shipto_'+ key).val(shipto[key])
  11
  12       kivi.CustomerVendor.setCustomVariablesFromAJAJ(data.shipto_cvars, 'shipto_cvars_');
  13
  14       if ( shiptoId )
  15         $('#action_delete_shipto').show();
  16       else
  17         $('#action_delete_shipto').hide();
  18
  19       if ( params.onFormSet )
  20         params.onFormSet();
  21     });
  22   };
  23
  24   this.selectAdditionalBillingAddress = function(params) {
  25     var additionalBillingAddressId = $('#additional_billing_address_id').val();
  26     var url                        = 'controller.pl?action=CustomerVendor/ajaj_get_additional_billing_address&id='+ $('#cv_id').val() +'&db='+ $('#db').val() +'&additional_billing_address_id='+ additionalBillingAddressId;
  27
  28     $.getJSON(url, function(data) {
  29       var additional_billing_address = data.additional_billing_address;
  30       for (var key in additional_billing_address)
  31         $('#additional_billing_address_'+ key).val(additional_billing_address[key])
  32
  33       if ( additionalBillingAddressId )
  34         $('#action_delete_additional_billing_address').show();
  35       else
  36         $('#action_delete_additional_billing_address').hide();
  37
  38       if ( params.onFormSet )
  39         params.onFormSet();
  40     });
  41   };
  42
  43   this.selectDelivery = function(fromDate, toDate) {
  44     var deliveryId = $('#delivery_id').val();
  45
  46     if( !deliveryId )
  47       $("#delivery").empty();
  48     else {
  49       var url = 'controller.pl?action=CustomerVendor/get_delivery&id='+ $('#cv_id').val() +'&db='+ $('#db').val() +'&shipto_id='+ $('#delivery_id').val();
  50
  51       if( fromDate && toDate )
  52         url += '&delivery_from='+ fromDate +'&delivery_to='+ toDate;
  53
  54       $('#delivery').load(url);
  55     }
  56   };
  57
  58   this.setCustomVariablesFromAJAJ = function(cvars, prefix) {
  59     for (var key in cvars) {
  60       var cvar  = cvars[key];
  61       var $ctrl = $('#' + prefix + key);
  62
  63       if (cvar.type == 'bool')
  64         $ctrl.prop('checked', cvar.value == 1 ? 'checked' : '');
  65
  66       else if ((cvar.type == 'customer') || (cvar.type == 'vendor'))
  67         kivi.CustomerVendor.Picker($ctrl).set_item({ id: cvar.id, name: cvar.value });
  68
  69       else if (cvar.type == 'part')
  70         kivi.Part.Picker($ctrl).set_item({ id: cvar.id, name: cvar.value });
  71
  72       else
  73         $ctrl.val(cvar.value);
  74     }
  75   };
  76
  77   this.selectContact = function(params) {
  78     var contactId = $('#contact_cp_id').val();
  79
  80     var url = 'controller.pl?action=CustomerVendor/ajaj_get_contact&id='+ $('#cv_id').val() +'&db='+ $('#db').val() +'&contact_id='+ contactId;
  81
  82     $.getJSON(url, function(data) {
  83       var contact = data.contact;
  84       for(var key in contact)
  85         $('#contact_'+ key).val(contact[key])
  86
  87       kivi.CustomerVendor.setCustomVariablesFromAJAJ(data.contact_cvars, 'contact_cvars_');
  88
  89       if ( contactId ) {
  90         $('#action_delete_contact').show();
  91         $('#contact_cp_title_select').val(contact['cp_title']);
  92         $('#contact_cp_abteilung_select').val(contact['cp_abteilung']);
  93       } else {
  94         $('#action_delete_contact').hide();
  95         $('#contact_cp_title_select, #contact_cp_abteilung_select').val('');
  96       }
  97       if (data.contact.disable_cp_main === 1)
  98         $("#contact_cp_main").prop("disabled", true);
  99       else
 100         $("#contact_cp_main").prop("disabled", false);
 101       if ( params.onFormSet )
 102         params.onFormSet();
 103     });
 104
 105   };
 106
 107   var mapSearchStmts = [
 108     '#street',
 109     ', ',
 110     '#zipcode',
 111     ' ',
 112     '#city',
 113     ', ',
 114     '#country'
 115   ];
 116
 117   this.MapWidget = function(prefix, source_address)
 118   {
 119     var $mapSearchElements = [];
 120     var $widgetWrapper;
 121
 122     var init = function() {
 123       if( $mapSearchElements.length > 0 )
 124         return;
 125
 126       for(var i in mapSearchStmts) {
 127         var stmt = mapSearchStmts[i];
 128         if( stmt.charAt(0) == '#' ) {
 129           var $elem = $('#'+ prefix + stmt.substring(1));
 130           if( $elem )
 131             $mapSearchElements.push($elem);
 132         }
 133       }
 134     };
 135
 136     var isNotEmpty = function() {
 137       for(var i in $mapSearchElements)
 138         if( ($mapSearchElements[i].attr('id') != prefix + 'country') && ($mapSearchElements[i].val() === '') )
 139           return false;
 140       return true;
 141     };
 142
 143     var showMap = function() {
 144       var searchString = "";
 145
 146       for(var i in mapSearchStmts) {
 147         var stmt = mapSearchStmts[i];
 148         if( stmt.charAt(0) == '#' ) {
 149           var val = $('#'+ prefix + stmt.substring(1)).val();
 150           if( val )
 151             searchString += val;
 152         }
 153         else
 154           searchString += stmt;
 155       }
 156
 157       source_address = source_address || '';
 158       var query      = source_address !== '' ? 'saddr=' + encodeURIComponent(source_address) + '&daddr=' : 'q=';
 159       var url        = 'https://maps.google.com/maps?' + query + encodeURIComponent(searchString);
 160
 161       window.open(url, '_blank');
 162       window.focus();
 163     };
 164
 165     var render = function(widgetWrapper) {
 166       init();
 167
 168       $widgetWrapper = $(widgetWrapper);
 169
 170       $widgetWrapper
 171         .html('<img src="image/map.png" alt="'+ kivi.t8("Map") +'" title="'+ kivi.t8("Map") +'" />')
 172         .click(function() {
 173           showMap();
 174         });
 175       for(var i in $mapSearchElements)
 176         $mapSearchElements[i].keyup(testInputs);
 177       this.testInputs();
 178     };
 179
 180     var testInputs = function() {
 181       init();
 182
 183       if( isNotEmpty() )
 184         $widgetWrapper.show();
 185       else
 186         $widgetWrapper.hide();
 187     };
 188
 189     this.render = render;
 190     this.testInputs = testInputs;
 191   };
 192
 193   this.showHistoryWindow = function(id) {
 194     var xPos = (screen.width - 800) / 2;
 195     var yPos = (screen.height - 500) / 2;
 196     var parm = "left="+ xPos +",top="+ yPos +",width=800,height=500,status=yes,scrollbars=yes";
 197     var url = "common.pl?INPUT_ENCODING=UTF-8&action=show_history&longdescription=&input_name="+ encodeURIComponent(id);
 198     window.open(url, "_new_generic", parm);
 199   };
 200
 201   this.update_dial_action = function($input) {
 202     var $action = $('#' + $input.prop('id') + '-dial-action');
 203
 204     if (!$action)
 205       return true;
 206
 207     var number = $input.val().replace(/\s+/g, '');
 208     if (number === '')
 209       $action.hide();
 210     else
 211       $action.prop('href', 'controller.pl?action=CTI/call&number=' + encodeURIComponent(number)).show();
 212
 213     return true;
 214   };
 215
 216   this.init_dial_action = function(input) {
 217     if ($('#_cti_enabled').val() != 1)
 218       return false;
 219
 220     var $input    = $(input);
 221     var action_id = $input.prop('id') + '-dial-action';
 222
 223     if (!$('#' + action_id).size()) {
 224       var $action = $('<a href="" id="' + action_id + '" class="cti_call_action" target="_blank" tabindex="-1"></a>');
 225       $input.wrap('<span nobr></span>').after($action);
 226
 227       $input.change(function() { kivi.CustomerVendor.update_dial_action($input); });
 228     }
 229
 230     kivi.CustomerVendor.update_dial_action($input);
 231
 232     return true;
 233   };
 234
 235   this.inline_report = function(target, source, data){
 236 //    alert("HALLO S " + source + " --T " + target + " tt D " + data);
 237     $.ajax({
 238       url:        source,
 239       success:    function (rsp) {
 240         $(target).html(rsp);
 241         $(target).find('.paginate').find('a').click(function(event){ ns.redirect_event(event, target) });
 242         $(target).find('a.report-generator-header-link').click(function(event){ ns.redirect_event(event, target) });
 243       },
 244       data:       data,
 245     });
 246   };
 247   this.redirect_event = function(event, target){
 248     event.preventDefault();
 249     ns.inline_report(target, event.target + '', {});
 250   };
 251
 252   var KEY = {
 253     TAB:       9,
 254     ENTER:     13,
 255     SHIFT:     16,
 256     CTRL:      17,
 257     ALT:       18,
 258     ESCAPE:    27,
 259     PAGE_UP:   33,
 260     PAGE_DOWN: 34,
 261     LEFT:      37,
 262     UP:        38,
 263     RIGHT:     39,
 264     DOWN:      40,
 265   };
 266
 267   ns.Picker = function($real, options) {
 268     var self = this;
 269     this.o = $.extend(true, {
 270       limit: 20,
 271       delay: 50,
 272       action: {
 273         commit_none: function(){ },
 274         commit_one:  function(){ $('#update_button').click(); },
 275         commit_many: function(){ }
 276       }
 277     }, $real.data('customer-vendor-picker-data'), options);
 278     this.$real              = $real;
 279     this.real_id            = $real.attr('id');
 280     this.last_real          = $real.val();
 281     this.$dummy             = $($real.siblings()[0]);
 282     this.autocomplete_open  = false;
 283     this.state              = this.STATES.PICKED;
 284     this.last_dummy         = this.$dummy.val();
 285     this.timer              = undefined;
 286
 287     this.init();
 288   };
 289
 290   ns.Picker.prototype = {
 291     CLASSES: {
 292       PICKED:       'customer-vendor-picker-picked',
 293       UNDEFINED:    'customer-vendor-picker-undefined',
 294     },
 295     ajax_data: function(term) {
 296       return {
 297         'filter.all:substr:multi::ilike': term,
 298         'filter.obsolete': 0,
 299         current:  this.$real.val(),
 300         type:     this.o.cv_type,
 301       };
 302     },
 303     set_item: function(item) {
 304       var self = this;
 305       if (item.id) {
 306         this.$real.val(item.id);
 307         // autocomplete ui has name, use the value for ajax items, which contains displayable_name
 308         this.$dummy.val(item.name ? item.name : item.value);
 309       } else {
 310         this.$real.val('');
 311         this.$dummy.val('');
 312       }
 313       this.state      = this.STATES.PICKED;
 314       this.last_real  = this.$real.val();
 315       this.last_dummy = this.$dummy.val();
 316       this.$real.trigger('change');
 317
 318       if (this.o.fat_set_item && item.id) {
 319         $.ajax({
 320           url: 'controller.pl?action=CustomerVendor/show.json',
 321           data: { 'id': item.id, 'db': item.type },
 322           success: function(rsp) {
 323             self.$real.trigger('set_item:CustomerVendorPicker', rsp);
 324           },
 325         });
 326       } else {
 327         this.$real.trigger('set_item:CustomerVendorPicker', item);
 328       }
 329       this.annotate_state();
 330     },
 331     set_multi_items: function(data) {
 332       this.run_action(this.o.action.set_multi_items, [ data ]);
 333     },
 334     make_defined_state: function() {
 335       if (this.state == this.STATES.PICKED) {
 336         this.annotate_state();
 337         return true
 338       } else if (this.state == this.STATES.UNDEFINED && this.$dummy.val() === '')
 339         this.set_item({})
 340       else {
 341         this.set_item({ id: this.last_real, name: this.last_dummy })
 342       }
 343       this.annotate_state();
 344     },
 345     annotate_state: function() {
 346       if (this.state == this.STATES.PICKED)
 347         this.$dummy.removeClass(this.STATES.UNDEFINED).addClass(this.STATES.PICKED);
 348       else if (this.state == this.STATES.UNDEFINED && this.$dummy.val() === '')
 349         this.$dummy.removeClass(this.STATES.UNDEFINED).addClass(this.STATES.PICKED);
 350       else {
 351         this.$dummy.addClass(this.STATES.UNDEFINED).removeClass(this.STATES.PICKED);
 352       }
 353     },
 354     handle_changed_text: function(callbacks) {
 355       var self = this;
 356       $.ajax({
 357         url: 'controller.pl?action=CustomerVendor/ajaj_autocomplete',
 358         dataType: "json",
 359         data: $.extend( self.ajax_data(self.$dummy.val()), { prefer_exact: 1 } ),
 360         success: function (data) {
 361           if (data.length == 1) {
 362             self.set_item(data[0]);
 363             if (callbacks && callbacks.match_one) self.run_action(callbacks.match_one, [ data[0] ]);
 364           } else if (data.length > 1) {
 365             self.state = self.STATES.UNDEFINED;
 366             if (callbacks && callbacks.match_many) self.run_action(callbacks.match_many, [ data ]);
 367           } else {
 368             self.state = self.STATES.UNDEFINED;
 369             if (callbacks && callbacks.match_none) self.run_action(callbacks.match_none, [ self, self.$dummy.val() ]);
 370           }
 371           self.annotate_state();
 372         }
 373       });
 374     },
 375     handle_keydown: function(event) {
 376       var self = this;
 377       if (event.which == KEY.ENTER || event.which == KEY.TAB) {
 378         // if string is empty assume they want to delete
 379         if (self.$dummy.val() === '') {
 380           self.set_item({});
 381           return true;
 382         } else if (self.state == self.STATES.PICKED) {
 383           if (self.o.action.commit_one) {
 384             self.run_action(self.o.action.commit_one);
 385           }
 386           return true;
 387         }
 388         if (event.which == KEY.TAB) {
 389           event.preventDefault();
 390           self.handle_changed_text();
 391         }
 392         if (event.which == KEY.ENTER) {
 393           event.preventDefault();
 394           self.handle_changed_text({
 395             match_none: self.o.action.commit_none,
 396             match_one:  self.o.action.commit_one,
 397             match_many: self.o.action.commit_many
 398           });
 399           return false;
 400         }
 401       } else if (event.which == KEY.DOWN && !self.autocomplete_open) {
 402         var old_options = self.$dummy.autocomplete('option');
 403         self.$dummy.autocomplete('option', 'minLength', 0);
 404         self.$dummy.autocomplete('search', self.$dummy.val());
 405         self.$dummy.autocomplete('option', 'minLength', old_options.minLength);
 406       } else if ((event.which != KEY.SHIFT) && (event.which != KEY.CTRL) && (event.which != KEY.ALT)) {
 407         self.state = self.STATES.UNDEFINED;
 408       }
 409     },
 410     init: function() {
 411       var self = this;
 412       this.$dummy.autocomplete({
 413         source: function(req, rsp) {
 414           $.ajax($.extend({}, self.o, {
 415             url:      'controller.pl?action=CustomerVendor/ajaj_autocomplete',
 416             dataType: "json",
 417             type:     'get',
 418             data:     self.ajax_data(req.term),
 419             success:  function (data){ rsp(data) }
 420           }));
 421         },
 422         select: function(event, ui) {
 423           self.set_item(ui.item);
 424           if (self.o.action.commit_one) {
 425             self.run_action(self.o.action.commit_one);
 426           }
 427         },
 428         search: function(event, ui) {
 429           if ((event.which == KEY.SHIFT) || (event.which == KEY.CTRL) || (event.which == KEY.ALT))
 430             event.preventDefault();
 431         },
 432         open: function() {
 433           self.autocomplete_open = true;
 434         },
 435         close: function() {
 436           self.autocomplete_open = false;
 437         }
 438       });
 439       this.$dummy.keydown(function(event){ self.handle_keydown(event) });
 440       this.$dummy.on('paste', function(){
 441         setTimeout(function() {
 442           self.handle_changed_text();
 443         }, 1);
 444       });
 445       this.$dummy.blur(function(){
 446         window.clearTimeout(self.timer);
 447         self.timer = window.setTimeout(function() { self.annotate_state() }, 100);
 448       });
 449     },
 450     run_action: function(code, args) {
 451       if (typeof code === 'function')
 452         code.apply(this, args)
 453       else
 454         kivi.run(code, args);
 455     },
 456     clear: function() {
 457       this.set_item({});
 458     }
 459   };
 460   ns.Picker.prototype.STATES = {
 461     PICKED:    ns.Picker.prototype.CLASSES.PICKED,
 462     UNDEFINED: ns.Picker.prototype.CLASSES.UNDEFINED
 463   };
 464
 465   ns.reinit_widgets = function() {
 466     kivi.run_once_for('input.customer_vendor_autocomplete', 'customer_vendor_picker', function(elt) {
 467       if (!$(elt).data('customer_vendor_picker'))
 468         $(elt).data('customer_vendor_picker', new kivi.CustomerVendor.Picker($(elt)));
 469     });
 470
 471     $('#cv_phone,#shipto_shiptophone,#additional_billing_address_phone,#contact_cp_phone1,#contact_cp_phone2,#contact_cp_mobile1,#contact_cp_mobile2').each(function(idx, elt) {
 472       kivi.CustomerVendor.init_dial_action($(elt));
 473     });
 474   }
 475
 476   ns.init = function() {
 477     ns.reinit_widgets();
 478   }
 479
 480   ns.get_price_report = function(target, source, data) {
 481     $.ajax({
 482       url:        source,
 483       success:    function (rsp) {
 484         $(target).html(rsp);
 485         $(target).find('a.report-generator-header-link').click(function(event){ ns.price_report_redirect_event(event, target) });
 486       },
 487     });
 488   };
 489
 490   ns.price_report_redirect_event = function (event, target) {
 491     event.preventDefault();
 492     ns.get_price_report(target, event.target + '');
 493   };
 494
 495   ns.price_list_init = function () {
 496     $("#customer_vendor_tabs").on('tabsbeforeactivate', function(event, ui){
 497       if (ui.newPanel.attr('id') == 'price_list') {
 498         ns.get_price_report('#price_list', "controller.pl?action=CustomerVendor/ajax_list_prices&id=" + $('#cv_id').val() + "&db=" + $('#db').val() + "&callback=" + $('#callback').val());
 499       }
 500       return 1;
 501     });
 502
 503     $("#customer_vendor_tabs").on('tabscreate', function(event, ui){
 504       if (ui.panel.attr('id') == 'price_list') {
 505         ns.get_price_report('#price_list', "controller.pl?action=CustomerVendor/ajax_list_prices&id=" + $('#cv_id').val() + "&db=" + $('#db').val() + "&callback=" + $('#callback').val());
 506       }
 507       return 1;
 508     });
 509   }
 510
 511   $(function(){
 512     ns.init();
 513     ns.price_list_init();
 514   });
 515 });