{{if .Trace.Parent}}
<a href="?trace={{.Trace.Parent.ID}}&ref={{.Trace.ID}}">
Parent: {{.Trace.Parent.Family}} - {{.Trace.Parent.Title}}</a>
<p>
{{end}}
<table class="trace">
<thead>
<tr>
<th>Trace</th>
<th>Timestamp</th>
<th>Elapsed (s)</th>
<th></th>
<th>Message</th>
</tr>
</thead>
<tbody>
{{$prev := .Trace.Start}}
{{range .AllEvents}}
<tr style="background: {{colorize .Depth .Trace.ID}};">
<td title='{{.Trace.Family}} - {{.Trace.Title}}
@ {{.Trace.Start.Format "2006-01-02 15:04:05.999999" }}'>
{{shorttitle .Trace}}</td>
<td class="when">{{.Event.When.Format "15:04:05.000000"}}</td>
<td class="duration">{{(.Event.When.Sub $prev) | stripZeros}}</td>
<td class="emoji" title='{{.Trace.Family}} - {{.Trace.Title}}
@ {{.Trace.Start.Format "2006-01-02 15:04:05.999999" }}'>
<div class="emoji">{{traceemoji .Trace.ID}}</div></td>
<td class="msg">
{{- depthspan .Depth -}}
{{- if .Event.Type.IsLog -}}
{{.Event.Msg}}
{{- else if .Event.Type.IsChild -}}
new child: <a href="?trace={{.Event.Ref.ID}}&ref={{.Trace.ID}}">{{.Event.Ref.Family}} - {{.Event.Ref.Title}}</a>
{{- else if .Event.Type.IsLink -}}
<a href="?trace={{.Event.Ref.ID}}&ref={{.Trace.ID}}">{{.Event.Msg}}</a>
{{- else if .Event.Type.IsDrop -}}
<b><i>[ events dropped ]</i></b>
{{- else -}}
<i>[ unknown event type ]</i>
{{- end -}}
</td>
</tr>
{{$prev = .Event.When}}
{{end}}
</tbody>
</table>