templates/webpages/customer_vendor/test_page.html

   1 [% USE P %]
   2
   3 <h1>Customer Vendor Autocomplete Testpage</h1>
   4
   5 <br>
   6 Customer: with preselected id 822<br>
   7 [% P.customer_vendor.picker('customer_id', 822, type='customer') %]<br>
   8
   9 <br><hr>
  10 Vendor: <br>
  11 [% P.customer_vendor.picker('vendor_id', '', type='vendor') %]<br>
  12
  13 <br><hr>
  14 customer with fat change<br>
  15 [% P.customer_vendor.picker('customer_id2', '', type='customer', fat_set_item=1) %]<br>
  16 <div>id from change <span id='change1'></span></div>
  17 <div>greeting from fat change <span id='change2'></span></div>
  18
  19 <br><hr>
  20 fat vendor with change<br>
  21 [% P.customer_vendor.picker('vendor_id2', '', type='vendor', fat_set_item=1) %]<br>
  22 <div>id  from change<span id='change3'></span></div>
  23 <div>greeting from fat change <span id='change4'></span></div>
  24
  25 <br><hr>
  26 this one will be a reinit_widget after 4s:<br>
  27 <span id='vendor3' class="customer_vendor_picker">
  28 <input id="vendor3_id" class="" type="hidden" name="vendor3_id" value="" data-customer-vendor-picker-data="{&quot;cv_type&quot;:&quot;vendor&quot;}">
  29 <input id="vendor3_id_name" type="text" name="" value="">
  30 </span>
  31
  32 <br><hr>
  33 this should have three '-' before and after touching:<br>
  34 ---[% P.customer_vendor.picker('vendor5_id', '', type='vendor') %]---
  35
  36
  37 <script type='text/javascript'>
  38  $('#customer_id2').change(function() { $('#change1').html($('#customer_id2').val()) })
  39  $('#customer_id2').on('set_item:CustomerVendorPicker', function(e,o) { $('#change2').html(o.greeting) })
  40
  41  $('#vendor_id2').change(function() { $('#change3').html($('#vendor_id2').val()) })
  42  $('#vendor_id2').on('set_item:CustomerVendorPicker', function(e,o) { $('#change4').html(o.greeting) })
  43
  44 window.setTimeout(function() {
  45   console.log("adding last one now!");
  46   $('#vendor3_id').addClass('customer_vendor_autocomplete');
  47   $('#vendor3').addClass('customer_vendor_picker');
  48   kivi.reinit_widgets();
  49 }, 4000);
  50 </script>