101 lines
3.1 KiB
Smarty
101 lines
3.1 KiB
Smarty
<script id="streetAutocomplete" type="text/x-dot-template">
|
|
{literal}
|
|
{{~it.items :item :index}}
|
|
<div data-autocomplete-position="{{=index}}"
|
|
data-autocomplete-item="{{=item.Streetname}}{{? item.HouseNumber}} {{=item.HouseNumber}}{{??}}{{?}}"
|
|
data-autocomplete-city="{{=item.TownName}}" data-autocomplete-zip="{{=item.Zipcode}}"
|
|
tabindex="0">
|
|
{{? item.StreetFormatted}}{{=item.StreetFormatted}}{{??}}{{=item.Streetname}}{{?}}
|
|
</div>
|
|
{{~}}
|
|
{/literal}
|
|
</script>
|
|
<script>
|
|
wpj.onReady.push(function() {
|
|
var $input = $('#istreet');
|
|
|
|
$.widget('wpj.streetAutocomplete', $.wpj.autocomplete, {
|
|
options: {
|
|
source: '/addressAutocomplete/?searchType=AutoComplete2&street={literal}{{=it.value}}{/literal}',
|
|
template: '#streetAutocomplete',
|
|
},
|
|
|
|
select: function(e, $item) {
|
|
$input.val($item.data('autocomplete-item'));
|
|
$('#icity').val($item.data('autocomplete-city'));
|
|
$('#izip').val($item.data('autocomplete-zip'));
|
|
|
|
$input.change();
|
|
$('#icity').change();
|
|
$('#izip').change();
|
|
},
|
|
});
|
|
|
|
$input.streetAutocomplete();
|
|
});
|
|
</script>
|
|
|
|
<script id="cityAutocomplete" type="text/x-dot-template">
|
|
{literal}
|
|
{{~it.items :item :index}}
|
|
<div data-autocomplete-position="{{=index}}" data-autocomplete-item="{{=item.TownName}}" data-autocomplete-zip="{{=item.Zipcode}}" tabindex="0">
|
|
{{=item.TownName}} ({{=item.Zipcode}})
|
|
</div>
|
|
{{~}}
|
|
{/literal}
|
|
</script>
|
|
<script>
|
|
wpj.onReady.push(function() {
|
|
var $input = $('#icity');
|
|
|
|
$.widget('wpj.cityAutocomplete', $.wpj.autocomplete, {
|
|
options: {
|
|
source: '/addressAutocomplete/?searchType=AutoComplete2&city={literal}{{=it.value}}{/literal}',
|
|
template: '#cityAutocomplete',
|
|
},
|
|
|
|
select: function(e, $item) {
|
|
$input.val($item.data('autocomplete-item'));
|
|
$('#izip').val($item.data('autocomplete-zip'));
|
|
|
|
$input.change();
|
|
$('#izip').change();
|
|
},
|
|
});
|
|
|
|
$input.cityAutocomplete();
|
|
});
|
|
</script>
|
|
|
|
<script id="zipAutocomplete" type="text/x-dot-template">
|
|
{literal}
|
|
{{~it.items :item :index}}
|
|
<div data-autocomplete-position="{{=index}}" data-autocomplete-item="{{=item.Zipcode}}" data-autocomplete-city="{{=item.TownName}}" tabindex="0">
|
|
{{=item.Zipcode}} ({{=item.TownName}})
|
|
</div>
|
|
{{~}}
|
|
{/literal}
|
|
</script>
|
|
<script>
|
|
wpj.onReady.push(function() {
|
|
var $input = $('#izip');
|
|
|
|
$.widget('wpj.zipAutocomplete', $.wpj.autocomplete, {
|
|
options: {
|
|
source: '/addressAutocomplete/?searchType=AutoComplete2&zip={literal}{{=it.value}}{/literal}',
|
|
template: '#zipAutocomplete',
|
|
},
|
|
|
|
select: function(e, $item) {
|
|
$input.val($item.data('autocomplete-item'));
|
|
$('#icity').val($item.data('autocomplete-city'));
|
|
|
|
$input.change();
|
|
$('#icity').change();
|
|
},
|
|
});
|
|
|
|
$input.zipAutocomplete();
|
|
});
|
|
</script>
|