nonshy
/
website
1
0
Fork 1
Code Issues 20 Pull Requests Packages Projects Releases Wiki Activity

Gate uploading a cert photo if you have no profile photo

face-detect
Noah Petherbridge 2023-08-04 19:35:53 -07:00
parent fdc410c9f1
commit 09497d3e52
1 changed files with 60 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

94
web/templates/photo/certification.html
View File

@ -106,44 +106,70 @@
</p>
</div>
<form method="POST" action="/photo/certification" enctype="multipart/form-data">
{{InputCSRF}}
<!-- If the user has no profile picture, ask them to upload that first. -->
{{if not .CurrentUser.ProfilePhotoID}}
<div class="notification is-danger is-light content">
<p>
<i class="fa fa-hand mr-1"></i>
<strong>Hang on a moment!</strong>
</p>
<div class="has-text-centered block">
<div><strong>Example Picture</strong></div>
<div><small class="has-text-grey">(ink colors not important)</small></div>
<img src="/static/img/certification-example.jpg">
</div>
<p>
Before you submit your certification photo, please upload
<a href="/photo/upload?intent=profile_pic" class="has-text-link"><strong>a profile photo</strong></a>
that shows your face. Your certification photo will be compared to the face
picture on your profile page so that we know it's actually the same person.
</p>
<div class="field">
<label for="file" class="label">Browse and select your verification photo:</label>
<div class="file has-name is-fullwidth">
<label class="file-label">
<input class="file-input" type="file"
name="file"
id="file"
accept=".jpg,.jpeg,.jpe,.png"
required>
<span class="file-cta">
<span class="file-icon">
<i class="fas fa-upload"></i>
</span>
<span class="file-label">
Choose a file…
</span>
</span>
<span class="file-name" id="fileName">
Select a file
</span>
</label>
<p>
<strong>Note:</strong> you may make your profile picture "Friends-only" or
"Private" if you need; but you should have a clear face picture on your
profile page for the {{PrettyTitle}} admin to compare your certification
picture to!
</p>
</div>
{{else}}
<form method="POST" action="/photo/certification" enctype="multipart/form-data">
{{InputCSRF}}
<div class="has-text-centered block">
<div><strong>Example Picture</strong></div>
<div><small class="has-text-grey">(ink colors not important)</small></div>
<img src="/static/img/certification-example.jpg">
</div>
</div>
<div class="block has-text-centered">
<button type="submit" class="button is-primary">Upload Certification Photo</button>
</div>
<div class="field">
<label for="file" class="label">Browse and select your verification photo:</label>
<div class="file has-name is-fullwidth">
<label class="file-label">
<input class="file-input" type="file"
name="file"
id="file"
accept=".jpg,.jpeg,.jpe,.png"
required>
<span class="file-cta">
<span class="file-icon">
<i class="fas fa-upload"></i>
</span>
<span class="file-label">
Choose a file…
</span>
</span>
<span class="file-name" id="fileName">
Select a file
</span>
</label>
</div>
</div>
</form>
<div class="block has-text-centered">
<button type="submit" class="button is-primary">Upload Certification Photo</button>
</div>
</form>
{{end}}
</div>
</div>
</div>
@ -163,4 +189,4 @@
});
});
</script>
{{end}}
{{end}}