forked from MarseyWorld/MarseyWorld
fix tabs
parent
4449796aa7
commit
83849ee2d1
|
|
@ -3,127 +3,127 @@
|
|||
{% block content %}
|
||||
<script defer src="{{'js/settings_security.js' | asset}}"></script>
|
||||
<div class="row settings-page" id="settings-page-security">
|
||||
<div class="col col-lg-8">
|
||||
<div class="settings">
|
||||
<section id="site-settings-email-section" class="settings-section-section">
|
||||
<h5>Email</h5>
|
||||
<div class="settings-section rounded">
|
||||
<form action="/settings/security" method="post">
|
||||
<input hidden name="formkey" value="{{v|formkey}}" class="notranslate" translate="no">
|
||||
<input hidden name="now" value="{{now}}">
|
||||
<div class="body">
|
||||
<div class="d-lg-flex">
|
||||
<label for="new-email" class="w-lg-25">Email</label>
|
||||
<div class="w-lg-100">
|
||||
<input autocomplete="off" class="form-control" id="new_email" {% if v.email %}placeholder="{{v.email}}"{% else %}placeholder="Your email"{% endif %} type="email" name="new_email" required>
|
||||
{% if v.email and not v.email_verified %}
|
||||
<div class="text-danger mt-1" id="email-verify-text">Email not verified. You will not be able to recover your account with this email until you verify it. <u><button type="button" data-nonce="{{g.nonce}}" data-onclick="postToastSwitch(this,'/verify_email');emailVerifyText()" class="text-primary font-weight-bold ml-1">Verify now.</button></u></div>
|
||||
{% elif not v.email %}
|
||||
<div class="text-danger mt-1" id="email-verify-text">Add an email to secure your account in case you forget your password.</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-lg-flex mt-3">
|
||||
<label for="email-password" class="w-lg-25 d-none" id="email-password-label">Password</label>
|
||||
<div class="w-lg-100">
|
||||
<input autocomplete="off" type="password" class="form-control mb-2 d-none" id="email-password" name="password" required>
|
||||
<small id="emailpasswordRequired" class="form-text font-weight-bold text-danger d-none mt-1">Password required to update your email.</small>
|
||||
</div>
|
||||
</div>
|
||||
<small id="emailpasswordRequired" class="form-text font-weight-bold text-danger d-none mt-1">Password required to update your email.</small>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="d-flex">
|
||||
{% if FEATURES['MARSEYBUX'] %}
|
||||
<button type="button" class="btn btn-success" data-nonce="{{g.nonce}}" data-onclick="postToastSwitch(this,'/settings/claim_rewards')">Claim Donation Rewards</button>
|
||||
{% endif %}
|
||||
{% if v.email %}
|
||||
<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" value="Update email">
|
||||
{% else %}
|
||||
<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" value="Add email">
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if v.can_see_donate_service %}
|
||||
<div class="text-small text-muted pl-1 pt-1 pt-sm-3">
|
||||
Must be same email as the one you used to donate on <a rel="noopener" class="text-primary novisited" href="{{DONATE_LINK}}">{{DONATE_SERVICE}}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<section id="site-settings-password-section" class="settings-section-section">
|
||||
<h5>Password</h5>
|
||||
<div class="settings-section rounded">
|
||||
<form action="/settings/security" method="post" data-nonce="{{g.nonce}}" data-onsubmit="sendFormXHR(this)">
|
||||
<div class="body">
|
||||
<div class="d-lg-flex">
|
||||
<label for="old_password" class="mb-0 w-lg-25">Old Password</label>
|
||||
<input autocomplete="off" class="form-control mb-2 w-lg-100" id="old_password" type="password" name="old_password" required>
|
||||
</div>
|
||||
<div class="d-lg-flex mt-5">
|
||||
<label for="new_password" class="mb-0 w-lg-25">New Password</label>
|
||||
<input autocomplete="off" class="form-control w-lg-100" id="new_password" type="password" minlength="8" maxlength="100" name="new_password" required>
|
||||
<small id="passwordHelpChange" class="form-text font-weight-bold text-muted d-none mt-1 w-lg-100">Minimum of 8 characters required.</small>
|
||||
<small id="passwordHelpChangeSuccess" class="form-text font-weight-bold text-success d-none mt-1 w-lg-100">Your password meets the requirements.</small>
|
||||
</div>
|
||||
<div class="d-lg-flex mt-4">
|
||||
<label for="cnf_password" class="mb-0 w-lg-25">Confirm New Password</label>
|
||||
<input autocomplete="off" class="form-control w-lg-100" id="cnf_password" type="password" minlength="8" maxlength="100" name="cnf_password" required>
|
||||
<small id="passwordHelpCnf" class="form-text font-weight-bold text-muted d-none mt-1 w-lg-100">Passwords do not match.</small>
|
||||
<small id="passwordHelpCnfSuccess" class="form-text font-weight-bold text-success d-none mt-1 w-lg-100">Passwords match.</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="col col-lg-8">
|
||||
<div class="settings">
|
||||
<section id="site-settings-email-section" class="settings-section-section">
|
||||
<h5>Email</h5>
|
||||
<div class="settings-section rounded">
|
||||
<form action="/settings/security" method="post">
|
||||
<input hidden name="formkey" value="{{v|formkey}}" class="notranslate" translate="no">
|
||||
<input hidden name="now" value="{{now}}">
|
||||
<div class="body">
|
||||
<div class="d-lg-flex">
|
||||
<label for="new-email" class="w-lg-25">Email</label>
|
||||
<div class="w-lg-100">
|
||||
<input autocomplete="off" class="form-control" id="new_email" {% if v.email %}placeholder="{{v.email}}"{% else %}placeholder="Your email"{% endif %} type="email" name="new_email" required>
|
||||
{% if v.email and not v.email_verified %}
|
||||
<div class="text-danger mt-1" id="email-verify-text">Email not verified. You will not be able to recover your account with this email until you verify it. <u><button type="button" data-nonce="{{g.nonce}}" data-onclick="postToastSwitch(this,'/verify_email');emailVerifyText()" class="text-primary font-weight-bold ml-1">Verify now.</button></u></div>
|
||||
{% elif not v.email %}
|
||||
<div class="text-danger mt-1" id="email-verify-text">Add an email to secure your account in case you forget your password.</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-lg-flex mt-3">
|
||||
<label for="email-password" class="w-lg-25 d-none" id="email-password-label">Password</label>
|
||||
<div class="w-lg-100">
|
||||
<input autocomplete="off" type="password" class="form-control mb-2 d-none" id="email-password" name="password" required>
|
||||
<small id="emailpasswordRequired" class="form-text font-weight-bold text-danger d-none mt-1">Password required to update your email.</small>
|
||||
</div>
|
||||
</div>
|
||||
<small id="emailpasswordRequired" class="form-text font-weight-bold text-danger d-none mt-1">Password required to update your email.</small>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="d-flex">
|
||||
{% if FEATURES['MARSEYBUX'] %}
|
||||
<button type="button" class="btn btn-success" data-nonce="{{g.nonce}}" data-onclick="postToastSwitch(this,'/settings/claim_rewards')">Claim Donation Rewards</button>
|
||||
{% endif %}
|
||||
{% if v.email %}
|
||||
<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" value="Update email">
|
||||
{% else %}
|
||||
<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" value="Add email">
|
||||
{% endif %}
|
||||
</div>
|
||||
{% if v.can_see_donate_service %}
|
||||
<div class="text-small text-muted pl-1 pt-1 pt-sm-3">
|
||||
Must be same email as the one you used to donate on <a rel="noopener" class="text-primary novisited" href="{{DONATE_LINK}}">{{DONATE_SERVICE}}</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<section id="site-settings-password-section" class="settings-section-section">
|
||||
<h5>Password</h5>
|
||||
<div class="settings-section rounded">
|
||||
<form action="/settings/security" method="post" data-nonce="{{g.nonce}}" data-onsubmit="sendFormXHR(this)">
|
||||
<div class="body">
|
||||
<div class="d-lg-flex">
|
||||
<label for="old_password" class="mb-0 w-lg-25">Old Password</label>
|
||||
<input autocomplete="off" class="form-control mb-2 w-lg-100" id="old_password" type="password" name="old_password" required>
|
||||
</div>
|
||||
<div class="d-lg-flex mt-5">
|
||||
<label for="new_password" class="mb-0 w-lg-25">New Password</label>
|
||||
<input autocomplete="off" class="form-control w-lg-100" id="new_password" type="password" minlength="8" maxlength="100" name="new_password" required>
|
||||
<small id="passwordHelpChange" class="form-text font-weight-bold text-muted d-none mt-1 w-lg-100">Minimum of 8 characters required.</small>
|
||||
<small id="passwordHelpChangeSuccess" class="form-text font-weight-bold text-success d-none mt-1 w-lg-100">Your password meets the requirements.</small>
|
||||
</div>
|
||||
<div class="d-lg-flex mt-4">
|
||||
<label for="cnf_password" class="mb-0 w-lg-25">Confirm New Password</label>
|
||||
<input autocomplete="off" class="form-control w-lg-100" id="cnf_password" type="password" minlength="8" maxlength="100" name="cnf_password" required>
|
||||
<small id="passwordHelpCnf" class="form-text font-weight-bold text-muted d-none mt-1 w-lg-100">Passwords do not match.</small>
|
||||
<small id="passwordHelpCnfSuccess" class="form-text font-weight-bold text-success d-none mt-1 w-lg-100">Passwords match.</small>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<input hidden name="formkey" value="{{v|formkey}}" class="notranslate" translate="no">
|
||||
<input hidden name="now" value="{{now}}">
|
||||
<div class="d-flex">
|
||||
<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" value="Change Password">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<section id="site-settings-2fa-section" class="settings-section-section">
|
||||
<h5>Two-Factor Authentication</h5>
|
||||
<div class="settings-section rounded">
|
||||
<div class="d-lg-flex">
|
||||
<div class="title w-lg-25">
|
||||
<label for="2faToggle">Use Two-Factor Authentication</label>
|
||||
</div>
|
||||
<div class="body w-lg-100 pt-1 pt-lg-3">
|
||||
<div class="custom-control custom-switch">
|
||||
<input autocomplete="off" type="checkbox" class="custom-control-input" id="2faToggle" name="2faToggle" data-nonce="{{g.nonce}}" {% if v.mfa_secret %}checked{% endif %}>
|
||||
<label class="custom-control-label" for="2faToggle"></label>
|
||||
</div>
|
||||
<span class="text-small text-muted">This requires entering a randomly-generated, 6-digit code and your password to login.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="site-settings-logout-everywhere-section" class="settings-section-section">
|
||||
<h5>Log Out Everywhere</h5>
|
||||
<form action="/settings/log_out_all_others" method="post" data-nonce="{{g.nonce}}" data-onsubmit="sendFormXHR(this)">
|
||||
<input hidden name="formkey" value="{{v|formkey}}" class="notranslate" translate="no">
|
||||
<div class="body">
|
||||
<div class="d-lg-flex">
|
||||
<label for="forcelog-password" class="w-lg-25" id="email-password-label">Password</label>
|
||||
<div class="w-lg-100">
|
||||
<input autocomplete="off" type="password" class="form-control mb-2" id="forcelog-password" name="password" required>
|
||||
</div>
|
||||
</div>
|
||||
<small id="emailpasswordRequired" class="form-text mt-1">This will also invalidate any existing recovery links associated with this account.</small>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="d-flex">
|
||||
<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" value="Change Password">
|
||||
<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" value="Log out everywhere">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
<section id="site-settings-2fa-section" class="settings-section-section">
|
||||
<h5>Two-Factor Authentication</h5>
|
||||
<div class="settings-section rounded">
|
||||
<div class="d-lg-flex">
|
||||
<div class="title w-lg-25">
|
||||
<label for="2faToggle">Use Two-Factor Authentication</label>
|
||||
</div>
|
||||
<div class="body w-lg-100 pt-1 pt-lg-3">
|
||||
<div class="custom-control custom-switch">
|
||||
<input autocomplete="off" type="checkbox" class="custom-control-input" id="2faToggle" name="2faToggle" data-nonce="{{g.nonce}}" {% if v.mfa_secret %}checked{% endif %}>
|
||||
<label class="custom-control-label" for="2faToggle"></label>
|
||||
</div>
|
||||
<span class="text-small text-muted">This requires entering a randomly-generated, 6-digit code and your password to login.</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="site-settings-logout-everywhere-section" class="settings-section-section">
|
||||
<h5>Log Out Everywhere</h5>
|
||||
<form action="/settings/log_out_all_others" method="post" data-nonce="{{g.nonce}}" data-onsubmit="sendFormXHR(this)">
|
||||
<input hidden name="formkey" value="{{v|formkey}}" class="notranslate" translate="no">
|
||||
<div class="body">
|
||||
<div class="d-lg-flex">
|
||||
<label for="forcelog-password" class="w-lg-25" id="email-password-label">Password</label>
|
||||
<div class="w-lg-100">
|
||||
<input autocomplete="off" type="password" class="form-control mb-2" id="forcelog-password" name="password" required>
|
||||
</div>
|
||||
</div>
|
||||
<small id="emailpasswordRequired" class="form-text mt-1">This will also invalidate any existing recovery links associated with this account.</small>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="d-flex">
|
||||
<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" value="Log out everywhere">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</section>
|
||||
</section>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="2faModal" tabindex="-1">
|
||||
<div class="modal-dialog modal-dialog-centered">
|
||||
|
|
|
|||
Loading…
Reference in New Issue