website/web/templates/account/mute_list.html
2024-12-05 21:49:19 -08:00

75 lines
2.8 KiB
HTML

{{define "title"}}Muted Users{{end}}
{{define "content"}}
<div class="container">
{{$Root := .}}
<section class="hero is-link is-bold">
<div class="hero-body">
<div class="container">
<h1 class="title">
<i class="fa fa-eye-slash mr-2"></i>
Muted Users
</h1>
</div>
</div>
</section>
<div class="p-4">
<div class="block">
This page lists members of {{PrettyTitle}} who you have "muted" so that their content
will not appear to you in certain areas of the site. Currently, only <strong>Site Gallery</strong>
mutes exist: so you can hide somebody's pictures from ever appearing to you on the Site Gallery.
In the future, more kinds of mute lists may be available to manage from this page.
</div>
<div class="block">
You have muted {{.Pager.Total}} user{{Pluralize64 .Pager.Total}}
(page {{.Pager.Page}} of {{.Pager.Pages}}).
</div>
<div class="block">
{{SimplePager .Pager}}
</div>
<div class="columns is-multiline">
{{range .MutedUsers}}
<div class="column is-half-tablet is-one-third-desktop">
<form action="/users/mutelist/add" method="POST">
{{InputCSRF}}
<input type="hidden" name="username" value="{{.Username}}">
<input type="hidden" name="context" value="site_gallery">
<div class="card">
<div class="card-content">
<div class="media block">
<div class="media-left">
{{template "avatar-64x64" .}}
</div>
<div class="media-content">
<p class="title is-4">{{.NameOrUsername}}</p>
<p class="subtitle is-6">
<span class="icon"><i class="fa fa-user"></i></span>
<a href="/u/{{.Username}}">{{.Username}}</a>
</p>
</div>
</div>
</div>
<footer class="card-footer">
<button type="submit" name="unmute" value="true" class="card-footer-item button is-danger">
<span class="icon"><i class="fa fa-xmark"></i></span>
<span>Unmute User</span>
</button>
</footer>
</div>
</form>
</div>
{{end}}<!-- range .MutedUsers -->
</div>
</div>
</div>
{{end}}