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
 327     this.init();
 328   };
 329
 330   ns.Picker.prototype = {
 331     CLASSES: {
 332       PICKED:       'partpicker-picked',
 333       UNDEFINED:    'partpicker-undefined',
 334     },
 335     ajax_data: function(term) {
 336       var data = {
 337         current:  this.$real.val(),
 338       };
 339
 340       if (this.o.part_type)
 341         data['filter.part_type'] = this.o.part_type.split(',');
 342
 343       if (this.o.status) {
 344         if (this.o.status == 'active')   data['filter.obsolete'] = 0;
 345         if (this.o.status == 'obsolete') data['filter.obsolete'] = 1;
 346       } else
 347         data['filter.obsolete'] = 0;
 348
 349       if (this.o.classification_id)
 350         data['filter.classification_id'] = this.o.classification_id.split(',');
 351
 352       if (this.o.unit)
 353         data['filter.unit'] = this.o.unit.split(',');
 354
 355       if (this.o.convertible_unit)
 356         data['filter.unit_obj.convertible_to'] = this.o.convertible_unit;
 357
 358       var filter_name = 'all';
 359       if (this.o.with_makemodel) {
 360         filter_name = 'all_with_makemodel';
 361       }
 362       if (this.o.with_customer_partnumber) {
 363         filter_name = 'all_with_customer_partnumber';
 364       }
 365       data['filter.' + filter_name + ':substr:multi::ilike'] = term;
 366
 367       return data;
 368     },
 369     set_item: function(item) {
 370       var self = this;
 371       if (item.id) {
 372         this.$real.val(item.id);
 373         // autocomplete ui has name, use the value for ajax items, which contains displayable_name
 374         this.$dummy.val(item.name ? item.name : item.value);
 375       } else {
 376         this.$real.val('');
 377         this.$dummy.val('');
 378       }
 379       this.state      = this.STATES.PICKED;
 380       this.last_real  = this.$real.val();
 381       this.last_dummy = this.$dummy.val();
 382       this.$real.trigger('change');
 383
 384       if (this.o.fat_set_item && item.id) {
 385         $.ajax({
 386           url: 'controller.pl?action=Part/show.json',
 387           data: { 'part.id': item.id },
 388           success: function(rsp) {
 389             self.$real.trigger('set_item:PartPicker', rsp);
 390           },
 391         });
 392       } else {
 393         this.$real.trigger('set_item:PartPicker', item);
 394       }
 395       this.annotate_state();
 396     },
 397     set_multi_items: function(data) {
 398       this.run_action(this.o.action.set_multi_items, [ data ]);
 399     },
 400     make_defined_state: function() {
 401       if (this.state == this.STATES.PICKED) {
 402         this.annotate_state();
 403         return true
 404       } else if (this.state == this.STATES.UNDEFINED && this.$dummy.val() === '')
 405         this.set_item({})
 406       else {
 407         this.set_item({ id: this.last_real, name: this.last_dummy })
 408       }
 409       this.annotate_state();
 410     },
 411     annotate_state: function() {
 412       if (this.state == this.STATES.PICKED)
 413         this.$dummy.removeClass(this.STATES.UNDEFINED).addClass(this.STATES.PICKED);
 414       else if (this.state == this.STATES.UNDEFINED && this.$dummy.val() === '')
 415         this.$dummy.removeClass(this.STATES.UNDEFINED).addClass(this.STATES.PICKED);
 416       else {
 417         this.$dummy.addClass(this.STATES.UNDEFINED).removeClass(this.STATES.PICKED);
 418       }
 419     },
 420     handle_changed_text: function(callbacks) {
 421       var self = this;
 422       $.ajax({
 423         url: 'controller.pl?action=Part/ajax_autocomplete',
 424         dataType: "json",
 425         data: $.extend( self.ajax_data(self.$dummy.val()), { prefer_exact: 1 } ),
 426         success: function (data) {
 427           if (data.length == 1) {
 428             self.set_item(data[0]);
 429             if (callbacks && callbacks.match_one) self.run_action(callbacks.match_one, [ data[0] ]);
 430           } else if (data.length > 1) {
 431             self.state = self.STATES.UNDEFINED;
 432             if (callbacks && callbacks.match_many) self.run_action(callbacks.match_many, [ data ]);
 433           } else {
 434             self.state = self.STATES.UNDEFINED;
 435             if (callbacks && callbacks.match_none) self.run_action(callbacks.match_none, [ self, self.$dummy.val() ]);
 436           }
 437           self.annotate_state();
 438         }
 439       });
 440     },
 441     /*  In case users are impatient and want to skip ahead:
 442      *  Capture <enter> key events and check if it's a unique hit.
 443      *  If it is, go ahead and assume it was selected. If it wasn't don't do
 444      *  anything so that autocompletion kicks in.  For <tab> don't prevent
 445      *  propagation. It would be nice to catch it, but javascript is too stupid
 446      *  to fire a tab event later on, so we'd have to reimplement the "find
 447      *  next active element in tabindex order and focus it".
 448      */
 449     /* note:
 450      *  event.which does not contain tab events in keypressed in firefox but will report 0
 451      *  chrome does not fire keypressed at all on tab or escape
 452      */
 453     handle_keydown: function(event) {
 454       var self = this;
 455       if (event.which == KEY.ENTER || event.which == KEY.TAB) {
 456         // if string is empty assume they want to delete
 457         if (self.$dummy.val() === '') {
 458           self.set_item({});
 459           return true;
 460         } else if (self.state == self.STATES.PICKED) {
 461           if (self.o.action.commit_one) {
 462             self.run_action(self.o.action.commit_one);
 463           }
 464           return true;
 465         }
 466         if (event.which == KEY.TAB) {
 467           event.preventDefault();
 468           self.handle_changed_text();
 469         }
 470         if (event.which == KEY.ENTER) {
 471           event.preventDefault();
 472           self.handle_changed_text({
 473             match_none: self.o.action.commit_none,
 474             match_one:  self.o.action.commit_one,
 475             match_many: self.o.action.commit_many
 476           });
 477           return false;
 478         }
 479       } else if (event.which == KEY.DOWN && !self.autocomplete_open) {
 480         var old_options = self.$dummy.autocomplete('option');
 481         self.$dummy.autocomplete('option', 'minLength', 0);
 482         self.$dummy.autocomplete('search', self.$dummy.val());
 483         self.$dummy.autocomplete('option', 'minLength', old_options.minLength);
 484       } else if ((event.which != KEY.SHIFT) && (event.which != KEY.CTRL) && (event.which != KEY.ALT)) {
 485         self.state = self.STATES.UNDEFINED;
 486       }
 487     },
 488     open_dialog: function() {
 489       if (this.o.multiple) {
 490         this.dialog = new ns.PickerMultiPopup(this);
 491       } else {
 492         this.dialog = new ns.PickerPopup(this);
 493       }
 494     },
 495     close_dialog: function() {
 496       this.dialog.close_dialog();
 497       this.dialog = undefined;
 498     },
 499     init: function() {
 500       var self = this;
 501       this.$dummy.autocomplete({
 502         source: function(req, rsp) {
 503           $.ajax($.extend(self.o, {
 504             url:      'controller.pl?action=Part/ajax_autocomplete',
 505             dataType: "json",
 506             data:     self.ajax_data(req.term),
 507             success:  function (data){ rsp(data) }
 508           }));
 509         },
 510         select: function(event, ui) {
 511           self.set_item(ui.item);
 512           if (self.o.action.commit_one) {
 513             self.run_action(self.o.action.commit_one);
 514           }
 515         },
 516         search: function(event, ui) {
 517           if ((event.which == KEY.SHIFT) || (event.which == KEY.CTRL) || (event.which == KEY.ALT))
 518             event.preventDefault();
 519         },
 520         open: function() {
 521           self.autocomplete_open = true;
 522         },
 523         close: function() {
 524           self.autocomplete_open = false;
 525         }
 526       });
 527       this.$dummy.keydown(function(event){ self.handle_keydown(event) });
 528       this.$dummy.on('paste', function(){
 529         setTimeout(function() {
 530           self.handle_changed_text();
 531         }, 1);
 532       });
 533       this.$dummy.blur(function(){
 534         window.clearTimeout(self.timer);
 535         self.timer = window.setTimeout(function() { self.annotate_state() }, 100);
 536       });
 537
 538       var popup_button = $('<span>').addClass('ppp_popup_button');
 539       this.$dummy.after(popup_button);
 540       popup_button.click(function() { self.open_dialog() });
 541     },
 542     run_action: function(code, args) {
 543       if (typeof code === 'function')
 544         code.apply(this, args)
 545       else
 546         kivi.run(code, args);
 547     },
 548     clear: function() {
 549       this.set_item({});
 550     }
 551   };
 552   ns.Picker.prototype.STATES = {
 553     PICKED:    ns.Picker.prototype.CLASSES.PICKED,
 554     UNDEFINED: ns.Picker.prototype.CLASSES.UNDEFINED
 555   };
 556
 557   ns.PickerPopup = function(pp) {
 558     this.timer = undefined;
 559     this.pp    = pp;
 560     this.open_dialog();
 561   };
 562
 563   ns.PickerPopup.prototype = {
 564     open_dialog: function() {
 565       var self = this;
 566       kivi.popup_dialog({
 567         url: 'controller.pl?action=Part/part_picker_search',
 568         data: $.extend({
 569           real_id: self.pp.real_id,
 570         }, self.pp.ajax_data(this.pp.$dummy.val())),
 571         id: 'part_selection',
 572         dialog: {
 573           title: kivi.t8('Part picker'),
 574           width: 800,
 575           height: 800,
 576         },
 577         load: function() { self.init_search(); }
 578       });
 579       window.clearTimeout(this.timer);
 580       return true;
 581     },
 582     init_search: function() {
 583       var self = this;
 584       $('#part_picker_filter').keypress(function(e) { self.result_timer(e) }).focus();
 585       $('#no_paginate').change(function() { self.update_results() });
 586       this.update_results();
 587     },
 588     update_results: function() {
 589       var self = this;
 590       $.ajax({
 591         url: 'controller.pl?action=Part/part_picker_result',
 592         data: $.extend({
 593           no_paginate: $('#no_paginate').prop('checked') ? 1 : 0,
 594         }, self.pp.ajax_data(function(){
 595           var val = $('#part_picker_filter').val();
 596           return val === undefined ? '' : val
 597         })),
 598         success: function(data){
 599           $('#part_picker_result').html(data);
 600           self.init_results();
 601         }
 602       });
 603     },
 604     init_results: function() {
 605       var self = this;
 606       $('div.part_picker_part').each(function(){
 607         $(this).click(function(){
 608           self.pp.set_item({
 609             id:   $(this).children('input.part_picker_id').val(),
 610             name: $(this).children('input.part_picker_description').val(),
 611             classification_id: $(this).children('input.part_picker_classification_id').val(),
 612             ean:  $(this).children('input.part_picker_ean').val(),
 613             unit: $(this).children('input.part_picker_unit').val(),
 614             partnumber:  $(this).children('input.part_picker_partnumber').val(),
 615             description: $(this).children('input.part_picker_description').val(),
 616           });
 617           self.close_dialog();
 618           self.pp.$dummy.focus();
 619           return true;
 620         });
 621       });
 622       $('#part_selection').keydown(function(e){
 623          if (e.which == KEY.ESCAPE) {
 624            self.close_dialog();
 625            self.pp.$dummy.focus();
 626          }
 627       });
 628     },
 629     result_timer: function(event) {
 630       var self = this;
 631       if (!$('no_paginate').prop('checked')) {
 632         if (event.keyCode == KEY.PAGE_UP) {
 633           $('#part_picker_result a.paginate-prev').click();
 634           return;
 635         }
 636         if (event.keyCode == KEY.PAGE_DOWN) {
 637           $('#part_picker_result a.paginate-next').click();
 638           return;
 639         }
 640       }
 641       window.clearTimeout(this.timer);
 642       if (event.which == KEY.ENTER) {
 643         self.update_results();
 644       } else {
 645         this.timer = window.setTimeout(function() { self.update_results() }, 100);
 646       }
 647     },
 648     close_dialog: function() {
 649       $('#part_selection').dialog('close');
 650     }
 651   };
 652
 653   ns.PickerMultiPopup = function(pp) {
 654     this.pp       = pp;
 655     this.callback = 'Part/add_multi_' + this.pp.o.part_type + '_items';
 656     this.open_dialog();
 657   };
 658
 659   ns.PickerMultiPopup.prototype = {
 660     open_dialog: function() {
 661       var self = this;
 662       $('#row_table_id thead a img').remove();
 663
 664       kivi.popup_dialog({
 665         url: 'controller.pl?action=Part/show_multi_items_dialog',
 666         data: $.extend({
 667           real_id: self.pp.real_id,
 668         }, self.pp.ajax_data(this.pp.$dummy.val())),
 669         id: 'jq_multi_items_dialog',
 670         dialog: {
 671           title: kivi.t8('Add multiple items'),
 672           width:  800,
 673           height: 800
 674         },
 675         load: function() {
 676           self.init_search();
 677         }
 678       });
 679       return true;
 680     },
 681     init_search: function() {
 682       var self = this;
 683       $('#multi_items_filter_table input, #multi_items_filter_table select').keydown(function(event) {
 684         if(event.which == KEY.ENTER) {
 685           event.preventDefault();
 686           self.update_results();
 687           return false;
 688         }
 689       });
 690
 691       $('#multi_items_filter_all_substr_multi_ilike').focus();
 692       $('#multi_items_filter_button').click(function(){ self.update_results() });
 693       $('#multi_items_filter_reset').click(function(){ $("#multi_items_form").resetForm() });
 694       $('#continue_button').click(function(){ self.add_multi_items() });
 695     },
 696     update_results: function() {
 697       var self = this;
 698       var data = $('#multi_items_form').serializeArray();
 699       data.push({ name: 'type', value: self.pp.type });
 700       var ppdata = self.pp.ajax_data(function(){
 701         var val = $('#multi_items_filter').val();
 702         return val === undefined ? '' : val
 703       });
 704       $.each(Object.keys(ppdata), function() {data.push({ name: 'multi_items.' + this, value: ppdata[this]});});
 705       $.ajax({
 706         url: 'controller.pl?action=Part/multi_items_update_result',
 707         data: data,
 708         method: 'post',
 709         success: function(data){
 710           $('#multi_items_result').html(data);
 711           self.init_results();
 712           self.enable_continue();
 713         }
 714       });
 715     },
 716     set_qty_to_one: function(clicked) {
 717       if ($(clicked).val() === '') {
 718         $(clicked).val(kivi.format_amount(1.00, -2));
 719       }
 720       $(clicked).select();
 721     },
 722     init_results: function() {
 723       var self = this;
 724       $('#multi_items_all_qty').change(function(event){
 725         $('.multi_items_qty').val($(event.target).val());
 726       });
 727       $('.multi_items_qty').click(function(){ self.set_qty_to_one(this) });
 728     },
 729     result_timer: function(event) {
 730     },
 731     close_dialog: function() {
 732       $('#jq_multi_items_dialog').dialog('close');
 733     },
 734     disable_continue: function() {
 735       $('#multi_items_result input').off("keydown");
 736       $('#continue_button').prop('disabled', true);
 737     },
 738     enable_continue: function() {
 739       var self = this;
 740       $('#multi_items_result input').keydown(function(event) {
 741         if(event.keyCode == KEY.ENTER) {
 742           event.preventDefault();
 743           self.add_multi_items();
 744           return false;
 745         }
 746       });
 747       $('#continue_button').prop('disabled', false);
 748     },
 749     add_multi_items: function() {
 750       // rows at all
 751       var n_rows = $('.multi_items_qty').length;
 752       if ( n_rows === 0) { return; }
 753
 754       // filled rows
 755       n_rows = $('.multi_items_qty').filter(function() {
 756         return $(this).val().length > 0;
 757       }).length;
 758       if (n_rows === 0) { return; }
 759
 760       this.disable_continue();
 761
 762       var data = $('#multi_items_form').serializeArray();
 763       this.pp.set_multi_items(data);
 764     }
 765   };
 766
 767   ns.reinit_widgets = function() {
 768     kivi.run_once_for('input.part_autocomplete', 'part_picker', function(elt) {
 769       if (!$(elt).data('part_picker'))
 770         $(elt).data('part_picker', new kivi.Part.Picker($(elt)));
 771     });
 772
 773     kivi.run_once_for('#customerprice_rows', 'customerprice_row_sort_renumber', function(elt) {
 774       $(elt).on('sortstop', kivi.Part.customerprice_renumber_positions);
 775     });
 776
 777     kivi.run_once_for('#makemodel_rows', 'makemodel_row_sort_renumber', function(elt) {
 778       $(elt).on('sortstop', kivi.Part.makemodel_renumber_positions);
 779     });
 780   }
 781
 782   ns.init = function() {
 783     ns.reinit_widgets();
 784   }
 785
 786   $(function(){
 787     $('#ic').on('focusout', '.reformat_number', function(event) {
 788        ns.reformat_number(event);
 789     });
 790
 791     $('#part_warehouse_id').change(kivi.Part.reload_bin_selection);
 792
 793     ns.init();
 794   });
 795 });