Noah Petherbridge
f6d076f7c2
* Add "Site Gallery" page showing all public+gallery member photos.
* Add "Certification Required" decorator for gallery and other main pages.
* Add the Certification Photo workflow:
* Users have a checklist on their dashboard to upload a profile pic
and post a certification selfie (two requirements)
* Admins notified by email when a new certification pic comes in.
* Admin can reject (w/ comment) or approve the pic.
* Users can re-upload or delete their pic at the cost of losing
certification status if they make any such changes.
* Users are emailed when their photo is either approved or rejected.
* User Preferences: can now save the explicit pref to your account.
* Explicit photos on user pages and site gallery are hidden if the
current user hasn't opted-in (user can always see their own explicit
photos regardless of the setting)
* If a user is viewing a member gallery and explicit pics are hidden, a
count of the number of explicit pics is shown to inform the user that
more DO exist, they just don't see them. The site gallery does not do
this and simply hides explicit photos.
301 lines
13 KiB
HTML
301 lines
13 KiB
HTML
{{define "title"}}{{.User.Username}}{{end}}
|
|
{{define "content"}}
|
|
<div class="container">
|
|
<section class="hero is-info is-bold">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<div class="columns">
|
|
<div class="column is-narrow">
|
|
<figure class="profile-photo">
|
|
{{if .User.ProfilePhoto.ID}}
|
|
<img src="/static/photos/{{.User.ProfilePhoto.CroppedFilename}}" data-photo-id="{{.User.ProfilePhoto.ID}}">
|
|
{{else}}
|
|
<img class="is-rounded" src="/static/img/shy.png">
|
|
{{end}}
|
|
|
|
<!-- CurrentUser can upload a new profile pic -->
|
|
{{if eq .CurrentUser.ID .User.ID}}
|
|
<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">
|
|
{{if .User.Name}}
|
|
{{.User.Name}}
|
|
{{else}}
|
|
{{.User.Username}}
|
|
{{end}}
|
|
</h1>
|
|
</div>
|
|
|
|
<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.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>
|
|
</div>
|
|
|
|
<div class="level">
|
|
<div class="level-item">
|
|
<div class="field has-addons">
|
|
<p class="control">
|
|
<button type="button" class="button">
|
|
<span class="icon-text">
|
|
<span class="icon">
|
|
<i class="fa fa-plus"></i>
|
|
</span>
|
|
<span>Friend</span>
|
|
</span>
|
|
</button>
|
|
</p>
|
|
|
|
<p class="control">
|
|
<button type="button" class="button">
|
|
<span class="icon-text">
|
|
<span class="icon">
|
|
<i class="fa fa-message"></i>
|
|
</span>
|
|
<span>Message</span>
|
|
</span>
|
|
</button>
|
|
</p>
|
|
|
|
<p class="control">
|
|
<button type="button" class="button">
|
|
<span class="icon-text">
|
|
<span class="icon">
|
|
<i class="fa fa-thumbs-up"></i>
|
|
</span>
|
|
<span>Like</span>
|
|
</span>
|
|
</button>
|
|
</p>
|
|
|
|
<!-- <p class="control">
|
|
<button type="button" class="button">
|
|
<span class="icon-text">
|
|
<span class="icon">
|
|
<i class="fa fa-flag"></i>
|
|
</span>
|
|
<span>Flag</span>
|
|
</span>
|
|
</button>
|
|
</p>
|
|
|
|
<p class="control">
|
|
<button type="button" class="button">
|
|
<span class="icon-text">
|
|
<span class="icon">
|
|
<i class="fa fa-hand"></i>
|
|
</span>
|
|
<span>Block</span>
|
|
</span>
|
|
</button>
|
|
</p> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<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</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>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{{end}} |