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/kilani-bakery/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/mana-39ohana-boutique/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/makena/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/destination-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/kilohana-plantation/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/banana-patch-studio/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/deja-vu-surf/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/hoola-lahui-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/polynesian-adventure-activities-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/kauai-fruit-flower-company/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/paradise-now-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/division-of-forestry-and-wildlife/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/home-28/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>