415 lines
20 KiB
HTML
415 lines
20 KiB
HTML
{{define "title"}}{{.User.Username}}{{end}}
|
|
{{define "content"}}
|
|
<div class="container">
|
|
<section class="hero {{if and .LoggedIn (not .IsPrivate)}}is-info{{else}}is-light is-bold{{end}}">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<div class="columns">
|
|
<div class="column is-narrow has-text-centered">
|
|
<figure class="profile-photo is-inline-block">
|
|
{{if .User.ProfilePhoto.ID}}
|
|
{{if and (eq .User.ProfilePhoto.Visibility "private") (not .User.UserRelationship.IsPrivateGranted)}}
|
|
<img src="/static/img/shy-private.png" data-photo-id="{{.User.ProfilePhoto.ID}}">
|
|
{{else if and (eq .User.ProfilePhoto.Visibility "friends") (not .User.UserRelationship.IsFriend)}}
|
|
<img src="/static/img/shy-friends.png" data-photo-id="{{.User.ProfilePhoto.ID}}">
|
|
{{else}}
|
|
<img src="{{PhotoURL .User.ProfilePhoto.CroppedFilename}}" data-photo-id="{{.User.ProfilePhoto.ID}}">
|
|
{{end}}
|
|
{{else}}
|
|
<img src="/static/img/shy.png">
|
|
{{end}}
|
|
|
|
<!-- CurrentUser can upload a new profile pic -->
|
|
{{if and .LoggedIn (eq .CurrentUser.ID .User.ID) (not .IsPrivate)}}
|
|
<span class="corner">
|
|
<button class="button is-small p-1 is-success">
|
|
<a href="/photo/upload?intent=profile_pic"
|
|
class="fa fa-camera has-text-link"
|
|
title="Upload a new Profile Picture"></a>
|
|
</button>
|
|
</span>
|
|
{{end}}
|
|
</figure>
|
|
</div>
|
|
|
|
<div class="column">
|
|
<h1 class="title">
|
|
{{.User.NameOrUsername}}
|
|
{{if eq .User.Visibility "private"}}<sup class="fa fa-mask ml-2 is-size-6" title="Private Profile"></sup>{{end}}
|
|
</h1>
|
|
{{if ne .User.Status "active"}}
|
|
<h2 class="subtitle">
|
|
({{.User.Status}})
|
|
</h2>
|
|
{{end}}
|
|
{{if or (not .LoggedIn) .IsPrivate}}
|
|
<h2 class="subtitle">is on {{PrettyTitle}}, a social network for nudists & exhibitionists.</h2>
|
|
<p>
|
|
{{PrettyTitle}} is a new social network for <strong>real</strong> nudists and exhibionists.
|
|
Join <strong>{{.User.Username}}</strong> and the others on this site by
|
|
<a href="/signup"><ins>creating an account</ins></a> and sending them a friend request! Please
|
|
see <a href="/"><ins>the home page</ins></a> for all the details.
|
|
</p>
|
|
{{end}}
|
|
</div>
|
|
|
|
{{if and .LoggedIn (not .IsPrivate)}}
|
|
<div class="column is-narrow">
|
|
<div class="box">
|
|
<div>
|
|
Member since:
|
|
<span title="Since {{.User.CreatedAt.Format "Jan _2 2006"}}">
|
|
{{SincePrettyCoarse .User.CreatedAt}} ago
|
|
</span>
|
|
</div>
|
|
<div>
|
|
Last logged in:
|
|
<span title="On {{.User.LastLoginAt.Format "Jan _2 2006 15:04:05 MST"}}">
|
|
{{SincePrettyCoarse .User.LastLoginAt}} ago
|
|
</span>
|
|
</div>
|
|
{{if .User.Certified}}
|
|
<div class="pt-1">
|
|
<div class="icon-text" title="This user has been certified via a verification selfie.">
|
|
<span class="icon">
|
|
<i class="fa-solid fa-certificate has-text-success"></i>
|
|
</span>
|
|
<strong class="has-text-success">Certified!</strong>
|
|
</div>
|
|
</div>
|
|
{{else}}
|
|
<div class="pt-1">
|
|
<div class="icon-text" title="This user has not certified themselves with a verification selfie.">
|
|
<span class="icon">
|
|
<i class="fa-solid fa-certificate has-text-danger"></i>
|
|
</span>
|
|
<strong class="has-text-danger">Not certified!</strong>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
|
|
{{if .User.IsShy}}
|
|
<div class="pt-1">
|
|
<div class="icon-text has-text-danger">
|
|
<span class="icon">
|
|
<i class="fa fa-ghost"></i>
|
|
</span>
|
|
<strong>Shy Account</strong>
|
|
</div>
|
|
</div>
|
|
{{else}}
|
|
<div class="pt-1" title="Badge for having at least one public picture.">
|
|
{{PrettyTitleShort}}
|
|
<strong class="has-text-link ml-1">Non-shy!</strong>
|
|
</div>
|
|
{{end}}
|
|
|
|
{{if .User.IsAdmin}}
|
|
<div class="pt-1">
|
|
<div class="icon-text has-text-danger">
|
|
<span class="icon">
|
|
<i class="fa fa-gavel"></i>
|
|
</span>
|
|
<strong>Admin</strong>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
{{end}}<!-- if .LoggedIn -->
|
|
</div>
|
|
|
|
{{if and .LoggedIn (not .IsExternalView)}}
|
|
<div class="columns is-centered is-gapless">
|
|
<div class="column is-narrow has-text-centered">
|
|
<form action="/friends/add" method="POST">
|
|
{{InputCSRF}}
|
|
<input type="hidden" name="username" value="{{.User.Username}}">
|
|
|
|
<button type="submit" class="button is-fullwidth"
|
|
{{if not (eq .IsFriend "none")}}title="Friendship {{.IsFriend}}"{{end}}>
|
|
<span class="icon-text">
|
|
<span class="icon">
|
|
{{if eq .IsFriend "approved"}}
|
|
<i class="fa fa-check has-text-success"></i>
|
|
{{else if eq .IsFriend "pending"}}
|
|
<i class="fa fa-spinner fa-spin"></i>
|
|
{{else}}
|
|
<i class="fa fa-plus"></i>
|
|
{{end}}
|
|
</span>
|
|
<span>Friend{{if eq .IsFriend "approved"}}s{{end}}</span>
|
|
</span>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="column is-narrow has-text-centered">
|
|
<a href="/messages/compose?to={{.User.Username}}" class="button is-fullwidth">
|
|
<span class="icon-text">
|
|
<span class="icon">
|
|
<i class="fa fa-message"></i>
|
|
</span>
|
|
<span>Message</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Like button -->
|
|
{{if not .IsPrivate}}
|
|
{{$Like := .LikeMap.Get .User.ID}}
|
|
<div class="column is-narrow has-text-centered">
|
|
<button type="button" class="button is-fullwidth nonshy-like-button"
|
|
data-table-name="users" data-table-id="{{.User.ID}}"
|
|
title="Like this profile">
|
|
<span class="icon{{if $Like.UserLikes}} has-text-danger{{end}}"><i class="fa fa-heart"></i></span>
|
|
<span class="nonshy-likes">
|
|
Like
|
|
{{if gt $Like.Count 0}}
|
|
({{$Like.Count}})
|
|
{{end}}
|
|
</span>
|
|
</button>
|
|
</div>
|
|
{{end}}
|
|
|
|
<div class="column is-narrow has-text-centered">
|
|
<form action="/users/block" method="POST">
|
|
{{InputCSRF}}
|
|
<input type="hidden" name="username" value="{{.User.Username}}">
|
|
|
|
<button type="submit" class="button is-fullwidth"
|
|
{{if not (eq .IsFriend "none")}}title="Friendship {{.IsFriend}}"{{end}}>
|
|
<span class="icon-text">
|
|
<span class="icon">
|
|
<i class="fa fa-hand"></i>
|
|
</span>
|
|
<span>Block</span>
|
|
</span>
|
|
</button>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="column is-narrow has-text-centered">
|
|
<a href="/contact?intent=report&subject=report.user&id={{.User.ID}}" class="button is-fullwidth">
|
|
<span class="icon-text">
|
|
<span class="icon">
|
|
<i class="fa fa-flag"></i>
|
|
</span>
|
|
<span>Report</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
|
|
</div><!-- columns -->
|
|
{{end}}<!-- if .LoggedIn -->
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
{{if or (not .LoggedIn) .IsPrivate}}
|
|
<div class="py-6"></div>
|
|
{{else if .IsPrivate}}
|
|
<div class="block p-4">
|
|
<div class="notification block is-warning">
|
|
<i class="fa fa-mask"></i> This member's profile page is <strong>private.</strong> You may send them
|
|
a friend request, and only if approved, you may then view their profile page and photo gallery.
|
|
</div>
|
|
</div>
|
|
{{else}}
|
|
<div class="block p-4">
|
|
<div class="tabs is-boxed">
|
|
<ul>
|
|
<li class="is-active">
|
|
<a>
|
|
<span class="icon is-small">
|
|
<i class="fa fa-user"></i>
|
|
</span>
|
|
<span>Profile</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/photo/u/{{.User.Username}}">
|
|
<span class="icon is-small">
|
|
<i class="fa fa-image"></i>
|
|
</span>
|
|
<span>
|
|
Photos
|
|
{{if .PhotoCount}}<span class="tag is-link is-light ml-1">{{.PhotoCount}}</span>{{end}}
|
|
</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="columns">
|
|
|
|
<div class="column is-two-thirds">
|
|
<div class="card block">
|
|
<header class="card-header has-background-link">
|
|
<p class="card-header-title has-text-light">
|
|
About Me
|
|
</p>
|
|
</header>
|
|
|
|
<div class="card-content">
|
|
<div class="content">
|
|
{{or (ToMarkdown (.User.GetProfileField "about_me")) "n/a"}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card block">
|
|
<header class="card-header has-background-link">
|
|
<p class="card-header-title has-text-light">
|
|
My Interests
|
|
</p>
|
|
</header>
|
|
|
|
<div class="card-content">
|
|
<div class="content">
|
|
{{or (ToMarkdown (.User.GetProfileField "interests")) "n/a"}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card block">
|
|
<header class="card-header has-background-link">
|
|
<p class="card-header-title has-text-light">
|
|
Music/Bands/Movies
|
|
</p>
|
|
</header>
|
|
|
|
<div class="card-content">
|
|
<div class="content">
|
|
{{or (ToMarkdown (.User.GetProfileField "music_movies")) "n/a"}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="column">
|
|
<div class="card block">
|
|
<header class="card-header has-background-info">
|
|
<p class="card-header-title has-text-light">
|
|
<i class="fa fa-user pr-2"></i>
|
|
About {{.User.Username}}
|
|
</p>
|
|
</header>
|
|
|
|
<div class="card-content">
|
|
<table class="table is-fullwidth is-hoverable" style="font-size: small">
|
|
<tr>
|
|
<td class="has-text-right">
|
|
<strong class="is-size-7">Age:</label>
|
|
</td>
|
|
<td>
|
|
{{if not .User.Birthdate.IsZero}}
|
|
{{ComputeAge .User.Birthdate}}
|
|
{{else}}
|
|
n/a
|
|
{{end}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="has-text-right">
|
|
<strong class="is-size-7">Gender:</label>
|
|
</td>
|
|
<td>
|
|
{{or (.User.GetProfileField "gender") "n/a"}}
|
|
<small class="ml-3">{{.User.GetProfileField "pronouns"}}</small>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="has-text-right">
|
|
<strong class="is-size-7">City:</label>
|
|
</td>
|
|
<td>
|
|
{{or (.User.GetProfileField "city") "n/a"}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="has-text-right">
|
|
<strong class="is-size-7">Job:</label>
|
|
</td>
|
|
<td>
|
|
{{or (.User.GetProfileField "job") "n/a"}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="has-text-right">
|
|
<strong class="is-size-7">Marital status:</label>
|
|
</td>
|
|
<td>
|
|
{{or (.User.GetProfileField "marital_status") "n/a"}}
|
|
{{if .User.GetProfileField "relationship_type"}}({{.User.GetProfileField "relationship_type"}}){{end}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="has-text-right">
|
|
<strong class="is-size-7">Orientation:</small>
|
|
</td>
|
|
<td>
|
|
{{or (.User.GetProfileField "orientation") "n/a"}}
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="has-text-right">
|
|
<strong class="is-size-7">Here for:</label>
|
|
</td>
|
|
<td>
|
|
{{range Split (.User.GetProfileField "here_for") ","}}
|
|
<div class="tag">{{.}}</div>
|
|
{{end}}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Admin Actions-->
|
|
{{if .CurrentUser.IsAdmin}}
|
|
<div class="card block">
|
|
<header class="card-header has-background-danger">
|
|
<p class="card-header-title has-text-light">
|
|
<i class="fa fa-gavel pr-2"></i>
|
|
Admin Actions
|
|
</p>
|
|
</header>
|
|
|
|
<div class="card-content">
|
|
<ul class="menu-list">
|
|
<li>
|
|
<a href="/admin/user-action?intent=impersonate&user_id={{.User.ID}}">
|
|
<span class="icon"><i class="fa fa-ghost"></i></span>
|
|
<span>Impersonate this user</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/admin/user-action?intent=ban&user_id={{.User.ID}}">
|
|
<span class="icon"><i class="fa fa-ban"></i></span>
|
|
<span>Ban/unban this user</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/admin/user-action?intent=promote&user_id={{.User.ID}}">
|
|
<span class="icon"><i class="fa fa-gavel"></i></span>
|
|
<span>Add/Remove admin rights</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="/admin/user-action?intent=delete&user_id={{.User.ID}}">
|
|
<span class="icon"><i class="fa fa-trash"></i></span>
|
|
<span>Delete user account</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
{{end}}
|
|
</div>
|
|
</div><!-- /columns-->
|
|
</div>
|
|
{{end}}<!-- not IsPrivate -->
|
|
</div>
|
|
{{end}} |