73 lines
2.6 KiB
HTML
73 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>{% block title %}Schmankerl – Das moderne Brotzeit-Portal{% endblock %}</title>
|
||
<link rel="stylesheet" href="/static/style.css">
|
||
<link rel="icon" href="https://new.dev.waiswuaschd.de/favicon.ico">
|
||
</head>
|
||
<body>
|
||
|
||
<header class="navbar">
|
||
<div class="container nav-content">
|
||
<a href="/" class="brand">
|
||
🥨 <span>Schmankerl</span> <small class="tenant-badge">{{ tenant.name if tenant else 'Portal' }}</small>
|
||
</a>
|
||
<button class="mobile-toggle" aria-label="Menü öffnen" id="mobileNavToggle" aria-expanded="false">
|
||
<span class="bar"></span>
|
||
<span class="bar"></span>
|
||
<span class="bar"></span>
|
||
</button>
|
||
<nav class="nav-links" id="navLinks">
|
||
{% if current_user %}
|
||
<a href="/">🥨 Brotzeit bestellen</a>
|
||
{% if current_user.role == 'admin' %}
|
||
<a href="/admin" class="nav-admin">👨🍳 Einkäufer-Cockpit</a>
|
||
{% endif %}
|
||
<span class="user-greeting">👤 {{ current_user.first_name }}</span>
|
||
<a href="/logout" class="nav-logout">Abmelden</a>
|
||
{% else %}
|
||
<a href="/login" class="nav-login">Anmelden</a>
|
||
{% endif %}
|
||
<a href="https://new.dev.waiswuaschd.de" target="_blank" class="nav-home">Zur Plattform</a>
|
||
</nav>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="main-content">
|
||
{% block content %}{% endblock %}
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="container footer-inner">
|
||
<p>© 2026 Schmankerl by <a href="https://new.dev.waiswuaschd.de">Waiswuaschd.de</a></p>
|
||
<div class="footer-tenant-info">
|
||
Mandant: <strong>{{ tenant.slug if tenant else 'demo' }}</strong> ({{ tenant.subdomain if tenant else '' }})
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
const navToggle = document.getElementById('mobileNavToggle');
|
||
const navLinks = document.getElementById('navLinks');
|
||
if (navToggle && navLinks) {
|
||
navToggle.addEventListener('click', () => {
|
||
const isOpen = navLinks.classList.toggle('open');
|
||
navToggle.classList.toggle('open', isOpen);
|
||
navToggle.setAttribute('aria-expanded', isOpen);
|
||
document.body.style.overflow = isOpen ? 'hidden' : '';
|
||
});
|
||
navLinks.querySelectorAll('a').forEach(link => {
|
||
link.addEventListener('click', () => {
|
||
navLinks.classList.remove('open');
|
||
navToggle.classList.remove('open');
|
||
navToggle.setAttribute('aria-expanded', 'false');
|
||
document.body.style.overflow = '';
|
||
});
|
||
});
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|