mputzlocher/SGTMensa
1
0
Fork 6
Code Issues 4 Pull Requests 1 Actions Packages Projects 1 Releases Wiki Activity

Neues Formular für das Anlegen neuer Gerichte erstellt.

Browse Source
This commit is contained in:
Martin Putzlocher
2026-06-26 09:52:36 +02:00
parent 60a046939b
commit f42ca76066
4 changed files with 136 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
mensa_app/forms.py
-1
View File
@@ -18,7 +18,6 @@ class GerichtForm(forms.ModelForm):
'ist_allergene_frei',
'allergene',
'beschreibung', # Neues Feld für Zutaten/Rohstoffe
'bilder', # Das Bild-Feld
'ist_dauerangebot'
]
mensa_app/templates/mensa_app/add_gericht.html
+105 -17
View File
@@ -1,32 +1,120 @@
<!DOCTYPE html>
<html lang="de">
<head>
<!-- (Standard Head und Bootstrap CDN einbinden) -->
<meta charset="UTF-8">
<title>Neues Gericht hinzufügen</title>
<!-- Bootstrap CSS einbinden -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- OPTIONAL: Füge hier deinen eigenen, kleinen Custom-CSS-Link hinzu! -->
</head>
<body class="bg-light">
<div class="container mt-5">
<h1>Neue Speiseart hinzufügen</h1>
{# !!! KRITISCH WICHTIG: enctype muss für Dateiuploads stehen !!! #}
<form method="post" enctype="multipart/form-data">
<body>
<div class="container mt-5 mb-5">
<!-- Der Haupttitel muss prominent sein und signalisiert den Zweck der Seite -->
<header class="mb-4 border-bottom pb-2">
<h1>🥗 Neues Gericht Speiseplan hinzufügen</h1>
<p class="text-muted">Bitte fülle alle notwendigen Felder aus, um das Gericht zu veröffentlichen.</p>
</header>
<!-- Die Hauptkarte für das Formular -->
<div class="card shadow p-4 mb-5" id="gericht-form-container">
{# ⚠️ Wichtig: enctype bleibt erhalten! #}
<form method="post" enctype="multipart/upload">
{% csrf_token %}
<!-- Der Standardway, alle Felder mit Bootstrap zu stylen (für Anfänger am besten) -->
{# Man kann die komplexe Struktur durch eine einfache Schleife ersetzen #}
{% for field in form %}
<div class="mb-3">
<label for="{{ field.id_for_label }}" class="form-label">{{ field.label }}</label>
{{ field }}
<!-- ==================== BLOCK 1: GRUNDDATEN (Kategorie, Name, Preis) ==================== -->
<div class="card mb-4 shadow-sm border-primary">
<div class="card-header bg-primary text-white p-3">Grunddaten &amp; Identifikation</div>
<div class="card-body row g-3">
<!-- Fehlerhinweis des Feldes wird hier automatisch gerendert -->
{% if field.errors %}
<p class="text-danger small mt-1">{{ field.errors }}</p>
<!-- Name (col-md-4) -->
<div class="col-lg-4 col-md-6 mb-3">
{{ form.name }}
{% if form.name.errors %}<p class="text-danger small mt-1">{{ form.name.errors }}</p>{% endif %}
</div>
<!-- Kategorie (Dropdown) -->
<div class="col-lg-4 col-md-6 mb-3">
{{ form.kategorie }}
{% if form.kategorie.errors %}<p class="text-danger small mt-1">{{ form.kategorie.errors }}</p>{% endif %}
</div>
<!-- Preis (Money Input) -->
<div class="col-lg-4 col-md-6 mb-3">
{{ form.preis }}
{% if form.preis.errors %}<p class="text-danger small mt-1">{{ form.preis.errors }}</p>{% endif %}
</div>
</div>
</div>
<!-- ==================== BLOCK 2: DETAILS & STATUS (Allergene, Flags) ==================== -->
<div class="card mb-4 shadow-sm border-warning">
<div class="card-header bg-warning text-dark p-3">Details und Statusprüfung</div>
<div class="card-body row g-3">
<!-- Switches (Checkboxen) - Nehmen wenig Platz ein -->
<div class="col-md-4 col-lg-2 mb-3">
{% if form.ist_vegetarisch %}
{{ form.ist_vegetarisch }} <label for="{{ form.ist_vegetarisch.id_for_label }}" class="form-check-label">Vegetarisch</label>
{% endif %}
</div>
{% endfor %}
<button type="submit" class="btn btn-success mt-4">Gericht Speichern & Veröffentlichen</button>
<div class="col-md-4 col-lg-2 mb-3">
{% if form.ist_allergene_frei %}
{{ form.ist_allergene_frei }} <label for="{{ form.ist_allergene_frei.id_for_label }}" class="form-check-label">Allergenfrei</label>
{% endif %}
</div>
<!-- Dauerangebot -->
<div class="col-md-4 col-lg-2 mb-3">
{{ form.ist_dauerangebot }}
<label for="{{ form.ist_dauerangebot.id_for_label }}" class="form-check-label">Dauerangebot</label>
</div>
</div>
</div>
<!-- ==================== BLOCK 3: TEXTBEDARF (Beschreibung, Allergene) ==================== -->
<div class="card mb-4 shadow-sm border-info">
<div class="card-body p-3">
<h6 class="card-title text-info mb-3">Beschreibung &amp; Nährstoffe</h6>
<!-- Allergene (TextArea) -->
<div class="mb-3">
{{ form.allergene }}
{% if form.allergene.errors %}<p class="text-danger small mt-1">{{ form.allergene.errors }}</p>{% endif %}
</div>
<!-- Beschreibung (TextArea) -->
<div class="mb-3">
{{ form.beschreibung }}
{% if form.beschreibung.errors %}<p class="text-danger small mt-1">{{ form.beschreibung.errors }}</p>{% endif %}
</div>
</div>
</div>
<!-- ==================== BLOCK 4: BILDER & Upload (Media) ==================== -->
<div class="card mb-5 shadow-sm border-secondary">
<div class="card-header bg-secondary text-white p-3">Mediendateien hochladen</div>
<div class="card-body">
<div class="mb-3">
{{ form.bilder }}
{% if form.bilder.errors %}<p class="text-danger small mt-1">{{ form.bilder.errors }}</p>{% endif %}
</div>
</div>
</div>
<!-- Submit Button Container -->
<div class="d-grid gap-2">
<button type="submit" class="btn btn-lg btn-success">Gericht Speichern &amp; Veröffentlichen</button>
</div>
</form>
</div>
</div>
</body>
</html>
mensa_app/urls.py
+1
View File
@@ -2,6 +2,7 @@ from django.urls import path
from .views import GerichtListView
from .views import SpeiseplanView # Achte auf den neuen Klassennamen!
from .views import BestellSummaryView
from .views import GerichtCreateView
urlpatterns = [
path('speisekarte/', GerichtListView.as_view(), name='speisekarte'),
mensa_app/views.py
+27 -7
View File
@@ -111,18 +111,38 @@ class GerichtCreateView(CreateView):
objekt = self.object # Gibt uns das gerade gespeicherte Objekt zurück
return reverse('speisekarte')
# 🔑 DIES ist die entscheidende Methode!
def form_valid(self, form):
"""
Übersteuert die Standard-Logik:
1. Speichert zuerst das Gericht (über super()).
2. Leitet danach auf ein success/confirmation Pattern um.
Wird ausgeführt, wenn das Formular erfolgreich validiert wurde.
Wir speichern zuerst das Gericht (Parent) und dann alle Bilder (Children).
"""
super().form_valid() # Das eigentliche Speichern des Objekts
# 1. Super-Call: Speichere das Hauptobjekt (das Gericht) ZUERST!
# Dadurch wird der 'gericht_pk' generiert, den wir für die Kinder brauchen.
gericht_instance = super().form_valid()
# Hier ist der Haken an Django: Die View wird beim Erfolg automatisch weitergeleitet.
# Wir verwenden einen kleinen Trick, damit wir den Namen im Kontext haben.
# Das gerade erstellte Gericht ist nun gespeichert und hat einen primären Key (PK).
newly_created_dish = self.object
return redirect('success_nach_gerichterstellung') # Leiten auf eine temporäre URL um
# 2. Bildverarbeitung: Gehe alle Dateien im POST-Request durch
uploaded_files = self.request.FILES.getlist('bilder') # HIER das Feld 'bilder' verwenden!
if uploaded_files:
print(f"DEBUG: Es wurden {len(uploaded_files)} Bilder verarbeitet.")
for file in uploaded_files:
# 3. Für jedes Bild erstellen wir ein neues GerichtBild-Objekt (Child)
try:
GerichtBild.objects.create(
gericht=newly_created_dish, # Verknüpfung zum Parent
image=file, # Das hochgeladene File-Objekt
sort_order=0 # Standardmäßig in die Queue
)
except Exception as e:
print(f"WARNUNG beim Speichern des Bildes {file.name}: {e}")
# 4. Die View wird automatisch weitergeleitet, dank super().form_valid()
return redirect('speisekarte') # Name der URL nach Erfolg
# Optional: Setzen des initialen Datenzustands (z.B. Datum, falls relevant)
def get_context_data(self, **kwargs):