mirror of
https://github.com/Crazyco-xyz/48hr.email.git
synced 2026-01-10 03:29:36 +01:00
[Chore]: Refactor client-side JS code
This commit is contained in:
ClaraCrazy
parent
54822dad6f
commit
cfe5602d4a
5 changed files with 247 additions and 190 deletions
|
|
@ -8,56 +8,11 @@ document.addEventListener('DOMContentLoaded', () => {
|
||||||
enableNewMessageNotifications(address, true);
|
enableNewMessageNotifications(address, true);
|
||||||
}
|
}
|
||||||
|
|
||||||
// Copy address on click
|
// Initialize expiry timers via utils
|
||||||
const copyAddress = document.getElementById('copyAddress');
|
if (window.utils && typeof window.utils.initExpiryTimers === 'function') {
|
||||||
const copyFeedback = document.getElementById('copyFeedback');
|
window.utils.initExpiryTimers(expiryTime, expiryUnit);
|
||||||
if (copyAddress) {
|
|
||||||
copyAddress.addEventListener('click', () => {
|
|
||||||
navigator.clipboard.writeText(copyAddress.textContent.trim()).then(() => {
|
|
||||||
if (copyFeedback) {
|
|
||||||
copyFeedback.style.display = 'inline';
|
|
||||||
setTimeout(() => { copyFeedback.style.display = 'none'; }, 1200);
|
|
||||||
}
|
}
|
||||||
});
|
if (window.utils && typeof window.utils.formatEmailDates === 'function') {
|
||||||
});
|
window.utils.formatEmailDates();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Expiry timer for each email
|
|
||||||
function getExpiryMs(time, unit) {
|
|
||||||
switch (unit) {
|
|
||||||
case 'minutes':
|
|
||||||
return time * 60 * 1000;
|
|
||||||
case 'hours':
|
|
||||||
return time * 60 * 60 * 1000;
|
|
||||||
case 'days':
|
|
||||||
return time * 24 * 60 * 60 * 1000;
|
|
||||||
default:
|
|
||||||
return 48 * 60 * 60 * 1000; // fallback 48h
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateExpiryTimers() {
|
|
||||||
const timers = document.querySelectorAll('.expiry-timer');
|
|
||||||
timers.forEach(el => {
|
|
||||||
const dateStr = el.dataset.date;
|
|
||||||
if (!dateStr) return;
|
|
||||||
const mailDate = new Date(dateStr);
|
|
||||||
// Use config-driven expiry
|
|
||||||
const expiry = new Date(mailDate.getTime() + getExpiryMs(expiryTime, expiryUnit));
|
|
||||||
const now = new Date();
|
|
||||||
let diff = Math.floor((expiry - now) / 1000);
|
|
||||||
if (diff <= 0) {
|
|
||||||
el.textContent = 'Expired';
|
|
||||||
el.style.color = '#b00';
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
const hours = Math.floor(diff / 3600);
|
|
||||||
diff %= 3600;
|
|
||||||
const minutes = Math.floor(diff / 60);
|
|
||||||
const seconds = diff % 60;
|
|
||||||
el.textContent = `Expires in ${hours}h ${minutes}m ${seconds}s`;
|
|
||||||
});
|
|
||||||
}
|
|
||||||
setInterval(updateExpiryTimers, 1000);
|
|
||||||
updateExpiryTimers();
|
|
||||||
});
|
});
|
||||||
|
|
@ -1,136 +0,0 @@
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
// Lock modal elements
|
|
||||||
const lockModal = document.getElementById('lockModal');
|
|
||||||
const lockBtn = document.getElementById('lockBtn');
|
|
||||||
const closeLock = document.getElementById('closeLock');
|
|
||||||
const lockForm = document.querySelector('#lockModal form');
|
|
||||||
|
|
||||||
// Unlock modal elements
|
|
||||||
const unlockModal = document.getElementById('unlockModal');
|
|
||||||
const unlockBtn = document.getElementById('unlockBtn');
|
|
||||||
const closeUnlock = document.getElementById('closeUnlock');
|
|
||||||
|
|
||||||
// Remove lock modal elements
|
|
||||||
const removeLockModal = document.getElementById('removeLockModal');
|
|
||||||
const removeLockBtn = document.getElementById('removeLockBtn');
|
|
||||||
const closeRemoveLock = document.getElementById('closeRemoveLock');
|
|
||||||
const cancelRemoveLock = document.getElementById('cancelRemoveLock');
|
|
||||||
|
|
||||||
// Open/close helpers
|
|
||||||
const openModal = function(modal) { if (modal) modal.style.display = 'block'; };
|
|
||||||
const closeModal = function(modal) { if (modal) modal.style.display = 'none'; };
|
|
||||||
|
|
||||||
// Protect / Lock modal logic
|
|
||||||
if (lockBtn) {
|
|
||||||
lockBtn.onclick = function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
openModal(lockModal);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
if (closeLock) {
|
|
||||||
closeLock.onclick = function() {
|
|
||||||
closeModal(lockModal);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (lockForm) {
|
|
||||||
lockForm.addEventListener('submit', function(e) {
|
|
||||||
const pwElement = document.getElementById('lockPassword');
|
|
||||||
const cfElement = document.getElementById('lockConfirm');
|
|
||||||
const pw = pwElement ? pwElement.value : '';
|
|
||||||
const cf = cfElement ? cfElement.value : '';
|
|
||||||
const err = document.getElementById('lockErrorInline');
|
|
||||||
const serverErr = document.getElementById('lockServerError');
|
|
||||||
if (serverErr) serverErr.style.display = 'none';
|
|
||||||
|
|
||||||
if (pw !== cf) {
|
|
||||||
e.preventDefault();
|
|
||||||
if (err) {
|
|
||||||
err.textContent = 'Passwords do not match.';
|
|
||||||
err.style.display = 'block';
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (pw.length < 8) {
|
|
||||||
e.preventDefault();
|
|
||||||
if (err) {
|
|
||||||
err.textContent = 'Password must be at least 8 characters.';
|
|
||||||
err.style.display = 'block';
|
|
||||||
}
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if (err) err.style.display = 'none';
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
// Auto-open lock modal if server provided an error (via data attribute)
|
|
||||||
if (lockModal) {
|
|
||||||
const lockErrorValue = (lockModal.dataset.lockError || '').trim();
|
|
||||||
if (lockErrorValue) {
|
|
||||||
openModal(lockModal);
|
|
||||||
const err = document.getElementById('lockErrorInline');
|
|
||||||
const serverErr = document.getElementById('lockServerError');
|
|
||||||
if (serverErr) serverErr.style.display = 'none';
|
|
||||||
|
|
||||||
if (err) {
|
|
||||||
if (lockErrorValue === 'locking_disabled_for_example') {
|
|
||||||
err.textContent = 'Locking is disabled for the example inbox.';
|
|
||||||
} else if (lockErrorValue === 'invalid') {
|
|
||||||
err.textContent = 'Please provide a valid password.';
|
|
||||||
} else if (lockErrorValue === 'server_error') {
|
|
||||||
err.textContent = 'A server error occurred. Please try again.';
|
|
||||||
} else if (lockErrorValue === 'remove_failed') {
|
|
||||||
err.textContent = 'Failed to remove lock. Please try again.';
|
|
||||||
} else {
|
|
||||||
err.textContent = 'An error occurred. Please try again.';
|
|
||||||
}
|
|
||||||
err.style.display = 'block';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Unlock modal logic
|
|
||||||
if (unlockBtn) {
|
|
||||||
unlockBtn.onclick = function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
openModal(unlockModal);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
if (closeUnlock) {
|
|
||||||
closeUnlock.onclick = function() {
|
|
||||||
closeModal(unlockModal);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (unlockModal) {
|
|
||||||
const unlockErrorValue = (unlockModal.dataset.unlockError || '').trim();
|
|
||||||
if (unlockErrorValue) {
|
|
||||||
openModal(unlockModal);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// Remove lock modal logic
|
|
||||||
if (removeLockBtn) {
|
|
||||||
removeLockBtn.onclick = function(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
openModal(removeLockModal);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
if (closeRemoveLock) {
|
|
||||||
closeRemoveLock.onclick = function() {
|
|
||||||
closeModal(removeLockModal);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
if (cancelRemoveLock) {
|
|
||||||
cancelRemoveLock.onclick = function() {
|
|
||||||
closeModal(removeLockModal);
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// Close modals when clicking outside
|
|
||||||
window.onclick = function(e) {
|
|
||||||
if (e.target === lockModal) closeModal(lockModal);
|
|
||||||
if (e.target === unlockModal) closeModal(unlockModal);
|
|
||||||
if (e.target === removeLockModal) closeModal(removeLockModal);
|
|
||||||
};
|
|
||||||
});
|
|
||||||
237
infrastructure/web/public/javascripts/utils.js
Normal file
237
infrastructure/web/public/javascripts/utils.js
Normal file
|
|
@ -0,0 +1,237 @@
|
||||||
|
// Consolidated utilities: date formatting and lock modals
|
||||||
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
|
function getExpiryMs(time, unit) {
|
||||||
|
switch (unit) {
|
||||||
|
case 'minutes':
|
||||||
|
return time * 60 * 1000;
|
||||||
|
case 'hours':
|
||||||
|
return time * 60 * 60 * 1000;
|
||||||
|
case 'days':
|
||||||
|
return time * 24 * 60 * 60 * 1000;
|
||||||
|
default:
|
||||||
|
return 48 * 60 * 60 * 1000; // fallback 48h
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function initExpiryTimers(expiryTime, expiryUnit) {
|
||||||
|
function updateExpiryTimers() {
|
||||||
|
const timers = document.querySelectorAll('.expiry-timer');
|
||||||
|
const now = new Date();
|
||||||
|
timers.forEach(el => {
|
||||||
|
const dateStr = el.dataset.date;
|
||||||
|
if (!dateStr) return;
|
||||||
|
const mailDate = new Date(dateStr);
|
||||||
|
// Clamp future-dated mails to now to avoid exceeding configured expiry
|
||||||
|
const baseMs = Math.min(mailDate.getTime(), now.getTime());
|
||||||
|
const expiry = new Date(baseMs + getExpiryMs(expiryTime, expiryUnit));
|
||||||
|
let diff = Math.floor((expiry - now) / 1000);
|
||||||
|
if (diff <= 0) {
|
||||||
|
el.textContent = 'Expired';
|
||||||
|
el.style.color = '#b00';
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const hours = Math.floor(diff / 3600);
|
||||||
|
diff %= 3600;
|
||||||
|
const minutes = Math.floor(diff / 60);
|
||||||
|
const seconds = diff % 60;
|
||||||
|
el.textContent = `Expires in ${hours}h ${minutes}m ${seconds}s`;
|
||||||
|
});
|
||||||
|
}
|
||||||
|
setInterval(updateExpiryTimers, 1000);
|
||||||
|
updateExpiryTimers();
|
||||||
|
}
|
||||||
|
|
||||||
|
function formatEmailDates() {
|
||||||
|
const dateEls = document.querySelectorAll('.email-date[data-date]');
|
||||||
|
dateEls.forEach(el => {
|
||||||
|
const dateStr = el.dataset.date;
|
||||||
|
if (!dateStr) return;
|
||||||
|
const d = new Date(dateStr);
|
||||||
|
try {
|
||||||
|
const formatted = d.toLocaleString(undefined, {
|
||||||
|
year: 'numeric',
|
||||||
|
month: 'short',
|
||||||
|
day: '2-digit',
|
||||||
|
hour: '2-digit',
|
||||||
|
minute: '2-digit'
|
||||||
|
});
|
||||||
|
el.textContent = formatted;
|
||||||
|
} catch (_) {
|
||||||
|
el.textContent = d.toString();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function formatMailDate() {
|
||||||
|
const el = document.querySelector('.mail-date[data-date]');
|
||||||
|
if (!el) return;
|
||||||
|
const dateStr = el.dataset.date;
|
||||||
|
if (!dateStr) return;
|
||||||
|
const d = new Date(dateStr);
|
||||||
|
try {
|
||||||
|
const formatted = d.toLocaleString(undefined, {
|
||||||
|
year: 'numeric',
|
||||||
|
month: 'short',
|
||||||
|
day: '2-digit',
|
||||||
|
hour: '2-digit',
|
||||||
|
minute: '2-digit'
|
||||||
|
});
|
||||||
|
el.textContent = formatted;
|
||||||
|
} catch (_) {
|
||||||
|
el.textContent = d.toString();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function initLockModals() {
|
||||||
|
const lockModal = document.getElementById('lockModal');
|
||||||
|
const lockBtn = document.getElementById('lockBtn');
|
||||||
|
const closeLock = document.getElementById('closeLock');
|
||||||
|
const lockForm = document.querySelector('#lockModal form');
|
||||||
|
|
||||||
|
const unlockModal = document.getElementById('unlockModal');
|
||||||
|
const unlockBtn = document.getElementById('unlockBtn');
|
||||||
|
const closeUnlock = document.getElementById('closeUnlock');
|
||||||
|
|
||||||
|
const removeLockModal = document.getElementById('removeLockModal');
|
||||||
|
const removeLockBtn = document.getElementById('removeLockBtn');
|
||||||
|
const closeRemoveLock = document.getElementById('closeRemoveLock');
|
||||||
|
const cancelRemoveLock = document.getElementById('cancelRemoveLock');
|
||||||
|
|
||||||
|
const openModal = function(modal) { if (modal) modal.style.display = 'block'; };
|
||||||
|
const closeModal = function(modal) { if (modal) modal.style.display = 'none'; };
|
||||||
|
|
||||||
|
if (lockBtn) {
|
||||||
|
lockBtn.onclick = function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
openModal(lockModal);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
if (closeLock) {
|
||||||
|
closeLock.onclick = function() { closeModal(lockModal); };
|
||||||
|
}
|
||||||
|
|
||||||
|
if (lockForm) {
|
||||||
|
lockForm.addEventListener('submit', function(e) {
|
||||||
|
const pwElement = document.getElementById('lockPassword');
|
||||||
|
const cfElement = document.getElementById('lockConfirm');
|
||||||
|
const pw = pwElement ? pwElement.value : '';
|
||||||
|
const cf = cfElement ? cfElement.value : '';
|
||||||
|
const err = document.getElementById('lockErrorInline');
|
||||||
|
const serverErr = document.getElementById('lockServerError');
|
||||||
|
if (serverErr) serverErr.style.display = 'none';
|
||||||
|
|
||||||
|
if (pw !== cf) {
|
||||||
|
e.preventDefault();
|
||||||
|
if (err) {
|
||||||
|
err.textContent = 'Passwords do not match.';
|
||||||
|
err.style.display = 'block';
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (pw.length < 8) {
|
||||||
|
e.preventDefault();
|
||||||
|
if (err) {
|
||||||
|
err.textContent = 'Password must be at least 8 characters.';
|
||||||
|
err.style.display = 'block';
|
||||||
|
}
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (err) err.style.display = 'none';
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (lockModal) {
|
||||||
|
const lockErrorValue = (lockModal.dataset.lockError || '').trim();
|
||||||
|
if (lockErrorValue) {
|
||||||
|
openModal(lockModal);
|
||||||
|
const err = document.getElementById('lockErrorInline');
|
||||||
|
const serverErr = document.getElementById('lockServerError');
|
||||||
|
if (serverErr) serverErr.style.display = 'none';
|
||||||
|
if (err) {
|
||||||
|
if (lockErrorValue === 'locking_disabled_for_example') {
|
||||||
|
err.textContent = 'Locking is disabled for the example inbox.';
|
||||||
|
} else if (lockErrorValue === 'invalid_password') {
|
||||||
|
err.textContent = 'Please provide a valid password.';
|
||||||
|
} else if (lockErrorValue === 'server_error') {
|
||||||
|
err.textContent = 'A server error occurred. Please try again.';
|
||||||
|
} else if (lockErrorValue === 'remove_failed') {
|
||||||
|
err.textContent = 'Failed to remove lock. Please try again.';
|
||||||
|
} else {
|
||||||
|
err.textContent = 'An error occurred. Please try again.';
|
||||||
|
}
|
||||||
|
err.style.display = 'block';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (unlockBtn) {
|
||||||
|
unlockBtn.onclick = function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
openModal(unlockModal);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
if (closeUnlock) {
|
||||||
|
closeUnlock.onclick = function() { closeModal(unlockModal); };
|
||||||
|
}
|
||||||
|
if (unlockModal) {
|
||||||
|
const unlockErrorValue = (unlockModal.dataset.unlockError || '').trim();
|
||||||
|
if (unlockErrorValue) { openModal(unlockModal); }
|
||||||
|
}
|
||||||
|
|
||||||
|
if (removeLockBtn) {
|
||||||
|
removeLockBtn.onclick = function(e) {
|
||||||
|
e.preventDefault();
|
||||||
|
openModal(removeLockModal);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
if (closeRemoveLock) {
|
||||||
|
closeRemoveLock.onclick = function() { closeModal(removeLockModal); };
|
||||||
|
}
|
||||||
|
if (cancelRemoveLock) {
|
||||||
|
cancelRemoveLock.onclick = function() { closeModal(removeLockModal); };
|
||||||
|
}
|
||||||
|
|
||||||
|
window.onclick = function(e) {
|
||||||
|
if (e.target === lockModal) closeModal(lockModal);
|
||||||
|
if (e.target === unlockModal) closeModal(unlockModal);
|
||||||
|
if (e.target === removeLockModal) closeModal(removeLockModal);
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function initCopyAddress() {
|
||||||
|
const copyAddress = document.getElementById('copyAddress');
|
||||||
|
const copyFeedback = document.getElementById('copyFeedback');
|
||||||
|
if (!copyAddress) return;
|
||||||
|
copyAddress.addEventListener('click', () => {
|
||||||
|
const text = copyAddress.textContent ? copyAddress.textContent.trim() : '';
|
||||||
|
navigator.clipboard.writeText(text).then(() => {
|
||||||
|
if (copyFeedback) {
|
||||||
|
copyFeedback.style.display = 'inline';
|
||||||
|
setTimeout(() => { copyFeedback.style.display = 'none'; }, 1200);
|
||||||
|
}
|
||||||
|
}).catch(() => {
|
||||||
|
// Fallback for older browsers
|
||||||
|
try {
|
||||||
|
const range = document.createRange();
|
||||||
|
range.selectNode(copyAddress);
|
||||||
|
const sel = window.getSelection();
|
||||||
|
sel.removeAllRanges();
|
||||||
|
sel.addRange(range);
|
||||||
|
document.execCommand('copy');
|
||||||
|
sel.removeAllRanges();
|
||||||
|
if (copyFeedback) {
|
||||||
|
copyFeedback.style.display = 'inline';
|
||||||
|
setTimeout(() => { copyFeedback.style.display = 'none'; }, 1200);
|
||||||
|
}
|
||||||
|
} catch (_) {}
|
||||||
|
});
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// Expose utilities and run them
|
||||||
|
window.utils = { formatEmailDates, formatMailDate, initLockModals, initCopyAddress, initExpiryTimers };
|
||||||
|
formatEmailDates();
|
||||||
|
formatMailDate();
|
||||||
|
initLockModals();
|
||||||
|
initCopyAddress();
|
||||||
|
});
|
||||||
|
|
@ -21,8 +21,8 @@
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
|
<script src="/javascripts/utils.js" defer></script>
|
||||||
<script src="/javascripts/inbox-init.js" defer data-address="{{ address }}" data-expiry-time="{{ expiryTime }}" data-expiry-unit="{{ expiryUnit }}"></script>
|
<script src="/javascripts/inbox-init.js" defer data-address="{{ address }}" data-expiry-time="{{ expiryTime }}" data-expiry-unit="{{ expiryUnit }}"></script>
|
||||||
<script src="/javascripts/lock-modals.js" defer></script>
|
|
||||||
<div class="inbox-container">
|
<div class="inbox-container">
|
||||||
<div class="inbox-header">
|
<div class="inbox-header">
|
||||||
<h1 class="inbox-title" id="copyAddress" title="Click to copy address">{{ address }}</h1>
|
<h1 class="inbox-title" id="copyAddress" title="Click to copy address">{{ address }}</h1>
|
||||||
|
|
@ -38,12 +38,12 @@
|
||||||
<div class="sender-name">{{ mail.from[0].name }}</div>
|
<div class="sender-name">{{ mail.from[0].name }}</div>
|
||||||
<div class="sender-email">{{ mail.from[0].address }}</div>
|
<div class="sender-email">{{ mail.from[0].address }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="email-date">{{ mail.date | date }}</div>
|
<div class="email-date" data-date="{{ mail.date|date('c') }}"></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="email-subject-row">
|
<div class="email-subject-row">
|
||||||
<div class="email-subject">{{ mail.subject }}</div>
|
<div class="email-subject">{{ mail.subject }}</div>
|
||||||
<div class="email-expiry">
|
<div class="email-expiry">
|
||||||
<span class="expiry-timer" data-date="{{ mail.date|date('Y-m-d\TH:i:s\Z') }}">Expires in ...</span>
|
<span class="expiry-timer" data-date="{{ mail.date|date('c') }}">Expires in ...</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -14,12 +14,13 @@
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
|
<script src="/javascripts/utils.js" defer></script>
|
||||||
<div class="mail-container">
|
<div class="mail-container">
|
||||||
<div class="mail-header">
|
<div class="mail-header">
|
||||||
<h1 class="mail-subject">{{ mail.subject }}</h1>
|
<h1 class="mail-subject">{{ mail.subject }}</h1>
|
||||||
<div class="mail-meta">
|
<div class="mail-meta">
|
||||||
<div class="mail-from">From: {{ mail.from.text }}</div>
|
<div class="mail-from">From: {{ mail.from.text }}</div>
|
||||||
<div class="mail-date">{{ mail.date | date }}</div>
|
<div class="mail-date" data-date="{{ mail.date|date('c') }}"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue