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/kalokoeli-fishpond/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/go-hawaii-outfitters/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/molokai-education-center/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/na-kamalii-hoaloha/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/kamehameha-schools-resource-center/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/kamehameha-schools-preschool-kalamaula/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/kuhao-business-center/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/mango-tree-ukulele/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/molokai-community-fcu/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/donna-l-carvalho-rn/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-noa-e-aluli-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/zivotofsky-jacob-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/chiropractor-dean-chow/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-joana-h-magno-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/diagnostic-laboratory-services-inc/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/kaunakakai-vacation-rental-with-resort-amenities-apartment/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/i-stay-molokai/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-boki-chung-dds/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/nalu-dental-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/dr-akshay-govind-dmd/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/wescoatt-nancy/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/ohana-eye-center/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/st-vincent-ferrer-catholic-church/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/coastal-kaunakakai-condo-w-ocean-view-balcony/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>