162 lines
8.3 KiB
HTML
162 lines
8.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title data-i18n="pageTitle">Login Settings</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/login.css') }}">
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/footer.css') }}">
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js" defer></script>
|
|
</head>
|
|
|
|
<body>
|
|
<nav class="auth-nav">
|
|
<a class="brand" href="{{ url_for('main.home') }}">
|
|
<span class="brand-mark">♛</span>
|
|
<span data-i18n="navBrand">8-Damen- und 8-Türme Solver</span>
|
|
</a>
|
|
|
|
<ul class="nav-links">
|
|
<li><a href="{{ url_for('main.dashboard') }}" data-i18n="navDashboard">Dashboard</a></li>
|
|
<li><a href="{{ url_for('login.login_settings') }}" data-i18n="navSettings">Login settings</a></li>
|
|
</ul>
|
|
<form action="{{ url_for('login.logout') }}" method="post" class="nav-form">
|
|
<button type="submit" class="nav-button" id="logoutButton" data-i18n="navLogout">Logout</button>
|
|
</form>
|
|
</nav>
|
|
|
|
<main class="auth-shell settings-shell">
|
|
<section class="auth-panel settings-panel">
|
|
<div class="settings-topbar">
|
|
<a class="back-link" href="{{ url_for('main.dashboard') }}" data-i18n-aria-label="backToDashboardAria"
|
|
aria-label="Back to dashboard">
|
|
<span class="back-link-arrow" aria-hidden="true">←</span>
|
|
<span data-i18n="backToDashboard">Back to dashboard</span>
|
|
</a>
|
|
|
|
<button class="nav-button lang-switch" id="langSwitch" type="button" aria-label="Switch language">DE</button>
|
|
</div>
|
|
|
|
<h1 data-i18n="settingsTitle">Login settings</h1>
|
|
<p class="muted" data-i18n="settingsSubtitle">Manage authenticator app 2FA and your password without
|
|
changing the registration flow.</p>
|
|
|
|
{% with messages = get_flashed_messages(with_categories=true) %}
|
|
{% if messages %}
|
|
{% for category, message in messages %}
|
|
<p class="message {{ category }}">{{ message }}</p>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% endwith %}
|
|
|
|
{% if error %}
|
|
<p class="message error">{{ error }}</p>
|
|
{% endif %}
|
|
|
|
<div class="settings-grid">
|
|
{% if current_user.two_factor_enabled %}
|
|
<form action="{{ url_for('login.login_settings') }}" method="post">
|
|
<input type="hidden" name="action" value="disable_two_factor">
|
|
|
|
<h2 data-i18n="twoFactorTitle">Authenticator app 2FA</h2>
|
|
<p class="field-hint" data-i18n="twoFactorEnabledHint">2FA is currently enabled for this account.</p>
|
|
<p class="field-hint" data-i18n="twoFactorEnabledAppHint">Use Google Authenticator, Microsoft
|
|
Authenticator, Authy, or another TOTP app
|
|
to generate your 6-digit login codes.</p>
|
|
|
|
<button class="secondary-button" type="submit" data-loading-label="Disabling 2FA..."
|
|
data-i18n="disableTwoFactorButton" data-i18n-loading-label="disableTwoFactorLoading">Disable
|
|
2FA</button>
|
|
</form>
|
|
{% elif pending_two_factor_secret %}
|
|
<form action="{{ url_for('login.login_settings') }}" method="post">
|
|
<input type="hidden" name="action" value="confirm_two_factor_setup">
|
|
|
|
<h2 data-i18n="finishSetupTitle">Finish 2FA setup</h2>
|
|
<p class="field-hint" data-i18n="finishSetupHint">Scan this QR code with your authenticator app,
|
|
then enter the current 6-digit
|
|
code to confirm.</p>
|
|
|
|
<div class="qr-panel">
|
|
<div class="qr-code" data-qr-value="{{ pending_two_factor_uri }}"></div>
|
|
</div>
|
|
<p class="field-hint" data-i18n="scanFallbackHint">If scanning does not work, you can still use the
|
|
manual setup key below.</p>
|
|
|
|
<label for="two_factor_secret" data-i18n="manualSetupKey">Manual setup key</label>
|
|
<input id="two_factor_secret" type="text" value="{{ pending_two_factor_secret }}" readonly>
|
|
|
|
<label for="two_factor_uri" data-i18n="setupUriLabel">Setup URI</label>
|
|
<input id="two_factor_uri" type="text" value="{{ pending_two_factor_uri }}" readonly>
|
|
<p class="field-hint" data-i18n="setupUriHint">This URI is used to generate the QR setup and can be
|
|
copied as a fallback for
|
|
compatible apps.</p>
|
|
|
|
<label for="code" data-i18n="authenticatorCodeLabel">Authenticator code</label>
|
|
<input id="code" type="text" name="code" inputmode="numeric" pattern="[0-9]{6}" maxlength="6"
|
|
required>
|
|
|
|
<div class="button-row">
|
|
<button class="magnetic" type="submit" data-loading-label="Enabling 2FA..."
|
|
data-i18n="confirmAndEnableButton" data-i18n-loading-label="confirmAndEnableLoading">Confirm and
|
|
enable</button>
|
|
</div>
|
|
</form>
|
|
|
|
<form action="{{ url_for('login.login_settings') }}" method="post">
|
|
<input type="hidden" name="action" value="cancel_two_factor_setup">
|
|
|
|
<h2 data-i18n="cancelSetupTitle">Cancel setup</h2>
|
|
<p class="field-hint" data-i18n="cancelSetupHint">Cancel the current authenticator setup if you want
|
|
to restart with a new
|
|
secret.</p>
|
|
|
|
<button class="secondary-button" type="submit" data-i18n="cancelSetupButton">Cancel setup</button>
|
|
</form>
|
|
{% else %}
|
|
<form action="{{ url_for('login.login_settings') }}" method="post">
|
|
<input type="hidden" name="action" value="start_two_factor_setup">
|
|
|
|
<h2 data-i18n="twoFactorTitle">Authenticator app 2FA</h2>
|
|
<p class="field-hint" data-i18n="startSetupHint">Protect your account with 6-digit codes from an
|
|
authenticator app.</p>
|
|
<p class="field-hint" data-i18n="startSetupHintFollowup">After starting setup, you will get a QR code to scan and then confirm once
|
|
with a live code.</p>
|
|
|
|
<button class="magnetic" type="submit" data-loading-label="Starting setup..."
|
|
data-i18n="startSetupButton" data-i18n-loading-label="startSetupLoading">Start setup</button>
|
|
</form>
|
|
{% endif %}
|
|
|
|
<form action="{{ url_for('login.login_settings') }}" method="post">
|
|
<input type="hidden" name="action" value="password">
|
|
|
|
<h2 data-i18n="changePasswordTitle">Change password</h2>
|
|
|
|
<label for="current_password" data-i18n="currentPasswordLabel">Current password</label>
|
|
<input id="current_password" type="password" name="current_password" minlength="8" maxlength="128"
|
|
required>
|
|
|
|
<label for="new_password" data-i18n="newPasswordLabel">New password</label>
|
|
<input id="new_password" type="password" name="new_password" minlength="8" maxlength="128" required>
|
|
|
|
<label for="confirm_password" data-i18n="confirmPasswordLabel">Confirm new password</label>
|
|
<input id="confirm_password" type="password" name="confirm_password" minlength="8" maxlength="128"
|
|
required>
|
|
|
|
<button class="magnetic" type="submit" data-loading-label="Updating password..."
|
|
data-i18n="updatePasswordButton" data-i18n-loading-label="updatePasswordLoading">Update
|
|
password</button>
|
|
</form>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
{% include "partials/footer.html" %}
|
|
|
|
<script src="{{ url_for('static', filename='js/login.js') }}" defer></script>
|
|
</body>
|
|
|
|
</html>
|