32 lines
2.0 KiB
HTML
32 lines
2.0 KiB
HTML
{{template "header.html" . }}
|
|
<main>
|
|
|
|
<div class="rowblock rowhead">
|
|
<div class="rowitem"><h1>Topic List</h1></div>
|
|
</div>
|
|
<div id="topic_list" class="rowblock topic_list">
|
|
{{range .ItemList}}<div class="rowitem topic_left passive datarow {{if .Sticky}}topic_sticky{{else if .IsClosed}}topic_closed{{end}}" style="{{if .Creator.Avatar}}background-image: url({{.Creator.Avatar}});background-position: left;background-repeat: no-repeat;background-size: 64px;padding-left: 72px;{{end}}">
|
|
<span class="topic_inner_right rowsmall" style="float: right;">
|
|
<span class="replyCount">{{.PostCount}} replies</span><br />
|
|
<span class="lastReplyAt">{{.LastReplyAt}}</span>
|
|
</span>
|
|
<span>
|
|
<a class="rowtopic" href="{{.Link}}">{{.Title}}</a> {{if .ForumName}}<a class="rowsmall" href="{{.ForumLink}}">{{.ForumName}}</a>{{end}}
|
|
<br /><a class="rowsmall" href="{{.Creator.Link}}">Starter: {{.Creator.Name}}</a>
|
|
{{/** TODO: Avoid the double '|' when both .IsClosed and .Sticky are set to true. We could probably do this with CSS **/}}
|
|
{{if .IsClosed}}<span class="rowsmall topic_status_e topic_status_closed" title="Status: Closed"> | 🔒︎</span>{{end}}
|
|
{{if .Sticky}}<span class="rowsmall topic_status_e topic_status_sticky" title="Status: Pinned"> | 📍︎</span>{{end}}
|
|
</span>
|
|
</div>
|
|
<div class="rowitem topic_right passive datarow {{if .Sticky}}topic_sticky{{else if .IsClosed}}topic_closed{{end}}" style="{{if .LastUser.Avatar}}background-image: url({{.LastUser.Avatar}});background-position: left;background-repeat: no-repeat;background-size: 64px;padding-left: 72px;{{end}}">
|
|
<span>
|
|
<a href="{{.LastUser.Link}}" class="lastName" style="font-size: 14px;">{{.LastUser.Name}}</a><br>
|
|
<span class="rowsmall lastReplyAt">Last: {{.LastReplyAt}}</span>
|
|
</span>
|
|
</div>
|
|
{{else}}<div class="rowitem passive">There aren't any topics yet.{{if .CurrentUser.Perms.CreateTopic}} <a href="/topics/create/">Start one?</a>{{end}}</div>{{end}}
|
|
</div>
|
|
|
|
</main>
|
|
{{template "footer.html" . }}
|