Deuxfleurs/alps
24
1
Fork 0
Code Issues Pull requests 1 Projects Releases Wiki Activity

message view: add part switcher

Browse source 
This also makes the appearance of HTML emails more consistent with
plaintext ones.
This commit is contained in:
Drew DeVault 2020-05-13 13:01:20 -04:00 committed by Simon Ser
parent e39879ec9a
commit 02bc8f68c9
No known key found for this signature in database
GPG key ID: 0FDE7BE0E88F5E48
2 changed files with 97 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
themes/alps/assets/style.css
View file

@ -152,11 +152,41 @@ main table td a { text-decoration: none; }
main table td a:hover { text-decoration: underline; }
main.message pre { flex: 1 auto; padding: 1rem; white-space: pre-wrap; word-break: break-all; background-color: white; border: 1px solid #eee; max-width: 100% }
main.message table { background-color: white; }
main.message th { width: 5%;}
main.message h1 { font-size: 1.2rem; padding: 0.5rem;}
main.message pre,
main.message iframe {
flex: 1 auto;
padding: 1rem;
margin: 1rem 0;
background-color: white;
border: 1px solid #eee;
max-width: 100%;
}
main.message pre {
white-space: pre-wrap;
word-break: break-all;
}
main.message .message-header {
display: flex;
flex-direction: row;
}
main.message .message-header .parts {
margin-left: 0.3rem;
padding: 0.3rem 1rem;
background: white;
border-top: 1px solid #f2f2f2;
}
main.message .message-header .parts ul {
margin-left: 1rem;
}
main.compose .actions {
display: flex;
flex-direction: row;

101
themes/alps/message.html
View file

@ -1,6 +1,32 @@
{{template "head.html" .}}
{{template "nav.html" .}}
{{define "message-part-tree"}}
{{/* nested templates can't access the parent's context */}}
{{$ = index . 0}}
{{with index . 1}}
<a
class="nav-link"
{{if .IsText}}
href="{{$.Message.URL}}?part={{.PathString}}"
{{else}}
href="{{$.Message.URL}}/raw?part={{.PathString}}"
{{end}}
>
{{if eq $.Part.PathString .PathString}}<strong>{{end}}
{{.String}}
{{if eq $.Part.PathString .PathString}}</strong>{{end}}
</a>
{{if gt (len .Children) 0}}
<ul class="nav flex-column">
{{range .Children}}
<li class="nav-item">{{template "message-part-tree" (tuple $ .)}}</li>
{{end}}
</ul>
{{end}}
{{end}}
{{end}}
<div class="page-wrap">
{{$current := .Mailbox}}
<aside>
@ -107,41 +133,46 @@
</div>
</section>
<table>
<tr>
<th colspan="2">
<h1>
{{if .Message.Envelope.Subject}}
{{.Message.Envelope.Subject}}
{{else}}
(No subject)
{{end}}
</h1>
</th>
</tr>
<tr>
<th>From:</th>
<td>{{template "addr-list" .Message.Envelope.From}}</td>
</tr>
<tr>
<th>Date:</th>
<td>{{.Message.Envelope.Date | formatdate}}</td>
</tr>
<tr>
<th>To:</th><td>{{template "addr-list" .Message.Envelope.To}}</td>
</tr>
{{if .Message.Envelope.Cc}}
<tr>
<th>Cc:</th><td>{{template "addr-list" .Message.Envelope.Cc}}</td>
</tr>
{{end}}
{{if .Message.Envelope.Bcc}}
<tr>
<th>Bcc:</th>
<td>{{template "addr-list" .Message.Envelope.Bcc}}</td>
</tr>
{{ end }}
</table>
<div class="message-header">
<table>
<tr>
<th colspan="2">
<h1>
{{if .Message.Envelope.Subject}}
{{.Message.Envelope.Subject}}
{{else}}
(No subject)
{{end}}
</h1>
</th>
</tr>
<tr>
<th>From:</th>
<td>{{template "addr-list" .Message.Envelope.From}}</td>
</tr>
<tr>
<th>Date:</th>
<td>{{.Message.Envelope.Date | formatdate}}</td>
</tr>
<tr>
<th>To:</th><td>{{template "addr-list" .Message.Envelope.To}}</td>
</tr>
{{if .Message.Envelope.Cc}}
<tr>
<th>Cc:</th><td>{{template "addr-list" .Message.Envelope.Cc}}</td>
</tr>
{{end}}
{{if .Message.Envelope.Bcc}}
<tr>
<th>Bcc:</th>
<td>{{template "addr-list" .Message.Envelope.Bcc}}</td>
</tr>
{{ end }}
</table>
<section class="parts">
{{template "message-part-tree" (tuple $ .Message.PartTree)}}
</section>
</div>
{{define "addr-list"}}
{{range $i, $addr := .}}