Martin Slachta
22 lines
969 B
JavaScript
22 lines
969 B
JavaScript
/**
|
||
* Renders an array of slot objects into <li> DOM nodes for display in summary lists.
|
||
* Each slot must have start_utc, end_utc, price fields.
|
||
*/
|
||
export function render_slot_items(slots, locale, currency) {
|
||
const time_opts = { hour: '2-digit', minute: '2-digit' };
|
||
return slots.map(slot => {
|
||
const start = new Date(slot.start_utc);
|
||
const end = new Date(slot.end_utc);
|
||
const li = document.createElement('li');
|
||
li.className = 'rsv-summary-item';
|
||
li.innerHTML = `
|
||
<div class="rsv-summary-item-info">
|
||
<span class="rsv-summary-item-date">${start.toLocaleDateString(locale, { weekday: 'long', day: 'numeric', month: 'long' })}</span>
|
||
<span class="rsv-summary-item-time">${start.toLocaleTimeString(locale, time_opts)} – ${end.toLocaleTimeString(locale, time_opts)}</span>
|
||
</div>
|
||
${slot.price > 0 ? `<span class="rsv-summary-item-price">${slot.price} ${currency}</span>` : ''}
|
||
`;
|
||
return li;
|
||
});
|
||
}
|