How can i reset and re-init schedule ?

[icetinturkey]

Hi, I'm adding new event with javascript. I'm using code like "document.getElementById("ul-sunday").innerHTML+=

..." in onclick event. But new events not placing right space on table. So how can re-init schedule ? Sorry for bad english, thanks in advance.

[Dover8]

You need to get a reference to the schedule i.e have var schedule at the start on main.js and then near the end of function ScheduleTemplate( element ) save it as schedule = this;

Then from your button you would call the following:

//remove the loaded class
Util.removeClass(schedule.element, 'js-schedule-loaded');
//reinitialize the schedule
schedule.initSchedule();

Hope that helps. Just worked this out myself the other day.

[oh-lily]

Hello, I have the same issue, the elements are all placed at 07:30 when I want to load some :

<li class="cd-schedule__event"> 
   <a data-start="15:00" data-end="15:30"  data-content="event-rowing-workout" data-event="event-2" href="#0"> 
      <em class="cd-schedule__name">013840</em>
   </a>
</li>

inside my elements :

<ul id="friday"></ul>

using

document.getElementById('friday').innerHTML += html_str;

I tried what you advised, and declared the schedule var this way :

var schedule;

(function() {
    // Schedule Template - by CodyHouse.co
    function ScheduleTemplate( element ) {
        this.element = element;
        this.timelineItems = this.element.getElementsByClassName('cd-schedule__timeline')[0].getElementsByTagName('li');
        this.timelineStart = getScheduleTimestamp(this.timelineItems[0].textContent);
        this.timelineUnitDuration = getScheduleTimestamp(this.timelineItems[1].textContent) - getScheduleTimestamp(this.timelineItems[0].textContent);

        this.topInfoElement = this.element.getElementsByClassName('cd-schedule__top-info')[0];
        this.singleEvents = this.element.getElementsByClassName('cd-schedule__event');

        this.modal = this.element.getElementsByClassName('cd-schedule-modal')[0];
        this.modalHeader = this.element.getElementsByClassName('cd-schedule-modal__header')[0];
        this.modalHeaderBg = this.element.getElementsByClassName('cd-schedule-modal__header-bg')[0];
        this.modalBody = this.element.getElementsByClassName('cd-schedule-modal__body')[0];
        this.modalBodyBg = this.element.getElementsByClassName('cd-schedule-modal__body-bg')[0];
        this.modalClose = this.modal.getElementsByClassName('cd-schedule-modal__close')[0];
        this.modalDate = this.modal.getElementsByClassName('cd-schedule-modal__date')[0];
        this.modalEventName = this.modal.getElementsByClassName('cd-schedule-modal__name')[0];
        this.coverLayer = this.element.getElementsByClassName('cd-schedule__cover-layer')[0];

        this.modalMaxWidth = 800;
        this.modalMaxHeight = 480;

        this.animating = false;
        this.supportAnimation = Util.cssSupports('transition');

        this.initSchedule();
        schedule = this;
    };
...

}());

<AND HERE ARE MY FUNCTIONS TO LOAD SOME EVENTS WHERE I TRIED TO CALL schedule.scheduleReset(); AT THE END>

Thank you very much for your help