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

Gate uploading a cert photo if you have no profile photo

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