expo/troggle
2
0
Fork 1
mirror of https://expo.survex.com/repositories/troggle/.git synced 2026-02-08 11:21:26 +00:00
Code Issues 18 Projects 3 Activity

with more styling

Browse Source
This commit is contained in:
Philip Sargent
2025-12-28 01:16:14 +00:00
parent 8706991888
commit 136f9bf935
2 changed files with 84 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
templates/new_prospect.html
View File

@@ -12,45 +12,60 @@ New Prospect
<h1>New Prospect</h1>
<p>Please fill in the details for a new prospect: a hole which might be a cave. Fields are documented in the <a href="/handbook/survey/caveentryfields.html">cave entry fields</a> guide.</p>
{% if success %}
<div class="success-message">Prospect submitted successfully. You can edit the details below or enter another.</div>
{% endif %}
<style>
div > label {
display:block;
.prospect-form-container {
max-width: 100%;
margin-left: 15%;
font-family: monospace;
font-weight: bold;
margin-top: 5px;
font-size: 150%;
text-align: right;
}
.prospect-form label {
display: inline-block;
width: 320px;
text-align: right;
margin-right: 20px;
margin-bottom: 8px;
}
.prospect-form input, .prospect-form select, .prospect-form textarea {
width: 87%;
margin-bottom: 10px;
font-family: monospace;
font-weight: bold;
font-size: 100%;
padding: 0.5em;
width: 20%;
margin-bottom: 10px;
}
.success-message {
color: green;
font-weight: bold;
margin-bottom: 15px;
}
.form-group {
margin-bottom: 15px;
}
.error {
color: red;
font-size: 90%;
display: block;
margin-bottom: 5px;
}
</style>
<form method="post" class="prospect-form">
{% csrf_token %}
<div class="form-fields">
<div class="prospect-form-container">
<form method="post" class="prospect-form">
{% csrf_token %}
{% for field in form %}
<div class="form-group">
<div>
<label for="{{ field.id_for_label }}">{{ field.label }}</label>
{{ field }}
{% if field.help_text %}<small>{{ field.help_text }}</small>{% endif %}
{% for error in field.errors %}<div class="error">{{ error }}</div>{% endfor %}
{% for error in field.errors %}<span class="error">{{ error }}</span>{% endfor %}
</div>
{% endfor %}
</div>
<p><button class="fancybutton" style="padding: 0.5em 25px; margin-left: 155px; font-size: 90%;" type="submit">Submit</button></p>
</form>
<br>
<button class="fancybutton" style="padding: 0.5em 25px; margin-left: 155px; font-size: 90%;" type="submit">Submit</button>
</form>
</div>
{% if success %}
<div class="success-message">Prospect submitted successfully. You can edit the details below or enter another.</div>
{% endif %}
{% endblock %}