TU Login Page
<div class="login-container">
<h2>Log in</h2>
<form id="login-form" action="https://aghep.org/login/index.php" method="post">
<input type="hidden" id="logintoken" name="logintoken" value="">
<div class="form-group">
<input type="text" name="username" placeholder="Username" required>
</div>
<div class="form-group">
<input type="password" name="password" placeholder="Password" required>
</div>
<button type="submit">Log in</button>
<a href="https://aghep.org/login/forgot_password.php">Forgotten your username or password?</a>
</form>
<div class="signup-link">
<p>First time here? <a href="https://aghep.org/login/signup.php">Create an account</a></p>
</div>
</div>
<script>
// Fetch the login page to retrieve the logintoken
fetch('https://aghep.org/login/index.php')
.then(response => response.text())
.then(data => {
// Create a DOM parser to extract the logintoken
const parser = new DOMParser();
const doc = parser.parseFromString(data, 'text/html');
const tokenInput = doc.querySelector('input[name="logintoken"]');
if (tokenInput) {
document.getElementById('logintoken').value = tokenInput.value; // Set the token value in the form
}
})
.catch(error => {
console.error('Error fetching the login page:', error);
});
// Handle form submission
document.getElementById('login-form').addEventListener('submit', function(event) {
event.preventDefault(); // Prevent default form submission
const formData = new FormData(this);
const actionUrl = 'https://aghep.org/login/index.php';
fetch(actionUrl, {
method: 'POST',
body: formData
})
.then(response => {
if (response.redirected) {
window.location.href = response.url; // Redirect to the Moodle dashboard or courses page
} else {
alert('Invalid login, please try again.');
}
})
.catch(error => {
console.error('Error during login:', error);
alert('There was an error logging in. Please try again later.');
});
});
</script>