js/kivi.Part.js

   1 namespace('kivi.Part', function(ns) {
   2   'use strict';
   3
   4   ns.open_history_popup = function() {
   5     var id = $("#part_id").val();
   6     kivi.popup_dialog({
   7       url:    'controller.pl?action=Part/history&part.id=' + id,
   8       dialog: { title: kivi.t8('History') },
   9     });
  10   }
  11
  12   ns.save = function() {
  13     var data = $('#ic').serializeArray();
  14     data.push({ name: 'action', value: 'Part/save' });
  15
  16     $.post("controller.pl", data, kivi.eval_json_result);
  17   };
  18
  19   ns.use_as_new = function() {
  20     var oldid = $("#part_id").val();
  21     $('#ic').attr('action', 'controller.pl?action=Part/use_as_new&old_id=' + oldid);
  22     $('#ic').submit();
  23   };
  24
  25   ns.delete = function() {
  26     var data = $('#ic').serializeArray();
  27     data.push({ name: 'action', value: 'Part/delete' });
  28
  29     $.post("controller.pl", data, kivi.eval_json_result);
  30   };
  31
  32   ns.reformat_number = function(event) {
  33     $(event.target).val(kivi.format_amount(kivi.parse_amount($(event.target).val()), -2));
  34   };
  35
  36   ns.set_tab_active_by_index = function (index) {
  37     $("#ic_tabs").tabs({active: index})
  38   };
  39
  40   ns.set_tab_active_by_name= function (name) {
  41     var index = $('#ic_tabs a[href=#' + name + ']').parent().index();
  42     ns.set_tab_active_by_index(index);
  43   };
  44
  45   ns.reorder_items = function(order_by) {
  46     var dir = $('#' + order_by + '_header_id a img').attr("data-sort-dir");
  47     var part_type = $("#part_part_type").val();
  48
  49     var data;
  50     if (part_type === 'assortment') {
  51       $('#assortment thead a img').remove();
  52       data = $('#assortment :input').serializeArray();
  53     } else if ( part_type === 'assembly') {
  54       $('#assembly thead a img').remove();
  55       data = $('#assembly :input').serializeArray();
  56     }
  57
  58     var src;
  59     if (dir == "1") {
  60       dir = "0";
  61       src = "image/up.png";
  62     } else {
  63       dir = "1";
  64       src = "image/down.png";
  65     }
  66
  67     $('#' + order_by + '_header_id a').append('<img border=0 data-sort-dir=' + dir + ' src=' + src + ' alt="' + kivi.t8('sort items') + '">');
  68
  69     data.push({ name: 'action',    value: 'Part/reorder_items' },
  70               { name: 'order_by',  value: order_by             },
  71               { name: 'part_type', value: part_type            },
  72               { name: 'sort_dir',  value: dir                  });
  73
  74     $.post("controller.pl", data, kivi.eval_json_result);
  75   };
  76
  77   ns.assortment_recalc = function() {
  78     var data = $('#assortment :input').serializeArray();
  79     data.push({ name: 'action', value: 'Part/update_item_totals' },
  80               { name: 'part_type', value: 'assortment'                   });
  81
  82     $.post("controller.pl", data, kivi.eval_json_result);
  83   };
  84
  85   ns.assembly_recalc = function() {
  86     var data = $('#assembly :input').serializeArray();
  87     data.push( { name: 'action',    value: 'Part/update_item_totals' },
  88                { name: 'part_type', value: 'assembly'                        });
  89
  90     $.post("controller.pl", data, kivi.eval_json_result);
  91   };
  92
  93   ns.set_assortment_sellprice = function() {
  94     $("#part_sellprice_as_number").val($("#items_sellprice_sum").html());
  95     // ns.set_tab_active_by_name('basic_data');
  96     // $("#part_sellprice_as_number").focus();
  97   };
  98
  99   ns.set_assortment_lsg_sellprice = function() {
 100     $("#items_lsg_sellprice_sum_basic").closest('td').find('input').val($("#items_lsg_sellprice_sum").html());
 101   };
 102
 103   ns.set_assortment_douglas_sellprice = function() {
 104     $("#items_douglas_sellprice_sum_basic").closest('td').find('input').val($("#items_douglas_sellprice_sum").html());
 105   };
 106
 107   ns.set_assortment_lastcost = function() {
 108     $("#part_lastcost_as_number").val($("#items_lastcost_sum").html());
 109     // ns.set_tab_active_by_name('basic_data');
 110     // $("#part_lastcost_as_number").focus();
 111   };
 112
 113   ns.set_assembly_sellprice = function() {
 114     $("#part_sellprice_as_number").val($("#items_sellprice_sum").html());
 115     // ns.set_tab_active_by_name('basic_data');
 116     // $("#part_sellprice_as_number").focus();
 117   };
 118
 119   ns.renumber_positions = function() {
 120     var part_type = $("#part_part_type").val();
 121     var rows;
 122     if (part_type === 'assortment') {
 123       rows = $('.assortment_item_row [name="position"]');
 124     } else if ( part_type === 'assembly') {
 125       rows = $('.assembly_item_row [name="position"]');
 126     }
 127     $(rows).each(function(idx, elt) {
 128       $(elt).html(idx+1);
 129       var row = $(elt).closest('tr');
 130       if ( idx % 2 === 0 ) {
 131         if ( row.hasClass('listrow1') ) {
 132           row.removeClass('listrow1');
 133           row.addClass('listrow0');
 134         }
 135       } else {
 136         if ( row.hasClass('listrow0') ) {
 137           row.removeClass('listrow0');
 138           row.addClass('listrow1');
 139         }
 140       }
 141     });
 142   };
 143
 144   ns.delete_item_row = function(clicked) {
 145     var row = $(clicked).closest('tr');
 146     $(row).remove();
 147     var part_type = $("#part_part_type").val();
 148     ns.renumber_positions();
 149     if (part_type === 'assortment') {
 150       ns.assortment_recalc();
 151     } else if ( part_type === 'assembly') {
 152       ns.assembly_recalc();
 153     }
 154   };
 155
 156   ns.add_assortment_item = function() {
 157     if ($('#assortment_picker').val() === '') return;
 158
 159     $('#row_table_id thead a img').remove();
 160
 161     var data = $('#assortment :input').serializeArray();
 162     data.push({ name: 'action', value: 'Part/add_assortment_item' },
 163               { name: 'part.id', value: $('#part_id').val()       },
 164               { name: 'part.part_type', value: 'assortment'       });
 165     $('#assortment_picker').data('part_picker').clear();
 166
 167     $.post("controller.pl", data, kivi.eval_json_result);
 168   };
 169
 170   ns.add_assembly_item = function() {
 171     if ($('#assembly_picker').val() === '') return;
 172
 173     var data = $('#assembly :input').serializeArray();
 174     data.push({ name: 'action', value: 'Part/add_assembly_item' },
 175               { name: 'part.id', value: $("#part_id").val()     },
 176               { name: 'part.part_type', value: 'assembly'       });
 177     $('#assembly_picker').data('part_picker').clear();
 178
 179     $.post("controller.pl", data, kivi.eval_json_result);
 180   };
 181
 182   ns.set_multi_assembly_items = function(data) {
 183     data.push({ name: 'part.id',        value: $('#part_id').val() });
 184     data.push({ name: 'part.part_type', value: $('#part_part_type').val() });
 185     $.post("controller.pl?action=Part/add_multi_assembly_items", data, kivi.eval_json_result);
 186   }
 187
 188   ns.set_multi_assortment_items = function(data) {
 189     data.push({ name: 'part.id', value: $('#part_id').val() });
 190     data.push({ name: 'part.part_type', value: $('#part_part_type').val() });
 191     $.post("controller.pl?action=Part/add_multi_assortment_items", data, kivi.eval_json_result);
 192   }
 193
 194   ns.close_picker_dialogs = function() {
 195     $('.part_autocomplete').each(function(_, e) {
 196       var picker = $(e).data('part_picker');
 197       if (picker && picker.dialog) picker.close_dialog();
 198     });
 199   }
 200
 201   ns.redisplay_items = function(data) {
 202     var old_rows;
 203     var part_type = $("#part_part_type").val();
 204     if (part_type === 'assortment') {
 205       old_rows = $('.assortment_item_row').detach();
 206     } else if ( part_type === 'assembly') {
 207       old_rows = $('.assembly_item_row').detach();
 208     }
 209     var new_rows = [];
 210     $(data).each(function(idx, elt) {
 211       new_rows.push(old_rows[elt.old_pos - 1]);
 212     });
 213     if (part_type === 'assortment') {
 214       $(new_rows).appendTo($('#assortment_items'));
 215     } else if ( part_type === 'assembly') {
 216       $(new_rows).appendTo($('#assembly_items'));
 217     }
 218     ns.renumber_positions();
 219   };
 220
 221   ns.focus_last_assortment_input = function () {
 222     $("#assortment_items tr:last").find('input[type=text]').filter(':visible:first').focus();
 223   };
 224
 225   ns.focus_last_assembly_input = function () {
 226     $("#assembly_rows tr:last").find('input[type=text]').filter(':visible:first').focus();
 227   };
 228
 229   // makemodel
 230   ns.makemodel_renumber_positions = function() {
 231     $('.makemodel_row [name="position"]').each(function(idx, elt) {
 232       $(elt).html(idx+1);
 233     });
 234   };
 235
 236   ns.delete_makemodel_row = function(clicked) {
 237     var row = $(clicked).closest('tr');
 238     $(row).remove();
 239
 240     ns.makemodel_renumber_positions();
 241   };
 242
 243   ns.add_makemodel_row = function() {
 244     if ($('#add_makemodel').val() === '') return;
 245
 246     var data = $('#makemodel_table :input').serializeArray();
 247     data.push({ name: 'action', value: 'Part/add_makemodel_row' });
 248     $('#add_makemodel').data('customer_vendor_picker').clear();
 249
 250     $.post("controller.pl", data, kivi.eval_json_result);
 251   };
 252
 253   ns.focus_last_makemodel_input = function () {
 254     $("#makemodel_rows tr:last").find('input[type=text]').filter(':visible:first').focus();
 255   };
 256
 257
 258   // customerprice
 259   ns.customerprice_renumber_positions = function() {
 260     $('.customerprice_row [name="position"]').each(function(idx, elt) {
 261       $(elt).html(idx+1);
 262     });
 263   };
 264
 265   ns.delete_customerprice_row = function(clicked) {
 266     var row = $(clicked).closest('tr');
 267     $(row).remove();
 268
 269     ns.customerprice_renumber_positions();
 270   };
 271
 272   ns.add_customerprice_row = function() {
 273     if ($('#add_customerprice').val() === '') return;
 274
 275     var data = $('#customerprice_table :input').serializeArray();
 276     data.push({ name: 'action', value: 'Part/add_customerprice_row' });
 277     $('#add_customerprice').data('customer_vendor_picker').clear();
 278
 279     $.post("controller.pl", data, kivi.eval_json_result);
 280   };
 281
 282   ns.focus_last_customerprice_input = function () {
 283     $("#customerprice_rows tr:last").find('input[type=text]').filter(':visible:first').focus();
 284   };
 285
 286
 287   ns.reload_bin_selection = function() {
 288     $.post("controller.pl", { action: 'Part/warehouse_changed', warehouse_id: function(){ return $('#part_warehouse_id').val() } },   kivi.eval_json_result);
 289   }
 290
 291   var KEY = {
 292     TAB:       9,
 293     ENTER:     13,
 294     SHIFT:     16,
 295     CTRL:      17,
 296     ALT:       18,
 297     ESCAPE:    27,
 298     PAGE_UP:   33,
 299     PAGE_DOWN: 34,
 300     LEFT:      37,
 301     UP:        38,
 302     RIGHT:     39,
 303     DOWN:      40,
 304   };
 305
 306   ns.Picker = function($real, options) {
 307     var self = this;
 308     this.o = $.extend(true, {
 309       limit: 20,
 310       delay: 50,
 311       action: {
 312         commit_none: function(){ },
 313         commit_one:  function(){ $('#update_button').click(); },
 314         commit_many: function(){ self.open_dialog(); }
 315       }
 316     }, $real.data('part-picker-data'), options);
 317     this.$real              = $real;
 318     this.real_id            = $real.attr('id');
 319     this.last_real          = $real.val();
 320     this.$dummy             = $($real.siblings()[0]);
 321     this.autocomplete_open  = false;
 322     this.state              = this.STATES.PICKED;
 323     this.last_dummy         = this.$dummy.val();
 324     this.timer              = undefined;
 325     this.dialog             = undefined;
 326     this.multiple_default   = this.o.multiple;
 327
 328     this.init();
 329   };
 330
 331   ns.Picker.prototype = {
 332     CLASSES: {
 333       PICKED:       'partpicker-picked',
 334       UNDEFINED:    'partpicker-undefined',
 335     },
 336     ajax_data: function(term) {
 337       var data = {
 338         current:  this.$real.val(),
 339       };
 340
 341       if (this.o.part_type)
 342         data['filter.part_type'] = this.o.part_type.split(',');
 343
 344       if (this.o.status) {
 345         if (this.o.status == 'active')   data['filter.obsolete'] = 0;
 346         if (this.o.status == 'obsolete') data['filter.obsolete'] = 1;
 347       } else
 348         data['filter.obsolete'] = 0;
 349
 350       if (this.o.classification_id)
 351         data['filter.classification_id'] = this.o.classification_id.split(',');
 352
 353       if (this.o.unit)
 354         data['filter.unit'] = this.o.unit.split(',');
 355
 356       if (this.o.convertible_unit)
 357         data['filter.unit_obj.convertible_to'] = this.o.convertible_unit;
 358
 359       var filter_name = 'all';
 360       if (this.o.with_makemodel) {
 361         filter_name = 'all_with_makemodel';
 362       }
 363       if (this.o.with_customer_partnumber) {
 364         filter_name = 'all_with_customer_partnumber';
 365       }
 366       data['filter.' + filter_name + ':substr:multi::ilike'] = term;
 367
 368       return data;
 369     },
 370     set_item: function(item) {
 371       var self = this;
 372       if (item.id) {
 373         this.$real.val(item.id);
 374         // autocomplete ui has name, use the value for ajax items, which contains displayable_name
 375         this.$dummy.val(item.name ? item.name : item.value);
 376       } else {
 377         this.$real.val('');
 378         this.$dummy.val('');
 379       }
 380       this.state      = this.STATES.PICKED;
 381       this.last_real  = this.$real.val();
 382       this.last_dummy = this.$dummy.val();
 383       this.$real.trigger('change');
 384
 385       if (this.o.fat_set_item && item.id) {
 386         $.ajax({
 387           url: 'controller.pl?action=Part/show.json',
 388           data: { 'part.id': item.id },
 389           success: function(rsp) {
 390             self.$real.trigger('set_item:PartPicker', rsp);
 391           },
 392         });
 393       } else {
 394         this.$real.trigger('set_item:PartPicker', item);
 395       }
 396       this.annotate_state();
 397     },
 398     set_multi_items: function(data) {
 399       this.run_action(this.o.action.set_multi_items, [ data ]);
 400     },
 401     make_defined_state: function() {
 402       if (this.state == this.STATES.PICKED) {
 403         this.annotate_state();
 404         return true
 405       } else if (this.state == this.STATES.UNDEFINED && this.$dummy.val() === '')
 406         this.set_item({})
 407       else {
 408         this.set_item({ id: this.last_real, name: this.last_dummy })
 409       }
 410       this.annotate_state();
 411     },
 412     annotate_state: function() {
 413       if (this.state == this.STATES.PICKED)
 414         this.$dummy.removeClass(this.STATES.UNDEFINED).addClass(this.STATES.PICKED);
 415       else if (this.state == this.STATES.UNDEFINED && this.$dummy.val() === '')
 416         this.$dummy.removeClass(this.STATES.UNDEFINED).addClass(this.STATES.PICKED);
 417       else {
 418         this.$dummy.addClass(this.STATES.UNDEFINED).removeClass(this.STATES.PICKED);
 419       }
 420     },
 421     handle_changed_text: function(callbacks) {
 422       var self = this;
 423       $.ajax({
 424         url: 'controller.pl?action=Part/ajax_autocomplete',
 425         dataType: "json",
 426         data: $.extend( self.ajax_data(self.$dummy.val()), { prefer_exact: 1 } ),
 427         success: function (data) {
 428           if (data.length == 1) {
 429             self.set_item(data[0]);
 430             if (callbacks && callbacks.match_one) self.run_action(callbacks.match_one, [ data[0] ]);
 431           } else if (data.length > 1) {
 432             self.state = self.STATES.UNDEFINED;
 433             if (callbacks && callbacks.match_many) self.run_action(callbacks.match_many, [ data ]);
 434           } else {
 435             self.state = self.STATES.UNDEFINED;
 436             if (callbacks && callbacks.match_none) self.run_action(callbacks.match_none, [ self, self.$dummy.val() ]);
 437           }
 438           self.annotate_state();
 439         }
 440       });
 441     },
 442     /*  In case users are impatient and want to skip ahead:
 443      *  Capture <enter> key events and check if it's a unique hit.
 444      *  If it is, go ahead and assume it was selected. If it wasn't don't do
 445      *  anything so that autocompletion kicks in.  For <tab> don't prevent
 446      *  propagation. It would be nice to catch it, but javascript is too stupid
 447      *  to fire a tab event later on, so we'd have to reimplement the "find
 448      *  next active element in tabindex order and focus it".
 449      */
 450     /* note:
 451      *  event.which does not contain tab events in keypressed in firefox but will report 0
 452      *  chrome does not fire keypressed at all on tab or escape
 453      */
 454     handle_keydown: function(event) {
 455       var self = this;
 456       if (event.which == KEY.ENTER || event.which == KEY.TAB) {
 457         // if string is empty assume they want to delete
 458         if (self.$dummy.val() === '') {
 459           self.set_item({});
 460           return true;
 461         } else if (self.state == self.STATES.PICKED) {
 462           if (self.o.action.commit_one) {
 463             self.run_action(self.o.action.commit_one);
 464           }
 465           return true;
 466         }
 467         if (event.which == KEY.TAB) {
 468           event.preventDefault();
 469           self.handle_changed_text();
 470         }
 471         if (event.which == KEY.ENTER) {
 472           event.preventDefault();
 473           self.handle_changed_text({
 474             match_none: self.o.action.commit_none,
 475             match_one:  self.o.action.commit_one,
 476             match_many: self.o.action.commit_many
 477           });
 478           return false;
 479         }
 480       } else if (event.which == KEY.DOWN && !self.autocomplete_open) {
 481         var old_options = self.$dummy.autocomplete('option');
 482         self.$dummy.autocomplete('option', 'minLength', 0);
 483         self.$dummy.autocomplete('search', self.$dummy.val());
 484         self.$dummy.autocomplete('option', 'minLength', old_options.minLength);
 485       } else if ((event.which != KEY.SHIFT) && (event.which != KEY.CTRL) && (event.which != KEY.ALT)) {
 486         self.state = self.STATES.UNDEFINED;
 487       }
 488     },
 489     open_dialog: function() {
 490       if (this.o.multiple) {
 491         this.o.multiple = this.multiple_default;
 492         this.dialog = new ns.PickerMultiPopup(this);
 493       } else {
 494         this.dialog = new ns.PickerPopup(this);
 495       }
 496     },
 497     close_dialog: function() {
 498       this.dialog.close_dialog();
 499       this.dialog = undefined;
 500     },
 501     init: function() {
 502       var self = this;
 503       this.$dummy.autocomplete({
 504         source: function(req, rsp) {
 505           $.ajax($.extend(self.o, {
 506             url:      'controller.pl?action=Part/ajax_autocomplete',
 507             dataType: "json",
 508             data:     self.ajax_data(req.term),
 509             success:  function (data){ rsp(data) }
 510           }));
 511         },
 512         select: function(event, ui) {
 513           self.set_item(ui.item);
 514           if (self.o.action.commit_one) {
 515             self.run_action(self.o.action.commit_one);
 516           }
 517         },
 518         search: function(event, ui) {
 519           if ((event.which == KEY.SHIFT) || (event.which == KEY.CTRL) || (event.which == KEY.ALT))
 520             event.preventDefault();
 521         },
 522         open: function() {
 523           self.autocomplete_open = true;
 524         },
 525         close: function() {
 526           self.autocomplete_open = false;
 527         }
 528       });
 529       this.$dummy.keydown(function(event){ self.handle_keydown(event) });
 530       this.$dummy.on('paste', function(){
 531         setTimeout(function() {
 532           self.handle_changed_text();
 533         }, 1);
 534       });
 535       this.$dummy.blur(function(){
 536         window.clearTimeout(self.timer);
 537         self.timer = window.setTimeout(function() { self.annotate_state() }, 100);
 538       });
 539
 540       var popup_button = $('<span>').addClass('ppp_popup_button');
 541       this.$dummy.after(popup_button);
 542       popup_button.click(function() { self.open_dialog() });
 543     },
 544     run_action: function(code, args) {
 545       if (typeof code === 'function')
 546         code.apply(this, args)
 547       else
 548         kivi.run(code, args);
 549     },
 550     clear: function() {
 551       this.set_item({});
 552     }
 553   };
 554   ns.Picker.prototype.STATES = {
 555     PICKED:    ns.Picker.prototype.CLASSES.PICKED,
 556     UNDEFINED: ns.Picker.prototype.CLASSES.UNDEFINED
 557   };
 558
 559   ns.PickerPopup = function(pp) {
 560     this.timer = undefined;
 561     this.pp    = pp;
 562     this.open_dialog();
 563   };
 564
 565   ns.PickerPopup.prototype = {
 566     open_dialog: function() {
 567       var self = this;
 568       kivi.popup_dialog({
 569         url: 'controller.pl?action=Part/part_picker_search',
 570         data: $.extend({
 571           real_id: self.pp.real_id,
 572         }, self.pp.ajax_data(this.pp.$dummy.val())),
 573         id: 'part_selection',
 574         dialog: {
 575           title: kivi.t8('Part picker'),
 576           width: 800,
 577           height: 800,
 578         },
 579         load: function() { self.init_search(); }
 580       });
 581       window.clearTimeout(this.timer);
 582       return true;
 583     },
 584     init_search: function() {
 585       var self = this;
 586       $('#part_picker_filter').keypress(function(e) { self.result_timer(e) }).focus();
 587       $('#no_paginate').change(function() { self.update_results() });
 588       this.update_results();
 589     },
 590     update_results: function() {
 591       var self = this;
 592       $.ajax({
 593         url: 'controller.pl?action=Part/part_picker_result',
 594         data: $.extend({
 595           no_paginate: $('#no_paginate').prop('checked') ? 1 : 0,
 596         }, self.pp.ajax_data(function(){
 597           var val = $('#part_picker_filter').val();
 598           return val === undefined ? '' : val
 599         })),
 600         success: function(data){
 601           $('#part_picker_result').html(data);
 602           self.init_results();
 603         }
 604       });
 605     },
 606     init_results: function() {
 607       var self = this;
 608       $('div.part_picker_part').each(function(){
 609         $(this).click(function(){
 610           self.pp.set_item({
 611             id:   $(this).children('input.part_picker_id').val(),
 612             name: $(this).children('input.part_picker_description').val(),
 613             classification_id: $(this).children('input.part_picker_classification_id').val(),
 614             ean:  $(this).children('input.part_picker_ean').val(),
 615             unit: $(this).children('input.part_picker_unit').val(),
 616             partnumber:  $(this).children('input.part_picker_partnumber').val(),
 617             description: $(this).children('input.part_picker_description').val(),
 618           });
 619           self.close_dialog();
 620           self.pp.$dummy.focus();
 621           return true;
 622         });
 623       });
 624       $('#part_selection').keydown(function(e){
 625          if (e.which == KEY.ESCAPE) {
 626            self.close_dialog();
 627            self.pp.$dummy.focus();
 628          }
 629       });
 630     },
 631     result_timer: function(event) {
 632       var self = this;
 633       if (!$('no_paginate').prop('checked')) {
 634         if (event.keyCode == KEY.PAGE_UP) {
 635           $('#part_picker_result a.paginate-prev').click();
 636           return;
 637         }
 638         if (event.keyCode == KEY.PAGE_DOWN) {
 639           $('#part_picker_result a.paginate-next').click();
 640           return;
 641         }
 642       }
 643       window.clearTimeout(this.timer);
 644       if (event.which == KEY.ENTER) {
 645         self.update_results();
 646       } else {
 647         this.timer = window.setTimeout(function() { self.update_results() }, 100);
 648       }
 649     },
 650     close_dialog: function() {
 651       $('#part_selection').dialog('close');
 652     }
 653   };
 654
 655   ns.PickerMultiPopup = function(pp) {
 656     this.pp       = pp;
 657     this.callback = 'Part/add_multi_' + this.pp.o.part_type + '_items';
 658     this.open_dialog();
 659   };
 660
 661   ns.PickerMultiPopup.prototype = {
 662     open_dialog: function() {
 663       var self = this;
 664       $('#row_table_id thead a img').remove();
 665
 666       kivi.popup_dialog({
 667         url: 'controller.pl?action=Part/show_multi_items_dialog',
 668         data: $.extend({
 669           real_id: self.pp.real_id,
 670         }, self.pp.ajax_data(this.pp.$dummy.val())),
 671         id: 'jq_multi_items_dialog',
 672         dialog: {
 673           title: kivi.t8('Add multiple items'),
 674           width:  800,
 675           height: 800
 676         },
 677         load: function() {
 678           self.init_search();
 679         }
 680       });
 681       return true;
 682     },
 683     init_search: function() {
 684       var self = this;
 685       $('#multi_items_filter_table input, #multi_items_filter_table select').keydown(function(event) {
 686         if(event.which == KEY.ENTER) {
 687           event.preventDefault();
 688           self.update_results();
 689           return false;
 690         }
 691       });
 692
 693       $('#multi_items_filter_all_substr_multi_ilike').focus();
 694       $('#multi_items_filter_button').click(function(){ self.update_results() });
 695       $('#multi_items_filter_reset').click(function(){ $("#multi_items_form").resetForm() });
 696       $('#continue_button').click(function(){ self.add_multi_items() });
 697     },
 698     update_results: function() {
 699       var self = this;
 700       var data = $('#multi_items_form').serializeArray();
 701       data.push({ name: 'type', value: self.pp.type });
 702       var ppdata = self.pp.ajax_data(function(){
 703         var val = $('#multi_items_filter').val();
 704         return val === undefined ? '' : val
 705       });
 706       $.each(Object.keys(ppdata), function() {data.push({ name: 'multi_items.' + this, value: ppdata[this]});});
 707       $.ajax({
 708         url: 'controller.pl?action=Part/multi_items_update_result',
 709         data: data,
 710         method: 'post',
 711         success: function(data){
 712           $('#multi_items_result').html(data);
 713           self.init_results();
 714           self.enable_continue();
 715         }
 716       });
 717     },
 718     set_qty_to_one: function(clicked) {
 719       if ($(clicked).val() === '') {
 720         $(clicked).val(kivi.format_amount(1.00, -2));
 721       }
 722       $(clicked).select();
 723     },
 724     init_results: function() {
 725       var self = this;
 726       $('#multi_items_all_qty').change(function(event){
 727         $('.multi_items_qty').val($(event.target).val());
 728       });
 729       $('.multi_items_qty').click(function(){ self.set_qty_to_one(this) });
 730     },
 731     result_timer: function(event) {
 732     },
 733     close_dialog: function() {
 734       $('#jq_multi_items_dialog').dialog('close');
 735     },
 736     disable_continue: function() {
 737       $('#multi_items_result input').off("keydown");
 738       $('#continue_button').prop('disabled', true);
 739     },
 740     enable_continue: function() {
 741       var self = this;
 742       $('#multi_items_result input').keydown(function(event) {
 743         if(event.keyCode == KEY.ENTER) {
 744           event.preventDefault();
 745           self.add_multi_items();
 746           return false;
 747         }
 748       });
 749       $('#continue_button').prop('disabled', false);
 750     },
 751     add_multi_items: function() {
 752       // rows at all
 753       var n_rows = $('.multi_items_qty').length;
 754       if ( n_rows === 0) { return; }
 755
 756       // filled rows
 757       n_rows = $('.multi_items_qty').filter(function() {
 758         return $(this).val().length > 0;
 759       }).length;
 760       if (n_rows === 0) { return; }
 761
 762       this.disable_continue();
 763
 764       var data = $('#multi_items_form').serializeArray();
 765       this.pp.set_multi_items(data);
 766     }
 767   };
 768
 769   ns.reinit_widgets = function() {
 770     kivi.run_once_for('input.part_autocomplete', 'part_picker', function(elt) {
 771       if (!$(elt).data('part_picker'))
 772         $(elt).data('part_picker', new kivi.Part.Picker($(elt)));
 773     });
 774
 775     kivi.run_once_for('#customerprice_rows', 'customerprice_row_sort_renumber', function(elt) {
 776       $(elt).on('sortstop', kivi.Part.customerprice_renumber_positions);
 777     });
 778
 779     kivi.run_once_for('#makemodel_rows', 'makemodel_row_sort_renumber', function(elt) {
 780       $(elt).on('sortstop', kivi.Part.makemodel_renumber_positions);
 781     });
 782   }
 783
 784   ns.init = function() {
 785     ns.reinit_widgets();
 786   }
 787
 788   $(function(){
 789     $('#ic').on('focusout', '.reformat_number', function(event) {
 790        ns.reformat_number(event);
 791     });
 792
 793     $('#part_warehouse_id').change(kivi.Part.reload_bin_selection);
 794
 795     ns.init();
 796   });
 797 });