'; selectedDate = null; var thisRequest = ++currentrequest; var paintedyear = currentyear; var PaintedMonth = currentMonth; loadMonthEvents(paintedyear, paintedmonth, function (map) { if (thisRequest !== currentRequest) return; // the user has already changed the month eventsPerDay = map; theBody.innerHTML = ''; var todayKey = dateKey(today); var weeks = buildWeeks(PaintedYear, PaintedMonth); var openToday = null; weeks.forEach(function (week) { var rowEl = document.createElement('div'); rowEl.className = 'cp-agcal-week-row'; week.forEach(function (cell) { var cellDate = new Date(cell.year, cell.month, cell.day); var key = dateKey(cellDate); varDayEvents = cell.inMonth? (eventsPerDay[key] || []) : []; var dayElement = document.createElement('div'); dayOn.className = 'cp-agcal-day'; if (!cell.inMonth) dayOn.classList.add('cp-agcal-other-month'); if (key === todayKey) dayOn.classList.add('cp-agcal-today'); if (eventosDia.length > 0) diaEl.classList.add('cp-agcal-has-events'); var number = document.createElement('span'); number.className = 'cp-agcal-day-number'; number.textContent = cell.day; dayOn.appendChild(number); if (dayevents.length > 0) { var dot = document.createElement('span'); dot.className = 'cp-agcal-dot'; dayOn.appendChild(dot); dayOn.addEventListener('click', function () { toggleDay(dayOn, rowOn, key, cell.day, monthName, dayEvents); }); } // Save today to open it when you finish painting if (cell.inMonth && key === todayKey) { openToday = function () { toggleDay(dayOn, rowOn, key, cell.day, monthName, dayEvents); }; } rowEl.appendChild(dayEl); }); theBody.appendChild(rowThe); }); // The current day is displayed when loading (and when returning to its month) if (openToday) openToday(); }); } elPrev.addEventListener('click', function () { currentmonth--; if (currentMonth < 0) { currentMonth = 11; current year--; } paintMonth(); }); elNext.addEventListener('click', function () { currentMonth++; if (currentMonth > 11) { currentMonth = 0; currentyear++; } paintMonth(); }); paintMonth(); })();