39 lines
1.4 KiB
PHP
39 lines
1.4 KiB
PHP
<div class="modal fade" id="assignRoleModal" tabindex="-1" aria-labelledby="assignRoleModalLabel" aria-hidden="true">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content">
|
|
<div class="modal-header bg-light p-3">
|
|
<h5 class="modal-title" id="assignRoleModalLabel">Assign Role</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"
|
|
id="close-modal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@push('js')
|
|
<script>
|
|
$(document).on('click', '.assign-role-btn', function() {
|
|
const url = $(this).attr('data-link');
|
|
const myModal = new bootstrap.Modal(document.getElementById("assignRoleModal"));
|
|
$("#assignRoleModal .modal-body").html(
|
|
'<div class="text-center my-5"><i class="spinner-border text-primary" role="status"></i></div>'
|
|
);
|
|
|
|
myModal.show();
|
|
|
|
$.get(url, function(res) {
|
|
$("#assignRoleModal .modal-body").html(res);
|
|
document.querySelectorAll(".choices-select").forEach((element) => {
|
|
new Choices(element, {
|
|
removeItemButton: true,
|
|
searchEnabled: true,
|
|
});
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
@endpush
|