templates/webpages/part/part_picker_search.html

   1 [%- USE HTML %]
   2 [%- USE L %]
   3 [%- USE LxERP %]
   4 [%- USE T8 %]
   5
   6 <h1>[% 'Part picker' | $T8 %]</h1>
   7 <div style='overflow:hidden'>
   8
   9 [% L.input_tag('part_picker_filter', SELF.filter.all_substr__ilike, class='part_picker_filter') %]
  10 [% L.hidden_tag('part_picker_real_id', FORM.real_id) %]
  11
  12 <div style='clear:both'></div>
  13 <div id='part_picker_result'></div>
  14 </div>
  15
  16 <script type='text/javascript'>
  17   var timer;
  18   var update_results = function(){
  19     var $type   = $('#[% FORM.real_id %]_type');
  20     var $column = $('#[% FORM.real_id %]_column');
  21     $.ajax({
  22       url: 'controller.pl?action=Part/part_picker_result',
  23       data: {
  24         'filter.all:substr::ilike': function(){ var val = $('#part_picker_filter').val(); return val === undefined ? '' : val },
  25         'filter.type': function(){ return $type.val() },
  26         'column': function(){ return $column.val() },
  27         'real_id': [% FORM.real_id.json %],
  28       },
  29       success: function(data){ $('#part_picker_result').html(data) }
  30     });
  31   };
  32   $(function(){
  33     $('#part_picker_filter').focus();
  34     update_results();
  35   });
  36   $('#part_picker_filter').keypress(function (event){
  37     window.clearTimeout(timer);
  38     timer = window.setTimeout(update_results, 100);
  39   });
  40 </script>