res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/kaimuki-plaza/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/hawaii-kai-texaco/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/vintage-wine-cellar/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/pho-kapahulu/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/kaimuki-storeroom/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/atm-businesses-in-hi/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/pearl-city-waxing-services/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/city-mill-waianae/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/s7-icy-bubble-waianae/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/tamura-super-market/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/kawela-bay-beach-park/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/hardware-hawaii/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/waianae-neighborhood-place/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/7-eleven-54232/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/s7-icy-bubble-aina-haina-bluewave-refreshment/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/s7-icy-bubble-1/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/the-milktea-way-at-wahiawa/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/pioneer-ace-hardware/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/hawaii-state-public-library-system/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/blue-diamond-vacations-news/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>

res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverLoading = false; if (ok) this.candidates = body.candidates || []; else this.coverError = body.error || 'Could not load images.'; }) .catch(() => { this.coverLoading = false; this.coverError = 'Could not load images.'; }); }, useCover(url) { if (!url || this.coverSaving) return; this.coverSaving = true; fetch('https://aloh.as/hawaii/the-fishing-dojo/cover', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-CSRF-TOKEN': this.csrf(), 'Accept': 'application/json' }, body: JSON.stringify({ url: url }), }) .then(res => res.json().then(body => ({ ok: res.ok, body }))) .then(({ ok, body }) => { this.coverSaving = false; if (ok) { this.coverSaved = true; // Optimistic preview — the queued job re-encodes/stores // the final version a few seconds behind this. $refs // (not $el) because this fires from inside the // teleported modal, which is no longer a DOM // descendant of the card/page it belongs to. this.$refs.menuRoot.closest('[data-listing-cover-scope]') ?.querySelectorAll('img').forEach(el => { el.src = url; }); setTimeout(() => { this.coverOpen = false; }, 900); } else { this.coverError = body.error || 'Failed to set cover photo.'; } }) .catch(() => { this.coverSaving = false; this.coverError = 'Failed to set cover photo.'; }); }, }" x-ref="menuRoot" style="position:relative;z-index:5" @click.stop>