| Server IP : 35.201.19.92 / Your IP : 216.73.216.156 Web Server : nginx System : Linux pod-200961 6.8.0-1055-gke #61-Ubuntu SMP Tue May 26 22:57:42 UTC 2026 x86_64 User : fpm200098 ( 200098) PHP Version : 8.2.33 Disable Function : apache_child_terminate,apache_get_modules,apache_get_version,apache_getenv,apache_note,apache_setenv,disk_free_space,disk_total_space,diskfreespace,dl,exec,fastcgi_finish_request,link,opcache_compile_file,opcache_get_configuration,opcache_invalidate,opcache_is_script_cached,opcache_reset,passthru,pclose,pcntl_exec,popen,posix_getpid,posix_getppid,posix_getpwuid,posix_kill,posix_mkfifo,posix_setegid,posix_seteuid,posix_setgid,posix_setpgid,posix_setsid,posix_setuid,posix_uname,proc_close,proc_get_status,proc_nice,proc_open,proc_terminate,realpath_cache_get,shell_exec,show_source,symlink,system MySQL : OFF | cURL : ON | WGET : OFF | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /nas/content/live/questfamilyday/wp-content/themes/generatepress_child/portal/assets/js/ |
Upload File : |
// Function to show the modal with dynamic content
function showActionModal(actionType, title) {
const modal = $("#actionModal");
const modalIcon = $("#modalIcon");
const modalTitle = $("#actionModalLabel");
const modalBody = $("#actionModalBody");
const actionButton = $("#actionButton");
// Clear previous classes
modal.removeClass("add-modal delete-modal edit-modal");
modalIcon.removeClass("fa-user-plus fa-trash fa-edit fa-plus");
actionButton.removeClass(
"btn-primary btn-danger btn-success btn-warning text-white"
);
// Handle different action types
switch (actionType) {
case "add":
setupAddModal();
break;
case "delete":
setupDeleteModal();
break;
case "edit":
setupEditModal();
break;
case "add - child":
setupAddChildModal();
break;
case "edit - child":
setupEditChildModal();
break;
case "edit - educator-documents":
setupEditEducatorDocsModal();
break;
case "view - educator-documents":
setupViewEducatorDocsModal();
break;
case "updatestatus":
setupUpdateStatusModal();
break;
}
// Set modal title and show
modalTitle.text(title);
modal.modal("show");
// Helper functions for each modal type
function setupUpdateStatusModal() {
modal.addClass("delete-modal");
modalIcon.addClass("fa-edit");
actionButton.addClass("btn-danger");
actionButton.html('<i class="fas fa-edit"></i> Update');
modalBody.html(`T`);
actionButton.off("click").on("click", function () {
alert("Item deleted successfully!");
modal.modal("hide");
});
}
function setupAddModal() {
modal.addClass("add-modal");
modalIcon.addClass("fa-user-plus");
actionButton.addClass("btn-success");
actionButton.html('<i class="fas fa-plus"></i> Add');
modalBody.html(`
<form id="adultForm">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="adultFirstName" class="form-label">First Name</label>
<input type="text" class="form-control" id="adultFirstName" required />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="adultLastName" class="form-label">Last Name</label>
<input type="text" class="form-control" id="adultLastName" required />
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="adultRelationship" class="form-label">Relationship</label>
<select class="form-control" id="adultRelationship" required>
<option value="">Select Relationship</option>
<option>Spouse</option>
<option>Parent</option>
<option>Sibling</option>
<option>Other</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="adultGender" class="form-label">Gender</label>
<select class="form-control" id="adultGender" required>
<option value="">Select Gender</option>
<option>Male</option>
<option>Female</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="adultDob" class="form-label">Date of Birth</label>
<input type="date" class="form-control" id="adultDob" required />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="adultEmail" class="form-label">Email</label>
<input type="email" class="form-control" id="adultEmail" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="wwccNumber" class="form-label">WWCC/Bluecard Number</label>
<input type="text" class="form-control" id="wwccNumber" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="wwccExpiry" class="form-label">WWCC/Bluecard Expiry</label>
<input type="date" class="form-control" id="wwccExpiry" />
</div>
</div>
</div>
</form>
`);
actionButton.off("click").on("click", function () {
if ($("#adultForm")[0].checkValidity()) {
alert("Adult added successfully!");
modal.modal("hide");
} else {
$("#adultForm")[0].reportValidity();
}
});
}
function setupDeleteModal() {
modal.addClass("delete-modal");
modalIcon.addClass("fa-trash");
actionButton.addClass("btn-danger");
actionButton.html('<i class="fas fa-trash"></i> Delete');
console.log(modalIcon);
modalBody.html(`
<div class="alert alert-danger">
<i class="fas fa-exclamation-triangle"></i> Are you sure you want to delete this item?
</div>
<p>This action cannot be undone.</p>
`);
actionButton.off("click").on("click", function () {
alert("Item deleted successfully!");
modal.modal("hide");
});
}
function setupEditModal() {
modal.addClass("edit-modal");
modalIcon.addClass("fa-edit");
actionButton.addClass("btn-warning text-white");
actionButton.html('<i class="fas fa-save"></i> Save');
modalBody.html(`
<form id="adultForm">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="adultFirstName" class="form-label">First Name</label>
<input type="text" class="form-control" id="adultFirstName" placeholder="Sample Text" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="adultLastName" class="form-label">Last Name</label>
<input type="text" class="form-control" id="adultLastName" placeholder="Sample Text" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="adultRelationship" class="form-label">Relationship</label>
<select class="form-control" id="adultRelationship" required>
<option value="">Select Relationship</option>
<option selected>Spouse</option>
<option>Parent</option>
<option>Sibling</option>
<option>Other</option>
</select>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="adultGender" class="form-label">Gender</label>
<select class="form-control" id="adultGender" required>
<option value="">Select Gender</option>
<option>Male</option>
<option selected>Female</option>
</select>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="adultDob" class="form-label">Date of Birth</label>
<input type="date" class="form-control" id="adultDob" required />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="adultEmail" class="form-label">Email</label>
<input type="email" class="form-control" id="adultEmail" placeholder="Sample@Text.com" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="wwccNumber" class="form-label">WWCC/Bluecard Number</label>
<input type="text" class="form-control" id="wwccNumber" placeholder="987534" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="wwccExpiry" class="form-label">WWCC/Bluecard Expiry</label>
<input type="date" class="form-control" id="wwccExpiry" placeholder="4325643" />
</div>
</div>
</div>
</form>
`);
actionButton.off("click").on("click", function () {
if ($("#adultForm")[0].checkValidity()) {
alert("Adult details updated!");
modal.modal("hide");
} else {
$("#adultForm")[0].reportValidity();
}
});
}
function setupAddChildModal() {
modal.addClass("add-modal");
modalIcon.addClass("fa-plus");
actionButton.addClass("btn-success");
actionButton.html('<i class="fas fa-plus"></i> Add');
modalBody.html(`
<form id="childForm">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="childFirstName" class="form-label">First Name</label>
<input type="text" class="form-control" id="childFirstName" required />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="childLastName" class="form-label">Last Name</label>
<input type="text" class="form-control" id="childLastName" required />
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="childDob" class="form-label">Date of Birth</label>
<input type="date" class="form-control" id="childDob" required />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="childEducator" class="form-label">Educator</label>
<select class="form-control" id="childEducator" required>
<option value="">Select Educator</option>
<option>Sarah Johnson</option>
<option>David Chen</option>
<option>Emily Rodriguez</option>
<option>James Wilson</option>
<option>Olivia Smith</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<label for="childNotes" class="form-label">Notes</label>
<textarea class="form-control" id="childNotes" rows="3"></textarea>
</div>
</form>
`);
actionButton.off("click").on("click", function () {
if ($("#childForm")[0].checkValidity()) {
alert("Child added successfully!");
modal.modal("hide");
} else {
$("#childForm")[0].reportValidity();
}
});
}
function setupEditChildModal() {
modal.addClass("edit-modal");
modalIcon.addClass("fa-edit");
actionButton.addClass("btn-success");
actionButton.html('<i class="fas fa-save"></i> Save');
modalBody.html(`
<form id="childForm">
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="childFirstName" class="form-label">First Name</label>
<input type="text" class="form-control" id="childFirstName" placeholder="Sample Text" />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="childLastName" class="form-label">Last Name</label>
<input type="text" class="form-control" id="childLastName" placeholder="Sample Text" />
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="childDob" class="form-label">Date of Birth</label>
<input type="date" class="form-control" id="childDob" required />
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="childEducator" class="form-label">Educator</label>
<select class="form-control" id="childEducator" required>
<option value="">Select Educator</option>
<option>Sarah Johnson</option>
<option>David Chen</option>
<option selected>Emily Rodriguez</option>
<option>James Wilson</option>
<option>Olivia Smith</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<label for="childNotes" class="form-label">Notes</label>
<textarea class="form-control" id="childNotes" rows="3" placeholder="Sample Text"></textarea>
</div>
</form>
`);
actionButton.off("click").on("click", function () {
if ($("#childForm")[0].checkValidity()) {
alert("Child details updated!");
modal.modal("hide");
} else {
$("#childForm")[0].reportValidity();
}
});
}
function setupEditEducatorDocsModal() {
modal.addClass("edit-educator-documents-modal");
modalIcon.addClass("fa-eye");
actionButton.remove();
modalBody.html("");
actionButton.off("click").on("click", function () {
if ($("#childForm")[0].checkValidity()) {
alert("Child added successfully!");
modal.modal("hide");
} else {
$("#childForm")[0].reportValidity();
}
});
}
function setupViewEducatorDocsModal() {
modal.addClass("view-educator-documents-modal");
modalIcon.addClass("fa-eye");
actionButton.remove();
modalBody.html(`
<table class="table table-striped">
<thead>
<tr>
<th>Document Name</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
<td>Vehicle Rego Renewal</td>
<td>
<button class="btn btn-action btn-view" title="View">
<i class="fas fa-eye"></i>
</button>
</td>
</tr>
<tr>
<td>Vehicle Registration 2024-2025</td>
<td>
<button class="btn btn-action btn-view" title="View">
<i class="fas fa-eye"></i>
</button>
</td>
</tr>
</tbody>
</table>
`);
actionButton.off("click").on("click", function () {
if ($("#childForm")[0].checkValidity()) {
alert("Child added successfully!");
modal.modal("hide");
} else {
$("#childForm")[0].reportValidity();
}
});
}
}