jazzmin as a more beauty admin panel

This commit is contained in:
gw3000 2023-07-11 18:04:19 +02:00
parent 8ea5c87c9c
commit aca1c3c3fa
117 changed files with 4 additions and 0 deletions

View file

@ -0,0 +1,70 @@
{% extends "base.html" %}
{% load static %}
{% block header %}
<!-- Datatable CSS -->
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.4/css/dataTables.bootstrap5.min.css"/>
<link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.9/css/responsive.bootstrap5.min.css">
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<!-- Datatable jQuery -->
<script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.11.3/js/dataTables.bootstrap5.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>
$(document).ready(function () {
$('#t__rescuer_all').DataTable({
language: {
url: 'https://cdn.datatables.net/plug-ins/1.11.3/i18n/de_de.json',
},
paging: false,
info: false,
responsive: true,
columnDefs: [
{ responsivePriority: 1, targets: 0 },
]
})
})
</script>
{% endblock header %}
{% block content %}
<h3>Übersicht aller Finder</h3>
<p>
Die Übersicht aller aktiven Finder.
</p>
<p>
<a href="{% url 'rescuer_create' %}" class="btn btn-primary">Einen neuen Finder anlegen</a>
</p>
<table class="table table-striped table-hover display responsive nowrap" width="100%" id="t__rescuer_all">
<thead>
<tr>
<th>Name</th>
<th>Vorname</th>
<th>Straße</th>
<th>PLZ</th>
<th>Ort</th>
<th>Phone</th>
</tr>
</thead>
<tbody>
{% for rescuer in rescuers %}
<tr>
<td>
<a href="{% url 'rescuer_single' rescuer.id %}">{{ rescuer.last_name }}</a>
</td>
<td>{{ rescuer.first_name }}</td>
<td>{{ rescuer.street }} {{ rescuer.street_number }}</td>
<td>{{ rescuer.zip_code }}</td>
<td>{{ rescuer.city }}</td>
<td>{{ rescuer.phone }}</td>
</tr>
{% endfor %}
</tbody>
</table>
{% endblock content %}

View file

@ -0,0 +1,52 @@
{% extends 'base.html' %}
{% load crispy_forms_tags %}
{% block content %}
<h4>Einen neuen Finder anlegen</h4>
<div class="row">
<div class="col-lg-6">
<form method="post" class="form-horizontal">
{% csrf_token %}
<div class="row">
<div class="col-md-12 col-lg-6">{{ form.first_name|as_crispy_field }}</div>
<div class="col-md-12 col-lg-6">{{ form.last_name|as_crispy_field }}</div>
<div class="col-md-12 col-lg-8">{{ form.street|as_crispy_field }}</div>
<div class="col-md-12 col-lg-4">{{ form.street_number|as_crispy_field }}</div>
<div class="col-md-12 col-lg-8">{{ form.city|as_crispy_field }}</div>
<div class="col-md-12 col-lg-4">{{ form.zip_code|as_crispy_field }}</div>
<div class="col-md-12 col-lg-6">{{ form.phone|as_crispy_field }}</div>
</div>
<a href="{% url 'bird_all' %}" class="btn btn-danger">Abbruch</a>
<button class="btn btn-primary" type="submit">Speichern</button>
</form>
<div class="mt-3"><small>* Pflichtfeld</small></div>
</div>
<div class="col-lg-4">
<br />
<h4>eins</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error nobis
necessitatibus distinctio pariatur vero sequi eum excepturi assumenda quam
maxime doloremque eligendi perspiciatis id aliquid, voluptate blanditiis
consequatur enim deleniti.
</p>
<h4>zwei</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error nobis
necessitatibus distinctio pariatur vero sequi eum excepturi assumenda quam
maxime doloremque eligendi perspiciatis id aliquid, voluptate blanditiis
consequatur enim deleniti.
</p>
<h4>drei</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error nobis
necessitatibus distinctio pariatur vero sequi eum excepturi assumenda quam
maxime doloremque eligendi perspiciatis id aliquid, voluptate blanditiis
consequatur enim deleniti.
</p>
</div>
</div>
{% endblock content %}

View file

@ -0,0 +1,28 @@
{% extends 'base.html' %}
{% block content %}
<h1>Finder löschen</h1>
<div class="row mt-3">
<div class="col-lg-7">
<form method="post">
{% csrf_token %}
<div class="alert alert-dismissible alert-danger">
<h4 class="alert-heading">Warnung!</h4>
<p class="mb-0">Wollen Sie den Finder <strong>{{rescuer.first_name}} {{rescuer.last_name}}</strong> löschen?</p>
</div>
</p>
<a href="{% url 'rescuer_all'%}" class="btn btn-secondary">Abbruch</a>
<button class="btn btn-danger" type="submit">Löschen</button>
</form>
</div>
<div class="col-lg-5">
<h5>Finder löschen</h5>
<p>
Lorem ipsum, dolor sit amet consectetur adipisicing elit. Voluptates
ducimus inventore quia, quae quam reiciendis eligendi explicabo non
deleniti aliquid, modi dignissimos ullam ipsa incidunt vel similique fuga?
Suscipit, dolores?
</p>
</div>
</div>
{% endblock content %}

View file

@ -0,0 +1,40 @@
{% extends 'base.html' %}
{% load crispy_forms_tags %}
{% block content %}
<div class="row">
<div class="col-lg-7">
<h3>Adressänderung des Finders</h3>
<form method="post" class="form-horizontal">
<fieldset>
{% csrf_token %}
<div class="row">
<div class="col-6">{{ form.first_name|as_crispy_field }}</div>
<div class="col-6">{{ form.last_name|as_crispy_field }}</div>
<div class="col-6">{{ form.phone|as_crispy_field }}</div>
<div class="col-8">{{ form.street|as_crispy_field }}</div>
<div class="col-4">{{ form.street_number|as_crispy_field }}</div>
<div class="col-8">{{ form.city|as_crispy_field }}</div>
<div class="col-4">{{ form.zip_code|as_crispy_field }}</div>
</div>
<a href="{% url 'rescuer_all' %}" class="btn btn-secondary">Abbruch</a>
<button class="btn btn-primary" type="submit">Speichern</button>
</fieldset>
</form>
</div>
<div class="col-lg-5">
<h4>Eins</h4>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident rem voluptates, facere voluptatum laudantium
voluptate possimus porro. Ab veritatis impedit esse architecto sit dolores, tempore officia! Nemo magni voluptate
officiis?</p>
<h4>Zwei</h4>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident rem voluptates, facere voluptatum laudantium
voluptate possimus porro. Ab veritatis impedit esse architecto sit dolores, tempore officia! Nemo magni voluptate
officiis?</p>
<h4>Drei</h4>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Provident rem voluptates, facere voluptatum laudantium
voluptate possimus porro. Ab veritatis impedit esse architecto sit dolores, tempore officia! Nemo magni voluptate
officiis?</p>
</div>
</div>
{% endblock content %}

View file

@ -0,0 +1,38 @@
{% extends 'base.html' %}
{% block content %}
<div class="row">
<div class="col-lg-6">
<h3>Stammdaten des Finders</h3>
<div class="card bg-light mb-3" style="max-width: 30rem;">
<div class="card-header">Adressdaten</div>
<div class="card-body">
<h4 class="card-title">{{rescuer.first_name}} {{rescuer.last_name}}</h4>
<p class="card-text">
{{rescuer.city}} {{rescuer.street}}<br>
{{rescuer.zip_code}}<br>
{{rescuer.phone}}<br>
</p>
</div>
</div>
<a href="{% url 'rescuer_all' %}" class="btn btn-success">zurück zur Übersicht</a>
<a href="{% url 'rescuer_delete' rescuer.id %}" class="btn btn-danger">Löschen</a>
<a href="{% url 'rescuer_edit' rescuer.id %}" class="btn btn-primary">Bearbeiten</a>
</div>
<div class="col-lg-6">
<h4>eins</h4>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Officia tempore voluptatibus voluptatum possimus in
iusto exercitationem perspiciatis eaque harum, nihil, praesentium debitis nisi unde eligendi, qui sapiente
odit expedita aut.</p>
<h4>zwei</h4>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Officia tempore voluptatibus voluptatum possimus in
iusto exercitationem perspiciatis eaque harum, nihil, praesentium debitis nisi unde eligendi, qui sapiente
odit expedita aut.</p>
</div>
</div>
{% endblock content %}