Files
SMTP-to-Pushover/views/email-detail.ejs
Joris Bertomeu 5c6da90f98 first
2025-08-19 16:34:19 +02:00

83 lines
2.9 KiB
Plaintext

<div class="container-fluid">
<div class="d-flex justify-content-between align-items-center mb-4">
<div>
<a href="/emails" class="btn btn-outline-secondary">
<i class="fas fa-arrow-left"></i> Retour
</a>
</div>
<div>
<form action="/emails/<%= email.id %>?_method=DELETE" method="POST" class="d-inline" onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer cet email?');">
<button type="submit" class="btn btn-danger">
<i class="fas fa-trash"></i> Supprimer
</button>
</form>
</div>
</div>
<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary"><%= email.subject %></h6>
</div>
<div class="card-body">
<div class="mb-4">
<div class="row">
<div class="col-md-6">
<p><strong>De:</strong> <%= email.from %></p>
</div>
<div class="col-md-6 text-md-end">
<p><strong>Reçu le:</strong> <%= new Date(email.receivedAt).toLocaleString() %></p>
</div>
</div>
<p><strong>À:</strong> <%= email.to %></p>
<% if(email.attachments && email.attachments > 0) { %>
<p><strong>Pièces jointes:</strong> <%= email.attachments %></p>
<% } %>
</div>
<hr>
<% if(email.html) { %>
<div class="email-content-html mb-3">
<iframe srcdoc="<%= email.html %>" style="width: 100%; height: 500px; border: 1px solid #ddd; border-radius: 0.25rem;"></iframe>
</div>
<div class="accordion">
<div class="accordion-item">
<h2 class="accordion-header">
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseText">
Voir en texte brut
</button>
</h2>
<div id="collapseText" class="accordion-collapse collapse">
<div class="accordion-body">
<pre class="text-content" style="white-space: pre-wrap;"><%= email.text %></pre>
</div>
</div>
</div>
</div>
<% } else { %>
<pre class="text-content" style="white-space: pre-wrap;"><%= email.text %></pre>
<% } %>
</div>
</div>
<div class="card shadow mb-4">
<div class="card-header py-3">
<h6 class="m-0 font-weight-bold text-primary">Informations techniques</h6>
</div>
<div class="card-body">
<div class="row">
<div class="col-md-6">
<p><strong>ID:</strong> <%= email.id %></p>
<p><strong>Taille:</strong> <%= email.text ? email.text.length : 0 %> caractères (texte brut)</p>
</div>
<div class="col-md-6">
<p><strong>Format HTML:</strong> <%= email.html ? 'Oui' : 'Non' %></p>
<p><strong>Statut:</strong> <%= email.read ? 'Lu' : 'Non lu' %></p>
</div>
</div>
</div>
</div>
</div>