CustomerVendor: Picker nach Art von PartPicker
[kivitendo-erp.git] / templates / webpages / customer_vendor / test_page.html
diff --git a/templates/webpages/customer_vendor/test_page.html b/templates/webpages/customer_vendor/test_page.html
new file mode 100644 (file)
index 0000000..41652b8
--- /dev/null
@@ -0,0 +1,52 @@
+[% USE L %]
+
+<h1>Customer Vendor Autocomplete Testpage</h1>
+
+<br>
+Customer: with preselected id 822<br>
+[% L.customer_vendor_picker('customer_id', 822, type='customer') %]<br>
+
+<br><hr>
+Vendor: <br>
+[% L.customer_vendor_picker('vendor_id', '', type='vendor') %]<br>
+
+<br><hr>
+customer with fat change<br>
+[% L.customer_vendor_picker('customer_id2', '', type='customer', fat_set_item=1) %]<br>
+<div>id from change <span id='change1'></span></div>
+<div>greeting from fat change <span id='change2'></span></div>
+
+<br><hr>
+fat vendor with change<br>
+[% L.customer_vendor_picker('vendor_id2', '', type='vendor', fat_set_item=1) %]<br>
+<div>id  from change<span id='change3'></span></div>
+<div>greeting from fat change <span id='change4'></span></div>
+
+<br><hr>
+this one will be reinit_widget after 4s:<br>
+<span id='vendor3' class="">
+<input id="vendor3_id" class="" type="hidden" name="vendor3_id" value="">
+<input id="vendor3_id_type" type="hidden" name="" value="vendor">
+<input id="vendor3_id_name" type="text" name="" value="">
+</span>
+
+<br><hr>
+this shouold have three '-' before and after touching:<br>
+---[% L.customer_vendor_picker('vendor5_id', '', type='vendor') %]---
+
+
+<script type='text/javascript'>
+ $('#customer_id2').change(function() { $('#change1').html($('#customer_id2').val()) })
+ $('#customer_id2').on('set_item:CustomerVendorPicker', function(e,o) { $('#change2').html(o.greeting) })
+
+ $('#vendor_id2').change(function() { $('#change3').html($('#vendor_id2').val()) })
+ $('#vendor_id2').on('set_item:CustomerVendorPicker', function(e,o) { $('#change4').html(o.greeting) })
+
+window.setTimeout(function() {
+  console.log("adding last one now!");
+  $('#vendor3_id').addClass('customer_vendor_autocomplete');
+  $('#vendor3').addClass('customer_vendor_picker');
+  kivi.reinit_widgets();
+}, 4000);
+</script>
+