core/Projektarbeit-MYP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

"Update template files and add windows fixes"

Browse Source
This commit is contained in:
Till Tomczak
2025-05-29 12:54:24 +02:00
parent 5707d577cc
commit ad92d3d978
7 changed files with 443 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
backend/app/templates/base.html
View File

@@ -108,7 +108,7 @@
<div class="flex-shrink-0">
<a href="{{ url_for('dashboard') }}" class="navbar-brand" aria-label="Zur Startseite">
<!-- Mercedes-Benz Logo -->
<div class="w-9 h-9 sm:w-10 sm:h-10 lg:w-12 lg:h-12 transition-all duration-300 group-hover:rotate-12">
<div class="w-7 h-7 sm:w-8 sm:h-8 lg:w-9 lg:h-9 transition-all duration-300 group-hover:rotate-12">
<svg class="w-full h-full text-slate-900 dark:text-white transition-colors duration-300" fill="currentColor" viewBox="0 0 80 80" aria-hidden="true">
<path d="M58.6,4.5C53,1.6,46.7,0,40,0c-6.7,0-13,1.6-18.6,4.5v0C8.7,11.2,0,24.6,0,40c0,15.4,8.7,28.8,21.5,35.5
C27,78.3,33.3,80,40,80c6.7,0,12.9-1.7,18.5-4.6C71.3,68.8,80,55.4,80,40C80,24.6,71.3,11.2,58.6,4.5z M4,40
@@ -120,8 +120,8 @@
</div>
<!-- Brand Text -->
<div class="flex flex-col ml-2">
<span class="text-xl lg:text-2xl font-bold text-slate-900 dark:text-white transition-colors duration-300 tracking-tight">Mercedes-Benz</span>
<span class="text-xs lg:text-sm text-slate-600 dark:text-slate-400 font-medium transition-colors duration-300">MYP 3D-Druck Platform</span>
<span class="text-lg lg:text-xl font-bold text-slate-900 dark:text-white transition-colors duration-300 tracking-tight">Mercedes-Benz</span>
<span class="text-xs font-medium text-slate-600 dark:text-slate-400 transition-colors duration-300">MYP 3D-Druck Platform</span>
</div>
</a>
</div>

28
backend/app/templates/calendar.html
View File

@@ -251,7 +251,7 @@
<div class="flex justify-between items-center mb-8">
<div>
<h3 id="modalTitle" class="text-2xl font-bold text-slate-900 dark:text-white mb-2">
⚡ Neuen Produktionsauftrag erstellen
Neuen Produktionsauftrag erstellen
</h3>
<p class="text-slate-600 dark:text-slate-400">Planen Sie Ihren nächsten 3D-Druckauftrag mit Präzision</p>
</div>
@@ -269,7 +269,7 @@
<!-- Titel -->
<div class="md:col-span-2">
<label for="eventTitle" class="block text-sm font-semibold text-slate-700 dark:text-slate-300 mb-3">
📝 Auftrags-Bezeichnung
Auftrags-Bezeichnung
</label>
<input type="text" id="eventTitle" name="title" required
class="w-full px-6 py-4 border border-slate-200 dark:border-slate-600 rounded-2xl bg-white/90 dark:bg-slate-700/90 backdrop-blur-sm text-slate-800 dark:text-white focus:ring-4 focus:ring-blue-500/25 focus:border-blue-500 transition-all duration-300"
@@ -279,7 +279,7 @@
<!-- Beschreibung -->
<div class="md:col-span-2">
<label for="eventDescription" class="block text-sm font-semibold text-slate-700 dark:text-slate-300 mb-3">
📋 Detaillierte Beschreibung
Detaillierte Beschreibung
</label>
<textarea id="eventDescription" name="description" rows="3"
class="w-full px-6 py-4 border border-slate-200 dark:border-slate-600 rounded-2xl bg-white/90 dark:bg-slate-700/90 backdrop-blur-sm text-slate-800 dark:text-white focus:ring-4 focus:ring-blue-500/25 focus:border-blue-500 transition-all duration-300 resize-none"
@@ -289,14 +289,14 @@
<!-- Drucker -->
<div>
<label for="eventPrinter" class="block text-sm font-semibold text-slate-700 dark:text-slate-300 mb-3">
🏭 Produktionseinheit
Produktionseinheit
</label>
<div class="relative">
<select id="eventPrinter" name="printerId" required
class="appearance-none w-full px-6 py-4 pr-12 border border-slate-200 dark:border-slate-600 rounded-2xl bg-white/90 dark:bg-slate-700/90 backdrop-blur-sm text-slate-800 dark:text-white focus:ring-4 focus:ring-blue-500/25 focus:border-blue-500 transition-all duration-300 cursor-pointer">
<option value="">Drucker auswählen</option>
{% for printer in printers %}
<option value="{{ printer.id }}">{{ printer.name }} {% if printer.location %}📍 {{ printer.location }}{% endif %}</option>
<option value="{{ printer.id }}">{{ printer.name }} {% if printer.location %}({{ printer.location }}){% endif %}</option>
{% endfor %}
</select>
<div class="absolute inset-y-0 right-0 flex items-center pr-4 pointer-events-none">
@@ -310,14 +310,14 @@
<!-- Priorität -->
<div>
<label for="eventPriority" class="block text-sm font-semibold text-slate-700 dark:text-slate-300 mb-3">
⭐ Prioritätsstufe
Prioritätsstufe
</label>
<div class="relative">
<select id="eventPriority" name="priority"
class="appearance-none w-full px-6 py-4 pr-12 border border-slate-200 dark:border-slate-600 rounded-2xl bg-white/90 dark:bg-slate-700/90 backdrop-blur-sm text-slate-800 dark:text-white focus:ring-4 focus:ring-blue-500/25 focus:border-blue-500 transition-all duration-300 cursor-pointer">
<option value="normal">🔵 Standard</option>
<option value="high">🟡 Hoch</option>
<option value="urgent">🔴 Dringend</option>
<option value="normal">Standard</option>
<option value="high">Hoch</option>
<option value="urgent">Dringend</option>
</select>
<div class="absolute inset-y-0 right-0 flex items-center pr-4 pointer-events-none">
<svg class="h-5 w-5 text-slate-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
@@ -330,7 +330,7 @@
<!-- Start-Zeit -->
<div>
<label for="eventStart" class="block text-sm font-semibold text-slate-700 dark:text-slate-300 mb-3">
🕐 Produktionsstart
Produktionsstart
</label>
<input type="datetime-local" id="eventStart" name="start" required
class="w-full px-6 py-4 border border-slate-200 dark:border-slate-600 rounded-2xl bg-white/90 dark:bg-slate-700/90 backdrop-blur-sm text-slate-800 dark:text-white focus:ring-4 focus:ring-blue-500/25 focus:border-blue-500 transition-all duration-300">
@@ -339,7 +339,7 @@
<!-- End-Zeit -->
<div>
<label for="eventEnd" class="block text-sm font-semibold text-slate-700 dark:text-slate-300 mb-3">
🏁 Produktionsende
Produktionsende
</label>
<input type="datetime-local" id="eventEnd" name="end" required
class="w-full px-6 py-4 border border-slate-200 dark:border-slate-600 rounded-2xl bg-white/90 dark:bg-slate-700/90 backdrop-blur-sm text-slate-800 dark:text-white focus:ring-4 focus:ring-blue-500/25 focus:border-blue-500 transition-all duration-300">
@@ -354,11 +354,11 @@
</button>
<button type="submit"
class="px-8 py-3 bg-gradient-to-r from-blue-500 to-blue-600 text-white rounded-2xl hover:from-blue-600 hover:to-blue-700 transition-all duration-300 shadow-lg hover:shadow-xl font-medium">
💾 Auftrag speichern
Auftrag speichern
</button>
<button type="button" id="deleteEventBtn" onclick="deleteEvent()" style="display: none;"
class="px-8 py-3 bg-gradient-to-r from-red-500 to-red-600 text-white rounded-2xl hover:from-red-600 hover:to-red-700 transition-all duration-300 shadow-lg hover:shadow-xl font-medium">
🗑️ Löschen
Löschen
</button>
</div>
</form>
@@ -446,7 +446,7 @@ document.addEventListener('DOMContentLoaded', function() {
if (canEdit) {
// Edit existing event
openCreateEventModal();
document.getElementById('modalTitle').textContent = '⚡ Produktionsauftrag bearbeiten';
document.getElementById('modalTitle').textContent = 'Produktionsauftrag bearbeiten';
document.getElementById('eventId').value = info.event.id;
document.getElementById('eventTitle').value = info.event.title;
document.getElementById('eventDescription').value = info.event.extendedProps.description || '';

18
backend/app/templates/guest_request.html
View File

@@ -237,14 +237,14 @@
{% if printers %}
<div class="group">
<label for="printer_id" class="block text-sm font-semibold text-slate-700 dark:text-slate-300 mb-3">
🏭 Bevorzugte Produktionseinheit
Bevorzugte Produktionseinheit
</label>
<div class="relative">
<select name="printer_id" id="printer_id"
class="appearance-none input-field w-full px-6 py-4 pr-12 border border-slate-200 dark:border-slate-600 rounded-2xl focus:ring-4 focus:ring-blue-500/25 focus:border-blue-500 dark:text-white font-medium cursor-pointer">
<option value="">🤖 Automatische Zuweisung</option>
<option value="">Automatische Zuweisung</option>
{% for printer in printers %}
<option value="{{ printer.id }}">{{ printer.name }} {% if printer.location %}📍 {{ printer.location }}{% endif %}</option>
<option value="{{ printer.id }}">{{ printer.name }} {% if printer.location %}({{ printer.location }}){% endif %}</option>
{% endfor %}
</select>
<div class="absolute inset-y-0 right-0 flex items-center pr-6 pointer-events-none">
@@ -254,7 +254,7 @@
</div>
</div>
<div class="mt-2 text-xs text-slate-500 dark:text-slate-400">
💡 Lassen Sie das System den optimalen Drucker für Sie auswählen
Tipp: Lassen Sie das System den optimalen Drucker für Sie auswählen
</div>
</div>
{% endif %}
@@ -272,7 +272,7 @@
</div>
<div class="flex-1">
<h3 class="text-lg font-semibold text-slate-800 dark:text-slate-200 mb-4">
🏆 Mercedes-Benz Professional Service
Mercedes-Benz Professional Service
</h3>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="flex items-center space-x-3">
@@ -308,7 +308,7 @@
<svg class="w-5 h-5 mr-3 group-hover:rotate-12 transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"/>
</svg>
🚀 Anfrage übermitteln
Anfrage übermitteln
</span>
</button>
</div>
@@ -365,7 +365,7 @@
</svg>
</div>
<h3 class="text-2xl font-bold text-slate-900 dark:text-white mb-4">
🎉 Anfrage erfolgreich übermittelt!
Anfrage erfolgreich übermittelt!
</h3>
<p class="text-slate-600 dark:text-slate-400 mb-6">
Ihre Professional-Gastanfrage wurde eingereicht und wird mit höchster Priorität bearbeitet. Sie können den Bearbeitungsstatus jederzeit unter folgendem Link verfolgen:
@@ -376,11 +376,11 @@
<div class="flex items-center justify-center space-x-4">
<button onclick="closeSuccessModal()"
class="px-8 py-3 bg-gradient-to-r from-green-500 to-emerald-600 text-white rounded-2xl hover:from-green-600 hover:to-emerald-700 transition-all duration-300 shadow-lg font-medium">
✅ Verstanden
Verstanden
</button>
<button onclick="copyStatusUrl()"
class="px-8 py-3 border border-slate-300 dark:border-slate-600 text-slate-700 dark:text-slate-300 rounded-2xl hover:bg-slate-50 dark:hover:bg-slate-700 transition-all duration-300 font-medium">
📋 Link kopieren
Link kopieren
</button>
</div>
</div>

71
backend/app/templates/guest_requests_overview.html
View File

@@ -14,12 +14,25 @@
background: rgba(15, 23, 42, 0.95);
border: 1px solid rgba(255, 255, 255, 0.1);
}
.premium-gradient {
/* Light Mode Professional Gradient */
.professional-gradient {
background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 25%, #cbd5e1 50%, #94a3b8 75%, #64748b 100%);
}
/* Dark Mode Professional Gradient */
.dark .professional-gradient {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 25%, #334155 50%, #475569 75%, #64748b 100%);
}
.premium-shadow {
.professional-shadow {
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255, 255, 255, 0.05);
}
.dark .professional-shadow {
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.status-badge {
@apply px-3 py-1 text-xs font-semibold rounded-full;
}
@@ -60,14 +73,14 @@
{% endblock %}
{% block content %}
<div class="min-h-screen">
<div class="min-h-screen bg-gradient-to-br from-slate-100 via-blue-50 to-indigo-100 dark:from-slate-900 dark:via-slate-800 dark:to-slate-900">
<!-- Hero Header -->
<div class="premium-gradient relative overflow-hidden">
<div class="absolute inset-0 bg-black/20"></div>
<div class="professional-gradient relative overflow-hidden">
<div class="absolute inset-0 bg-black/20 dark:bg-black/40"></div>
<div class="relative max-w-7xl mx-auto px-6 lg:px-8 py-16">
<div class="text-center">
<!-- Mercedes-Benz Logo -->
<div class="inline-flex items-center justify-center w-20 h-20 mercedes-glass rounded-full mb-6 premium-shadow">
<div class="inline-flex items-center justify-center w-20 h-20 mercedes-glass rounded-full mb-6 professional-shadow">
<svg class="w-10 h-10 text-white" viewBox="0 0 80 80" fill="currentColor">
<path d="M58.6,4.5C53,1.6,46.7,0,40,0c-6.7,0-13,1.6-18.6,4.5v0C8.7,11.2,0,24.6,0,40c0,15.4,8.7,28.8,21.5,35.5
C27,78.3,33.3,80,40,80c6.7,0,12.9-1.7,18.5-4.6C71.3,68.8,80,55.4,80,40C80,24.6,71.3,11.2,58.6,4.5z M4,40
@@ -78,12 +91,12 @@
</svg>
</div>
<h1 class="text-4xl md:text-5xl font-bold mb-4 text-white tracking-tight">
<span class="bg-gradient-to-r from-white to-blue-200 bg-clip-text text-transparent">
📋 Druckanträge Übersicht
<h1 class="text-4xl md:text-5xl font-bold mb-4 text-white dark:text-slate-100 tracking-tight">
<span class="bg-gradient-to-r from-white to-blue-200 dark:from-slate-100 dark:to-slate-300 bg-clip-text text-transparent">
Druckanträge Übersicht
</span>
</h1>
<p class="text-lg md:text-xl text-blue-100 max-w-3xl mx-auto leading-relaxed">
<p class="text-lg md:text-xl text-blue-100 dark:text-slate-300 max-w-3xl mx-auto leading-relaxed">
Transparente Übersicht aller eingereichten Druckanträge mit Datenschutz-konformer Darstellung
</p>
</div>
@@ -94,7 +107,7 @@
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 -mt-8 relative z-10 pb-16">
<!-- Info Banner -->
<div class="mercedes-glass rounded-2xl p-6 mb-8 premium-shadow">
<div class="mercedes-glass rounded-2xl p-6 mb-8 professional-shadow">
<div class="flex items-start space-x-4">
<div class="flex-shrink-0">
<div class="w-12 h-12 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-2xl flex items-center justify-center">
@@ -105,15 +118,15 @@
</div>
<div class="flex-1">
<h3 class="text-lg font-semibold text-slate-800 dark:text-slate-200 mb-2">
🔒 Datenschutz & Transparenz
Datenschutz & Transparenz
</h3>
<p class="text-slate-600 dark:text-slate-400 text-sm leading-relaxed">
Diese Übersicht zeigt alle eingereichten Druckanträge in anonymisierter Form. Persönliche Daten sind durch "***" zensiert, um die Privatsphäre zu schützen und gleichzeitig Transparenz über den Bearbeitungsstand zu gewährleisten.
</p>
<div class="mt-3 flex flex-wrap gap-2">
<span class="status-badge bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-200">✨ Datenkonform</span>
<span class="status-badge bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-200">🛡️ Anonymisiert</span>
<span class="status-badge bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-200">👁️ Transparent</span>
<span class="status-badge bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-200">Datenkonform</span>
<span class="status-badge bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-200">Anonymisiert</span>
<span class="status-badge bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-200">Transparent</span>
</div>
</div>
</div>
@@ -126,27 +139,27 @@
{% set approved_requests = requests|selectattr("status", "equalto", "approved")|list|length %}
{% set denied_requests = requests|selectattr("status", "equalto", "denied")|list|length %}
<div class="mercedes-glass rounded-xl p-6 text-center premium-shadow">
<div class="mercedes-glass rounded-xl p-6 text-center professional-shadow">
<div class="text-3xl font-bold text-slate-900 dark:text-white mb-2">{{ total_requests }}</div>
<div class="text-sm text-slate-600 dark:text-slate-400">Gesamt</div>
</div>
<div class="mercedes-glass rounded-xl p-6 text-center premium-shadow">
<div class="mercedes-glass rounded-xl p-6 text-center professional-shadow">
<div class="text-3xl font-bold text-yellow-600 mb-2">{{ pending_requests }}</div>
<div class="text-sm text-slate-600 dark:text-slate-400">🔄 Prüfung</div>
<div class="text-sm text-slate-600 dark:text-slate-400">Prüfung</div>
</div>
<div class="mercedes-glass rounded-xl p-6 text-center premium-shadow">
<div class="mercedes-glass rounded-xl p-6 text-center professional-shadow">
<div class="text-3xl font-bold text-green-600 mb-2">{{ approved_requests }}</div>
<div class="text-sm text-slate-600 dark:text-slate-400">✅ Genehmigt</div>
<div class="text-sm text-slate-600 dark:text-slate-400">Genehmigt</div>
</div>
<div class="mercedes-glass rounded-xl p-6 text-center premium-shadow">
<div class="mercedes-glass rounded-xl p-6 text-center professional-shadow">
<div class="text-3xl font-bold text-red-600 mb-2">{{ denied_requests }}</div>
<div class="text-sm text-slate-600 dark:text-slate-400">❌ Abgelehnt</div>
<div class="text-sm text-slate-600 dark:text-slate-400">Abgelehnt</div>
</div>
</div>
<!-- Requests List -->
{% if error %}
<div class="mercedes-glass rounded-2xl p-8 text-center premium-shadow">
<div class="mercedes-glass rounded-2xl p-8 text-center professional-shadow">
<div class="text-red-500 mb-4">
<svg class="w-16 h-16 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
@@ -156,7 +169,7 @@
<p class="text-slate-600 dark:text-slate-400">{{ error }}</p>
</div>
{% elif requests|length == 0 %}
<div class="mercedes-glass rounded-2xl p-8 text-center premium-shadow">
<div class="mercedes-glass rounded-2xl p-8 text-center professional-shadow">
<div class="text-slate-400 mb-4">
<svg class="w-16 h-16 mx-auto" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/>
@@ -177,7 +190,7 @@
{% else %}
<div class="space-y-4">
{% for request in requests %}
<div class="request-card {{ request.status }} mercedes-glass rounded-2xl p-6 premium-shadow">
<div class="request-card {{ request.status }} mercedes-glass rounded-2xl p-6 professional-shadow">
<div class="flex flex-col lg:flex-row lg:items-center lg:justify-between space-y-4 lg:space-y-0">
<!-- Left Section: Request Info -->
@@ -188,16 +201,16 @@
</div>
<div class="status-badge status-{{ request.status }}">
{% if request.status == 'pending' %}
🔄 Wird geprüft
Wird geprüft
{% elif request.status == 'approved' %}
✅ Genehmigt
Genehmigt
{% elif request.status == 'denied' %}
❌ Abgelehnt
Abgelehnt
{% endif %}
</div>
{% if request.job_status %}
<div class="status-badge bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-200">
🖨️ {{ request.job_status|title }}
Druckstatus: {{ request.job_status|title }}
</div>
{% endif %}
</div>