website/web/templates/account/my_user_notes.html
2023-10-29 12:29:11 -07:00

145 lines
6.2 KiB
HTML

{{define "title"}}
My User Notes
{{end}}
{{define "content"}}
<div class="container">
<section class="hero is-info is-bold">
<div class="hero-body">
<div class="container">
<div class="level">
<div class="level-left">
<h1 class="title">
<span class="icon mr-4"><i class="fa fa-pen-square"></i></span>
<span>{{template "title" .}}</span>
</h1>
</div>
</div>
</div>
</div>
</section>
{{$Root := .}}
<div class="block p-4">
<div class="block">
You have saved <strong>{{.Pager.Total}}</strong> note{{Pluralize64 .Pager.Total}} about other members on {{PrettyTitle}} (page {{.Pager.Page}} of {{.Pager.Pages}}).
</div>
<!-- Filters -->
<div class="block">
<form action="{{.Request.URL.Path}}" method="GET">
<div class="card nonshy-collapsible-mobile">
<header class="card-header has-background-link-light">
<p class="card-header-title">
Search &amp; Sort
</p>
<button class="card-header-icon" type="button">
<span class="icon">
<i class="fa fa-angle-up"></i>
</span>
</button>
</header>
<div class="card-content">
<div class="columns is-multiline mb-0">
<div class="column">
<div class="field">
<label class="label" for="search">Search by username or content:</label>
<input type="text" class="input" name="search" id="search" placeholder="Search" value="{{.Search}}">
</div>
</div>
<div class="column">
<div class="field">
<label class="label" for="sort">Sort by:</label>
<div class="select is-fullwidth">
<select id="sort" name="sort">
<option value="updated_at desc"{{if eq .Sort "updated_at desc"}} selected{{end}}>Recently updated</option>
<option value="updated_at asc"{{if eq .Sort "updated_at asc"}} selected{{end}}>Oldest first</option>
<option value="username asc"{{if eq .Sort "username asc"}} selected{{end}}>Username (a-z)</option>
<option value="username desc"{{if eq .Sort "username desc"}} selected{{end}}>Username (z-a)</option>
</select>
</div>
</div>
</div>
<div class="column is-narrow has-text-centered">
<label class="label">&nbsp;</label><!-- Spacing :( -->
<a href="{{.Request.URL.Path}}" class="button">Reset</a>
<button type="submit" class="button is-success">
Apply Filters
</button>
</div>
</div>
</div>
</div>
</form>
</div>
{{SimplePager .Pager}}
{{range .Notes}}
<div class="card has-background-link-light mb-4">
{{$User := $Root.UserMap.Get .AboutUserID}}
<div class="card-content" style="position: relative">
<div class="columns">
<div class="column is-2 has-text-centered">
<div>
<a href="/u/{{$User.Username}}">
{{template "avatar-96x96" $User}}
</a>
</div>
<a href="/u/{{$User.Username}}">{{$User.Username}}</a>
{{if $User.IsAdmin}}
<div class="is-size-7 mt-1">
<span class="tag is-danger is-light">
<span class="icon"><i class="fa fa-peace"></i></span>
<span>Admin</span>
</span>
</div>
{{end}}
</div>
<div class="column">
<strong>About:</strong>
<a href="/u/{{$User.Username}}">{{$User.Username}}</a>
{{if $User.IsAdmin}}
<span class="tag ml-2 is-danger is-light">
<i class="fa fa-peace mr-1"></i> Admin
</span>
{{end}}
<div class="my-2" style="white-space: pre-wrap; word-break: break-word; overflow: auto">{{.Message}}</div>
<div class="mt-3">
<form method="POST" action="{{$Root.Request.URL.Path}}">
{{InputCSRF}}
<input type="hidden" name="intent" value="delete">
<input type="hidden" name="id" value="{{.ID}}">
<em class="has-text-grey mr-3">
Last updated <span title="{{.UpdatedAt}}">{{SincePrettyCoarse .UpdatedAt}} ago.</span>
</em>
<!-- Delete button -->
<button type="submit" class="button is-small is-outlined is-danger"
onclick="return confirm('Do you want to delete this note?')">
<i class="fa fa-trash mr-1"></i>
Delete
</button>
</form>
</div>
</div>
</div>
</div>
</div>
{{end}}
</div>
</div>
{{end}}