9bbeb35c08
Fixed an issue that prevented the password reset tokens from working. Added email templates for password reset success and new account creation. Added more dynamic email template support.
80 lines
3 KiB
HTML
80 lines
3 KiB
HTML
{% extends "base.html" %}
|
|
|
|
{% block content %}
|
|
<div class="container">
|
|
<div class="heading">Create Account</div>
|
|
<form id="accountForm" class="form" onsubmit="event.preventDefault(); createAccount();">
|
|
<div class="input-field">
|
|
<label for="accountName">Account Name</label>
|
|
<input type="text" id="accountName" maxlength="20" required autocomplete="off" />
|
|
</div>
|
|
<div class="input-field">
|
|
<label for="email">Email Address</label>
|
|
<input type="email" id="email" required autocomplete="off" />
|
|
</div>
|
|
<div class="input-field">
|
|
<label for="passwd1">Password</label>
|
|
<input type="password" id="passwd1" minlength="8" required autocomplete="off" />
|
|
</div>
|
|
<div class="input-field">
|
|
<label for="passwd2">Re-enter Password</label>
|
|
<input type="password" id="passwd2" minlength="8" required autocomplete="off" />
|
|
</div>
|
|
<div class="input-field">
|
|
<label for="exp">Expansion</label>
|
|
<select name="expansion" id="exp" required>
|
|
<option value="2">Wrath of the Lich King</option>
|
|
<option value="1">The Burning Crusade</option>
|
|
<option value="0">World of Warcraft (Classic)</option>
|
|
</select>
|
|
</div>
|
|
<div class="btn-container">
|
|
<button type="submit" class="btn">Create Account</button>
|
|
</div>
|
|
</form>
|
|
<p id="result"></p>
|
|
</div>
|
|
<script>
|
|
function createAccount() {
|
|
const accountName = document.getElementById('accountName').value;
|
|
const email = document.getElementById('email').value;
|
|
const passwd1 = document.getElementById('passwd1').value;
|
|
const passwd2 = document.getElementById('passwd2').value;
|
|
const expansion = document.getElementById('exp').value;
|
|
|
|
if (passwd1.length < 8) {
|
|
document.getElementById('result').innerText = 'Password must be at least 8 characters long.';
|
|
return;
|
|
}
|
|
|
|
if (passwd1 !== passwd2) {
|
|
document.getElementById('result').innerText = 'Passwords do not match.';
|
|
return;
|
|
}
|
|
|
|
fetch('/create_account', {
|
|
method: 'POST',
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
},
|
|
body: JSON.stringify({
|
|
accountName: accountName,
|
|
email: email,
|
|
passwd1: passwd1,
|
|
passwd2: passwd2,
|
|
expansion: expansion
|
|
}),
|
|
})
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
document.getElementById('result').innerText = data.message;
|
|
if (data.message === "Account created successfully!") {
|
|
document.getElementById('accountForm').reset();
|
|
}
|
|
})
|
|
.catch((error) => {
|
|
console.error('Error:', error);
|
|
});
|
|
}
|
|
</script>
|
|
{% endblock %}
|