86 lines
3.9 KiB
HTML
86 lines
3.9 KiB
HTML
{{define "compose"}}
|
|
<!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>
|
|
<link href="https://cdn.quilljs.com/1.3.7/quill.snow.css" rel="stylesheet">
|
|
{{template "styles" .}}
|
|
</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">
|
|
<h2 style="margin-bottom:16px;">撰写邮件</h2>
|
|
{{if .error}}<div class="alert alert-error">{{.error}}</div>{{end}}
|
|
<form method="POST" action="/compose" enctype="multipart/form-data">
|
|
<div class="form-group">
|
|
<label>收件人</label>
|
|
<input type="email" name="to" required value="{{.to}}" placeholder="user@example.com">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>抄送（可选）</label>
|
|
<input type="text" name="cc" value="{{.cc}}" placeholder="cc@example.com">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>主题</label>
|
|
<input type="text" name="subject" value="{{.subject}}" placeholder="邮件主题">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>正文</label>
|
|
<div id="editor" style="height:300px;"></div>
|
|
<input type="hidden" name="body" id="body-hidden">
|
|
<input type="hidden" name="html_body" id="html-body-hidden">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>附件</label>
|
|
<input type="file" name="attachments" multiple>
|
|
</div>
|
|
<div class="form-group" style="color:#7f8c8d;font-size:12px;">
|
|
配额: {{formatBytes .usedBytes}} / {{formatBytes .quotaBytes}}
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">发送邮件</button>
|
|
<a href="/inbox" class="btn" style="margin-left:8px;">取消</a>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="https://cdn.quilljs.com/1.3.7/quill.min.js"></script>
|
|
<script>
|
|
var quill = new Quill('#editor', {
|
|
theme: 'snow',
|
|
placeholder: '请输入邮件内容...',
|
|
modules: {
|
|
toolbar: [
|
|
[{ 'header': [1, 2, 3, false] }],
|
|
['bold', 'italic', 'underline', 'strike'],
|
|
[{ 'color': [] }, { 'background': [] }],
|
|
[{ 'list': 'ordered'}, { 'list': 'bullet' }],
|
|
['link', 'image'],
|
|
['clean']
|
|
]
|
|
}
|
|
});
|
|
document.querySelector('form').addEventListener('submit', function() {
|
|
document.getElementById('body-hidden').value = quill.getText();
|
|
document.getElementById('html-body-hidden').value = quill.root.innerHTML;
|
|
});
|
|
{{if .bodyContent}}
|
|
quill.root.innerHTML = {{.bodyContent | safeJS}};
|
|
{{end}}
|
|
</script>
|
|
</body>
|
|
</html>
|
|
{{end}}
|