|
|
@ -335,12 +335,38 @@ |
|
|
|
<label for="PostalZipCode">Postal/Zip Code</label> |
|
|
|
</div> |
|
|
|
<span class="input-group-text px-2"> |
|
|
|
<button class="btn-choose bg-transparent text-white border-0" type="button">Lookup</button> |
|
|
|
<button class="btn-choose bg-transparent text-white border-0" id="btnSearch" type="button">Lookup</button> |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div id="apiDataPopup" class="modal fade" role="dialog"> |
|
|
|
<div class="modal-dialog"> |
|
|
|
<div class="modal-content"> |
|
|
|
<div class="modal-header"> |
|
|
|
<h4 class="modal-title">Address List</h4> |
|
|
|
</div> |
|
|
|
<div class="modal-body"> |
|
|
|
<table class="table table-bordered"> |
|
|
|
<thead> |
|
|
|
<tr> |
|
|
|
<th>SN</th> |
|
|
|
<th>Address1</th> |
|
|
|
<th>Address2</th> |
|
|
|
<th>Action</th> |
|
|
|
</tr> |
|
|
|
</thead> |
|
|
|
<tbody id="apiDataBody"> |
|
|
|
</tbody> |
|
|
|
</table> |
|
|
|
</div> |
|
|
|
<div class="modal-footer"> |
|
|
|
<button type="button" class="btn btn-primary" data-dismiss="modal">Close</button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="col-md-4"> |
|
|
|
<div class="mb-4"> |
|
|
|
<div class="form-floating"> |
|
|
@ -463,8 +489,8 @@ |
|
|
|
</div> |
|
|
|
</section> |
|
|
|
<!-- Who we are end --> |
|
|
|
|
|
|
|
|
|
|
|
<input type="hidden" id="hdnAdditionalAddress" name="hdnAdditionalAddress" value="initial value" /> |
|
|
|
<input type="hidden" id="cityHidden" name="cityHidden" value="initial value" /> |
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
|
@ -542,6 +568,69 @@ |
|
|
|
|
|
|
|
|
|
|
|
$(document).ready(function () { |
|
|
|
debugger; |
|
|
|
$('#btnSearch').click(function (e) { |
|
|
|
e.preventDefault(); |
|
|
|
var postalCode = $('#PostalZipCode').val(); |
|
|
|
|
|
|
|
if (!postalCode || postalCode == "" || postalCode == null) { |
|
|
|
alert("Postal cannot be empty"); |
|
|
|
return; |
|
|
|
} |
|
|
|
|
|
|
|
$.ajax({ |
|
|
|
type: 'POST', |
|
|
|
contentType: 'application/json; charset=utf-8', |
|
|
|
url: '/Customer/GetAddressByPostCode', |
|
|
|
//data: JSON.stringify({ postalCode: postalCode }), |
|
|
|
data: JSON.stringify(postalCode), |
|
|
|
dataType: 'json', |
|
|
|
success: function (response) { |
|
|
|
var data = JSON.parse(response); |
|
|
|
|
|
|
|
$('#apiDataPopup').modal({ backdrop: 'static', keyboard: false }, 'show'); |
|
|
|
$('#apiDataBody tbody').empty(); |
|
|
|
|
|
|
|
if (data && data.Data && data.Data.Addresses) { |
|
|
|
var addresses = data.Data.Addresses; |
|
|
|
|
|
|
|
addresses.forEach(function (item, index) { |
|
|
|
var row = $('<tr>'); |
|
|
|
row.append($('<td>').text(index + 1)); |
|
|
|
row.append($('<td>').text(item.Address1)); |
|
|
|
row.append($('<td>').text(item.Address2)); |
|
|
|
|
|
|
|
var selectButton = $('<button>') |
|
|
|
.addClass('btn btn-primary') |
|
|
|
.text('Select') |
|
|
|
.click(function (event) { |
|
|
|
var additionalAddress = item.Address1; |
|
|
|
var city = item.Address2; |
|
|
|
|
|
|
|
$('#hdnAdditionalAddress').val(additionalAddress); |
|
|
|
$('#cityHidden').val(city); |
|
|
|
|
|
|
|
$('#Address1').val(additionalAddress); |
|
|
|
$('#Address2').val(city); |
|
|
|
$('#apiDataPopup').modal('hide'); |
|
|
|
event.preventDefault(); |
|
|
|
}); |
|
|
|
|
|
|
|
row.append($('<td>').append(selectButton)); |
|
|
|
$('#apiDataBody').append(row); |
|
|
|
}); |
|
|
|
|
|
|
|
$('#apiDataPopup').modal('show'); |
|
|
|
} else { |
|
|
|
console.error("Invalid response."); |
|
|
|
} |
|
|
|
}, |
|
|
|
error: function (error) { |
|
|
|
console.error(error); |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
// Select the password and confirmPassword input fields |
|
|
|
var passwordField = $("#Password"); |
|
|
|
var confirmPasswordField = $("#ConfirmPassword"); |
|
|
|