34 lines
1.3 KiB
Smarty
34 lines
1.3 KiB
Smarty
{{define "title"}}Notifications{{end}}
|
|
|
|
{{define "main"}}
|
|
<div class="notifications-header">
|
|
<div class="row row--spread">
|
|
<div class="dummy"></div> {{/* Extra div to take up a slot in the `row` */}}
|
|
<h1>Notifications</h1>
|
|
<div class="row">
|
|
<a class="button" hx-post="/notifications/mark-all-as-read" hx-indicator=".notifications-timeline" title="Mark all as read">
|
|
<img class="svg-icon" src="/static/icons/eye.svg" width="24" height="24" />
|
|
</a>
|
|
<a class="button" target="_blank" href="https://twitter.com/notifications" title="Open on twitter.com">
|
|
<img class="svg-icon" src="/static/icons/external-link.svg" width="24" height="24" />
|
|
</a>
|
|
<a class="button" hx-get="?scrape" hx-target="body" hx-indicator=".notifications-timeline" title="Refresh">
|
|
<img class="svg-icon" src="/static/icons/refresh.svg" width="24" height="24" />
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="notifications-timeline">
|
|
<div class="htmx-spinner">
|
|
<div class="htmx-spinner__fullscreen-forcer">
|
|
<div class="htmx-spinner__background"></div>
|
|
<img class="svg-icon htmx-spinner__icon" src="/static/icons/spinner.svg" />
|
|
</div>
|
|
</div>
|
|
<div class="timeline">
|
|
{{template "timeline" .}}
|
|
</div>
|
|
</div>
|
|
{{end}}
|