beautified costs templates

This commit is contained in:
gw3000 2023-07-18 18:07:22 +02:00
parent 50d1ea1953
commit 01ff0839b0
4 changed files with 43 additions and 69 deletions

View file

@ -17,8 +17,7 @@
<script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script> <script src="https://cdn.datatables.net/responsive/2.2.9/js/dataTables.responsive.min.js"></script>
<script src="https://cdn.datatables.net/responsive/2.2.9/js/responsive.bootstrap5.min.js"></script> <script src="https://cdn.datatables.net/responsive/2.2.9/js/responsive.bootstrap5.min.js"></script>
<!-- Configure the DataTable. -->
<script> <script>
$(document).ready(function () { $(document).ready(function () {
$('#t__costs_all').DataTable({ $('#t__costs_all').DataTable({
@ -34,18 +33,14 @@
}) })
}) })
</script> </script>
{% endblock header %} {% endblock header %}
{% block content %} {% block content %}
<h3>Übersicht aller Kosten</h3> <h3>Übersicht aller Kosten</h3>
<p> <p>Die Übersicht aller enstandenen Kosten.</p>
Die Übersicht aller enstandenen Kosten. <p><a href="{% url 'costs_create' %}" class="btn btn-primary">Eine Buchung anlegen</a></p>
</p>
<p>
<a href="{% url 'costs_create' %}" class="btn btn-primary">Eine Buchung anlegen</a>
</p>
<table class="table table-striped table-hover display responsive nowrap" width="100%" id="t__costs_all"> <table class="table table-striped table-hover display responsive nowrap" width="100%" id="t__costs_all">
<thead> <thead>
<tr> <tr>
<th>Patient</th> <th>Patient</th>
@ -70,8 +65,6 @@
</tr> </tr>
{% endfor %} {% endfor %}
</tbody> </tbody>
</table> </table>
{% endblock content %}
{% endblock content %}

View file

@ -3,8 +3,7 @@
{% load crispy_forms_tags %} {% load crispy_forms_tags %}
{% block content %} {% block content %}
<h3>Buchung anlegen</h3> <h3>Buchung anlegen</h3>
<p></p> <div class="row mt-3">
<div class="row">
<div class="col-lg-5 mb-3"> <div class="col-lg-5 mb-3">
<form method="post" enctype="multipart/form-data"> <form method="post" enctype="multipart/form-data">
<fieldset> <fieldset>
@ -17,25 +16,20 @@
</div> </div>
<div class="col-lg-5"> <div class="col-lg-5">
<h4> <h4>Kennung</h4>
Kennung
</h4>
<p> <p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit
temporibus dicta voluptate in voluptates. Alias deserunt sint temporibus dicta voluptate in voluptates. Alias deserunt sint
suscipit explicabo et. Perferendis, dolor praesentium. suscipit explicabo et. Perferendis, dolor praesentium.
</p> </p>
<h4> <h4>Vogel</h4>
Vogel
</h4>
<p> <p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit
temporibus dicta voluptate in voluptates. Alias deserunt sint temporibus dicta voluptate in voluptates. Alias deserunt sint
suscipit explicabo et. Perferendis, dolor praesentium. suscipit explicabo et. Perferendis, dolor praesentium.
</p> </p>
</div> </div>
</div> </div>
{% endblock content %} {% endblock content %}

View file

@ -3,8 +3,7 @@
{% load crispy_forms_tags %} {% load crispy_forms_tags %}
{% block content %} {% block content %}
<h3>Buchung löschen</h3> <h3>Buchung löschen</h3>
<p></p> <div class="row mt-3">
<div class="row">
<div class="col-lg-5 mb-3"> <div class="col-lg-5 mb-3">
<form method="post" enctype="multipart/form-data"> <form method="post" enctype="multipart/form-data">
<fieldset> <fieldset>
@ -28,25 +27,20 @@
</div> </div>
<div class="col-lg-5"> <div class="col-lg-5">
<h4> <h4>Kennung</h4>
Kennung
</h4>
<p> <p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit
temporibus dicta voluptate in voluptates. Alias deserunt sint temporibus dicta voluptate in voluptates. Alias deserunt sint
suscipit explicabo et. Perferendis, dolor praesentium. suscipit explicabo et. Perferendis, dolor praesentium.
</p> </p>
<h4> <h4>Vogel</h4>
Vogel
</h4>
<p> <p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit
temporibus dicta voluptate in voluptates. Alias deserunt sint temporibus dicta voluptate in voluptates. Alias deserunt sint
suscipit explicabo et. Perferendis, dolor praesentium. suscipit explicabo et. Perferendis, dolor praesentium.
</p> </p>
</div> </div>
</div> </div>
{% endblock content %} {% endblock content %}

View file

@ -3,8 +3,7 @@
{% load crispy_forms_tags %} {% load crispy_forms_tags %}
{% block content %} {% block content %}
<h3>Buchung bearbeiten</h3> <h3>Buchung bearbeiten</h3>
<p></p> <div class="row mt-3">
<div class="row">
<div class="col-lg-5 mb-3"> <div class="col-lg-5 mb-3">
<form method="post" enctype="multipart/form-data"> <form method="post" enctype="multipart/form-data">
<fieldset> <fieldset>
@ -15,27 +14,21 @@
</fieldset> </fieldset>
</form> </form>
</div> </div>
<div class="col-lg-5"> <div class="col-lg-5">
<h4> <h4>Kennung</h4>
Kennung
</h4>
<p> <p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit
temporibus dicta voluptate in voluptates. Alias deserunt sint temporibus dicta voluptate in voluptates. Alias deserunt sint
suscipit explicabo et. Perferendis, dolor praesentium. suscipit explicabo et. Perferendis, dolor praesentium.
</p> </p>
<h4> <h4>Vogel</h4>
Vogel
</h4>
<p> <p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit Reiciendis, hic enim pariatur, exercitationem, repellat quasi sit
temporibus dicta voluptate in voluptates. Alias deserunt sint temporibus dicta voluptate in voluptates. Alias deserunt sint
suscipit explicabo et. Perferendis, dolor praesentium. suscipit explicabo et. Perferendis, dolor praesentium.
</p> </p>
</div> </div>
</div> </div>
{% endblock content %} {% endblock content %}