"Feature: Add calendar and guest status templates"
This commit is contained in:
parent
0b79e1265f
commit
06cfc0b8aa
@ -1146,6 +1146,7 @@ def kiosk_restart_system():
|
||||
|
||||
# ===== HILFSFUNKTIONEN =====
|
||||
|
||||
@measure_execution_time(logger=printers_logger, task_name="Drucker-Status-Prüfung")
|
||||
def check_printer_status(ip_address: str, timeout: int = 7) -> Tuple[str, bool]:
|
||||
"""
|
||||
Überprüft den Status eines Druckers über Steckdosenabfrage mit Timeout.
|
||||
@ -1250,6 +1251,7 @@ def check_printer_status(ip_address: str, timeout: int = 7) -> Tuple[str, bool]:
|
||||
printers_logger.error(f"Fehler beim Status-Check für Drucker {ip_address}: {str(e)}")
|
||||
return "offline", False
|
||||
|
||||
@measure_execution_time(logger=printers_logger, task_name="Mehrere-Drucker-Status-Prüfung")
|
||||
def check_multiple_printers_status(printers: List[Dict], timeout: int = 7) -> Dict[int, Tuple[str, bool]]:
|
||||
"""
|
||||
Überprüft den Status mehrerer Drucker parallel mit Timeout.
|
||||
@ -1678,6 +1680,7 @@ def get_active_jobs():
|
||||
|
||||
@app.route('/api/jobs', methods=['POST'])
|
||||
@login_required
|
||||
@measure_execution_time(logger=jobs_logger, task_name="API-Job-Erstellung")
|
||||
def create_job():
|
||||
"""
|
||||
Erstellt einen neuen Job mit dem Status "scheduled".
|
||||
@ -1941,6 +1944,7 @@ def get_printers():
|
||||
|
||||
@app.route("/api/printers/status", methods=["GET"])
|
||||
@login_required
|
||||
@measure_execution_time(logger=printers_logger, task_name="API-Drucker-Status-Abfrage")
|
||||
def get_printers_with_status():
|
||||
"""Gibt alle Drucker MIT aktuellem Status-Check zurück - für Aktualisierung."""
|
||||
db_session = get_db_session()
|
||||
@ -3493,6 +3497,7 @@ def get_online_printers():
|
||||
|
||||
@app.route("/api/printers/status/live", methods=["GET"])
|
||||
@login_required
|
||||
@measure_execution_time(logger=printers_logger, task_name="API-Live-Drucker-Status")
|
||||
def get_live_printer_status():
|
||||
"""Gibt Live-Status aller Drucker zurück mit Session-Caching und Echtzeit-Updates."""
|
||||
db_session = get_db_session()
|
||||
|
||||
@ -31,6 +31,22 @@ COLORS = {
|
||||
'CYAN': '\033[36m',
|
||||
}
|
||||
|
||||
# Emojis für verschiedene Log-Level und Kategorien
|
||||
LOG_EMOJIS = {
|
||||
'DEBUG': '🔍',
|
||||
'INFO': 'ℹ️',
|
||||
'WARNING': '⚠️',
|
||||
'ERROR': '❌',
|
||||
'CRITICAL': '🔥',
|
||||
'SUCCESS': '✅',
|
||||
'DATABASE': '💾',
|
||||
'NETWORK': '🌐',
|
||||
'SYSTEM': '💻',
|
||||
'PRINTER': '🖨️',
|
||||
'API': '📡',
|
||||
'USER': '👤'
|
||||
}
|
||||
|
||||
# Prüfen, ob das Terminal Farben unterstützt
|
||||
def supports_color():
|
||||
"""Prüft, ob das Terminal Farben unterstützt."""
|
||||
@ -55,19 +71,31 @@ def colorize(text, color):
|
||||
return text
|
||||
|
||||
def print_success(message):
|
||||
print(f"✅ {colorize(message, 'GREEN')}")
|
||||
print(f"{LOG_EMOJIS['SUCCESS']} {colorize(message, 'GREEN')}")
|
||||
|
||||
def print_error(message):
|
||||
print(f"❌ {colorize(message, 'RED')}")
|
||||
print(f"{LOG_EMOJIS['ERROR']} {colorize(message, 'RED')}")
|
||||
|
||||
def print_warning(message):
|
||||
print(f"⚠️ {colorize(message, 'YELLOW')}")
|
||||
print(f"{LOG_EMOJIS['WARNING']} {colorize(message, 'YELLOW')}")
|
||||
|
||||
def print_info(message):
|
||||
print(f"ℹ️ {colorize(message, 'BLUE')}")
|
||||
print(f"{LOG_EMOJIS['INFO']} {colorize(message, 'BLUE')}")
|
||||
|
||||
def print_debug(message):
|
||||
print(f"🔍 {colorize(message, 'CYAN')}")
|
||||
print(f"{LOG_EMOJIS['DEBUG']} {colorize(message, 'CYAN')}")
|
||||
|
||||
def print_database(message):
|
||||
print(f"{LOG_EMOJIS['DATABASE']} {colorize(message, 'MAGENTA')}")
|
||||
|
||||
def print_network(message):
|
||||
print(f"{LOG_EMOJIS['NETWORK']} {colorize(message, 'CYAN')}")
|
||||
|
||||
def print_system(message):
|
||||
print(f"{LOG_EMOJIS['SYSTEM']} {colorize(message, 'BLUE')}")
|
||||
|
||||
def print_printer(message):
|
||||
print(f"{LOG_EMOJIS['PRINTER']} {colorize(message, 'GREEN')}")
|
||||
|
||||
def print_header(message):
|
||||
print(f"\n{colorize('='*80, 'BOLD')}")
|
||||
@ -107,15 +135,15 @@ def check_database():
|
||||
cursor.execute("SELECT name FROM sqlite_master WHERE type='table';")
|
||||
tables = cursor.fetchall()
|
||||
|
||||
print_info(f"Datenbank gefunden: {db_path}")
|
||||
print_info(f"Größe: {os.path.getsize(db_path) / (1024*1024):.2f} MB")
|
||||
print_info(f"Tabellen ({len(tables)}):")
|
||||
print_database(f"Datenbank gefunden: {db_path}")
|
||||
print_database(f"Größe: {os.path.getsize(db_path) / (1024*1024):.2f} MB")
|
||||
print_database(f"Tabellen ({len(tables)}):")
|
||||
|
||||
for table in tables:
|
||||
# Anzahl der Datensätze pro Tabelle
|
||||
cursor.execute(f"SELECT COUNT(*) FROM {table[0]}")
|
||||
count = cursor.fetchone()[0]
|
||||
print(f" - {table[0]}: {count} Einträge")
|
||||
print(f" 📋 {table[0]}: {count} Einträge")
|
||||
|
||||
conn.close()
|
||||
return True
|
||||
|
||||
@ -1430,4 +1430,97 @@ footer {
|
||||
/* Verbesserte Form-Labels */
|
||||
.form-label-new {
|
||||
@apply block mb-2 text-sm font-medium text-slate-900 dark:text-white;
|
||||
}
|
||||
}
|
||||
|
||||
/* Dark Mode Toggle - Premium Design */
|
||||
.dark-mode-toggle-premium {
|
||||
@apply relative cursor-pointer outline-none focus:outline-none;
|
||||
z-index: 100; /* Stellt sicher, dass der Button über anderen Elementen liegt */
|
||||
}
|
||||
|
||||
.dark-mode-toggle-premium:focus-visible {
|
||||
@apply ring-2 ring-blue-500 ring-offset-2 dark:ring-blue-400 dark:ring-offset-slate-900 rounded-full;
|
||||
}
|
||||
|
||||
/* Animationen für verzögerte Pulse-Effekte */
|
||||
@keyframes delayed-pulse {
|
||||
0%, 100% { opacity: 1; }
|
||||
50% { opacity: 0.5; }
|
||||
}
|
||||
|
||||
.animation-delay-500 {
|
||||
animation-delay: 0.5s;
|
||||
animation: delayed-pulse 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.animation-delay-1000 {
|
||||
animation-delay: 1s;
|
||||
animation: delayed-pulse 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.animation-delay-1500 {
|
||||
animation-delay: 1.5s;
|
||||
animation: delayed-pulse 2s ease-in-out infinite;
|
||||
}
|
||||
|
||||
/* Improved icon transitions */
|
||||
.dark-mode-toggle-premium .sun-icon,
|
||||
.dark-mode-toggle-premium .moon-icon {
|
||||
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
/* Glassmorphism effect for better visual depth */
|
||||
.dark-mode-toggle-premium .backdrop-blur-md {
|
||||
backdrop-filter: blur(12px);
|
||||
-webkit-backdrop-filter: blur(12px);
|
||||
}
|
||||
|
||||
/* Enhanced hover effects */
|
||||
.dark-mode-toggle-premium:hover .sun-icon svg,
|
||||
.dark-mode-toggle-premium:hover .moon-icon svg {
|
||||
filter: drop-shadow(0 0 8px currentColor);
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
/* Smooth gradient transitions */
|
||||
.dark-mode-toggle-premium .bg-gradient-to-r {
|
||||
transition: opacity 0.5s ease-in-out;
|
||||
}
|
||||
|
||||
/* Better shadow effects */
|
||||
.dark-mode-toggle-premium .shadow-lg {
|
||||
box-shadow:
|
||||
0 10px 15px -3px rgba(0, 0, 0, 0.1),
|
||||
0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.dark .dark-mode-toggle-premium .shadow-lg {
|
||||
box-shadow:
|
||||
0 10px 15px -3px rgba(0, 0, 0, 0.3),
|
||||
0 4px 6px -2px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
/* Rotation animation for smooth icon transitions */
|
||||
@keyframes icon-rotate-in {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: rotate(-90deg) scale(0.8);
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: rotate(0deg) scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
.dark-mode-toggle-premium .sun-icon.icon-enter,
|
||||
.dark-mode-toggle-premium .moon-icon.icon-enter {
|
||||
animation: icon-rotate-in 0.5s ease-out forwards;
|
||||
}
|
||||
|
||||
/* Active state animation */
|
||||
.dark-mode-toggle-premium:active > div {
|
||||
transform: scale(0.95);
|
||||
transition: transform 0.1s ease-out;
|
||||
}
|
||||
|
||||
/* User Menu Button - Neues Design */
|
||||
1
backend/app/templates/calendar.html
Normal file
1
backend/app/templates/calendar.html
Normal file
@ -0,0 +1 @@
|
||||
|
||||
@ -1 +1,211 @@
|
||||
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Gastanfrage - Mercedes-Benz MYP Platform{% endblock %}
|
||||
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50 dark:from-slate-900 dark:via-slate-800 dark:to-slate-900">
|
||||
<div class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
|
||||
<!-- Header -->
|
||||
<div class="mb-8 text-center">
|
||||
<h1 class="text-4xl font-bold text-slate-900 dark:text-white mb-4">Gastanfrage für 3D-Druck</h1>
|
||||
<p class="text-slate-600 dark:text-slate-400 text-lg">
|
||||
Stellen Sie eine Anfrage für die Nutzung unserer 3D-Drucker. Nach der Genehmigung erhalten Sie einen Zugangscode.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Formular -->
|
||||
<div class="bg-white dark:bg-slate-800 rounded-2xl shadow-xl p-8">
|
||||
<form id="guestRequestForm" class="space-y-6">
|
||||
|
||||
<!-- Name (Pflichtfeld) -->
|
||||
<div>
|
||||
<label for="name" class="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">
|
||||
Vollständiger Name <span class="text-red-500">*</span>
|
||||
</label>
|
||||
<input type="text" name="name" id="name" required
|
||||
class="w-full px-4 py-3 border border-slate-300 dark:border-slate-600 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-transparent dark:bg-slate-700 dark:text-white"
|
||||
placeholder="Max Mustermann">
|
||||
</div>
|
||||
|
||||
<!-- E-Mail (optional) -->
|
||||
<div>
|
||||
<label for="email" class="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">
|
||||
E-Mail-Adresse (optional)
|
||||
</label>
|
||||
<input type="email" name="email" id="email"
|
||||
class="w-full px-4 py-3 border border-slate-300 dark:border-slate-600 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-transparent dark:bg-slate-700 dark:text-white"
|
||||
placeholder="max.mustermann@mercedes-benz.com">
|
||||
</div>
|
||||
|
||||
<!-- Begründung -->
|
||||
<div>
|
||||
<label for="reason" class="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">
|
||||
Begründung / Projektzweck
|
||||
</label>
|
||||
<textarea name="reason" id="reason" rows="3"
|
||||
class="w-full px-4 py-3 border border-slate-300 dark:border-slate-600 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-transparent dark:bg-slate-700 dark:text-white resize-none"
|
||||
placeholder="Beschreiben Sie kurz, wofür Sie den 3D-Drucker benötigen..."></textarea>
|
||||
</div>
|
||||
|
||||
<!-- Gewünschte Dauer -->
|
||||
<div>
|
||||
<label for="duration_min" class="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">
|
||||
Gewünschte Druckdauer (Minuten)
|
||||
</label>
|
||||
<input type="number" name="duration_min" id="duration_min" value="60" min="15" max="480"
|
||||
class="w-full px-4 py-3 border border-slate-300 dark:border-slate-600 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-transparent dark:bg-slate-700 dark:text-white"
|
||||
placeholder="60">
|
||||
<p class="text-xs text-slate-500 dark:text-slate-400 mt-1">
|
||||
Minimum: 15 Minuten, Maximum: 8 Stunden (480 Minuten)
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Drucker-Auswahl -->
|
||||
{% if printers %}
|
||||
<div>
|
||||
<label for="printer_id" class="block text-sm font-medium text-slate-700 dark:text-slate-300 mb-2">
|
||||
Bevorzugter Drucker (optional)
|
||||
</label>
|
||||
<select name="printer_id" id="printer_id"
|
||||
class="w-full px-4 py-3 border border-slate-300 dark:border-slate-600 rounded-xl focus:ring-2 focus:ring-blue-500 focus:border-transparent dark:bg-slate-700 dark:text-white">
|
||||
<option value="">Beliebiger verfügbarer Drucker</option>
|
||||
{% for printer in printers %}
|
||||
<option value="{{ printer.id }}">{{ printer.name }} {% if printer.location %}({{ printer.location }}){% endif %}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- Hinweise -->
|
||||
<div class="bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-700 rounded-xl p-4">
|
||||
<div class="flex">
|
||||
<div class="flex-shrink-0">
|
||||
<svg class="h-5 w-5 text-blue-400" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="ml-3">
|
||||
<h3 class="text-sm font-medium text-blue-800 dark:text-blue-200">Wichtige Hinweise</h3>
|
||||
<div class="mt-2 text-sm text-blue-700 dark:text-blue-300">
|
||||
<ul class="list-disc pl-5 space-y-1">
|
||||
<li>Ihre Anfrage wird von unserem Team geprüft</li>
|
||||
<li>Bei Genehmigung erhalten Sie einen 6-stelligen Zugangscode</li>
|
||||
<li>Der Code ist nur einmalig verwendbar</li>
|
||||
<li>Sie haben 5 Minuten nach der geplanten Startzeit, um den Druck zu beginnen</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Buttons -->
|
||||
<div class="flex items-center justify-end space-x-4 pt-4">
|
||||
<a href="{{ url_for('index') }}"
|
||||
class="px-6 py-3 border border-slate-300 dark:border-slate-600 text-slate-700 dark:text-slate-300 rounded-xl hover:bg-slate-50 dark:hover:bg-slate-700 transition-all duration-300">
|
||||
Abbrechen
|
||||
</a>
|
||||
<button type="submit" id="submitBtn"
|
||||
class="px-6 py-3 bg-gradient-to-r from-blue-500 to-blue-600 text-white rounded-xl hover:from-blue-600 hover:to-blue-700 transition-all duration-300 shadow-lg disabled:opacity-50 disabled:cursor-not-allowed">
|
||||
Anfrage senden
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Success Modal -->
|
||||
<div id="successModal" class="fixed inset-0 bg-black bg-opacity-50 hidden z-50">
|
||||
<div class="flex items-center justify-center min-h-screen p-4">
|
||||
<div class="bg-white dark:bg-slate-800 rounded-2xl shadow-xl max-w-md w-full p-6">
|
||||
<div class="text-center">
|
||||
<div class="mx-auto flex items-center justify-center h-12 w-12 rounded-full bg-green-100 dark:bg-green-900/30 mb-4">
|
||||
<svg class="h-6 w-6 text-green-600 dark:text-green-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<h3 class="text-lg font-medium text-slate-900 dark:text-white mb-2">Anfrage erfolgreich gesendet!</h3>
|
||||
<p class="text-sm text-slate-600 dark:text-slate-400 mb-4">
|
||||
Ihre Anfrage wurde eingereicht und wird geprüft. Sie können den Status unter folgendem Link verfolgen:
|
||||
</p>
|
||||
<div class="bg-slate-100 dark:bg-slate-700 rounded-lg p-3 mb-4">
|
||||
<code id="statusUrl" class="text-sm text-slate-800 dark:text-slate-200 break-all"></code>
|
||||
</div>
|
||||
<button onclick="closeSuccessModal()"
|
||||
class="w-full px-4 py-2 bg-green-500 text-white rounded-xl hover:bg-green-600 transition-all duration-300">
|
||||
Verstanden
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
const form = document.getElementById('guestRequestForm');
|
||||
const submitBtn = document.getElementById('submitBtn');
|
||||
const successModal = document.getElementById('successModal');
|
||||
const statusUrl = document.getElementById('statusUrl');
|
||||
|
||||
form.addEventListener('submit', async function(e) {
|
||||
e.preventDefault();
|
||||
|
||||
// Button deaktivieren
|
||||
submitBtn.disabled = true;
|
||||
submitBtn.textContent = 'Wird gesendet...';
|
||||
|
||||
try {
|
||||
const formData = new FormData(form);
|
||||
const data = {
|
||||
name: formData.get('name'),
|
||||
email: formData.get('email'),
|
||||
reason: formData.get('reason'),
|
||||
duration_min: parseInt(formData.get('duration_min')) || 60,
|
||||
printer_id: formData.get('printer_id') ? parseInt(formData.get('printer_id')) : null
|
||||
};
|
||||
|
||||
const response = await fetch('/api/guest/requests', {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
},
|
||||
body: JSON.stringify(data)
|
||||
});
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (result.success) {
|
||||
// Status-URL anzeigen
|
||||
const url = window.location.origin + `/request/${result.request_id}`;
|
||||
statusUrl.textContent = url;
|
||||
|
||||
// Success Modal anzeigen
|
||||
successModal.classList.remove('hidden');
|
||||
|
||||
// Formular zurücksetzen
|
||||
form.reset();
|
||||
} else {
|
||||
alert('Fehler: ' + (result.error || 'Unbekannter Fehler'));
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Fehler beim Senden der Anfrage:', error);
|
||||
alert('Fehler beim Senden der Anfrage. Bitte versuchen Sie es später erneut.');
|
||||
} finally {
|
||||
// Button wieder aktivieren
|
||||
submitBtn.disabled = false;
|
||||
submitBtn.textContent = 'Anfrage senden';
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
function closeSuccessModal() {
|
||||
document.getElementById('successModal').classList.add('hidden');
|
||||
}
|
||||
</script>
|
||||
{% endblock %}
|
||||
231
backend/app/templates/guest_status.html
Normal file
231
backend/app/templates/guest_status.html
Normal file
@ -0,0 +1,231 @@
|
||||
{% extends "base.html" %}
|
||||
|
||||
{% block title %}Anfrage-Status - Mercedes-Benz MYP Platform{% endblock %}
|
||||
|
||||
{% block head %}
|
||||
{{ super() }}
|
||||
<meta name="csrf-token" content="{{ csrf_token() }}">
|
||||
<meta http-equiv="refresh" content="30">
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-50 dark:from-slate-900 dark:via-slate-800 dark:to-slate-900">
|
||||
<div class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
|
||||
<!-- Header -->
|
||||
<div class="mb-8 text-center">
|
||||
<h1 class="text-4xl font-bold text-slate-900 dark:text-white mb-4">Anfrage-Status</h1>
|
||||
<p class="text-slate-600 dark:text-slate-400 text-lg">
|
||||
Status Ihrer Gastanfrage für 3D-Druck
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Status Card -->
|
||||
<div class="bg-white dark:bg-slate-800 rounded-2xl shadow-xl p-8 mb-6">
|
||||
|
||||
<!-- Status Badge -->
|
||||
<div class="flex justify-center mb-6">
|
||||
{% if request.status == 'pending' %}
|
||||
<div class="inline-flex items-center px-6 py-3 rounded-full bg-yellow-100 dark:bg-yellow-900/30 text-yellow-800 dark:text-yellow-200">
|
||||
<svg class="w-5 h-5 mr-2 animate-spin" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15"></path>
|
||||
</svg>
|
||||
Wird geprüft
|
||||
</div>
|
||||
{% elif request.status == 'approved' %}
|
||||
<div class="inline-flex items-center px-6 py-3 rounded-full bg-green-100 dark:bg-green-900/30 text-green-800 dark:text-green-200">
|
||||
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 13l4 4L19 7"></path>
|
||||
</svg>
|
||||
Genehmigt
|
||||
</div>
|
||||
{% elif request.status == 'denied' %}
|
||||
<div class="inline-flex items-center px-6 py-3 rounded-full bg-red-100 dark:bg-red-900/30 text-red-800 dark:text-red-200">
|
||||
<svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
|
||||
</svg>
|
||||
Abgelehnt
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<!-- Anfrage-Details -->
|
||||
<div class="space-y-4 mb-6">
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<h3 class="text-sm font-medium text-slate-500 dark:text-slate-400">Anfrage-ID</h3>
|
||||
<p class="text-lg font-semibold text-slate-900 dark:text-white">#{{ request.id }}</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-sm font-medium text-slate-500 dark:text-slate-400">Erstellt am</h3>
|
||||
<p class="text-lg font-semibold text-slate-900 dark:text-white">{{ request.created_at|format_datetime }}</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-sm font-medium text-slate-500 dark:text-slate-400">Name</h3>
|
||||
<p class="text-lg font-semibold text-slate-900 dark:text-white">{{ request.name }}</p>
|
||||
</div>
|
||||
<div>
|
||||
<h3 class="text-sm font-medium text-slate-500 dark:text-slate-400">Gewünschte Dauer</h3>
|
||||
<p class="text-lg font-semibold text-slate-900 dark:text-white">{{ request.duration_min }} Minuten</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if request.reason %}
|
||||
<div>
|
||||
<h3 class="text-sm font-medium text-slate-500 dark:text-slate-400">Begründung</h3>
|
||||
<p class="text-slate-900 dark:text-white mt-1">{{ request.reason }}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
{% if request.printer %}
|
||||
<div>
|
||||
<h3 class="text-sm font-medium text-slate-500 dark:text-slate-400">Drucker</h3>
|
||||
<p class="text-slate-900 dark:text-white mt-1">{{ request.printer.name }} {% if request.printer.location %}({{ request.printer.location }}){% endif %}</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<!-- Status-spezifische Inhalte -->
|
||||
{% if request.status == 'pending' %}
|
||||
<div class="bg-yellow-50 dark:bg-yellow-900/20 border border-yellow-200 dark:border-yellow-700 rounded-xl p-4">
|
||||
<div class="flex">
|
||||
<div class="flex-shrink-0">
|
||||
<svg class="h-5 w-5 text-yellow-400" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="ml-3">
|
||||
<h3 class="text-sm font-medium text-yellow-800 dark:text-yellow-200">Ihre Anfrage wird geprüft</h3>
|
||||
<p class="text-sm text-yellow-700 dark:text-yellow-300 mt-1">
|
||||
Unser Team prüft Ihre Anfrage. Sie erhalten eine Benachrichtigung, sobald eine Entscheidung getroffen wurde.
|
||||
Diese Seite aktualisiert sich automatisch alle 30 Sekunden.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% elif request.status == 'approved' %}
|
||||
<!-- OTP-Code anzeigen -->
|
||||
{% if otp_code %}
|
||||
<div class="bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-700 rounded-xl p-6 mb-4">
|
||||
<div class="text-center">
|
||||
<h3 class="text-lg font-medium text-green-800 dark:text-green-200 mb-4">Ihr Zugangscode</h3>
|
||||
<div class="bg-white dark:bg-slate-700 rounded-lg border-2 border-green-300 dark:border-green-600 p-4 mb-4">
|
||||
<code class="text-3xl font-mono font-bold text-green-800 dark:text-green-200 tracking-widest">{{ otp_code }}</code>
|
||||
</div>
|
||||
<p class="text-sm text-green-700 dark:text-green-300">
|
||||
<strong>Wichtig:</strong> Dieser Code ist nur einmalig verwendbar und wird nach der Nutzung gelöscht.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
|
||||
<!-- Job-Informationen -->
|
||||
{% if job %}
|
||||
<div class="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-700 rounded-xl p-4 mb-4">
|
||||
<h3 class="text-sm font-medium text-blue-800 dark:text-blue-200 mb-2">Ihr Druckjob</h3>
|
||||
<div class="space-y-2 text-sm text-blue-700 dark:text-blue-300">
|
||||
<div class="flex justify-between">
|
||||
<span>Job-ID:</span>
|
||||
<span class="font-medium">#{{ job.id }}</span>
|
||||
</div>
|
||||
<div class="flex justify-between">
|
||||
<span>Geplanter Start:</span>
|
||||
<span class="font-medium">{{ job.start_at|format_datetime }}</span>
|
||||
</div>
|
||||
<div class="flex justify-between">
|
||||
<span>Geplantes Ende:</span>
|
||||
<span class="font-medium">{{ job.end_at|format_datetime }}</span>
|
||||
</div>
|
||||
<div class="flex justify-between">
|
||||
<span>Status:</span>
|
||||
<span class="font-medium capitalize">
|
||||
{% if job.status == 'scheduled' %}Geplant{% elif job.status == 'running' %}Läuft{% elif job.status == 'finished' %}Abgeschlossen{% else %}{{ job.status }}{% endif %}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Job starten (nur wenn OTP verfügbar und Job noch nicht gestartet) -->
|
||||
{% if otp_code and job.status == 'scheduled' %}
|
||||
<div class="text-center">
|
||||
<button onclick="startJob()" id="startJobBtn"
|
||||
class="px-8 py-4 bg-gradient-to-r from-green-500 to-green-600 text-white text-lg font-medium rounded-xl hover:from-green-600 hover:to-green-700 transition-all duration-300 shadow-lg disabled:opacity-50 disabled:cursor-not-allowed">
|
||||
3D-Druck jetzt starten
|
||||
</button>
|
||||
<p class="text-xs text-slate-500 dark:text-slate-400 mt-2">
|
||||
Sie haben bis {{ (job.start_at|as_datetime + timedelta(minutes=5))|format_datetime }} Zeit, den Druck zu starten
|
||||
</p>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
|
||||
{% elif request.status == 'denied' %}
|
||||
<div class="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-700 rounded-xl p-4">
|
||||
<div class="flex">
|
||||
<div class="flex-shrink-0">
|
||||
<svg class="h-5 w-5 text-red-400" fill="currentColor" viewBox="0 0 20 20">
|
||||
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd"></path>
|
||||
</svg>
|
||||
</div>
|
||||
<div class="ml-3">
|
||||
<h3 class="text-sm font-medium text-red-800 dark:text-red-200">Anfrage abgelehnt</h3>
|
||||
<p class="text-sm text-red-700 dark:text-red-300 mt-1">
|
||||
Ihre Anfrage wurde leider abgelehnt. Bei Fragen wenden Sie sich bitte an unser Team.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
||||
<!-- Aktionen -->
|
||||
<div class="flex items-center justify-center space-x-4">
|
||||
<a href="{{ url_for('guest.guest_request_form') }}"
|
||||
class="px-6 py-3 border border-slate-300 dark:border-slate-600 text-slate-700 dark:text-slate-300 rounded-xl hover:bg-slate-50 dark:hover:bg-slate-700 transition-all duration-300">
|
||||
Neue Anfrage stellen
|
||||
</a>
|
||||
<button onclick="location.reload()"
|
||||
class="px-6 py-3 bg-blue-500 text-white rounded-xl hover:bg-blue-600 transition-all duration-300">
|
||||
Aktualisieren
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{% if request.status == 'approved' and otp_code and job %}
|
||||
<script>
|
||||
async function startJob() {
|
||||
const btn = document.getElementById('startJobBtn');
|
||||
const originalText = btn.textContent;
|
||||
|
||||
btn.disabled = true;
|
||||
btn.textContent = 'Wird gestartet...';
|
||||
|
||||
try {
|
||||
const response = await fetch(`/api/jobs/start/{{ otp_code }}`, {
|
||||
method: 'POST',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
}
|
||||
});
|
||||
|
||||
const result = await response.json();
|
||||
|
||||
if (result.success) {
|
||||
alert('3D-Druck erfolgreich gestartet!');
|
||||
location.reload();
|
||||
} else {
|
||||
alert('Fehler beim Starten: ' + (result.error || 'Unbekannter Fehler'));
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Fehler beim Starten des Jobs:', error);
|
||||
alert('Fehler beim Starten des 3D-Drucks. Bitte versuchen Sie es später erneut.');
|
||||
} finally {
|
||||
btn.disabled = false;
|
||||
btn.textContent = originalText;
|
||||
}
|
||||
}
|
||||
</script>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
Loading…
x
Reference in New Issue
Block a user