feat: Add ability to add multiple Business UUID and Location UUID entries

This commit is contained in:
Lord_Devi 2024-09-19 00:41:10 -04:00
parent 73816f4a00
commit 4a9d368a78

View file

@ -52,7 +52,11 @@
<div class="dropdown-menu pb-4" aria-labelledby="businessUUIDDropdown" style="width: 300px; padding-left: 5px; padding-right: 5px;" onclick="event.stopPropagation();">
<form method="get">
<div class="px-4 py-2">
<input type="text" class="form-control" id="businessUUIDInput" name="business_uuid" placeholder="Enter Business UUID">
<input type="text" class="form-control business-uuid-input" name="business_uuid" placeholder="Enter Business UUID">
</div>
<div class="business-uuid-fields"></div>
<div class="d-grid mt-2">
<button type="button" class="btn btn-secondary add-business-uuid">Add Entry</button>
</div>
<div class="dropdown-divider"></div>
<div class="d-grid mt-2 mb-3 px-4">
@ -68,7 +72,11 @@
<div class="dropdown-menu pb-4" aria-labelledby="locationUUIDDropdown" style="width: 300px; padding-left: 5px; padding-right: 5px;" onclick="event.stopPropagation();">
<form method="get">
<div class="px-4 py-2">
<input type="text" class="form-control" id="locationUUIDInput" name="location_uuid" placeholder="Enter Location UUID">
<input type="text" class="form-control location-uuid-input" name="location_uuid" placeholder="Enter Location UUID">
</div>
<div class="location-uuid-fields"></div>
<div class="d-grid mt-2">
<button type="button" class="btn btn-secondary add-location-uuid">Add Entry</button>
</div>
<div class="dropdown-divider"></div>
<div class="d-grid mt-2 mb-3 px-4">
@ -293,4 +301,21 @@
window.location.href = url.toString();
});
</script>
<script>
document.querySelector('.add-business-uuid').addEventListener('click', function() {
var businessUUIDFields = document.querySelector('.business-uuid-fields');
var newField = document.createElement('div');
newField.classList.add('px-4', 'py-2');
newField.innerHTML = '<input type="text" class="form-control business-uuid-input" name="business_uuid" placeholder="Enter Business UUID">';
businessUUIDFields.appendChild(newField);
});
document.querySelector('.add-location-uuid').addEventListener('click', function() {
var locationUUIDFields = document.querySelector('.location-uuid-fields');
var newField = document.createElement('div');
newField.classList.add('px-4', 'py-2');
newField.innerHTML = '<input type="text" class="form-control location-uuid-input" name="location_uuid" placeholder="Enter Location UUID">';
locationUUIDFields.appendChild(newField);
});
</script>
{% endblock %}