mirror of
https://github.com/Crazyco-xyz/48hr.email.git
synced 2026-01-09 19:29:34 +01:00
a571381462
Add support for locking specific inboxes with a password for X time, configurable via .env vars. This allows for users to bridge the gap between public free tempmail services and private personal mail services. Cheers!
60 lines
2.3 KiB
Twig
60 lines
2.3 KiB
Twig
{% extends 'layout.twig' %}
|
|
|
|
{% block header %}
|
|
<div class="action-links">
|
|
{% if showUnlockButton %}
|
|
<a href="#" id="unlockBtn">Unlock</a>
|
|
{% endif %}
|
|
<a href="/">Logout</a>
|
|
</div>
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
<h1>{{message}}</h1>
|
|
<h2>{{error.status}}</h2>
|
|
<pre>{{error.stack}}</pre>
|
|
|
|
{% if showUnlockButton %}
|
|
<div id="unlockModal" class="modal" style="display: none;">
|
|
<div class="modal-content">
|
|
<span class="close" id="closeUnlock">×</span>
|
|
<h3>Unlock Inbox</h3>
|
|
<p class="modal-description">Enter password to access this locked inbox.</p>
|
|
{% if unlockError %}
|
|
<p class="unlock-error">
|
|
{% if unlockError == 'invalid_password' %}
|
|
Invalid password. Please try again.
|
|
{% elseif unlockError == 'missing_fields' %}
|
|
Please provide a password.
|
|
{% else %}
|
|
An error occurred. Please try again.
|
|
{% endif %}
|
|
</p>
|
|
{% endif %}
|
|
<form method="POST" action="/lock/unlock">
|
|
<input type="hidden" name="address" value="{{ address }}">
|
|
<input type="hidden" name="redirectTo" value="{{ redirectTo|default(address) }}">
|
|
<fieldset>
|
|
<label for="unlockPassword" class="floating-label">Password</label>
|
|
<input type="password" id="unlockPassword" name="password" required class="modal-input">
|
|
<button type="submit" class="button-primary modal-button">Unlock</button>
|
|
</fieldset>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
const modal = document.getElementById('unlockModal');
|
|
const btn = document.getElementById('unlockBtn');
|
|
const close = document.getElementById('closeUnlock');
|
|
if (btn) btn.onclick = (e) => { e.preventDefault(); modal.style.display = 'block'; };
|
|
if (close) close.onclick = () => modal.style.display = 'none';
|
|
window.onclick = (e) => { if (e.target == modal) modal.style.display = 'none'; };
|
|
|
|
// Auto-open modal if there's an unlock error
|
|
if ('{{ unlockError|default("") }}') {
|
|
modal.style.display = 'block';
|
|
}
|
|
</script>
|
|
{% endif %}
|
|
{% endblock %}
|