IT-Naturschutz/konova
7
0
Fork 0
Code Issues 6 Pull Requests Actions Projects Releases 44 Wiki Activity

#7 New forms WIP

Browse Source 
* adds new collapsible styled form for new main data
* adds/updates translations
This commit is contained in:
mipel
2021-09-21 14:32:10 +02:00
parent e7b7fa84aa
commit c43a5c243e
14 changed files with 347 additions and 201 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
templates/form/generic_table_form.html
View File

@@ -18,12 +18,12 @@
{% csrf_token %}
{% include 'form/generic_table_form_body.html' %}
<div class="row">
<div class="col-md">
<div class="col-6">
<a href="{{ form.cancel_redirect }}">
<button class="btn btn-default" type="button" title="{% trans 'Cancel' %}">{% trans 'Cancel' %}</button>
</a>
</div>
<div class="col-md d-flex justify-content-end">
<div class="col-6 d-flex justify-content-end">
<button class="btn btn-default" type="submit" title="{% trans 'Save' %}">{% trans 'Save' %}</button>
</div>
</div>

1
templates/form/generic_table_form_body.html
View File

@@ -6,6 +6,7 @@
<tr title="{{ field.help_text }}" class="{% if field.errors %}alert-danger{% endif %}">
<th scope="row" class="col-sm-3">
<label for="id_{{ field.name }}">{{ field.label }}<span class="label-required">{% if field.field.required %}*{% endif %}</span></label>
<br>
<small>{{ field.help_text }}</small>
</th>
<td class="col-sm-9">

65
templates/form/main_data_collapse_form.html Normal file
View File

@@ -0,0 +1,65 @@
{% load i18n l10n fontawesome_5 %}
<form method="post" action="{{ form.action_url }}" {% for attr_key, attr_val in form.form_attrs.items %} {{attr_key}}="{{attr_val}}"{% endfor %}>
<h2>{{form.form_title}}</h2>
<div id="help" class="col">
<div class="row rlp-gd-outline p-2">
<div class="col-lg-1 rlp-r-inv">
<span class="d-flex justify-content-center align-items-center h-100">
{% fa5_icon 'question-circle' 'far' %}
</span>
</div>
<div class="col-lg-11">
<small>
{% blocktrans %}
First enter the most basic data. Of course you can change everything later.
All further data, like documents or further details, can be added in the detail view after saving
your new entry.
{% endblocktrans %}
<br>
{% trans 'Open the input topic with a simple click.' %}
</small>
</div>
</div>
</div>
<div class="mt-3">
<div class="card">
<div id="dataCardHeader" class="card-header cursor-pointer rlp-r" data-toggle="collapse" data-target="#dataCard" aria-expanded="true" aria-controls="dataCard">
<h5>
{% fa5_icon 'list' %}
{% trans 'General data' %}
</h5>
</div>
<div id="dataCard" class="collapse" aria-labelledby="dataCardHeader">
<div class="card-body">
{% include 'form/generic_table_form_body.html' %}
</div>
</div>
</div>
</div>
<div class="">
<div class="card">
<div id="geometryCardHeader" class="card-header cursor-pointer rlp-r" data-toggle="collapse" data-target="#geometryCard" aria-expanded="true" aria-controls="geometryCard">
<h5>
{% fa5_icon 'map-marked-alt' %}
{% trans 'Geometry' %}
</h5>
</div>
<div id="geometryCard" class="collapse" aria-labelledby="geometryCardHeader">
<div class="card-body">
ToDo
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-6">
<a href="{{ form.cancel_redirect }}">
<button class="btn btn-default" type="button" title="{% trans 'Cancel' %}">{% trans 'Cancel' %}</button>
</a>
</div>
<div class="col-6 d-flex justify-content-end">
<button class="btn btn-default" type="submit" title="{% trans 'Save' %}">{% trans 'Save' %}</button>
</div>
</div>
</form>