74 lines
3.7 KiB
HTML
74 lines
3.7 KiB
HTML
{{define "view"}}
|
|
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>查看邮件 - MailGo</title>
|
|
{{template "styles" .}}
|
|
<style>
|
|
.mail-body-iframe {
|
|
width: 100%;
|
|
min-height: 300px;
|
|
border: 1px solid #e0e0e0;
|
|
border-radius: 4px;
|
|
background: #fff;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
{{template "navbar" .}}
|
|
<div class="container">
|
|
<div class="clearfix">
|
|
<div class="sidebar">
|
|
<a href="/inbox" class="{{if eq .activeFolder `inbox`}}active{{end}}">收件箱</a>
|
|
<a href="/drafts" class="{{if eq .activeFolder `drafts`}}active{{end}}">草稿箱</a>
|
|
<a href="/sent" class="{{if eq .activeFolder `sent`}}active{{end}}">发件箱</a>
|
|
<a href="/compose" class="{{if eq .activeFolder `compose`}}active{{end}}">撰写邮件</a>
|
|
<a href="/settings" class="{{if eq .activeFolder `settings`}}active{{end}}">设置</a>
|
|
</div>
|
|
<div class="content">
|
|
<div class="card">
|
|
<div style="margin-bottom:16px;">
|
|
<a href="javascript:history.back()" class="btn" style="background:#bdc3c7;color:#fff;">返回</a>
|
|
</div>
|
|
<h2>{{if .message.Subject}}{{.message.Subject}}{{else}}(无主题){{end}}</h2>
|
|
<div class="mail-meta" style="margin-top:12px;">
|
|
<p><strong>发件人:</strong> {{decodeHeader .message.FromAddr}}</p>
|
|
<p><strong>收件人:</strong> {{.message.ToAddr}}</p>
|
|
{{if .message.CcAddr}}<p><strong>抄送:</strong> {{.message.CcAddr}}</p>{{end}}
|
|
<p><strong>时间:</strong> {{.message.Date.Format "2006-01-02 15:04:05"}}</p>
|
|
</div>
|
|
<div class="mail-body">
|
|
{{if .message.HtmlBody}}
|
|
<iframe class="mail-body-iframe" srcdoc="{{.message.HtmlBody | safeJS}}" sandbox="allow-same-origin" onload="this.style.height=this.contentDocument.body.scrollHeight+20+'px'"></iframe>
|
|
{{else}}
|
|
<pre style="white-space:pre-wrap;font-family:inherit;">{{.message.TextBody}}</pre>
|
|
{{end}}
|
|
</div>
|
|
{{if .attachments}}
|
|
<div class="attachment-list">
|
|
<h4 style="margin-bottom:8px;">附件</h4>
|
|
{{range .attachments}}
|
|
<div class="attachment-item">
|
|
📎 <a href="/attachment/{{.ID}}">{{.FileName}}</a>
|
|
<span style="color:#7f8c8d;font-size:12px;">({{formatBytes .FileSize}})</span>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|
|
<div style="margin-top:20px;padding-top:16px;border-top:1px solid #eee;">
|
|
<form method="POST" action="/mail/delete/{{.message.ID}}" style="display:inline;"
|
|
onsubmit="return confirm('确定要删除这封邮件吗？');">
|
|
<button type="submit" class="btn btn-danger">删除邮件</button>
|
|
</form>
|
|
<a href="/compose?to={{decodeHeader .message.FromAddr}}&subject={{if .message.Subject}}Re: {{.message.Subject}}{{end}}" class="btn btn-primary" style="margin-left:8px;">回复</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
{{end}}
|