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