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/hawaiigov/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/kahuku-farms/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/collections-of-waikiki/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/dr-myrna-kuo/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/jeremiah-knapp/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/lauren-oshima/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/dr-edward-chan/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/dr-robert-d-shin-md/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/simply-lavish/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/doctors-services-hospitals-and-clinics-of-hawaii-pacific-health/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/honolulu-primary-care-associates-llc/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/straub-benioff-sports-medicine/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/dr-lance-matsunaga/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/ker-ming-chang-md/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/kauai-medical-clinic-guertler-lee-s-md/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/oneill-michael-md/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/west-kauai-clinic-wichert-john-md/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/dr-c-m-jenkins-md/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-ocean-seafood-steak/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/rico-rico-chicken/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/chuns-meat-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/win-spuntino/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/new-kamana-kitchen/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/uncle-bos-pupu-bar-grill/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>