@Named("dndTimelineView")
@ViewScoped
public class DndTimelineView implements Serializable {

    private TimelineModel<Event, ?> model;

    private LocalDateTime start;
    private LocalDateTime end;
    
    private final List<Event> events = new ArrayList<>();

    @PostConstruct
    public void init() {
        start = LocalDateTime.now().minusHours(4);
        end = LocalDateTime.now().plusHours(8);

        model = new TimelineModel<>();

        for (int i = 1; i <= 10; i++) {
            events.add(new Event("Event " + i));
        }

    }

    public void onDrop(TimelineDragDropEvent<Event> e) {
        // get dragged model object (event class) if draggable item is within a data iteration component,
        // update event's start and end dates.
        Event dndEvent = e.getData();
        dndEvent.setStart(e.getStartDate());
        dndEvent.setEnd(e.getEndDate());

        // create a timeline event (not editable)
        TimelineEvent event = TimelineEvent.builder()
                .data(dndEvent)
                .startDate(e.getStartDate())
                .endDate(e.getEndDate())
                .editable(false)
                .group(e.getGroup())
                .build();

        // add a new event
        TimelineUpdater timelineUpdater = TimelineUpdater.getCurrentInstance("timeline");
        model.add(event, timelineUpdater);

        // remove from the list of all events
        events.remove(dndEvent);

        FacesMessage msg = new FacesMessage(FacesMessage.SEVERITY_INFO, "The " + dndEvent.getName() + " was added", null);
        FacesContext.getCurrentInstance().addMessage(null, msg);
    }

    public void onSwitchTimeZone(AjaxBehaviorEvent e) {
        model.clear();
    }

    public TimelineModel<Event, ?> getModel() {
        return model;
    }

    public List<Event> getEvents() {
        return events;
    }

    public LocalDateTime getStart() {
        return start;
    }

    public LocalDateTime getEnd() {
        return end;
    }
}