COMBO x2

The Coffee Gang

Hohenstaufenring 19, Köln

Café

91/100

+49 221 78956541

SPEISEKARTE ANSEHEN

`; }); }, // Render methods renderGamification(data) { return `

Deine Wirkung

⭐

${data.score.total || 0}

Punkte

🔥

${data.streak || 0}

Serie

💬

${data.metrics.ai_questions || 0}

Fragen

👍

Tipps erhalten

BRONZE

${Object.entries(data.badges || {}).slice(0, 4).map(([key, earned]) => `

${this.getAchievementIcon(key)}

`).join('')}

`; }, renderMenu(menu) { if (!menu || menu.length === 0) return ''; const categories = menu.slice(0, 3); return ` `; }, renderDishes(feature) { const dishes = feature.tags.slice(0, 8).filter(tag => tag.sluurpy === 1 || tag.n_consigli > 0); if (dishes.length === 0) return ''; return `

Beliebte Gerichte

${dishes.map(tag => `

${this.escapeHtml(tag.tag)}

`).join('')}

`; }, renderAIChatQuestions(aiChatData) { const questions = aiChatData.questions.slice(0, 5); return `

Fragen Sie die KI zu diesem Restaurant

${questions.map(qa => `

${this.escapeHtml(qa.question)}

${this.escapeHtml(qa.answer)}

${qa.date} ${qa.helpful_yes > 0 ? ` ${qa.helpful_yes} ` : ''}

`).join('')}

Stellen Sie Ihre Frage

Alle Fragen und Antworten anzeigen →

`; }, renderContentCards(data) { const cards = []; const config = window.RestaurantConfig; // Reviews Card if (data.reviews && (data.reviews.google || data.reviews.facebook)) { const allReviews = [ ...(data.reviews.google || []), ...(data.reviews.facebook || []) ].filter(r => r.voto >= 4).slice(0, 3); if (allReviews.length > 0) { cards.push(`

Neueste Bewertungen

${allReviews.map(recensione => `

${this.escapeHtml(recensione.autore)}

${Array(5).fill().map((_, i) => ` `).join('')}

${this.escapeHtml(recensione.testo.slice(0, 120))}${recensione.testo.length > 120 ? '...' : ''}

`).join('')}

Alle Bewertungen Lesen →

`); } } // Hours Card const orari = config.initialData.orari; if (orari && orari.stato_orari && (orari.stato_orari === 1 || orari.stato_orari === 2)) { cards.push(`

Öffnungszeiten

${orari.stato_orari === 2 ? `

Rund um die Uhr geöffnet

` : `

${['monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday', 'sunday'].map((day, idx) => `

dettaglio_2025.day_${day}: ${orari.orari[idx] ? orari.orari[idx].map(slot => `${slot.dalle} - ${slot.alle}`).join(', ') : 'Geschlossen' }

`).join('')}

`); } // Photos Card if (data.photos && data.photos.tot_foto > 0) { cards.push(`

Fotos (${data.photos.tot_foto})

${data.photos.foto.slice(0, 4).map((f, idx) => ` Photo ${idx + 1}

${idx === 3 && data.photos.tot_foto > 4 ? `

+${data.photos.tot_foto - 4} mehr

` : ''} `).join('')}

`); } // Ratings Card if (config.initialData.voti && config.initialData.voti.length > 0) { cards.push(`

Bewertungen & Rezensionen

91/100

Basierend auf 0 Bewertungen

${config.initialData.voti.slice(0, 3).filter(v => v.voto > 0).map(voto => `

${voto.icona_presente == 1 ? `

` : `

${voto.sigla}

`} ${voto.nome}

${voto.voto.toFixed(1)}

`).join('')}

`); } return `

${cards.join('')}

`; }, // Utility methods escapeHtml(text) { const div = document.createElement('div'); div.textContent = text || ''; return div.innerHTML; }, getAchievementIcon(key) { const icons = { 'verified': '✓', 'popular': '⭐', 'trendy': '🔥', 'community_love': '❤️', 'menu_star': '📖', 'fresh_content': '🌟' }; return icons[key] || '🏆'; }, // Public methods toggleDescription(btn) { const container = btn.closest('.ai-description-content'); const text = container.querySelector('.ai-description-text'); const expandText = btn.querySelector('.expand-text'); const collapseText = btn.querySelector('.collapse-text'); const isExpanded = text.classList.contains('expanded'); if (isExpanded) { text.classList.remove('expanded'); text.classList.add('collapsed'); expandText.style.display = 'inline'; collapseText.style.display = 'none'; btn.classList.remove('expanded'); } else { text.classList.remove('collapsed'); text.classList.add('expanded'); expandText.style.display = 'none'; collapseText.style.display = 'inline'; btn.classList.add('expanded'); } }, async generateDescription() { const btn = document.getElementById('discoverRestaurantBtn'); const btnText = document.getElementById('discoverBtnText'); const spinner = btn.querySelector('.spinner'); btn.disabled = true; btnText.style.display = 'none'; spinner.style.display = 'inline-block'; try { const response = await fetch(window.RestaurantConfig.apiEndpoints.aiChat, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ id_locale: window.RestaurantConfig.restaurantId, question: 'What can you tell me about this restaurant? What kind of food do they serve and what do users think about it?', language: window.RestaurantConfig.language, session_id: 'system_discovery_' + window.RestaurantConfig.restaurantId }) }); const data = await response.json(); if (data.answer) { // Save description await fetch('/api/restaurant/ai-description', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ restaurant_id: window.RestaurantConfig.restaurantId, description: data.answer, language: window.RestaurantConfig.language }) }); // Display btn.style.display = 'none'; const container = document.getElementById('aiDescriptionContainer'); container.style.display = 'block'; container.innerHTML = `

KI-Analyse

`; // Typewriter effect this.typewriteText(data.answer, 'aiDescriptionText'); } } catch (error) { console.error('Error generating description:', error); alert('Fehler beim Generieren der Beschreibung. Bitte versuchen Sie es erneut.'); } finally { btn.disabled = false; spinner.style.display = 'none'; btnText.style.display = 'inline'; } }, typewriteText(text, elementId) { const element = document.getElementById(elementId); if (!element) return; let index = 0; const speed = 15; element.textContent = ''; const type = () => { if (index < text.length) { element.textContent += text.charAt(index); index++; setTimeout(type, speed); } else { // Add collapsed class and show expand button if needed element.classList.add('collapsed'); // Check if expand button is needed const container = element.closest('.ai-description-content'); const expandBtn = container.querySelector('.expand-description-btn'); if (element.scrollHeight > element.clientHeight) { expandBtn.style.display = 'inline-flex'; } } }; type(); }, initAIChatForm() { const form = document.getElementById('aiChatForm'); const input = document.getElementById('aiQuestionInput'); const link = document.getElementById('aiChatFullLink'); if (form && input) { // Set full chat link if (link) { const baseUrl = 'https://www.sluurpy.com'; const slug = `${window.RestaurantConfig.restaurantSlug}-${window.RestaurantConfig.citySlug}-${window.RestaurantConfig.restaurantId}`; link.href = `${baseUrl}/${window.RestaurantConfig.language}/${slug}`; } form.addEventListener('submit', (e) => { e.preventDefault(); const question = input.value.trim(); if (question) { // Track action if (window.Gamification) { window.Gamification.trackAction('ai_question_start', 5); } // Redirect const baseUrl = 'https://www.sluurpy.com'; const slug = `${window.RestaurantConfig.restaurantSlug}-${window.RestaurantConfig.citySlug}-${window.RestaurantConfig.restaurantId}`; const redirectUrl = `${baseUrl}/${window.RestaurantConfig.language}/${slug}?q=${encodeURIComponent(question)}&auto=1`; window.location.href = redirectUrl; } }); } }, initShare() { const shareBtn = document.querySelector('.fab-share'); if (!shareBtn) return; shareBtn.addEventListener('click', async () => { if (navigator.share) { try { await navigator.share({ title: window.RestaurantConfig.restaurantName, text: `Check out ${window.RestaurantConfig.restaurantName}`, url: window.location.href }); } catch (err) { // User cancelled } } else { // Fallback: copy to clipboard const textarea = document.createElement('textarea'); textarea.value = window.location.href; textarea.style.position = 'fixed'; textarea.style.opacity = '0'; document.body.appendChild(textarea); textarea.select(); document.execCommand('copy'); document.body.removeChild(textarea); // Show notification this.showNotification('Link copied!', 'success'); } }); }, showNotification(message, type = 'info') { const container = document.getElementById('notificationContainer'); if (!container) return; const notification = document.createElement('div'); notification.className = `notification ${type} show`; notification.innerHTML = ` ✓

${message}

`; container.appendChild(notification); setTimeout(() => { notification.classList.remove('show'); setTimeout(() => notification.remove(), 300); }, 3000); } }; // Initialize window.LazyManager = LazyManager; // Start when DOM ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => LazyManager.init()); } else { LazyManager.init(); } // Click tracking document.addEventListener('click', (e) => { const clickable = e.target.closest('.clickable'); if (clickable && clickable.dataset.action) { // Track with gamification if available if (window.Gamification) { const points = { 'menu_view': 10, 'photo_view': 5, 'dish_click': 3, 'share': 15, 'menu_item_click': 2 }; window.Gamification.trackAction(clickable.dataset.action, points[clickable.dataset.action] || 1); } } }); })();

Menü

The Coffee Gang

Hohenstaufenring 19, Köln

Deine Wirkung

Menü-Vorschau

${this.escapeHtml(cat.nome)}

Beliebte Gerichte

Fragen Sie die KI zu diesem Restaurant

Stellen Sie Ihre Frage

Neueste Bewertungen

Öffnungszeiten

Fotos (${data.photos.tot_foto})

Bewertungen & Rezensionen

KI-Analyse