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 }} |