UnderCover/undercover/templates/writing.jinja2

99 lines
3.0 KiB
Django/Jinja

{% extends "base.jinja2" %}
{% block title %}UnderCover{% endblock %}
{% block head %}
<script type="text/javascript">
window.onload = () => {
{% if errors %}
window.scrollTo(0, document.body.scrollHeight);
{% endif %}
if (window.location.search.includes("reset=true")) {
window.history.pushState({}, document.title, window.location.pathname);
return;
}
decodeURIComponent(document.cookie).split(';').forEach(cookie => {
[id, value] = cookie.trim().split('=')
if (!id || !value) {
return
}
const e = document.getElementById(id)
if (e) {
e.value = value
}
})
}
const clearErrors = () => {
const e = document.getElementById('errors')
e.parentNode.removeChild(e)
}
</script>
{% endblock head %}
{% block content %}
{% if username %}
<div class="user logged-in">
<p style="margin: 0 1em 0 0;">{{ username }}</p>
<form action="/logout">
<input class="black-white-button" style="margin: 0;" type="submit" value="Logout">
</form>
</div>
{% else %}
<div class="user logged-out">
<p>You are working as a <strong>Guest</strong>.</p>
<form action="/login" method="post">
<div>
<input id="login" maxlength="32" minlength="4" name="login" type="text" placeholder="email">
<input id="password" maxlength="32" minlength="4" name="password" type="password" placeholder="password">
</div>
<div>
<input class="white-black-button login-button" type="submit" value="Login">
<!--
<input class="black-white-button" type="submit" value="Create Account" formaction="/create_account">
-->
</div>
</form>
</div>
{% endif %}
{% from "_formhelpers.jinja2" import render_field %}
<form method=post id="letter-form">
<dl>
{{ render_field(form.username) }}
{{ render_field(form.company) }}
{{ render_field(form.jobAndPronoun) }}
{{ render_field(form.skillTypes) }}
{{ render_field(form.mySkills) }}
{{ render_field(form.body, 'class=bigtext') }}
{{ render_field(form.closingText) }}
</dl>
{% if errors %}
<div id=errors>
<h3>Your letter has errors.</h3>
<p>
There is likely a typo in one of your variables (the {\blabla} bits).<br>
Make sure each is spelled correctly, and has the correct brackets on either side
</p>
<p class=errors>
{% for error in errors %}
{{ error }}<br>
{% endfor %}
</p>
</div>
{% endif %}
<a href="javascript:void(0)"
class="wipe up-wipe"
{% if errors %}
onclick="clearErrors();document.getElementById('letter-form').submit()"
{% else %}
onclick="document.getElementById('letter-form').submit()"
{% endif %}
>Generate PDF</a>
</form>
{% endblock content %}