@@ -21,6 +21,14 @@ if (!isset($_SESSION["logged_in"]) || $_SESSION["logged_in"] !== true) {
|
|||||||
?>
|
?>
|
||||||
<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
|
<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/gh-pages/qrcode.min.js"></script>
|
||||||
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <!-- Google Material Icons -->
|
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> <!-- Google Material Icons -->
|
||||||
|
<style>
|
||||||
|
.modal.modal-front {
|
||||||
|
z-index: 1065;
|
||||||
|
}
|
||||||
|
.modal-backdrop.modal-front-backdrop {
|
||||||
|
z-index: 1060;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!-- Main Container -->
|
<!-- Main Container -->
|
||||||
@@ -375,10 +383,12 @@ if (!isset($_SESSION["logged_in"]) || $_SESSION["logged_in"] !== true) {
|
|||||||
}
|
}
|
||||||
} else {
|
} else {
|
||||||
// Handle error
|
// Handle error
|
||||||
|
switchElement.checked = false;
|
||||||
showErrorModal('Error: ' + (result.message || 'An error occurred while updating 2FA.'));
|
showErrorModal('Error: ' + (result.message || 'An error occurred while updating 2FA.'));
|
||||||
}
|
}
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('Error:', error);
|
console.error('Error:', error);
|
||||||
|
switchElement.checked = false;
|
||||||
showErrorModal('Failed to send request. Please try again later.');
|
showErrorModal('Failed to send request. Please try again later.');
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
@@ -425,8 +435,20 @@ if (!isset($_SESSION["logged_in"]) || $_SESSION["logged_in"] !== true) {
|
|||||||
// Function to show error modal
|
// Function to show error modal
|
||||||
function showErrorModal(message) {
|
function showErrorModal(message) {
|
||||||
document.getElementById('errorModalMessage').textContent = message;
|
document.getElementById('errorModalMessage').textContent = message;
|
||||||
|
const errorElement = document.getElementById('errorModal');
|
||||||
|
const twofaIsOpen = document.getElementById('twofaModal').classList.contains('show');
|
||||||
|
errorElement.classList.toggle('modal-front', twofaIsOpen);
|
||||||
const errorModal = new bootstrap.Modal(document.getElementById('errorModal'));
|
const errorModal = new bootstrap.Modal(document.getElementById('errorModal'));
|
||||||
errorModal.show();
|
errorModal.show();
|
||||||
|
if (twofaIsOpen) {
|
||||||
|
setTimeout(() => {
|
||||||
|
const backdrops = document.querySelectorAll('.modal-backdrop');
|
||||||
|
const latestBackdrop = backdrops[backdrops.length - 1];
|
||||||
|
if (latestBackdrop) {
|
||||||
|
latestBackdrop.classList.add('modal-front-backdrop');
|
||||||
|
}
|
||||||
|
}, 0);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
function showSuccessModal(message) {
|
function showSuccessModal(message) {
|
||||||
document.getElementById('successModalMessage').textContent = message;
|
document.getElementById('successModalMessage').textContent = message;
|
||||||
@@ -466,6 +488,7 @@ if (!isset($_SESSION["logged_in"]) || $_SESSION["logged_in"] !== true) {
|
|||||||
document.getElementById('2fa-switch').checked = true;
|
document.getElementById('2fa-switch').checked = true;
|
||||||
showSuccessModal(result.message || '2FA enabled successfully.');
|
showSuccessModal(result.message || '2FA enabled successfully.');
|
||||||
} else {
|
} else {
|
||||||
|
document.getElementById('2fa-switch').checked = false;
|
||||||
showErrorModal(result.message || 'Invalid 2FA code.');
|
showErrorModal(result.message || 'Invalid 2FA code.');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user