mix
9b4a368b05
48rem is a reading measure, right for the panel's forms and prose and the width the nav bar's two rows were sized for. Deliveries, Mail queue and System log hold data instead: seven columns of send-log, and mail.log lines that are long by nature. They get 64rem; every other page keeps the narrow measure. The page name travels onto <main> as a class so the stylesheet can tell them apart without every handler having to pass a second field. Width alone does not make a table fit, though — a column is at least as wide as the longest unbreakable run in it, and one 40-character recipient still hung Status over the card's edge. Cells may now break mid word, with timestamps exempt, so a column can always be squeezed into the room available. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
33 lines
1.2 KiB
HTML
33 lines
1.2 KiB
HTML
{{define "deliveries_rows"}}
|
|
<div id="deliveries-rows" hx-get="/deliveries/rows?domain={{.FilterDomain}}&app={{.FilterApp}}&p={{.Page}}"
|
|
hx-trigger="every 5s" hx-swap="outerHTML">
|
|
{{if .Rows}}
|
|
<table>
|
|
<thead>
|
|
<tr><th>Time</th><th>Domain</th><th>App</th><th>From</th><th>To</th><th>Subject</th><th>Status</th></tr>
|
|
</thead>
|
|
<tbody>
|
|
{{range .Rows}}
|
|
<tr>
|
|
<td class="time muted">{{.CreatedAt.Format "2006-01-02 15:04:05"}}</td>
|
|
<td>{{.Domain}}</td>
|
|
<td>{{.AppLogin}}</td>
|
|
<td>{{.From}}</td>
|
|
<td>{{.To}}</td>
|
|
<td class="subject"><span title="{{.Subject}}">{{.Subject}}</span></td>
|
|
<td>{{.Status}}</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table>
|
|
<p class="muted">
|
|
Page {{.Page}}{{if .LastPage}} of {{.LastPage}}{{end}}
|
|
{{if .HasPrev}} · <a href="/deliveries?domain={{.FilterDomain}}&app={{.FilterApp}}&p={{.PrevPage}}">← Newer</a>{{end}}
|
|
{{if .HasNext}} · <a href="/deliveries?domain={{.FilterDomain}}&app={{.FilterApp}}&p={{.NextPage}}">Older →</a>{{end}}
|
|
</p>
|
|
{{else}}
|
|
<p class="muted">No messages logged yet.</p>
|
|
{{end}}
|
|
</div>
|
|
{{end}}
|