59 lines
1.9 KiB
HTML
59 lines
1.9 KiB
HTML
|
{{/*###
|
||
|
Handler=/friends
|
||
|
TitleBar=Friends
|
||
|
MinPrivileges=2
|
||
|
KyutGrill=friends.jpg
|
||
|
*/}}
|
||
|
{{ define "tpl" }}
|
||
|
<div class="ui container">
|
||
|
<div class="ui segments">
|
||
|
<div class="ui segment">
|
||
|
{{ .T "On this page you can see all of your friends, and unfriend them as you see fit." }}
|
||
|
</div>
|
||
|
<div class="ui segment">
|
||
|
{{ $ := . }}
|
||
|
{{ $page := or (atoint (.Gin.Query "p")) 1 }}
|
||
|
{{ $friends := .Get "friends?p=%d&l=40&sort=username,asc" $page }}
|
||
|
{{ with $friends }}
|
||
|
<div class="ui four column stackable grid">
|
||
|
{{ range .friends }}
|
||
|
<div class="ui column">
|
||
|
<h4 class="ui image header">
|
||
|
<img src="{{ config "AvatarURL" }}/{{ .id }}" class="ui mini rounded image"{{ if not (has .privileges 1) }} style="opacity: 0.5"{{ end }}>
|
||
|
<div class="content">
|
||
|
<a href="/u/{{ .id }}"{{ if not (has .privileges 1) }} style="opacity: 0.5"{{ end }}>{{ .username }}</a>
|
||
|
<div class="sub header">
|
||
|
<div class="ui compact circular smalltext icon labeled {{ if .is_mutual }}red{{ else }}green{{ end }} button"
|
||
|
data-userid="{{ .id }}">
|
||
|
<i class="{{ if .is_mutual }}heart{{ else }}minus{{ end }} icon"></i>
|
||
|
<span>{{ if .is_mutual }}{{ $.T "Mutual" }}{{ else }}{{ $.T "Remove" }}{{ end }}</span>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</h4>
|
||
|
</div>
|
||
|
{{ end }}
|
||
|
</div>
|
||
|
{{ end }}
|
||
|
</div>
|
||
|
{{ $left := gt $page 1 }}
|
||
|
{{ $right := eq (len (rsin $friends.friends)) 40 }}
|
||
|
{{ if or $left $right }}
|
||
|
<div class="ui right aligned segment">
|
||
|
<div class="ui pagination menu">
|
||
|
{{ if $left }}
|
||
|
<a class="icon item" href="/friends?p={{ minus (float $page) 1 }}">
|
||
|
<i class="left chevron icon"></i>
|
||
|
</a>
|
||
|
{{ end }}
|
||
|
{{ if $right }}
|
||
|
<a class="icon item" href="/friends?p={{ plus (float $page) 1 }}">
|
||
|
<i class="right chevron icon"></i>
|
||
|
</a>
|
||
|
{{ end }}
|
||
|
</div>
|
||
|
</div>
|
||
|
{{ end }}
|
||
|
</div>
|
||
|
</div>
|
||
|
{{ end }}
|