1<article class="honk {{ .Honk.Style }}" data-convoy="{{ .Honk.Convoy }}">
 2{{ $bonkcsrf := .BonkCSRF }}
 3{{ with .Honk }}
 4<header>
 5<img alt="" src="/a?a={{ .Honker}}">
 6{{ if .Oonker }}
 7<img alt="" src="/a?a={{ .Oonker}}">
 8{{ end }}
 9<p>
10{{ if $bonkcsrf }}
11<a class="honkerlink" href="/h?xid={{ .Honker }}">{{ .Username }}</a>
12{{ else }}
13<a href="{{ .Honker }}" rel=noreferrer>{{ .Username }}</a>
14{{ end }}
15<span class="clip"><a href="{{ .URL }}" rel=noreferrer>{{ .What }}</a> {{ .Date.Format "02 Jan 2006 15:04" }}</span>
16{{ if .Oonker }}
17<br>
18<span style="margin-left: 1em;" class="clip">
19{{ if $bonkcsrf }}
20original: <a class="honkerlink" href="/h?xid={{ .Oonker }}">{{ .Oondle }}</a>
21{{ else }}
22original: <a href="{{ .Oonker }}" rel=noreferrer>{{ .Oondle }}</a>
23{{ end }}
24</span>
25{{ else }}
26{{ if .RID }}
27<br>
28<span style="margin-left: 1em;" class="clip">
29in reply to: <a href="{{ .RID }}" rel=noreferrer>{{ .RID }}</a>
30</span>
31{{ end }}
32{{ end }}
33<br>
34{{ if $bonkcsrf }}
35<span style="margin-left: 1em;" class="clip">convoy: <a class="convoylink" href="/t?c={{ .Convoy }}">{{ .Convoy }}</a></span>
36{{ else }}
37<span style="margin-left: 1em;" class="clip">convoy: {{ .Convoy }}</span>
38{{ end }}
39</header>
40<p>
41<details class="noise" {{ .Open }} >
42<summary>{{ .HTPrecis }}<p></summary>
43<p>{{ .HTPrecis }}
44<p>{{ .HTML }}
45{{ with .Place }}
46<p>Location: {{ with .Url }}<a href="{{ . }}" rel=noreferrer>{{ end }}{{ .Name }}{{ if .Url }}</a>{{ end }} <a href="https://www.openstreetmap.org/?mlat={{ .Latitude }}&mlon={{ .Longitude}}" rel=noreferrer>{{ .Latitude }} {{ .Longitude }}</a>
47{{ end }}
48{{ range .Donks }}
49{{ if .Local }}
50{{ if eq .Media "text/plain" }}
51<p><a href="/d/{{ .XID }}">Attachment: {{ .Name }}</a>
52{{ else }}
53<p><img src="/d/{{ .XID }}" title="{{ .Desc }}" alt="{{ .Desc }}">
54{{ end }}
55{{ else }}
56{{ if .XID }}
57<p><a href="{{ .URL }}">External Attachment: {{ .Name }}</a>
58{{ else }}
59{{ if eq .Media "video/mp4" }}
60<p><video controls src="{{ .URL }}">{{ .Name }}</video>
61{{ else }}
62<p><img src="{{ .URL }}" title="{{ .Desc }}" alt="{{ .Desc }}">
63{{ end }}
64{{ end }}
65{{ end }}
66{{ end }}
67</details>
68{{ end }}
69{{ if $bonkcsrf }}
70<p>
71<details class="actions">
72<summary>Actions
73</summary>
74<div>
75<p>
76{{ if .Honk.Public }}
77{{ if .Honk.IsBonked }}
78<button onclick="unbonk(this, '{{ .Honk.XID }}');">unbonk</button>
79{{ else }}
80<button onclick="bonk(this, '{{ .Honk.XID }}');">bonk</button>
81{{ end }}
82{{ else }}
83<button disabled>nope</button>
84{{ end }}
85<button onclick="showhonkform(this, '{{ .Honk.XID }}', '{{ .Honk.Handle }}');">honk back</button>
86<button onclick="muteit(this, '{{ .Honk.Convoy }}');">mute</button>
87<button onclick="zonkit(this, '{{ .Honk.XID }}');">zonk</button>
88{{ if .Honk.IsAcked }}
89<button onclick="deackit(this, '{{ .Honk.XID }}');">deack</button>
90{{ else }}
91<button onclick="ackit(this, '{{ .Honk.XID }}');">ack</button>
92{{ end }}
93<button><a href="/edit?xid={{ .Honk.XID }}">edit</a></button>
94</div>
95</details>
96<p>
97{{ end }}
98</article>