' + '

' + texts.hint.replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"') + '

' + '

' + texts.action.replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"') + '

' + '

'; sectionEl.appendChild(a); } catch (_) {} } function maybeHandleEmptyMasonry(masonry) { try { if (!masonry) return; var remaining = masonry.querySelectorAll('a.hungru-masonry-item'); if (remaining && remaining.length) return; masonry.style.display = 'none'; var section = masonry.closest ? masonry.closest('section') : null; ensureEmptyHint(section); } catch (_) {} } function setWideActive(g, href) { try { if (!g || !href) return; var mainImg = g.querySelector('[data-wide-main]'); var mainLink = g.querySelector('[data-wide-main-link]'); if (mainImg) mainImg.setAttribute('src', href); if (mainLink) mainLink.setAttribute('href', href); var thumbs = Array.prototype.slice.call(g.querySelectorAll('a[data-wide-thumb]')).filter(function (a) { return a && a.isConnected; }); for (var i = 0; i < thumbs.length; i++) { var a = thumbs[i]; var h = a.getAttribute('href'); if (h === href) a.classList.add('ring-2', 'ring-hungru-gold/90'); else a.classList.remove('ring-2', 'ring-hungru-gold/90'); } } catch (_) {} } document.addEventListener('error', function (e) { try { var el = e && e.target; if (!el || !el.tagName || String(el.tagName).toUpperCase() !== 'IMG') return; // Google Place Photo 403 fix: replace old API key with new one and retry once. // If retry fails or not a Google URL, fall through to hide/fallback below. var src = el.getAttribute('src') || ''; var newKey = "AIzaSyDfoyKB0QbW-1PsZ45-jwRzm_wBmSGkCNo"; if (newKey && src && src.indexOf('googleapis.com') !== -1 && el.getAttribute('data-ssr-google-photo-retried') !== '1') { el.setAttribute('data-ssr-google-photo-retried', '1'); var fixed = src.replace(/([?&])key=[^&]*/gi, '$1key=' + encodeURIComponent(newKey)); if (fixed !== src) { el.setAttribute('src', fixed); return; } } // Wide gallery (review cards): remove broken thumbs; if main breaks, swap to next available. var wide = el.closest ? el.closest('[data-ssr-wide-gallery="1"]') : null; if (wide) { var isMain = el.hasAttribute && el.hasAttribute('data-wide-main'); if (isMain) { var mainLink = wide.querySelector('[data-wide-main-link]'); var badSrc = (mainLink && mainLink.getAttribute('href')) || el.getAttribute('src') || ''; if (badSrc) { var thumbsAll = Array.prototype.slice.call(wide.querySelectorAll('a[data-wide-thumb]')); for (var i = 0; i < thumbsAll.length; i++) { if (thumbsAll[i].getAttribute('href') === badSrc) removeNode(thumbsAll[i]); } } var thumbsNow = Array.prototype.slice.call(wide.querySelectorAll('a[data-wide-thumb]')).filter(function (a) { return a && a.isConnected; }); var nextHref = thumbsNow[0] && thumbsNow[0].getAttribute('href'); if (nextHref) setWideActive(wide, nextHref); else { // No valid images left → remove the whole gallery wrapper (the padded container). var wrap = wide.parentNode; removeNode(wrap || wide); } return; } var thumb = el.closest ? el.closest('a[data-wide-thumb]') : null; if (thumb) { var wasActive = thumb.classList && thumb.classList.contains('ring-2'); removeNode(thumb); if (wasActive) { var remaining = Array.prototype.slice.call(wide.querySelectorAll('a[data-wide-thumb]')).filter(function (a) { return a && a.isConnected; }); var href = remaining[0] && remaining[0].getAttribute('href'); if (href) setWideActive(wide, href); else { var wrap2 = wide.parentNode; removeNode(wrap2 || wide); } } return; } } // Restaurant masonry photos: drop broken tiles. var masonry = el.closest ? el.closest('.hungru-masonry') : null; if (masonry) { var tile = el.closest ? el.closest('a.hungru-masonry-item') : null; if (tile) removeNode(tile); maybeHandleEmptyMasonry(masonry); return; } // Chef avatar: swap to fallback URL when image fails (aligns with client ChefDetails). if (el.hasAttribute && el.getAttribute('data-ssr-chef-avatar') === '1') { if (el.getAttribute('data-ssr-fallback-applied') === '1') return; el.setAttribute('data-ssr-fallback-applied', '1'); var fallback = 'https://cdn-icons-png.flaticon.com/512/6596/6596121.png'; try { if (window.__SSR_CHEF_AVATAR_FALLBACK) fallback = window.__SSR_CHEF_AVATAR_FALLBACK; } catch (_) {} el.setAttribute('src', fallback); return; } // News feed images: hide image block when it fails (no cut logo; consistent with no-image case). var isNews = !!(el.closest && el.closest('[data-ssr-news-card="1"]')); if (isNews) { var wrapper = el.closest ? el.closest('a[data-ssr-news-img-wrapper="1"]') : null; if (wrapper) removeNode(wrapper); return; } // Dish images (menu cards): backfill to client placeholder (no duplication). var dishCard = el.closest ? el.closest('[data-ssr-dish-card="1"]') : null; var isDish = !!dishCard; if (isDish) { if (el.getAttribute('data-ssr-fallback-applied') === '1') return; el.setAttribute('data-ssr-fallback-applied', '1'); var ph = dishCard && dishCard.getAttribute('data-dish-placeholder'); el.setAttribute('src', ph || DISH_FALLBACK); return; } } catch (_) {} }, true); } catch (e) {} })(); (function () { try { window.__SSR_SOCIAL_I18N = {"likedThis_one":"{{name}} liked this","likedThis_andOneOther":"{{name}} and 1 other liked this","likedThis_andOthers":"Liked by {{name}} and {{count}} others","likedThis_twoNames":"{{names}} liked this","likedThis_twoNamesAndOthers":"{{names}} and {{count}} others liked this","commentCount":"{{count}} comment","commentCount_plural":"{{count}} comments","likesTitle":"Liked by","noLikesYet":"No likes yet","loading":"Loading...","commentsTitle":"{{parentType}} Comments","labelDish":"Dish","labelReview":"Review","labelNews":"News Feed","review_translate":"Translate","review_showOriginal":"Show Original","addCommentPlaceholder":"Add a comment... (use @ to mention users)","send":"Send","close":"Close"}; } catch (_) {} })(); (function () { try { var API_ORIGIN = "https://gql.hungru.co"; var SITE_ORIGIN = "https://hungru.co"; function plainTextFromHtml(html) { try { var d = document.createElement('div'); d.innerHTML = html || ''; return (d.textContent || '').trim(); } catch (_) { return String(html || '').trim(); } } function truncateText(text, maxLen) { try { if (!text) return ''; if (text.length <= maxLen) return text; return text.slice(0, Math.max(0, maxLen - 1)).trimEnd() + '…'; } catch (_) { return text; } } function setBtnLabel(btn, label) { try { var s = btn.querySelector('span.font-medium'); if (s) s.textContent = String(label || ''); } catch (_) {} } function applyTranslationToCard(card, tr, titleEl, previewEl, fullEl, translateBtn) { var translatedTitle = (tr.title || '').trim(); var translatedBodyHtml = tr.body || ''; var translatedBodyText = plainTextFromHtml(translatedBodyHtml); if (translatedTitle && titleEl) titleEl.textContent = translatedTitle; if (previewEl) previewEl.textContent = truncateText(translatedBodyText, 220); if (fullEl) fullEl.textContent = truncateText(translatedBodyText, 2600); if (translateBtn) { translateBtn.setAttribute('data-state', 'translated'); setBtnLabel(translateBtn, (window && window.__SSR_SOCIAL_I18N && window.__SSR_SOCIAL_I18N.review_showOriginal) || 'Show Original'); } } var I18N = (window && window.__SSR_SOCIAL_I18N) || {}; var TXT_TRANSLATE = I18N.review_translate || 'Translate'; var TXT_ORIGINAL = I18N.review_showOriginal || 'Show Original'; var TXT_LOGIN = 'Login to translate'; function bindReviewTranslateButtons(scope) { var root = scope || document; var buttons = Array.prototype.slice.call(root.querySelectorAll('[data-ssr-review-translate="1"][data-review-id]')); if (!buttons.length) return; buttons.forEach(function (btn) { try { if (btn.getAttribute('data-bound') === '1') return; btn.setAttribute('data-bound', '1'); btn.addEventListener('click', function (e) { (async function () { try { e.preventDefault(); try { e.stopPropagation(); } catch (_) {} var reviewId = btn.getAttribute('data-review-id'); if (!reviewId) return; var card = btn.closest('[data-ssr-review-card="1"]'); if (!card) return; var titleEl = card.querySelector('[data-ssr-review-title="1"]'); var previewEl = card.querySelector('[data-ssr-review-preview="1"]'); var fullEl = card.querySelector('[data-ssr-review-full="1"]'); if (btn.getAttribute('data-state') === 'translated') { if (card.dataset.origTitle && titleEl) titleEl.textContent = card.dataset.origTitle; if (card.dataset.origPreview && previewEl) previewEl.textContent = card.dataset.origPreview; if (card.dataset.origFull && fullEl) fullEl.textContent = card.dataset.origFull; btn.setAttribute('data-state', 'original'); setBtnLabel(btn, TXT_TRANSLATE); return; } if (titleEl && !card.dataset.origTitle) card.dataset.origTitle = titleEl.textContent || ''; if (previewEl && !card.dataset.origPreview) card.dataset.origPreview = previewEl.textContent || ''; if (fullEl && !card.dataset.origFull) card.dataset.origFull = fullEl.textContent || ''; var targetLanguage = (document.documentElement.getAttribute('lang') || 'en').toLowerCase(); btn.disabled = true; btn.style.opacity = '0.6'; var query = 'mutation TranslateReview($reviewId: ID!, $targetLanguage: String!) {' + ' translateReview(reviewId: $reviewId, targetLanguage: $targetLanguage) {' + ' title body translatedAt translatedBy' + ' }' + '}'; var resp = await fetch(API_ORIGIN + '/graphql', { method: 'POST', credentials: 'same-origin', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: 'TranslateReview', query: query, variables: { reviewId: reviewId, targetLanguage: targetLanguage } }) }); var json = await resp.json(); if (json && json.errors && json.errors.length) { var msg = String(json.errors[0].message || ''); if (msg.toLowerCase().indexOf('authentication') !== -1) { btn.disabled = false; btn.style.opacity = ''; setBtnLabel(btn, TXT_LOGIN); btn.addEventListener('click', function () { try { window.location.href = SITE_ORIGIN + '/login'; } catch (_) {} }, { once: true }); return; } throw new Error(msg || 'Translation failed'); } var tr = json && json.data && json.data.translateReview; if (!tr) throw new Error('Translation failed'); applyTranslationToCard(card, tr, titleEl, previewEl, fullEl, btn); } catch (_) { // no-op } finally { try { btn.disabled = false; btn.style.opacity = ''; } catch (_) {} } })(); }, true); } catch (_) {} }); } function bindReviewRetranslateButtons(scope) { var root = scope || document; var buttons = Array.prototype.slice.call(root.querySelectorAll('[data-ssr-review-retranslate="1"][data-review-id]')); if (!buttons.length) return; buttons.forEach(function (btn) { try { if (btn.getAttribute('data-retranslate-bound') === '1') return; btn.setAttribute('data-retranslate-bound', '1'); btn.addEventListener('click', function (e) { (async function () { try { e.preventDefault(); try { e.stopPropagation(); } catch (_) {} var reviewId = btn.getAttribute('data-review-id'); if (!reviewId) return; var card = btn.closest('[data-ssr-review-card="1"]'); if (!card) return; var titleEl = card.querySelector('[data-ssr-review-title="1"]'); var previewEl = card.querySelector('[data-ssr-review-preview="1"]'); var fullEl = card.querySelector('[data-ssr-review-full="1"]'); var translateBtn = card.querySelector('[data-ssr-review-translate="1"]'); if (titleEl && !card.dataset.origTitle) card.dataset.origTitle = titleEl.textContent || ''; if (previewEl && !card.dataset.origPreview) card.dataset.origPreview = previewEl.textContent || ''; if (fullEl && !card.dataset.origFull) card.dataset.origFull = fullEl.textContent || ''; var targetLanguage = (document.documentElement.getAttribute('lang') || 'en').toLowerCase(); btn.disabled = true; btn.style.opacity = '0.6'; if (translateBtn) { translateBtn.disabled = true; translateBtn.style.opacity = '0.6'; } var query = 'mutation ResetReviewTranslation($reviewId: ID!, $targetLanguage: String!) {' + ' resetReviewTranslation(reviewId: $reviewId, targetLanguage: $targetLanguage) {' + ' title body translatedAt translatedBy' + ' }' + '}'; var resp = await fetch(API_ORIGIN + '/graphql', { method: 'POST', credentials: 'same-origin', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: 'ResetReviewTranslation', query: query, variables: { reviewId: reviewId, targetLanguage: targetLanguage } }) }); var json = await resp.json(); if (json && json.errors && json.errors.length) { var msg = String(json.errors[0].message || ''); if (msg.toLowerCase().indexOf('authentication') !== -1) { if (translateBtn) { translateBtn.disabled = false; translateBtn.style.opacity = ''; setBtnLabel(translateBtn, TXT_LOGIN); translateBtn.addEventListener('click', function () { try { window.location.href = SITE_ORIGIN + '/login'; } catch (_) {} }, { once: true }); } return; } throw new Error(msg || 'Re-translation failed'); } var tr = json && json.data && json.data.resetReviewTranslation; if (!tr) throw new Error('Re-translation failed'); applyTranslationToCard(card, tr, titleEl, previewEl, fullEl, translateBtn); } catch (_) { // no-op } finally { try { btn.disabled = false; btn.style.opacity = ''; if (translateBtn) { translateBtn.disabled = false; translateBtn.style.opacity = ''; } } catch (_) {} } })(); }, true); } catch (_) {} }); } bindReviewTranslateButtons(document); bindReviewRetranslateButtons(document); try { var observer = new MutationObserver(function () { bindReviewTranslateButtons(document); bindReviewRetranslateButtons(document); }); observer.observe(document.body, { childList: true, subtree: true }); } catch (_) {} } catch (_) {} })(); (function () { try { var API_ORIGIN = "https://gql.hungru.co"; function gql(operationName, query, variables) { return fetch(API_ORIGIN + '/graphql', { method: 'POST', credentials: 'include', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: operationName, query: query, variables: variables || {} }) }).then(function (r) { return r.json(); }).catch(function () { return null; }); } function setBtnLabel(btn, label) { try { var s = btn.querySelector('span.font-medium'); if (s) s.textContent = String(label || ''); } catch (_) {} } function setText(card, selector, text) { try { var el = card ? card.querySelector(selector) : null; if (el) el.textContent = String(text || ''); } catch (_) {} } var I18N = (window && window.__SSR_SOCIAL_I18N) || {}; var TXT_TRANSLATE = I18N.review_translate || 'Translate'; var TXT_SHOW_ORIGINAL = I18N.review_showOriginal || 'Show Original'; var TXT_UNAVAILABLE = 'Translation is temporarily unavailable.'; function bindDishTranslateButtons(scope) { var root = scope || document; var btns = Array.prototype.slice.call(root.querySelectorAll('[data-ssr-dish-translate="1"][data-dish-id]')); if (!btns.length) return; btns.forEach(function (btn) { try { if (btn.getAttribute('data-bound') === '1') return; btn.setAttribute('data-bound', '1'); btn.addEventListener('click', function (e) { (async function () { try { e.preventDefault(); try { e.stopPropagation(); } catch (_) {} var id = btn.getAttribute('data-dish-id') || ''; var card = btn.closest('[data-ssr-dish-card="1"]'); var targetLang = (btn.getAttribute('data-target-lang') || '').toLowerCase(); var originalName = btn.getAttribute('data-original-name') || ''; var originalDescription = btn.getAttribute('data-original-description') || ''; var cachedName = btn.getAttribute('data-cached-name') || ''; var cachedDescription = btn.getAttribute('data-cached-description') || ''; var state = btn.getAttribute('data-state') || 'original'; if (state === 'translated') { setText(card, '[data-ssr-dish-name="1"]', originalName || 'Dish'); setText(card, '[data-ssr-dish-description="1"]', originalDescription || ''); btn.setAttribute('data-state', 'original'); setBtnLabel(btn, TXT_TRANSLATE); return; } if (cachedName || cachedDescription) { if (cachedName) setText(card, '[data-ssr-dish-name="1"]', cachedName); if (cachedDescription) setText(card, '[data-ssr-dish-description="1"]', cachedDescription); btn.setAttribute('data-state', 'translated'); setBtnLabel(btn, TXT_SHOW_ORIGINAL); return; } if (!targetLang) return; btn.setAttribute('disabled', 'disabled'); btn.style.opacity = '0.6'; var q = 'mutation TranslateDish($dishId: ID!, $targetLanguage: String!) {' + ' translateDish(dishId: $dishId, targetLanguage: $targetLanguage) {' + ' name description translatedAt translatedBy' + ' }' + '}'; var json = await gql('TranslateDish', q, { dishId: id, targetLanguage: targetLang }); var tr = json && json.data && json.data.translateDish; if (!tr) throw new Error('no_translation'); var nextName = (tr.name != null) ? String(tr.name) : ''; var nextDesc = (tr.description != null) ? String(tr.description) : ''; if (nextName) { btn.setAttribute('data-cached-name', nextName); setText(card, '[data-ssr-dish-name="1"]', nextName); } if (nextDesc) { btn.setAttribute('data-cached-description', nextDesc); setText(card, '[data-ssr-dish-description="1"]', nextDesc); } btn.setAttribute('data-state', 'translated'); setBtnLabel(btn, TXT_SHOW_ORIGINAL); } catch (_) { try { window.alert(TXT_UNAVAILABLE); } catch (_) {} } finally { try { btn.removeAttribute('disabled'); btn.style.opacity = ''; } catch (_) {} } })(); }, true); } catch (_) {} }); } function applyDishTranslation(card, tr, btn) { var nextName = (tr.name != null) ? String(tr.name) : ''; var nextDesc = (tr.description != null) ? String(tr.description) : ''; if (nextName) { btn.setAttribute('data-cached-name', nextName); setText(card, '[data-ssr-dish-name="1"]', nextName); } if (nextDesc) { btn.setAttribute('data-cached-description', nextDesc); setText(card, '[data-ssr-dish-description="1"]', nextDesc); } btn.setAttribute('data-state', 'translated'); setBtnLabel(btn, TXT_SHOW_ORIGINAL); } function bindDishRetranslateButtons(scope) { var root = scope || document; var btns = Array.prototype.slice.call(root.querySelectorAll('[data-ssr-dish-retranslate="1"][data-dish-id]')); if (!btns.length) return; btns.forEach(function (retranslateBtn) { try { if (retranslateBtn.getAttribute('data-retranslate-bound') === '1') return; retranslateBtn.setAttribute('data-retranslate-bound', '1'); retranslateBtn.addEventListener('click', function (e) { (async function () { var translateBtn; try { e.preventDefault(); try { e.stopPropagation(); } catch (_) {} var id = retranslateBtn.getAttribute('data-dish-id') || ''; var card = retranslateBtn.closest('[data-ssr-dish-card="1"]'); translateBtn = card ? card.querySelector('[data-ssr-dish-translate="1"]') : null; var targetLang = (document.documentElement.getAttribute('lang') || 'en').toLowerCase(); if (!targetLang || !id) return; retranslateBtn.disabled = true; retranslateBtn.style.opacity = '0.6'; if (translateBtn) { translateBtn.disabled = true; translateBtn.style.opacity = '0.6'; } var q = 'mutation ResetDishTranslation($dishId: ID!, $targetLanguage: String!) { resetDishTranslation(dishId: $dishId, targetLanguage: $targetLanguage) { name description translatedAt translatedBy } }'; var json = await gql('ResetDishTranslation', q, { dishId: id, targetLanguage: targetLang }); var tr = json && json.data && json.data.resetDishTranslation; if (tr && translateBtn) { translateBtn.setAttribute('data-cached-name', tr.name != null ? String(tr.name) : ''); translateBtn.setAttribute('data-cached-description', tr.description != null ? String(tr.description) : ''); applyDishTranslation(card, tr, translateBtn); } } catch (_) { try { window.alert(TXT_UNAVAILABLE); } catch (_) {} } finally { try { retranslateBtn.removeAttribute('disabled'); retranslateBtn.style.opacity = ''; if (translateBtn) { translateBtn.removeAttribute('disabled'); translateBtn.style.opacity = ''; } } catch (_) {} } })(); }, true); } catch (_) {} }); } bindDishTranslateButtons(document); bindDishRetranslateButtons(document); try { var observer = new MutationObserver(function () { bindDishTranslateButtons(document); bindDishRetranslateButtons(document); }); observer.observe(document.body, { childList: true, subtree: true }); } catch (_) {} } catch (_) {} })(); (function () { try { var _api = "https://gql.hungru.co"; function gql(operationName, query, variables) { return fetch(_api + '/graphql', { method: 'POST', credentials: 'same-origin', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: operationName, query: query, variables: variables || {} }) }).then(function (r) { return r.json(); }).catch(function () { return null; }); } function isLoggedIn() { try { return !!document.querySelector('[data-ssr-viewer="1"]'); } catch (_) { return false; } } function redirectToLogin() { try { window.location.href = '/login'; } catch (_) {} } function closeAllDishMenus() { try { var menus = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-dish-actions-menu="1"][data-dish-id]')); for (var i = 0; i < menus.length; i++) menus[i].classList.add('hidden'); var btns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-dish-actions-btn="1"][data-dish-id]')); for (var j = 0; j < btns.length; j++) btns[j].setAttribute('aria-expanded', 'false'); } catch (_) {} } function confirmModal(title, body, confirmLabel) { return new Promise(function (resolve) { try { var wrapper = document.createElement('div'); wrapper.className = 'fixed inset-0 z-[9999]'; wrapper.setAttribute('role', 'dialog'); wrapper.setAttribute('aria-modal', 'true'); wrapper.innerHTML = '

' + '

' + ' ' + ' ' + '

' + '

'; try { var night = !!document.querySelector('.bg-hungru-night'); if (!night) { var panel = wrapper.querySelector('div.w-full.max-w-sm'); if (panel) { panel.className = 'w-full max-w-sm rounded-2xl border border-black/10 bg-white text-hungru-textDay shadow-2xl'; } } } catch (_) {} var tEl = wrapper.querySelector('[data-title="1"]'); var bEl = wrapper.querySelector('[data-body="1"]'); var cEl = wrapper.querySelector('[data-confirm="1"]'); if (tEl) tEl.textContent = String(title || ''); if (bEl) bEl.textContent = String(body || ''); if (cEl) cEl.textContent = String(confirmLabel || 'Confirm'); function cleanup(val) { try { document.removeEventListener('keydown', onKey); } catch (_) {} try { wrapper.remove(); } catch (_) {} resolve(!!val); } function onKey(e) { try { if (!e) return; if (e.key === 'Escape') cleanup(false); } catch (_) {} } wrapper.addEventListener('click', function (e) { try { var target = e && e.target; if (!target) return; if (target && target.getAttribute && target.getAttribute('data-backdrop') === '1') return cleanup(false); if (target && target.closest) { if (target.closest('[data-cancel="1"]')) return cleanup(false); if (target.closest('[data-confirm="1"]')) return cleanup(true); } } catch (_) {} }); document.addEventListener('keydown', onKey); document.body.appendChild(wrapper); try { var cancelBtn = wrapper.querySelector('[data-cancel="1"]'); if (cancelBtn && cancelBtn.focus) cancelBtn.focus(); } catch (_) {} } catch (_) { resolve(false); } }); } async function handleDeleteDish(dishId, dishName) { try { if (!dishId) return; if (!isLoggedIn()) return redirectToLogin(); var msg = dishName ? 'Are you sure you want to delete "' + String(dishName).replace(/"/g, '\"').substring(0, 60) + (String(dishName).length > 60 ? '...' : '') + '"? This cannot be undone.' : 'Are you sure you want to delete this dish? This cannot be undone.'; var ok = await confirmModal('Delete Dish', msg, 'Delete'); if (!ok) return; var q = 'mutation DeleteDish($id: ID!) { deleteDish(id: $id) { id name } }'; var json = await gql('DeleteDish', q, { id: String(dishId) }); var err = json && json.errors && json.errors[0] && json.errors[0].message; if (err && String(err).toLowerCase().indexOf('authentication') !== -1) return redirectToLogin(); var deleted = json && json.data && json.data.deleteDish; if (!deleted || !deleted.id) return; var cards = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-dish-card="1"][data-dish-id="' + String(dishId) + '"]')); for (var i = 0; i < cards.length; i++) cards[i].style.display = 'none'; closeAllDishMenus(); } catch (_) {} } document.addEventListener('click', function (e) { try { var t = e && e.target; if (!t) return; var toggle = t.closest ? t.closest('[data-ssr-dish-actions-btn="1"][data-dish-id]') : null; if (toggle) { e.preventDefault(); e.stopPropagation(); var id = String(toggle.getAttribute('data-dish-id') || '').trim(); if (!id) return; var menu = document.querySelector('[data-ssr-dish-actions-menu="1"][data-dish-id="' + id + '"]'); if (!menu) return; var isHidden = menu.classList.contains('hidden'); closeAllDishMenus(); if (isHidden) { menu.classList.remove('hidden'); toggle.setAttribute('aria-expanded', 'true'); } return; } var del = t.closest ? t.closest('[data-ssr-dish-delete="1"][data-dish-id]') : null; if (del) { e.preventDefault(); e.stopPropagation(); var dishId = String(del.getAttribute('data-dish-id') || ''); var dishName = String(del.getAttribute('data-dish-name') || ''); return void handleDeleteDish(dishId, dishName); } var insideMenu = t.closest ? t.closest('[data-ssr-dish-actions-menu="1"]') : null; if (!insideMenu) closeAllDishMenus(); } catch (_) {} }, true); document.addEventListener('keydown', function (e) { try { if (e && e.key === 'Escape') closeAllDishMenus(); } catch (_) {} }); } catch (_) {} })(); (function () { var API_ORIGIN = "https://gql.hungru.co"; function getGraphqlUrl() { try { if (API_ORIGIN && API_ORIGIN.startsWith('http')) return API_ORIGIN + '/graphql'; return (window.location.origin || '') + '/graphql'; } catch (_) { return '/graphql'; } } function run() { function escapeHtml(s) { return String(s || '').replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/'/g, '''); } function uniqIds(all) { var o = {}; var out = []; for (var i = 0; i < (all || []).length; i++) { var v = String(all[i] || '').trim(); if (!v || o[v]) continue; o[v] = 1; out.push(v); } return out; } function getLang() { try { return String(document.documentElement.lang || 'en'); } catch (_) { return 'en'; } } function isHe() { return getLang().toLowerCase().indexOf('he') === 0; } function interpolate(tmpl, vars) { try { return String(tmpl || '').replace(/\{\{\s*([a-zA-Z0-9_]+)\s*\}\}/g, function (_m, k) { var v = vars && (vars[k] !== undefined) ? vars[k] : ''; return v === null || v === undefined ? '' : String(v); }); } catch (_) { return String(tmpl || ''); } } function likedSentence(likeCount, name1, name2) { var I18N = (window && window.__SSR_SOCIAL_I18N) || null; function tr(k, fb) { try { return I18N && typeof I18N[k] === 'string' ? I18N[k] : fb; } catch (_) { return fb; } } function joinTwo(a, b) { return isHe() ? (a + ' ו' + b) : (a + ' and ' + b); } function joinMany(a, b) { return a + ', ' + b; } if (!likeCount || likeCount <= 0) return ''; if (likeCount === 1) { var s1 = interpolate(tr('likedThis_one', '{{name}} liked this'), { name: '' }); return '' + escapeHtml(name1) + ' ' + escapeHtml(String(s1 || '').trim()); } if (likeCount === 2) { if (name2) { var s2 = interpolate(tr('likedThis_twoNames', '{{names}} liked this'), { names: '' }); return '' + escapeHtml(joinTwo(name1, name2)) + ' ' + escapeHtml(String(s2 || '').trim()); } var s3 = interpolate(tr('likedThis_andOneOther', '{{name}} and 1 other liked this'), { name: '' }); return '' + escapeHtml(name1) + ' ' + escapeHtml(String(s3 || '').trim()); } if (name2) { var others = Math.max(0, likeCount - 2); var s4 = interpolate(tr('likedThis_twoNamesAndOthers', '{{names}} and {{count}} others liked this'), { names: '', count: others }); return '' + escapeHtml(joinMany(name1, name2)) + ' ' + escapeHtml(String(s4 || '').trim()); } var others2 = Math.max(0, likeCount - 1); var s5 = interpolate(tr('likedThis_andOthers', 'Liked by {{name}} and {{count}} others'), { name: '', count: others2 }); return '' + escapeHtml(name1) + ' ' + escapeHtml(String(s5 || '').trim()); } function commentText(count) { var I18N = (window && window.__SSR_SOCIAL_I18N) || null; function tr(k, fb) { try { return I18N && typeof I18N[k] === 'string' ? I18N[k] : fb; } catch (_) { return fb; } } if (!count || count <= 0) return ''; var tmpl = count === 1 ? tr('commentCount', '{{count}} comment') : tr('commentCount_plural', '{{count}} comments'); return interpolate(tmpl, { count: count }); } function fetchUsers(idsList) { if (!idsList || !idsList.length) return Promise.resolve({}); return fetch(getGraphqlUrl(), { method: 'POST', credentials: 'include', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ operationName: 'SearchUsers', query: 'query SearchUsers($input: SearchUserInput) { searchUsers(input: $input) { id slug name imageURL } }', variables: { input: { ids: idsList } } }) }).then(function (r) { return r.json(); }).then(function (j) { var users = (j && j.data && j.data.searchUsers) || []; var um = {}; for (var u = 0; u < users.length; u++) if (users[u] && users[u].id) um[String(users[u].id)] = users[u]; try { window.__SSR_USERS_BY_ID = window.__SSR_USERS_BY_ID || {}; for (var k in um) window.__SSR_USERS_BY_ID[k] = um[k]; } catch (_) {} return um; }).catch(function () { return {}; }); } // Coalesce SearchUsers: collect IDs from dishes, reviews, news; single fetch. var dishPromise = Promise.resolve(null); var reviewPromise = Promise.resolve(null); try { var dishCards = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-dish-card="1"][data-dish-id]')); if (dishCards.length) { var dishIds = dishCards.map(function (c) { return String(c.getAttribute('data-dish-id') || '').trim(); }).filter(Boolean); if (dishIds.length) { dishPromise = fetch(getGraphqlUrl(), { method: 'POST', credentials: 'include', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: 'DishStats', query: 'query DishStats($ids: [ID!]!) { dishStats(ids: $ids) { id likesCount likeUserIds commentCount viewerLiked } }', variables: { ids: dishIds } }) }).then(function (r) { return r.json(); }).then(function (json) { return { type: 'dish', items: (json && json.data && json.data.dishStats) || [] }; }).catch(function () { return { type: 'dish', items: [] }; }); } } } catch (e) {} try { var reviewCards = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-review-card="1"][data-review-id]')); if (reviewCards.length) { var reviewIds = reviewCards.map(function (c) { return String(c.getAttribute('data-review-id') || '').trim(); }).filter(Boolean); if (reviewIds.length) { reviewPromise = fetch(getGraphqlUrl(), { method: 'POST', credentials: 'include', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: 'ReviewStats', query: 'query ReviewStats($ids: [ID!]!) { reviewStats(ids: $ids) { id likesCount likeUserIds commentCount viewerLiked } }', variables: { ids: reviewIds } }) }).then(function (r) { return r.json(); }).then(function (json) { return { type: 'review', items: (json && json.data && json.data.reviewStats) || [] }; }).catch(function () { return { type: 'review', items: [] }; }); } } } catch (e) {} Promise.all([dishPromise, reviewPromise]).then(function (results) { var dishData = results[0] && results[0].type === 'dish' ? results[0] : null; var reviewData = results[1] && results[1].type === 'review' ? results[1] : null; var idsForUsers = []; if (dishData && dishData.items) { for (var i3 = 0; i3 < dishData.items.length; i3++) { var it0 = dishData.items[i3]; if (it0 && Array.isArray(it0.likeUserIds)) for (var k0 = 0; k0 < it0.likeUserIds.length; k0++) idsForUsers.push(it0.likeUserIds[k0]); } } if (reviewData && reviewData.items) { for (var i4 = 0; i4 < reviewData.items.length; i4++) { var it1 = reviewData.items[i4]; if (it1 && Array.isArray(it1.likeUserIds)) for (var k1 = 0; k1 < it1.likeUserIds.length; k1++) idsForUsers.push(it1.likeUserIds[k1]); } } try { var newsCardsForIds = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-news-card="1"][data-news-id]')); for (var nc = 0; nc < newsCardsForIds.length; nc++) { var ids = String(newsCardsForIds[nc].getAttribute('data-like-user-ids') || '').split(',').map(function (s) { return String(s || '').trim(); }).filter(Boolean); if (ids[0]) idsForUsers.push(ids[0]); if (ids[1]) idsForUsers.push(ids[1]); } } catch (_) {} idsForUsers = uniqIds(idsForUsers).slice(0, 60); return fetchUsers(idsForUsers).then(function (usersById) { // Process dish stats if (dishData && dishData.items && dishData.items.length) { var map = {}; for (var i = 0; i < dishData.items.length; i++) map[String(dishData.items[i].id)] = dishData.items[i]; var likeSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-like-count]')); for (var j = 0; j < likeSpans.length; j++) { var id = likeSpans[j].getAttribute('data-ssr-like-count'); var it = map[String(id)]; if (!it) continue; var lc = typeof it.likesCount === 'number' ? it.likesCount : 0; var ids2 = Array.isArray(it.likeUserIds) ? it.likeUserIds : []; var u1 = ids2[0] && (usersById[String(ids2[0])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(ids2[0])])) || null; var u2 = ids2[1] && (usersById[String(ids2[1])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(ids2[1])])) || null; var name1 = (u1 && u1.name) ? String(u1.name) : ''; var name2 = (u2 && u2.name) ? String(u2.name) : ''; var newLikeHtml = lc > 0 ? (likedSentence(lc, name1 || 'User', name2 || '') || '') : ''; likeSpans[j].innerHTML = newLikeHtml; var likeParent = likeSpans[j].parentElement; if (likeParent && likeParent.classList && likeParent.classList.contains('hungru-social-summary-text')) { likeParent.style.display = lc > 0 ? '' : 'none'; } } var commentSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-comment-count]')); for (var k = 0; k < commentSpans.length; k++) { var id2 = commentSpans[k].getAttribute('data-ssr-comment-count'); var it2 = map[String(id2)]; if (it2 && typeof it2.commentCount === 'number') { var newCommentTxt = commentText(it2.commentCount) || ''; if (newCommentTxt) { commentSpans[k].textContent = newCommentTxt; var parent = commentSpans[k].parentElement; if (parent) parent.style.display = ''; } } } try { var btns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-comments-open="1"][data-parent-type="DISH"][data-parent-id]')); for (var b2 = 0; b2 < btns.length; b2++) { var pid = btns[b2].getAttribute('data-parent-id') || ''; var it3 = map[String(pid)]; var lc = it3 && typeof it3.likesCount === 'number' ? it3.likesCount : 0; var cc = it3 && typeof it3.commentCount === 'number' ? it3.commentCount : 0; if (!lc && !cc) btns[b2].style.display = 'none'; var sep = btns[b2].querySelector('.hungru-social-summary-sep'); if (sep) sep.style.display = (lc && cc) ? '' : 'none'; } } catch (_) {} try { for (var j2 = 0; j2 < likeSpans.length; j2++) { var id3 = likeSpans[j2].getAttribute('data-ssr-like-count'); var it3 = map[String(id3)]; if (!it3 || !it3.viewerLiked) continue; var likeBtns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-like-btn="1"][data-parent-type="DISH"][data-parent-id="' + id3 + '"]')); for (var b = 0; b < likeBtns.length; b++) { likeBtns[b].setAttribute('data-liked', '1'); likeBtns[b].style.color = 'var(--color-hungru-gold)'; } } } catch (_) {} } // Process review stats if (reviewData && reviewData.items && reviewData.items.length) { var revMap = {}; for (var i = 0; i < reviewData.items.length; i++) revMap[String(reviewData.items[i].id)] = reviewData.items[i]; var revLikeSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-review-like-count]')); for (var j = 0; j < revLikeSpans.length; j++) { var id = revLikeSpans[j].getAttribute('data-ssr-review-like-count'); var it = revMap[String(id)]; if (!it) continue; var lc = typeof it.likesCount === 'number' ? it.likesCount : 0; var ids2 = Array.isArray(it.likeUserIds) ? it.likeUserIds : []; var u1 = ids2[0] && (usersById[String(ids2[0])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(ids2[0])])) || null; var u2 = ids2[1] && (usersById[String(ids2[1])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(ids2[1])])) || null; var name1 = (u1 && u1.name) ? String(u1.name) : ''; var name2 = (u2 && u2.name) ? String(u2.name) : ''; var newLikeHtml = lc > 0 ? (likedSentence(lc, name1 || 'User', name2 || '') || '') : ''; revLikeSpans[j].innerHTML = newLikeHtml; var likeParent = revLikeSpans[j].parentElement; if (likeParent && likeParent.classList && likeParent.classList.contains('hungru-social-summary-text')) { likeParent.style.display = lc > 0 ? '' : 'none'; } } var revCommentSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-review-comment-count]')); for (var k = 0; k < revCommentSpans.length; k++) { var id2 = revCommentSpans[k].getAttribute('data-ssr-review-comment-count'); var it2 = revMap[String(id2)]; if (it2 && typeof it2.commentCount === 'number') { var newCommentTxt = commentText(it2.commentCount) || ''; if (newCommentTxt) { revCommentSpans[k].textContent = newCommentTxt; var parent = revCommentSpans[k].parentElement; if (parent) parent.style.display = ''; } } } try { var btns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-comments-open="1"][data-parent-type="REVIEW"][data-parent-id]')); for (var b2 = 0; b2 < btns.length; b2++) { var pid = btns[b2].getAttribute('data-parent-id') || ''; var it3 = revMap[String(pid)]; var lc = it3 && typeof it3.likesCount === 'number' ? it3.likesCount : 0; var cc = it3 && typeof it3.commentCount === 'number' ? it3.commentCount : 0; if (!lc && !cc) btns[b2].style.display = 'none'; var sep = btns[b2].querySelector('.hungru-social-summary-sep'); if (sep) sep.style.display = (lc && cc) ? '' : 'none'; } } catch (_) {} try { for (var j2 = 0; j2 < revLikeSpans.length; j2++) { var id3 = revLikeSpans[j2].getAttribute('data-ssr-review-like-count'); var it3 = revMap[String(id3)]; if (!it3 || !it3.viewerLiked) continue; var likeBtns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-like-btn="1"][data-parent-type="REVIEW"][data-parent-id="' + id3 + '"]')); for (var b = 0; b < likeBtns.length; b++) { likeBtns[b].setAttribute('data-liked', '1'); likeBtns[b].style.color = 'var(--color-hungru-gold)'; } } } catch (_) {} } // Process news feed cards var newsCards = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-news-card="1"][data-news-id]')); for (var i2 = 0; i2 < newsCards.length; i2++) { var c = newsCards[i2]; var id = String(c.getAttribute('data-news-id') || '').trim(); if (!id) continue; var likeCount = Number(c.getAttribute('data-like-count') || '0') || 0; var commentCount = Number(c.getAttribute('data-comment-count') || '0') || 0; var ids2 = String(c.getAttribute('data-like-user-ids') || '').split(',').map(function (s) { return String(s || '').trim(); }).filter(Boolean); var u1 = ids2[0] ? (usersById[String(ids2[0])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(ids2[0])])) : null; var u2 = ids2[1] ? (usersById[String(ids2[1])] || (window.__SSR_USERS_BY_ID && window.__SSR_USERS_BY_ID[String(ids2[1])])) : null; var n1 = (u1 && u1.name) ? String(u1.name) : (likeCount ? 'User' : ''); var n2 = (u2 && u2.name) ? String(u2.name) : ''; var likeHtml = likedSentence(likeCount, n1, n2); var likeSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-news-like-count="' + id + '"]')); var showLike = likeCount > 0; for (var s1 = 0; s1 < likeSpans.length; s1++) { likeSpans[s1].innerHTML = likeHtml || ''; var likeParent = likeSpans[s1].parentElement; if (likeParent && likeParent.classList && likeParent.classList.contains('hungru-social-summary-text')) { likeParent.style.display = showLike ? '' : 'none'; } } var commentSpans = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-news-comment-count="' + id + '"]')); var cTxt = commentText(commentCount) || ''; for (var s2 = 0; s2 < commentSpans.length; s2++) { commentSpans[s2].textContent = cTxt; if (cTxt) { var p = commentSpans[s2].parentElement; if (p) p.style.display = ''; } } try { var summaryBtns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-comments-open="1"][data-parent-type="NEWS_FEED"][data-parent-id="' + id + '"]')); for (var sb = 0; sb < summaryBtns.length; sb++) { var sep = summaryBtns[sb].querySelector('.hungru-social-summary-sep'); if (sep) sep.style.display = (likeHtml && cTxt) ? '' : 'none'; summaryBtns[sb].style.display = (!likeHtml && !cTxt) ? 'none' : ''; } } catch (_) {} try { if (String(c.getAttribute('data-viewer-liked') || '') === '1') { var btns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-like-btn="1"][data-parent-type="NEWS_FEED"][data-parent-id="' + id + '"]')); for (var b = 0; b < btns.length; b++) { btns[b].setAttribute('data-liked', '1'); btns[b].style.color = 'var(--color-hungru-gold)'; } } } catch (_) {} } }); }).catch(function () {}); } function schedule() { function defer() { if (typeof requestIdleCallback === 'function') { requestIdleCallback(run, { timeout: 500 }); } else { setTimeout(run, 100); } } if (document.readyState === 'complete') { defer(); } else { window.addEventListener('load', function () { defer(); }); } } schedule(); window.addEventListener('hungru-stats-hydrate', function () { setTimeout(run, 50); }); })(); (function () { try { var I18N = {"saveToCollection":"Save to Collection","chooseCollection":"Choose Collection","createNewCollection":"Create New Collection","newCollectionName":"New Collection Name","quickSelect":"Quick Select","cancel":"Cancel","save":"Save to Collection","saving":"Saving...","signInToSave":"Sign in to save","savedToCollection":"Saved! +{{points}} points","removedFromCollection":"Removed from collection","saved":"Saved"}; var API_ORIGIN = "https://gql.hungru.co"; var DEFAULT_CATEGORIES = ['Favorites', 'Must Try', 'Highly Rated', 'Fine Dining', 'Casual Dining', 'Street Food', 'Date Ideas', 'Family Friendly', 'Quick Bites', 'Special Occasions', 'Local Favorites', 'Reviews to Read', 'Articles to Read']; function gql(opName, query, variables) { return fetch(API_ORIGIN + '/graphql', { method: 'POST', credentials: 'include', headers: { 'content-type': 'application/json' }, body: JSON.stringify({ operationName: opName, query: query, variables: variables || {} }) }).then(function (r) { return r.json(); }).catch(function () { return null; }); } function isLoggedIn() { try { return !!document.querySelector('[data-ssr-viewer="1"]'); } catch (_) { return false; } } function redirectToLogin() { try { window.location.href = '/login'; } catch (_) {} } function escapeHtml(s) { return String(s || '').replace(/&/g, '&').replace(//g, '>').replace(/"/g, '"').replace(/'/g, '''); } function showSnackbar(msg) { try { var el = document.createElement('div'); el.className = 'fixed bottom-6 left-1/2 -translate-x-1/2 z-[10000] px-4 py-3 rounded-xl bg-hungru-gold/95 text-black text-sm font-semibold shadow-xl'; el.textContent = String(msg || ''); document.body.appendChild(el); setTimeout(function () { try { el.remove(); } catch (_) {} }, 2800); } catch (_) {} } function updateSaveButtonState(itemType, itemId, isSaved) { try { var sel = '[data-ssr-save-btn="1"][data-item-type="' + escapeHtml(itemType) + '"][data-item-id="' + escapeHtml(itemId) + '"]'; var btns = document.querySelectorAll(sel); var savedLabel = (I18N && I18N.saved) ? I18N.saved : 'Saved'; for (var i = 0; i < btns.length; i++) { var b = btns[i]; if (isSaved) { b.setAttribute('data-saved', '1'); b.style.color = 'var(--color-hungru-gold)'; var span = b.querySelector('span'); if (span) span.textContent = savedLabel; var svg = b.querySelector('svg'); if (svg && svg.querySelector('path')) { svg.style.fill = 'currentColor'; svg.style.stroke = 'none'; } } else { b.removeAttribute('data-saved'); b.style.color = ''; var span2 = b.querySelector('span'); if (span2) span2.textContent = (I18N && I18N.save) ? String(I18N.save).replace(' to Collection', '') : 'Save'; var svg2 = b.querySelector('svg'); if (svg2 && svg2.querySelector('path')) { svg2.style.fill = ''; svg2.style.stroke = ''; } } } } catch (_) {} } function hydrateSaveButtons() { if (!isLoggedIn()) return; try { var btns = Array.prototype.slice.call(document.querySelectorAll('[data-ssr-save-btn="1"][data-item-type][data-item-id]')); if (!btns.length) return; var seen = {}; var items = []; var btnIndex = []; for (var i = 0; i < btns.length; i++) { var t = String(btns[i].getAttribute('data-item-type') || '').trim(); var id = String(btns[i].getAttribute('data-item-id') || '').trim(); if (!t || !id) continue; var key = t + ':' + id; if (seen[key]) continue; seen[key] = 1; items.push({ itemType: t, itemId: id }); btnIndex.push({ itemType: t, itemId: id }); } if (!items.length) return; var q = 'query AreItemsSaved($items: [AreItemsSavedInput!]!) { areItemsSaved(items: $items) }'; gql('AreItemsSaved', q, { items: items }).then(function (json) { var arr = (json && json.data && json.data.areItemsSaved) || []; for (var j = 0; j < btnIndex.length && j < arr.length; j++) { if (arr[j]) updateSaveButtonState(btnIndex[j].itemType, btnIndex[j].itemId, true); } }).catch(function () {}); } catch (_) {} } function openSaveModal(btn) { var itemType = String(btn.getAttribute('data-item-type') || '').trim(); var itemId = String(btn.getAttribute('data-item-id') || '').trim(); var name = String(btn.getAttribute('data-item-name') || 'Item').replace(/"/g, '"').replace(/'/g, "'"); var desc = String(btn.getAttribute('data-item-description') || '').replace(/"/g, '"').replace(/'/g, "'"); var imageUrl = String(btn.getAttribute('data-item-image-url') || '').replace(/"/g, '"').replace(/'/g, "'"); var price = parseFloat(btn.getAttribute('data-item-price') || '') || null; var rating = parseFloat(btn.getAttribute('data-item-rating') || '') || null; var restaurantName = String(btn.getAttribute('data-item-restaurant-name') || '').replace(/"/g, '"').replace(/'/g, "'"); if (!itemType || !itemId) return; var night = !!document.querySelector('.bg-hungru-night'); var panelClass = night ? 'rounded-2xl border border-white/10 bg-hungru-night text-hungru-textNight' : 'rounded-2xl border border-black/10 bg-white text-hungru-textDay'; var inputClass = night ? 'w-full rounded-xl border border-white/10 bg-white/5 px-3 py-2 text-sm text-white outline-none focus:ring-2 focus:ring-hungru-gold/50' : 'w-full rounded-xl border border-black/10 bg-black/[0.02] px-3 py-2 text-sm text-black outline-none focus:ring-2 focus:ring-hungru-gold/50'; var selectClass = night ? 'w-full rounded-xl border border-white/10 bg-white/5 px-3 py-2 text-sm text-white' : 'w-full rounded-xl border border-black/10 bg-black/[0.02] px-3 py-2 text-sm text-black'; var wrapper = document.createElement('div'); wrapper.className = 'fixed inset-0 z-[9999]'; wrapper.setAttribute('role', 'dialog'); wrapper.setAttribute('aria-modal', 'true'); wrapper.innerHTML = '

' + '

❤️

' + '

' + escapeHtml(I18N.saveToCollection) + '

' + '

' + escapeHtml(I18N.chooseCollection) + '

' + '

' + ' ' + '

' + '

' + escapeHtml(name) + '

' + (desc ? '

' + escapeHtml(desc.substring(0, 200)) + '

' : '') + (price || rating || restaurantName ? '

' + (price != null ? '' + escapeHtml(String(price)) + '₪' : '') + (rating != null ? '' + escapeHtml(String(rating)) + ' ⭐' : '') + (restaurantName ? '' + escapeHtml(restaurantName) + '' : '') + '

' : '') + '

' + ' ' + escapeHtml(I18N.chooseCollection) + '' + ' ' + ' ' + '

' + '

' + escapeHtml(I18N.quickSelect) + '

' + '

' + ' ' + ' ' + '

' + '

'; document.body.appendChild(wrapper); document.documentElement.style.overflow = 'hidden'; var selectEl = wrapper.querySelector('[data-ssr-save-select="1"]'); var customWrap = wrapper.querySelector('[data-ssr-save-custom="1"]'); var customInput = wrapper.querySelector('[data-ssr-save-custom-input="1"]'); var chipsEl = wrapper.querySelector('[data-ssr-save-chips="1"]'); var submitBtn = wrapper.querySelector('[data-ssr-save-submit="1"]'); var selectedCategory = ''; var customCategory = ''; function closeModal() { try { wrapper.remove(); document.documentElement.style.overflow = ''; } catch (_) {} } function getCategory() { return customCategory || selectedCategory || ''; } function setSubmitState() { submitBtn.disabled = !getCategory(); submitBtn.textContent = getCategory() ? I18N.save : I18N.save; } gql('SavedItemsStats', 'query SavedItemsStats { savedItemsStats { totalItems categories itemsByType { type count } } }', {}) .then(function (json) { var cats = (json && json.data && json.data.savedItemsStats && json.data.savedItemsStats.categories) || []; var allCats = []; var seen = {}; DEFAULT_CATEGORIES.concat(Array.isArray(cats) ? cats : []).forEach(function (c) { if (c && !seen[c]) { seen[c] = 1; allCats.push(c); } }); allCats.forEach(function (c) { var opt = document.createElement('option'); opt.value = c; opt.textContent = c; selectEl.appendChild(opt); }); var optCustom = document.createElement('option'); optCustom.value = 'custom'; optCustom.textContent = I18N.createNewCollection; selectEl.appendChild(optCustom); ['Favorites', 'Must Try', 'Date Ideas', 'Quick Bites'].forEach(function (c) { if (allCats.indexOf(c) === -1) return; var chip = document.createElement('button'); chip.type = 'button'; chip.className = 'text-xs px-3 py-1.5 rounded-full border ' + (night ? 'border-white/20 hover:bg-white/10' : 'border-black/10 hover:bg-black/[0.04]'); chip.textContent = c; chip.addEventListener('click', function () { selectedCategory = c; customCategory = ''; customWrap.classList.add('hidden'); selectEl.value = c; setSubmitState(); }); chipsEl.appendChild(chip); }); }) .catch(function () {}); var autoCat = 'Favorites'; if (itemType === 'DISH') autoCat = (price && price > 50) ? 'Fine Dining' : (price && price > 25) ? 'Casual Dining' : 'Street Food'; else if (itemType === 'RESTAURANT') autoCat = (rating && rating >= 4.5) ? 'Must Try' : (rating && rating >= 4) ? 'Highly Rated' : 'Local Favorites'; else if (itemType === 'CHEF') autoCat = 'Local Favorites'; else if (itemType === 'REVIEW') autoCat = 'Reviews to Read'; else if (itemType === 'ARTICLE') autoCat = 'Articles to Read'; setTimeout(function () { if (selectEl.options.length > 1) { for (var o = 0; o < selectEl.options.length; o++) { if (selectEl.options[o].value === autoCat) { selectEl.selectedIndex = o; selectedCategory = autoCat; break; } } setSubmitState(); } }, 50); selectEl.addEventListener('change', function () { if (selectEl.value === 'custom') { customWrap.classList.remove('hidden'); selectedCategory = ''; } else { customWrap.classList.add('hidden'); customCategory = ''; selectedCategory = selectEl.value || ''; } setSubmitState(); }); customInput.addEventListener('input', function () { customCategory = (customInput.value || '').trim(); setSubmitState(); }); wrapper.querySelector('[data-ssr-save-backdrop="1"]').addEventListener('click', closeModal); wrapper.querySelector('[data-ssr-save-close="1"]').addEventListener('click', closeModal); wrapper.querySelector('[data-ssr-save-cancel="1"]').addEventListener('click', closeModal); submitBtn.addEventListener('click', function () { var cat = getCategory(); if (!cat) return; submitBtn.disabled = true; submitBtn.textContent = I18N.saving; closeModal(); var itemData = { name: name, description: desc || null, imageUrl: imageUrl || null, price: price, rating: rating, tags: [], category: cat }; var input = { itemType: itemType, itemId: itemId, itemData: itemData, tags: [], category: cat }; var q = 'mutation ToggleSavedItem($input: SaveItemInput!) { toggleSavedItem(input: $input) { id pointsEarned } }'; gql('ToggleSavedItem', q, { input: input }) .then(function (json) { var err = json && json.errors && json.errors[0]; if (err && String(err.message || '').toLowerCase().indexOf('authentication') !== -1) return redirectToLogin(); var result = json && json.data && json.data.toggleSavedItem; if (result && result.id) { showSnackbar(name + ' ' + (I18N.savedToCollection || 'Saved!').replace('{{points}}', String(result.pointsEarned || 0))); updateSaveButtonState(itemType, itemId, true); } else { showSnackbar(name + ' ' + (I18N.removedFromCollection || 'Removed')); updateSaveButtonState(itemType, itemId, false); } }) .catch(function () {}) .finally(function () { try { submitBtn.disabled = false; submitBtn.textContent = I18N.save; } catch (_) {} }); }); document.addEventListener('keydown', function onEsc(e) { if (e && e.key === 'Escape') { closeModal(); document.removeEventListener('keydown', onEsc); } }); } document.addEventListener('click', function (e) { try { var t = e && e.target; if (!t) return; var btn = t.closest ? t.closest('[data-ssr-save-btn="1"]') : null; if (!btn) return; e.preventDefault(); e.stopPropagation(); if (!isLoggedIn()) return redirectToLogin(); openSaveModal(btn); } catch (_) {} }, true); function scheduleHydration() { function run() { hydrateSaveButtons(); } if (typeof requestIdleCallback === 'function') { requestIdleCallback(run, { timeout: 800 }); } else { setTimeout(run, 100); } } if (document.readyState === 'complete') { scheduleHydration(); } else { window.addEventListener('load', scheduleHydration); } window.addEventListener('hungru-save-hydrate', function () { setTimeout(hydrateSaveButtons, 50); }); } catch (_) {} })(); (function () { try { var cards = document.querySelectorAll('[data-ssr-dish-gallery="1"]'); if (!cards.length) return; function initDishGallery(card) { if (card.getAttribute('data-dish-gallery-inited') === '1') return; card.setAttribute('data-dish-gallery-inited', '1'); var mainImg = card.querySelector('[data-dish-main]'); var prevBtn = card.querySelector('[data-dish-prev]'); var nextBtn = card.querySelector('[data-dish-next]'); var dots = card.querySelectorAll('[data-dish-dot]'); var dataJson = card.getAttribute('data-dish-images'); if (!mainImg || !dataJson) return; var urls = []; try { urls = JSON.parse(dataJson); } catch (_) { return; } if (!Array.isArray(urls) || urls.length < 2) return; var idx = 0; function setIdx(i) { idx = ((i % urls.length) + urls.length) % urls.length; mainImg.setAttribute('src', urls[idx]); for (var d = 0; d < dots.length; d++) { if (d === idx) { dots[d].classList.remove('bg-white/60'); dots[d].classList.add('bg-hungru-gold'); } else { dots[d].classList.remove('bg-hungru-gold'); dots[d].classList.add('bg-white/60'); } } } if (prevBtn) prevBtn.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); setIdx(idx - 1); }); if (nextBtn) nextBtn.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); setIdx(idx + 1); }); for (var i = 0; i < dots.length; i++) { (function (i) { dots[i].addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); setIdx(i); }); })(i); } } var io = typeof IntersectionObserver !== 'undefined' ? new IntersectionObserver( function (entries) { for (var i = 0; i < entries.length; i++) { if (entries[i].isIntersecting) { initDishGallery(entries[i].target); } } }, { rootMargin: '100px', threshold: 0.01 } ) : null; if (io) { for (var c = 0; c < cards.length; c++) io.observe(cards[c]); } else { for (var c = 0; c < cards.length; c++) initDishGallery(cards[c]); } } catch (e) {} })(); (function () { // Lightweight lightbox with credits (restaurant photos, review gallery). try { var overlay = document.createElement('div'); overlay.className = 'hungru-lightbox-overlay'; overlay.setAttribute('role', 'dialog'); overlay.setAttribute('aria-modal', 'true'); overlay.style.display = 'none'; overlay.innerHTML = '' + ''; document.body.appendChild(overlay); var imgEl = overlay.querySelector('.hungru-lightbox-img'); var creditEl = overlay.querySelector('.hungru-lightbox-credit'); var prevBtn = overlay.querySelector('.hungru-lightbox-prev'); var nextBtn = overlay.querySelector('.hungru-lightbox-next'); var currentGroup = ''; var currentIndex = 0; function groupItems(group) { var all = document.querySelectorAll('[data-ssr-lightbox-item="1"][data-lightbox-src]'); return Array.prototype.slice.call(all).filter(function (el) { try { if (!el || !el.isConnected) return false; return (el.getAttribute('data-lightbox-group') || '') === (group || ''); } catch (_) { return false; } }); } function escapeAttr(s) { if (!s) return ''; return String(s) .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"') .replace(/'/g, '''); } function setCredit(credit, creditLink) { try { if (!credit) { creditEl.innerHTML = ''; return; } var safeCredit = escapeAttr(credit); var safeLink = escapeAttr(creditLink); if (creditLink) { creditEl.innerHTML = 'Photo by ' + safeCredit + ''; } else { creditEl.textContent = 'Photo by ' + credit; } } catch (_) {} } function openAt(group, idx) { var list = groupItems(group); if (!list.length) return; currentGroup = group || ''; currentIndex = Math.max(0, Math.min(idx, list.length - 1)); var el = list[currentIndex]; var src = el.getAttribute('data-lightbox-src') || el.getAttribute('href'); var credit = el.getAttribute('data-lightbox-credit') || ''; var creditLink = el.getAttribute('data-lightbox-credit-link') || ''; imgEl.setAttribute('src', src); setCredit(credit, creditLink); overlay.style.display = 'block'; document.documentElement.style.overflow = 'hidden'; } function close() { overlay.style.display = 'none'; document.documentElement.style.overflow = ''; } function nav(delta) { var list = groupItems(currentGroup); if (!list.length) return; var next = currentIndex + delta; if (next < 0) next = list.length - 1; if (next >= list.length) next = 0; openAt(currentGroup, next); } document.addEventListener('click', function (e) { try { var el = e.target && e.target.closest ? e.target.closest('[data-ssr-lightbox-item="1"][data-lightbox-src]') : null; if (!el) return; e.preventDefault(); e.stopPropagation(); var group = el.getAttribute('data-lightbox-group') || ''; var list = groupItems(group); var idx = list.indexOf(el); openAt(group, idx >= 0 ? idx : 0); } catch (_) {} }, true); overlay.addEventListener('click', function (e) { try { var t = e.target; if (t && t.getAttribute && t.getAttribute('data-lb-close') === '1') close(); } catch (_) {} }); prevBtn.addEventListener('click', function (e) { try { e.preventDefault(); nav(-1); } catch (_) {} }); nextBtn.addEventListener('click', function (e) { try { e.preventDefault(); nav(1); } catch (_) {} }); window.addEventListener('keydown', function (e) { try { if (overlay.style.display === 'none') return; if (e.key === 'Escape') close(); if (e.key === 'ArrowLeft') nav(-1); if (e.key === 'ArrowRight') nav(1); } catch (_) {} }); } catch (e) {} })();

Crispy Okra

Community reviews and comments

Reviews featuring Crispy Okra

Discover more dishes