eos_vue_scheduler

A Vue component to display an event scheduling diary

Main component is the CalendarContainer This takes 3 props

1. A user array consisting of a user object containing a user ID and a user name
2. An events array
3. A calendar options object

User Object

Property	Type (description)
id	String (user id)
name	String

Event Object

Property	Type (description)
id	String (event id)
user_id	String
title	String (event title)
description	String (a description for the event)
color	String (a hex color for the event)
start_time	String (a start time and date for the event in the format YYY-MM-DD HH:mm:ss)
end_time	String (an end time and date for the event in the same format as start time)

Calendar Options Object

Property	Type (description)
mode	String (either of 'week' or 'day')
five_minute_height	Number (the number of pixels to represent 5 minutes on the calendar)
start_hour	Number (the hour to start the day)
end_hour	Number (the hour to end the day)
focus_date	String (date the calendar will set as the current date)
primary_color	String (hex color for the current day)

Events

Event	Description
cellClick	emitted when an empty cell is clicked, use to book an event
eventClick	emitted when an event is clicked, use to update or delete an event

Event	Payload
cellClick	cellData { index (Number), value ( String 'YYYY-MM-DD HH:mm:ss')}
evnetClick	event (an event object)