\n \n
\n \n Lade Men\u00fcdaten...
\nLade Men\u00fcdaten...
\nFehler beim Laden der Historie.
`;\n } else {\n showToast('Hintergrund-Synchronisation fehlgeschlagen', 'error');\n }\n } finally {\n historyLoading.classList.add('hidden');\n }\n }\n\n function renderHistory(orders) {\n const content = document.getElementById('history-content');\n if (!orders || orders.length === 0) {\n content.innerHTML = 'Keine Bestellungen gefunden.
';\n return;\n }\n\n // Group by Year -> Month -> Week Number (KW)\n const groups = {};\n\n orders.forEach(order => {\n const d = new Date(order.date);\n const y = d.getFullYear();\n const m = d.getMonth();\n const monthKey = `${y}-${m.toString().padStart(2, '0')}`;\n const monthName = d.toLocaleString('de-AT', { month: 'long' }); // Only month name\n\n const kw = getISOWeek(d);\n\n if (!groups[y]) {\n groups[y] = { year: y, months: {} };\n }\n if (!groups[y].months[monthKey]) {\n groups[y].months[monthKey] = { name: monthName, year: y, monthIndex: m, count: 0, total: 0, weeks: {} };\n }\n if (!groups[y].months[monthKey].weeks[kw]) {\n groups[y].months[monthKey].weeks[kw] = { label: `KW ${kw}`, items: [], count: 0, total: 0 };\n }\n\n const items = order.items || [];\n items.forEach(item => {\n const itemPrice = parseFloat(item.price || order.total || 0);\n groups[y].months[monthKey].weeks[kw].items.push({\n date: order.date,\n name: item.name || 'Men\u00fc',\n price: itemPrice,\n state: order.order_state // 9 is cancelled, 5 is active, 8 is completed\n });\n\n if (order.order_state !== 9) {\n groups[y].months[monthKey].weeks[kw].count++;\n groups[y].months[monthKey].weeks[kw].total += itemPrice;\n groups[y].months[monthKey].count++;\n groups[y].months[monthKey].total += itemPrice;\n }\n });\n });\n\n // Generate HTML \n const sortedYears = Object.keys(groups).sort((a, b) => b - a);\n let html = '';\n\n sortedYears.forEach(yKey => {\n const yearGroup = groups[yKey];\n html += `Keine Men\u00fcdaten f\u00fcr KW ${targetWeek} (${targetYear}) verf\u00fcgbar.
\n Versuchen Sie eine andere Woche oder schauen Sie sp\u00e4ter vorbei.\n${escapeHtml(getLocalizedText(item.description))}
`;\n\n // Event: Order\n const orderBtn = itemEl.querySelector('.btn-order');\n if (orderBtn) {\n orderBtn.addEventListener('click', (e) => {\n e.stopPropagation();\n const btn = e.currentTarget;\n btn.disabled = true;\n btn.classList.add('loading');\n placeOrder(btn.dataset.date, parseInt(btn.dataset.article), btn.dataset.name, parseFloat(btn.dataset.price), btn.dataset.desc || '')\n .finally(() => { btn.disabled = false; btn.classList.remove('loading'); });\n });\n }\n\n // Event: Cancel\n const cancelBtn = itemEl.querySelector('.btn-cancel');\n if (cancelBtn) {\n cancelBtn.addEventListener('click', (e) => {\n e.stopPropagation();\n const btn = e.currentTarget;\n btn.disabled = true;\n cancelOrder(btn.dataset.date, parseInt(btn.dataset.article), btn.dataset.name)\n .finally(() => { btn.disabled = false; });\n });\n }\n\n // Event: Flag\n const flagBtn = itemEl.querySelector('.btn-flag');\n if (flagBtn) {\n flagBtn.addEventListener('click', (e) => {\n e.stopPropagation();\n const btn = e.currentTarget;\n toggleFlag(btn.dataset.date, parseInt(btn.dataset.article), btn.dataset.name, btn.dataset.cutoff);\n });\n }\n\n body.appendChild(itemEl);\n });\n\n card.appendChild(body);\n return card;\n }\n\n // === GitHub Release Management ===\n\n // Semver comparison: returns true if remote > local\n function isNewer(remote, local) {\n if (!remote || !local) return false;\n const r = remote.replace(/^v/, '').split('.').map(Number);\n const l = local.replace(/^v/, '').split('.').map(Number);\n for (let i = 0; i < Math.max(r.length, l.length); i++) {\n if ((r[i] || 0) > (l[i] || 0)) return true;\n if ((r[i] || 0) < (l[i] || 0)) return false;\n }\n return false;\n }\n\n // GitHub API headers\n function githubHeaders() {\n return { 'Accept': 'application/vnd.github.v3+json' };\n }\n\n // Fetch versions from GitHub (releases or tags)\n async function fetchVersions(devMode) {\n const endpoint = devMode\n ? `${GITHUB_API}/tags?per_page=20`\n : `${GITHUB_API}/releases?per_page=20`;\n\n const resp = await fetch(endpoint, { headers: githubHeaders() });\n if (!resp.ok) {\n if (resp.status === 403) {\n throw new Error('API Rate Limit erreicht (403). Bitte sp\u00e4ter erneut versuchen.');\n }\n throw new Error(`GitHub API ${resp.status}`);\n }\n const data = await resp.json();\n\n // Normalize to common format: { tag, name, url, body }\n return data.map(item => {\n const tag = devMode ? item.name : item.tag_name;\n return {\n tag,\n name: devMode ? tag : (item.name || tag),\n url: `${INSTALLER_BASE}/${tag}/dist/install.html`,\n body: item.body || ''\n };\n });\n }\n\n // Periodic update check (runs on init + every hour)\n async function checkForUpdates() {\n const currentVersion = 'v1.6.2';\n const devMode = localStorage.getItem('kantine_dev_mode') === 'true';\n\n try {\n const versions = await fetchVersions(devMode);\n if (!versions.length) return;\n\n // Cache for version menu\n localStorage.setItem('kantine_version_cache', JSON.stringify({\n timestamp: Date.now(), devMode, versions\n }));\n\n const latest = versions[0].tag;\n console.log(`[Kantine] Version Check: Local [${currentVersion}] vs Latest [${latest}] (${devMode ? 'dev' : 'stable'})`);\n\n if (!isNewer(latest, currentVersion)) return;\n\n console.log(`[Kantine] Update verf\u00fcgbar: ${latest}`);\n\n // Show \ud83c\udd95 icon in header (only once)\n const headerTitle = document.querySelector('.header-left h1');\n if (headerTitle && !headerTitle.querySelector('.update-icon')) {\n const icon = document.createElement('a');\n icon.className = 'update-icon';\n icon.href = versions[0].url;\n icon.target = '_blank';\n icon.innerHTML = '\ud83c\udd95';\n icon.title = `Update: ${latest} \u2014 Klick zum Installieren`;\n icon.style.cssText = 'margin-left:8px;font-size:1em;text-decoration:none;cursor:pointer;vertical-align:middle;';\n headerTitle.appendChild(icon);\n }\n } catch (e) {\n console.warn('[Kantine] Version check failed:', e);\n }\n }\n\n // Open Version Menu modal\n function openVersionMenu() {\n const modal = document.getElementById('version-modal');\n const container = document.getElementById('version-list-container');\n const devToggle = document.getElementById('dev-mode-toggle');\n const currentVersion = 'v1.6.2';\n\n if (!modal) return;\n modal.classList.remove('hidden');\n\n // Set current version display\n const cur = document.getElementById('version-current');\n if (cur) cur.textContent = currentVersion;\n\n // Init dev toggle\n const devMode = localStorage.getItem('kantine_dev_mode') === 'true';\n devToggle.checked = devMode;\n\n // Load versions (from cache or fresh)\n async function loadVersions(forceRefresh) {\n const dm = devToggle.checked;\n container.innerHTML = 'Lade Versionen...
';\n\n function renderVersionsList(versions) {\n if (!versions || !versions.length) {\n container.innerHTML = 'Keine Versionen gefunden.
';\n return;\n }\n\n container.innerHTML = 'Fehler: ${e.message}
`;\n }\n }\n\n loadVersions(false);\n\n // Dev toggle handler\n devToggle.onchange = () => {\n localStorage.setItem('kantine_dev_mode', devToggle.checked);\n // Clear cache to force refresh when mode changes\n localStorage.removeItem('kantine_version_cache');\n loadVersions(true);\n };\n }\n\n // === Order Countdown ===\n function updateCountdown() {\n // Only show order alarms for logged-in users\n if (!authToken || !currentUser) {\n removeCountdown();\n return;\n }\n\n const now = new Date();\n const currentDay = now.getDay();\n // Skip weekends (0=Sun, 6=Sat)\n if (currentDay === 0 || currentDay === 6) {\n removeCountdown();\n return;\n }\n\n const todayStr = now.toISOString().split('T')[0];\n\n // 1. Check if we already ordered for today\n let hasOrder = false;\n // Optimization: Check orderMap for today's date\n // Keys are \"YYYY-MM-DD_ArticleID\"\n for (const key of orderMap.keys()) {\n if (key.startsWith(todayStr)) {\n hasOrder = true;\n break;\n }\n }\n\n if (hasOrder) {\n removeCountdown();\n return;\n }\n\n // 2. Calculate time to cutoff (10:00 AM)\n const cutoff = new Date();\n cutoff.setHours(10, 0, 0, 0);\n\n const diff = cutoff - now;\n\n // If passed cutoff or more than 3 hours away (e.g. 07:00), maybe don't show?\n // User req: \"heute noch keine bestellung... countdown erscheinen\"\n // Let's show it if within valid order window (e.g. 00:00 - 10:00)\n\n if (diff <= 0) {\n removeCountdown();\n return;\n }\n\n // 3. Render Countdown\n const diffHrs = Math.floor(diff / 3600000);\n const diffMins = Math.floor((diff % 3600000) / 60000);\n\n const headerCenter = document.querySelector('.header-center-wrapper');\n if (!headerCenter) return;\n\n let countdownEl = document.getElementById('order-countdown');\n if (!countdownEl) {\n countdownEl = document.createElement('div');\n countdownEl.id = 'order-countdown';\n // Insert before cost display or append\n headerCenter.insertBefore(countdownEl, headerCenter.firstChild);\n }\n\n countdownEl.innerHTML = `Bestellschluss: ${diffHrs}h ${diffMins}m`;\n\n // Red Alert if < 1 hour\n if (diff < 3600000) { // 1 hour\n countdownEl.classList.add('urgent');\n\n // Notification logic (One time)\n const notifiedKey = `kantine_notified_${todayStr}`;\n if (!localStorage.getItem(notifiedKey)) {\n if (Notification.permission === 'granted') {\n new Notification('Kantine: Bestellschluss naht!', {\n body: 'Du hast heute noch nichts bestellt. Nur noch 1 Stunde!',\n icon: '\u23f3'\n });\n } else if (Notification.permission === 'default') {\n Notification.requestPermission();\n }\n localStorage.setItem(notifiedKey, 'true');\n }\n } else {\n countdownEl.classList.remove('urgent');\n }\n }\n\n function removeCountdown() {\n const el = document.getElementById('order-countdown');\n if (el) el.remove();\n }\n\n // Update countdown every minute\n setInterval(updateCountdown, 60000);\n // Also update on load\n setTimeout(updateCountdown, 1000);\n\n // === Helpers === \n function getISOWeek(date) {\n const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));\n const dayNum = d.getUTCDay() || 7;\n d.setUTCDate(d.getUTCDate() + 4 - dayNum);\n const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1));\n return Math.ceil(((d - yearStart) / 86400000 + 1) / 7);\n }\n\n function getWeekYear(d) {\n const date = new Date(d.getTime());\n date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);\n return date.getFullYear();\n }\n\n\n function translateDay(englishDay) {\n const map = { Monday: 'Montag', Tuesday: 'Dienstag', Wednesday: 'Mittwoch', Thursday: 'Donnerstag', Friday: 'Freitag', Saturday: 'Samstag', Sunday: 'Sonntag' };\n return map[englishDay] || englishDay;\n }\n\n function escapeHtml(text) {\n const div = document.createElement('div');\n div.textContent = text || '';\n return div.innerHTML;\n }\n\n // === Language Filter (FR-100) ===\n // DE stems for fallback language detection\n const DE_STEMS = [\n 'mit', 'und', 'oder', 'f\u00fcr', 'vom', 'zum', 'zur', 'gebraten', 'kartoffel', 'gem\u00fcse', 'suppe',\n 'kuchen', 'schwein', 'rind', 'h\u00e4hnchen', 'huhn', 'fisch', 'nudel', 'so\u00dfe', 'sosse', 'wurst',\n 'k\u00fcrbis', 'braten', 'sahne', 'apfel', 'k\u00e4se', 'fleisch', 'pilz', 'kirsch', 'joghurt', 'sp\u00e4tzle',\n 'kn\u00f6del', 'kraut', 'schnitzel', 'p\u00fcree', 'rahm', 'erdbeer', 'schoko', 'vanille', 'tomate',\n 'gurke', 'salat', 'zwiebel', 'paprika', 'reis', 'bohne', 'erbse', 'karotte', 'm\u00f6hre', 'lauch',\n 'knoblauch', 'chili', 'gew\u00fcrz', 'kr\u00e4uter', 'pfeffer', 'salz', 'butter', 'milch', 'eier',\n 'pfanne', 'auflauf', 'gratin', 'ragout', 'gulasch', 'eintopf', 'filet', 'steak', 'brust',\n 'salami', 'schinken', 'speck', 'brokkoli', 'blumenkohl', 'zucchini', 'aubergine',\n 'spinat', 'spargel', 'olive', 'mandel', 'nuss', 'honig', 'senf', 'essig', '\u00f6l', 'brot',\n 'br\u00f6tchen', 'pfannkuchen', 'eis', 'torte', 'dessert', 'kompott', 'obst', 'frucht', 'beere',\n 'plunder', 'dip', 'tofu', 'jambalaya'\n ];\n const EN_STEMS = [\n 'with', 'and', 'or', 'for', 'from', 'to', 'fried', 'potato', 'vegetable', 'soup', 'cake',\n 'pork', 'beef', 'chicken', 'fish', 'noodle', 'sauce', 'sausage', 'pumpkin', 'roast',\n 'cream', 'apple', 'cheese', 'meat', 'mushroom', 'cherry', 'yogurt', 'wedge', 'sweet',\n 'sour', 'dumpling', 'cabbage', 'mash', 'strawberr', 'choco', 'vanilla', 'tomat', 'cucumber',\n 'salad', 'onion', 'pepper', 'rice', 'bean', 'pea', 'carrot', 'leek', 'garlic', 'chili',\n 'spice', 'herb', 'salt', 'butter', 'milk', 'egg', 'pan', 'casserole', 'gratin', 'ragout',\n 'goulash', 'stew', 'filet', 'steak', 'breast', 'salami', 'ham', 'bacon', 'broccoli',\n 'cauliflower', 'zucchini', 'eggplant', 'spinach', 'asparagus', 'olive', 'almond', 'nut',\n 'honey', 'mustard', 'vinegar', 'oil', 'bread', 'bun', 'pancake', 'ice', 'tart', 'dessert',\n 'compote', 'fruit', 'berry', 'dip', 'danish', 'tofu', 'jambalaya'\n ];\n\n /**\n * Splits bilingual menu text into DE and EN parts.\n * Pattern per course: [DE] / [EN](ALLERGENS)\n * Max 3 courses per menu item (sanity check).\n * @param {string} text - The bilingual description text\n * @returns {{ de: string, en: string, raw: string }}\n */\n function splitLanguage(text) {\n if (!text) return { de: '', en: '', raw: '' };\n\n const raw = text;\n const formattedRaw = '\u2022 ' + text.replace(/\\(([A-Z ]+)\\)\\s*(?=\\S)/g, '($1)\\n\u2022 ');\n\n // Utility to compute DE/EN score for a subset of words\n function scoreBlock(wordArray) {\n let de = 0, en = 0;\n wordArray.forEach(word => {\n const w = word.toLowerCase().replace(/[^a-z\u00e4\u00f6\u00fc\u00df]/g, '');\n if (w) {\n let bestDeMatch = 0;\n let bestEnMatch = 0;\n // Full match is better than partial string match\n if (DE_STEMS.includes(w)) bestDeMatch = w.length;\n else DE_STEMS.forEach(s => { if (w.includes(s) && s.length > bestDeMatch) bestDeMatch = s.length; });\n\n if (EN_STEMS.includes(w)) bestEnMatch = w.length;\n else EN_STEMS.forEach(s => { if (w.includes(s) && s.length > bestEnMatch) bestEnMatch = s.length; });\n\n if (bestDeMatch > 0) de += (bestDeMatch / w.length);\n if (bestEnMatch > 0) en += (bestEnMatch / w.length);\n\n // Capitalized noun heuristic matches German text styles typically\n if (/^[A-Z\u00c4\u00d6\u00dc]/.test(word)) {\n de += 0.5;\n }\n }\n });\n return { de, en };\n }\n\n // Heuristic sliding window to split a fragment containing \"EN DE\"\n // E.g., \"Bratwurst with pumpkin Kirschjoghurt\" => enPart: \"Bratwurst with pumpkin\", dePart: \"Kirschjoghurt\"\n function heuristicSplitEnDe(fragment) {\n const words = fragment.trim().split(/\\s+/);\n if (words.length < 2) return { enPart: fragment, nextDe: '' };\n\n let bestK = -1;\n let maxScore = -9999;\n\n for (let k = 1; k < words.length; k++) {\n const left = words.slice(0, k);\n const right = words.slice(k);\n\n const leftScore = scoreBlock(left);\n const rightScore = scoreBlock(right);\n\n // left should be EN, right should be DE\n // Metric = (EN votes in left - DE votes in left) + (DE votes in right - EN votes in right)\n const score = (leftScore.en - leftScore.de) + (rightScore.de - rightScore.en);\n\n // Extra penalty if the split puts a low-case word as the first word of the right (DE) part\n // because a new German sentence usually starts with a capital noun.\n const rightFirstWord = right[0];\n let capitalBonus = 0;\n if (/^[A-Z\u00c4\u00d6\u00dc]/.test(rightFirstWord)) {\n capitalBonus = 2.0;\n }\n\n const finalScore = score + capitalBonus;\n\n if (finalScore > maxScore) {\n maxScore = finalScore;\n bestK = k;\n }\n }\n\n if (bestK !== -1) {\n return {\n enPart: words.slice(0, bestK).join(' '),\n nextDe: words.slice(bestK).join(' ')\n };\n }\n return { enPart: fragment, nextDe: '' };\n }\n\n // Check if text contains the bilingual separator ' / '\n if (!text.includes(' / ')) {\n // Fallback: detect language via keyword scoring\n const words = text.toLowerCase().split(/\\s+/);\n const score = scoreBlock(words);\n\n // No split possible \u2013 return full text for detected language, empty for other\n if (score.en > score.de) {\n return { de: '', en: formattedRaw, raw: formattedRaw };\n }\n return { de: formattedRaw, en: '', raw: formattedRaw };\n }\n\n // Split by ' / ' \u2013 produces alternating DE/EN fragments\n const parts = text.split(' / ');\n // Sanity check: max 3 courses means max 3 slashes \u2192 max 4 parts\n if (parts.length > 4) {\n // Too many slashes \u2013 possibly not bilingual, return as-is\n return { de: formattedRaw, en: '', raw: formattedRaw };\n }\n\n const deParts = [];\n const enParts = [];\n\n // First fragment is always DE (course 1)\n deParts.push(parts[0].trim());\n\n // Process remaining fragments: each contains \"EN(ALLERGENS) next_DE\"\n // Allergen pattern: (LETTERS_AND_SPACES) at the boundary\n const allergenRegex = /\\(([A-Z ]+)\\)\\s*/;\n\n for (let i = 1; i < parts.length; i++) {\n const fragment = parts[i].trim();\n const match = fragment.match(allergenRegex);\n\n if (match) {\n // Split: everything before allergen + allergen = EN, after = next DE\n const allergenEnd = match.index + match[0].length;\n const enPart = fragment.substring(0, match.index).trim();\n const allergenCode = match[1];\n const nextDe = fragment.substring(allergenEnd).trim();\n\n enParts.push(enPart + '(' + allergenCode + ')');\n // Also append allergen to the last DE part\n if (deParts.length > 0) {\n deParts[deParts.length - 1] = deParts[deParts.length - 1] + '(' + allergenCode + ')';\n }\n\n if (nextDe) {\n deParts.push(nextDe);\n }\n } else {\n // No allergen code found!\n // If it's not the last part (or even if it is, but we highly suspect merged languages),\n // we use the heuristic to find the hidden split-point.\n const split = heuristicSplitEnDe(fragment);\n enParts.push(split.enPart);\n if (split.nextDe) {\n deParts.push(split.nextDe);\n }\n }\n }\n\n return {\n de: deParts.map(p => '\u2022 ' + p).join('\\n'),\n en: enParts.map(p => '\u2022 ' + p).join('\\n'),\n raw: formattedRaw\n };\n }\n\n /**\n * Returns text filtered by the current language mode.\n * @param {string} text - The bilingual text\n * @returns {string}\n */\n function getLocalizedText(text) {\n if (langMode === 'all') return text || '';\n const split = splitLanguage(text);\n if (langMode === 'en') return split.en || split.raw;\n return split.de || split.raw; // 'de' is default\n }\n\n // === Bootstrap ===\n injectUI();\n bindEvents();\n updateAuthUI();\n cleanupExpiredFlags();\n\n // Load cached data first for instant UI, refresh only if stale (FR-024)\n const hadCache = loadMenuCache();\n if (hadCache) {\n document.getElementById('loading').classList.add('hidden');\n if (!isCacheFresh()) {\n console.log('Cache stale or incomplete \u2013 refreshing from API');\n loadMenuDataFromAPI();\n } else {\n console.log('Cache fresh & complete \u2013 skipping API refresh');\n }\n } else {\n loadMenuDataFromAPI();\n }\n\n // Auto-start polling if already logged in\n if (authToken) {\n startPolling();\n }\n\n // Check for updates (now + every hour)\n checkForUpdates();\n setInterval(checkForUpdates, 60 * 60 * 1000);\n\n console.log('Kantine Wrapper loaded \u2705');\n})();\n\n// === Error Modal ===\nfunction showErrorModal(title, htmlContent, btnText, url) {\n const modalId = 'error-modal';\n let modal = document.getElementById(modalId);\n if (modal) modal.remove();\n\n modal = document.createElement('div');\n modal.id = modalId;\n modal.className = 'modal hidden';\n modal.innerHTML = `\n \n `;\n document.body.appendChild(modal);\n\n document.getElementById('btn-error-redirect').addEventListener('click', () => {\n window.location.href = url;\n });\n\n requestAnimationFrame(() => {\n modal.classList.remove('hidden');\n });\n}\n"; document.head.appendChild(sc); })();