Timeslot
A selectable timeslot for the Enviso Time Selection component. It shows a crowd barometer for timeslots.
The crowd barometer works as follows:
The indication on the offer overview page is the average of all the days within the selected date range
The indication on the calendar selection view is per day, averaged over all the timeslots of that day
The indication of the timeslot is, of course, only for that slot
The events and offers that were created before 3rd November 2020, cannot use this feature
Tagname:
<enviso-timeslot>URL:
Staging: enviso-timeslot-element.js
Production: enviso-timeslot-element.js
Empty element: Yes
<enviso-timeslot start-time="12.00" end-time="14.00" tickets-left="12"> </enviso-timeslot> <enviso-timeslot start-time="18.00" end-time="20.00" tickets-left="10000" selected="selected"> </enviso-timeslot> <enviso-timeslot start-time="14.00" end-time="15.00" tickets-left="63"> </enviso-timeslot> <enviso-timeslot start-time="20.00" end-time="22.00" tickets-left="1000"> </enviso-timeslot> <enviso-timeslot start-time="12.00" end-time="14.00" tickets-left="120"> </enviso-timeslot> <enviso-timeslot start-time="18.00" end-time="20.00" tickets-left="10000"> </enviso-timeslot> <enviso-timeslot start-time="20.00" end-time="22.00" tickets-left="1" is-group-tickets> </enviso-timeslot> <enviso-timeslot start-time="12.00" end-time="14.00" tickets-left="12" is-group-tickets> </enviso-timeslot> <enviso-timeslot start-time="18.00" end-time="20.00" tickets-left="10000" is-group-tickets> </enviso-timeslot> <enviso-timeslot start-time="14.00" end-time="15.00" tickets-left="63" is-group-tickets> </enviso-timeslot> <enviso-timeslot start-time="20.00" end-time="22.00" tickets-left="1000" is-group-tickets> </enviso-timeslot> <enviso-timeslot start-time="20.00" end-time="22.00" tickets-total="1000"> </enviso-timeslot> <enviso-timeslot start-time="12.00" end-time="13.00" tickets-total="1000" tickets-left="1000" indicate-last-tickets> </enviso-timeslot> <enviso-timeslot start-time="13.00" end-time="14.00" tickets-total="1000" tickets-left="347" indicate-last-tickets> </enviso-timeslot> <enviso-timeslot start-time="14.00" end-time="15.00" tickets-total="1000" tickets-left="5" indicate-last-tickets> </enviso-timeslot> <enviso-timeslot start-time="15.00" end-time="16.00" tickets-total="1000" tickets-left="0" indicate-last-tickets> </enviso-timeslot><enviso-timeslot start-time="12.00" end-time="14.00" tickets-left="12"> </enviso-timeslot> <enviso-timeslot start-time="14.00" end-time="15.00" tickets-left="63" selected="selected"> </enviso-timeslot>
Properties
Attribute | Property | Type | Description |
|---|---|---|---|
end-time | endTime | string | The string displaying the end time of the timeslot |
indicate-last-tickets | indicateLastTickets | boolean | Enable to show an indication when the last tickets are available (nearly sold out) or sold out. |
last-tickets-percentage | lastTicketsPercentage | number | The max percentage to mark tickets as last available (Default: 25) |
selected | selected | boolean | Sets the timeslot in a selected visual state |
start-time | startTime | string | The string displaying the start time of the timeslot |
tickets-left | ticketsLeft | number | The amount of tickets left to be sold |
tickets-total | ticketsTotal | boolean | The total amount of tickets being sold (optional) |
is-group-tickets | isGroupTickets | boolean | Whether group tickets are being ordered |