TopherMayor/cabo-voting-app
1
0
Fork 0
Code Issues 11 Pull Requests Actions Packages Projects Releases Wiki Activity

Show trip dates on option cards

Browse Source
This commit is contained in:
TopherMayor
2026-05-01 11:20:26 -07:00
parent 974a483d6c
commit afa501c838
2 changed files with 30 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
public/index.html
View File

@@ -1678,6 +1678,8 @@
budgetScenarios: [],
priceUpdatedAt: '',
priceHistoryRunCount: 0,
tripCheckIn: '',
tripCheckOut: '',
sortMode: localStorage.getItem('cabo_sort_mode') || 'vote-desc',
budgetGuestCount: Number(localStorage.getItem('cabo_budget_guest_count') || 0),
priceSourceSelections: (() => {
@@ -1894,6 +1896,8 @@
const msg = JSON.parse(event.data);
if (msg.type === 'init') {
state.categories = msg.categories;
state.tripCheckIn = msg.tripCheckIn || '';
state.tripCheckOut = msg.tripCheckOut || '';
state.guestRoster = msg.guestRoster || [];
state.options = msg.options;
state.budgetScenarios = msg.budgetScenarios || [];
@@ -2021,6 +2025,21 @@
return date.toLocaleDateString(undefined, { month: 'short', day: 'numeric' });
}
function formatTripDate(value) {
if (!value) return '';
const date = new Date(`${value}T00:00:00Z`);
if (Number.isNaN(date.getTime())) return '';
return date.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' });
}
function formatTripDateRange(checkIn, checkOut) {
const start = formatTripDate(checkIn);
const end = formatTripDate(checkOut);
if (!start && !end) return '';
if (start && end) return `${start} to ${end}`;
return start || end;
}
function formatBookingType(bookingType, priceBasis) {
const typeLabels = {
package: 'Package',
@@ -2340,10 +2359,11 @@
function getPointContext(point) {
if (!point) return '';
const tripDates = formatTripDateRange(point.tripCheckIn, point.tripCheckOut);
const unitContext = point.tripNights && point.unitPrice
? `${formatCurrency(point.unitPrice, point.currency || 'USD')} x ${point.tripNights} nights`
: '';
return [unitContext, point.unitDisplayPrice || point.displayPrice || point.decisionNote || '']
return [tripDates ? `Dates: ${tripDates}` : '', unitContext, point.unitDisplayPrice || point.displayPrice || point.decisionNote || '']
.filter(Boolean)
.join(' · ');
}
@@ -2386,6 +2406,9 @@
const selectedSeries = getOptionSourceSeries(opt, selectedSourceKey, tabId);
const selectedMeta = getOptionSourceMeta(opt, selectedSourceKey, tabId);
const selectedPoint = selectedSeries.at(-1) || ((tabId === BUNDLE_TAB_ID || !isStandaloneComponentTab(tabId)) ? opt.latestPricePoint : null);
const tripCheckIn = selectedPoint?.tripCheckIn || opt.latestPricePoint?.tripCheckIn || state.tripCheckIn || '';
const tripCheckOut = selectedPoint?.tripCheckOut || opt.latestPricePoint?.tripCheckOut || state.tripCheckOut || '';
const tripDates = formatTripDateRange(tripCheckIn, tripCheckOut);
const insights = selectedPoint ? {
source: selectedMeta?.sourceLabel || selectedPoint.source || 'Automation feed',
sourceUrl: selectedMeta?.sourceUrl || selectedPoint.sourceUrl || null,
@@ -2456,6 +2479,10 @@
<span class="option-fact-label">Status</span>
<div class="option-fact-value">${escapeHtml(statusLabel)}</div>
</div>
<div class="option-fact">
<span class="option-fact-label">Dates</span>
<div class="option-fact-value">${escapeHtml(tripDates || 'Not specified')}</div>
</div>
</div>
`);