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/stay-at-home-healthcare-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/costco-pharmacy-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/a-room-to-grow-preschool/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/keo-early-learning-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/m-kawamura-farm-enterprises/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/happy-swimmers-mobile-swim-lessons/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/tiny-isle/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/wailua-river-noni/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/waipa-farmer-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/punana-leo-o-kauai/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/island-school/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/hanalei-farmers-market-at-hale-halawai/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/natural-resource-conservation/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/garden-island-rc-d-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/ahupuaa-puna-o-kauai-organization/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/mingas-fruit-stand/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>