Difference between revisions of "Template:Vilnius-Lithuania/JS/Experiments"
(Created page with "let weeks = [ { name: "March 30 - April 5", from: 30, to: 5, cross: 31, d: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididu...") |
m |
||
| Line 166: | Line 166: | ||
]; | ]; | ||
| − | const positionHoverRow = (index) => { | + | const positionHoverRow = (index, weekCountInMonth) => { |
if (window.hoverRow === undefined) return; | if (window.hoverRow === undefined) return; | ||
| + | if (index < 0 || index > weekCountInMonth) { | ||
| + | hoverRow.classList.add("invisible"); | ||
| + | return; | ||
| + | } | ||
hoverRow.classList.remove("invisible"); | hoverRow.classList.remove("invisible"); | ||
hoverRow.style.marginTop = `calc(-3px + 22px * ${index})`; | hoverRow.style.marginTop = `calc(-3px + 22px * ${index})`; | ||
| Line 175: | Line 179: | ||
let selectedWeek; | let selectedWeek; | ||
let selectedSection = "d"; | let selectedSection = "d"; | ||
| − | const selectWeek = (weekIndex) => { | + | const selectWeek = (weekIndex, updateCalendar = true) => { |
selectedWeek = weekIndex; | selectedWeek = weekIndex; | ||
let week = weeks[selectedWeek]; | let week = weeks[selectedWeek]; | ||
| Line 182: | Line 186: | ||
weekContent.innerText = week[selectedSection]; | weekContent.innerText = week[selectedSection]; | ||
let weekOfMonth = selectedWeek - months[selectedMonth].wkStart; | let weekOfMonth = selectedWeek - months[selectedMonth].wkStart; | ||
| − | if (weekOfMonth < 0 || selectedWeek > months[selectedMonth].wkEnd){ | + | if ((weekOfMonth < 0 || selectedWeek > months[selectedMonth].wkEnd) && updateCalendar){ |
let monthIndex = months.findIndex((month) => { | let monthIndex = months.findIndex((month) => { | ||
return selectedWeek <= month.wkEnd; | return selectedWeek <= month.wkEnd; | ||
}); | }); | ||
| − | |||
selectMonth(monthIndex); | selectMonth(monthIndex); | ||
}else{ | }else{ | ||
| − | positionHoverRow(weekOfMonth); | + | positionHoverRow(weekOfMonth, months[selectedMonth].wkEnd); |
} | } | ||
}; | }; | ||
| Line 216: | Line 219: | ||
let dayElement = createDay(i, dark); | let dayElement = createDay(i, dark); | ||
dayElement.onclick = () => { selectWeek(wkNum); }; | dayElement.onclick = () => { selectWeek(wkNum); }; | ||
| + | dayElement.onmouseenter = () => positionHoverRow(wkNum-month.wkStart, month.wkEnd); | ||
| + | dayElement.onmouseleave = () => positionHoverRow(selectedWeek-month.wkStart, month.wkEnd); | ||
calendarDays.appendChild(dayElement); | calendarDays.appendChild(dayElement); | ||
if (i === week.cross){ i = 0; } | if (i === week.cross){ i = 0; } | ||
| Line 228: | Line 233: | ||
hoverRow.classList.add("invisible"); | hoverRow.classList.add("invisible"); | ||
}else{ | }else{ | ||
| − | positionHoverRow(weekOfMonth); | + | positionHoverRow(weekOfMonth, month.wkEnd); |
} | } | ||
} | } | ||
| Line 246: | Line 251: | ||
buttonPrevention.classList.remove("active"); | buttonPrevention.classList.remove("active"); | ||
buttonTreatment.classList.remove("active"); | buttonTreatment.classList.remove("active"); | ||
| − | selectWeek(selectedWeek); | + | selectWeek(selectedWeek, false); |
}; | }; | ||
| Line 265: | Line 270: | ||
if (selectedWeek+1 >= weeks.length) return; | if (selectedWeek+1 >= weeks.length) return; | ||
selectWeek(selectedWeek+1); | selectWeek(selectedWeek+1); | ||
| + | }; | ||
| + | prevButton.onclick = () => { | ||
| + | if (selectedWeek-1 < 0) return; | ||
| + | selectWeek(selectedWeek-1); | ||
}; | }; | ||
selectMonth(0); | selectMonth(0); | ||
selectWeek(0); | selectWeek(0); | ||
Revision as of 14:53, 31 August 2020
let weeks = [
{ name: "March 30 - April 5", from: 30, to: 5, cross: 31,
d: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam at lectus. Lorem sed risus ultricies tristique nulla aliquet enim tortor at. Eu non diam phasellus vestibulum lorem. Cursus mattis molestie a iaculis at. Neque vitae tempus quam pellentesque nec nam. Dui vivamus arcu felis bibendum. Id velit ut tortor pretium viverra suspendisse potenti. Leo in vitae turpis massa sed elementum tempus egestas sed. Ipsum dolor sit amet consectetur adipiscing elit. Urna duis convallis convallis tellus id interdum velit laoreet id. Sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur. Semper quis lectus nulla at volutpat.",
t: "Pretium vulputate sapien nec sagittis aliquam. Enim nec dui nunc mattis enim. Non pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus. Sit amet nisl purus in mollis nunc sed id. Quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Vitae congue eu consequat ac felis donec et odio pellentesque. Ultricies leo integer malesuada nunc vel risus. Justo nec ultrices dui sapien. Elementum integer enim neque volutpat ac tincidunt vitae semper.",
p: "Pulvinar elementum integer enim neque volutpat ac tincidunt. Orci nulla pellentesque dignissim enim sit amet venenatis urna cursus. Dictum non consectetur a erat nam at lectus. Rhoncus est pellentesque elit ullamcorper. Volutpat est velit egestas dui id ornare arcu odio ut. Aenean sed adipiscing diam donec. Vulputate dignissim suspendisse in est ante in nibh. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Sed cras ornare arcu dui vivamus arcu felis bibendum."
},
{ name: "April 6 - April 12", from: 6, to: 12,
d: "Pulvinar elementum integer enim neque volutpat ac tincidunt. Orci nulla pellentesque dignissim enim sit amet venenatis urna cursus. Dictum non consectetur a erat nam at lectus. Rhoncus est pellentesque elit ullamcorper. Volutpat est velit egestas dui id ornare arcu odio ut. Aenean sed adipiscing diam donec. Vulputate dignissim suspendisse in est ante in nibh. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Sed cras ornare arcu dui vivamus arcu felis bibendum.",
t: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam at lectus. Lorem sed risus ultricies tristique nulla aliquet enim tortor at. Eu non diam phasellus vestibulum lorem. Cursus mattis molestie a iaculis at. Neque vitae tempus quam pellentesque nec nam. Dui vivamus arcu felis bibendum. Id velit ut tortor pretium viverra suspendisse potenti. Leo in vitae turpis massa sed elementum tempus egestas sed. Ipsum dolor sit amet consectetur adipiscing elit. Urna duis convallis convallis tellus id interdum velit laoreet id. Sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur. Semper quis lectus nulla at volutpat.",
p: "Pretium vulputate sapien nec sagittis aliquam. Enim nec dui nunc mattis enim. Non pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus. Sit amet nisl purus in mollis nunc sed id. Quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Vitae congue eu consequat ac felis donec et odio pellentesque. Ultricies leo integer malesuada nunc vel risus. Justo nec ultrices dui sapien. Elementum integer enim neque volutpat ac tincidunt vitae semper."
},
{ name: "April 13 - April 19", from: 13, to: 19,
d: "Pretium vulputate sapien nec sagittis aliquam. Enim nec dui nunc mattis enim. Non pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus. Sit amet nisl purus in mollis nunc sed id. Quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Vitae congue eu consequat ac felis donec et odio pellentesque. Ultricies leo integer malesuada nunc vel risus. Justo nec ultrices dui sapien. Elementum integer enim neque volutpat ac tincidunt vitae semper.",
t: "Pulvinar elementum integer enim neque volutpat ac tincidunt. Orci nulla pellentesque dignissim enim sit amet venenatis urna cursus. Dictum non consectetur a erat nam at lectus. Rhoncus est pellentesque elit ullamcorper. Volutpat est velit egestas dui id ornare arcu odio ut. Aenean sed adipiscing diam donec. Vulputate dignissim suspendisse in est ante in nibh. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Sed cras ornare arcu dui vivamus arcu felis bibendum.",
p: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In dictum non consectetur a erat nam at lectus. Lorem sed risus ultricies tristique nulla aliquet enim tortor at. Eu non diam phasellus vestibulum lorem. Cursus mattis molestie a iaculis at. Neque vitae tempus quam pellentesque nec nam. Dui vivamus arcu felis bibendum. Id velit ut tortor pretium viverra suspendisse potenti. Leo in vitae turpis massa sed elementum tempus egestas sed. Ipsum dolor sit amet consectetur adipiscing elit. Urna duis convallis convallis tellus id interdum velit laoreet id. Sapien nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur. Semper quis lectus nulla at volutpat."
},
{ name: "April 20 - April 26", from: 20, to: 26,
d: "Pulvinar elementum integer enim neque volutpat ac tincidunt. Orci nulla pellentesque dignissim enim sit amet venenatis urna cursus. Dictum non consectetur a erat nam at lectus. Rhoncus est pellentesque elit ullamcorper. Volutpat est velit egestas dui id ornare arcu odio ut. Aenean sed adipiscing diam donec. Vulputate dignissim suspendisse in est ante in nibh. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Sed cras ornare arcu dui vivamus arcu felis bibendum.",
t: "Pretium vulputate sapien nec sagittis aliquam. Enim nec dui nunc mattis enim. Non pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus. Sit amet nisl purus in mollis nunc sed id. Quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Vitae congue eu consequat ac felis donec et odio pellentesque. Ultricies leo integer malesuada nunc vel risus. Justo nec ultrices dui sapien. Elementum integer enim neque volutpat ac tincidunt vitae semper.",
p: "Risus ultricies tristique nulla aliquet enim tortor at auctor. Nisi lacus sed viverra tellus. Interdum consectetur libero id faucibus nisl tincidunt. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Ante metus dictum at tempor commodo. A arcu cursus vitae congue mauris rhoncus. Turpis egestas sed tempus urna et pharetra pharetra. Potenti nullam ac tortor vitae purus faucibus ornare."
},
{ name: "April 27 - May 3", from: 27, to: 3, cross: 30,
d: "Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices. Amet dictum sit amet justo donec enim diam vulputate. Ipsum nunc aliquet bibendum enim facilisis gravida neque convallis a. Aenean vel elit scelerisque mauris. Ultrices eros in cursus turpis massa tincidunt dui ut. Pulvinar sapien et ligula ullamcorper. Ut porttitor leo a diam sollicitudin tempor id eu nisl. Ultricies lacus sed turpis tincidunt id aliquet.",
t: "Risus ultricies tristique nulla aliquet enim tortor at auctor. Nisi lacus sed viverra tellus. Interdum consectetur libero id faucibus nisl tincidunt. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Ante metus dictum at tempor commodo. A arcu cursus vitae congue mauris rhoncus. Turpis egestas sed tempus urna et pharetra pharetra. Potenti nullam ac tortor vitae purus faucibus ornare.",
p: "Pretium vulputate sapien nec sagittis aliquam. Enim nec dui nunc mattis enim. Non pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus. Sit amet nisl purus in mollis nunc sed id. Quis eleifend quam adipiscing vitae proin sagittis nisl rhoncus. Vitae congue eu consequat ac felis donec et odio pellentesque. Ultricies leo integer malesuada nunc vel risus. Justo nec ultrices dui sapien. Elementum integer enim neque volutpat ac tincidunt vitae semper."
},
{ name: "May 4 - May 10", from: 4, to: 10,
d: "Risus ultricies tristique nulla aliquet enim tortor at auctor. Nisi lacus sed viverra tellus. Interdum consectetur libero id faucibus nisl tincidunt. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Ante metus dictum at tempor commodo. A arcu cursus vitae congue mauris rhoncus. Turpis egestas sed tempus urna et pharetra pharetra. Potenti nullam ac tortor vitae purus faucibus ornare.",
t: "Senectus et netus et malesuada fames ac turpis egestas maecenas. Duis convallis convallis tellus id interdum velit laoreet id. Imperdiet proin fermentum leo vel orci porta non pulvinar neque. Velit scelerisque in dictum non consectetur a erat. Vehicula ipsum a arcu cursus vitae congue.",
p: "Pulvinar elementum integer enim neque volutpat ac tincidunt. Orci nulla pellentesque dignissim enim sit amet venenatis urna cursus. Dictum non consectetur a erat nam at lectus. Rhoncus est pellentesque elit ullamcorper. Volutpat est velit egestas dui id ornare arcu odio ut. Aenean sed adipiscing diam donec. Vulputate dignissim suspendisse in est ante in nibh. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Sed cras ornare arcu dui vivamus arcu felis bibendum."
},
{ name: "May 11 - May 17", from: 11, to: 17,
d: "Risus ultricies tristique nulla aliquet enim tortor at auctor. Nisi lacus sed viverra tellus. Interdum consectetur libero id faucibus nisl tincidunt. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Ante metus dictum at tempor commodo. A arcu cursus vitae congue mauris rhoncus. Turpis egestas sed tempus urna et pharetra pharetra. Potenti nullam ac tortor vitae purus faucibus ornare.",
t: "Ornare lectus sit amet est placerat in egestas. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Tincidunt arcu non sodales neque sodales ut etiam. Dignissim convallis aenean et tortor at. Aenean et tortor at risus viverra adipiscing at. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Blandit massa enim nec dui nunc mattis enim ut tellus.",
p: "Est sit amet facilisis magna etiam tempor orci. Amet purus gravida quis blandit turpis. Bibendum at varius vel pharetra. Dapibus ultrices in iaculis nunc sed. Dui id ornare arcu odio ut. Fusce ut placerat orci nulla pellentesque dignissim. Purus non enim praesent elementum facilisis leo vel. Id venenatis a condimentum vitae sapien pellentesque. Elementum nibh tellus molestie nunc non blandit massa."
},
{ name: "May 18 - May 24", from: 18, to: 24,
d: "Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices. Amet dictum sit amet justo donec enim diam vulputate. Ipsum nunc aliquet bibendum enim facilisis gravida neque convallis a. Aenean vel elit scelerisque mauris. Ultrices eros in cursus turpis massa tincidunt dui ut. Pulvinar sapien et ligula ullamcorper. Ut porttitor leo a diam sollicitudin tempor id eu nisl. Ultricies lacus sed turpis tincidunt id aliquet.",
t: "Senectus et netus et malesuada fames ac turpis egestas maecenas. Duis convallis convallis tellus id interdum velit laoreet id. Imperdiet proin fermentum leo vel orci porta non pulvinar neque. Velit scelerisque in dictum non consectetur a erat. Vehicula ipsum a arcu cursus vitae congue.",
p: "Sed nisi lacus sed viverra. Faucibus in ornare quam viverra orci sagittis eu. Et pharetra pharetra massa massa ultricies. Sit amet consectetur adipiscing elit. Urna condimentum mattis pellentesque id nibh tortor id aliquet lectus. At erat pellentesque adipiscing commodo. Semper feugiat nibh sed pulvinar proin gravida hendrerit."
},
{ name: "May 25 - May 31", from: 25, to: 31,
d: "Egestas erat imperdiet sed euismod nisi porta lorem. Mollis aliquam ut porttitor leo a. Vitae et leo duis ut diam quam nulla. Nisi porta lorem mollis aliquam ut. Ultricies leo integer malesuada nunc vel risus. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Cras ornare arcu dui vivamus arcu felis bibendum. Tellus mauris a diam maecenas. Morbi tristique senectus et netus et malesuada fames ac. Quam nulla porttitor massa id neque.",
t: "Senectus et netus et malesuada fames ac turpis egestas maecenas. Duis convallis convallis tellus id interdum velit laoreet id. Imperdiet proin fermentum leo vel orci porta non pulvinar neque. Velit scelerisque in dictum non consectetur a erat. Vehicula ipsum a arcu cursus vitae congue.",
p: "Pulvinar elementum integer enim neque volutpat ac tincidunt. Orci nulla pellentesque dignissim enim sit amet venenatis urna cursus. Dictum non consectetur a erat nam at lectus. Rhoncus est pellentesque elit ullamcorper. Volutpat est velit egestas dui id ornare arcu odio ut. Aenean sed adipiscing diam donec. Vulputate dignissim suspendisse in est ante in nibh. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Sed cras ornare arcu dui vivamus arcu felis bibendum."
},
{ name: "June 1 - June 7", from: 1, to: 7,
d: "Risus ultricies tristique nulla aliquet enim tortor at auctor. Nisi lacus sed viverra tellus. Interdum consectetur libero id faucibus nisl tincidunt. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Ante metus dictum at tempor commodo. A arcu cursus vitae congue mauris rhoncus. Turpis egestas sed tempus urna et pharetra pharetra. Potenti nullam ac tortor vitae purus faucibus ornare.",
t: "Pulvinar elementum integer enim neque volutpat ac tincidunt. Orci nulla pellentesque dignissim enim sit amet venenatis urna cursus. Dictum non consectetur a erat nam at lectus. Rhoncus est pellentesque elit ullamcorper. Volutpat est velit egestas dui id ornare arcu odio ut. Aenean sed adipiscing diam donec. Vulputate dignissim suspendisse in est ante in nibh. Commodo odio aenean sed adipiscing diam donec adipiscing tristique risus. Sed cras ornare arcu dui vivamus arcu felis bibendum.",
p: "Sed nisi lacus sed viverra. Faucibus in ornare quam viverra orci sagittis eu. Et pharetra pharetra massa massa ultricies. Sit amet consectetur adipiscing elit. Urna condimentum mattis pellentesque id nibh tortor id aliquet lectus. At erat pellentesque adipiscing commodo. Semper feugiat nibh sed pulvinar proin gravida hendrerit."
},
{ name: "June 8 - June 14", from: 8, to: 14,
d: "Risus ultricies tristique nulla aliquet enim tortor at auctor. Nisi lacus sed viverra tellus. Interdum consectetur libero id faucibus nisl tincidunt. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Ante metus dictum at tempor commodo. A arcu cursus vitae congue mauris rhoncus. Turpis egestas sed tempus urna et pharetra pharetra. Potenti nullam ac tortor vitae purus faucibus ornare.",
t: "Diam ut venenatis tellus in metus vulputate eu. Est placerat in egestas erat imperdiet sed euismod nisi. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Nisl rhoncus mattis rhoncus urna neque viverra justo. Vitae suscipit tellus mauris a diam maecenas sed enim ut. Pulvinar neque laoreet suspendisse interdum. Morbi leo urna molestie at elementum eu.",
p: "Est sit amet facilisis magna etiam tempor orci. Amet purus gravida quis blandit turpis. Bibendum at varius vel pharetra. Dapibus ultrices in iaculis nunc sed. Dui id ornare arcu odio ut. Fusce ut placerat orci nulla pellentesque dignissim. Purus non enim praesent elementum facilisis leo vel. Id venenatis a condimentum vitae sapien pellentesque. Elementum nibh tellus molestie nunc non blandit massa."
},
{ name: "June 15 - June 21", from: 15, to: 21,
d: "Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices. Amet dictum sit amet justo donec enim diam vulputate. Ipsum nunc aliquet bibendum enim facilisis gravida neque convallis a. Aenean vel elit scelerisque mauris. Ultrices eros in cursus turpis massa tincidunt dui ut. Pulvinar sapien et ligula ullamcorper. Ut porttitor leo a diam sollicitudin tempor id eu nisl. Ultricies lacus sed turpis tincidunt id aliquet.",
t: "Ornare lectus sit amet est placerat in egestas. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Tincidunt arcu non sodales neque sodales ut etiam. Dignissim convallis aenean et tortor at. Aenean et tortor at risus viverra adipiscing at. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Blandit massa enim nec dui nunc mattis enim ut tellus.",
p: "Risus ultricies tristique nulla aliquet enim tortor at auctor. Nisi lacus sed viverra tellus. Interdum consectetur libero id faucibus nisl tincidunt. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Ante metus dictum at tempor commodo. A arcu cursus vitae congue mauris rhoncus. Turpis egestas sed tempus urna et pharetra pharetra. Potenti nullam ac tortor vitae purus faucibus ornare."
},
{ name: "June 22 - June 28", from: 22, to: 28,
d: "Egestas erat imperdiet sed euismod nisi porta lorem. Mollis aliquam ut porttitor leo a. Vitae et leo duis ut diam quam nulla. Nisi porta lorem mollis aliquam ut. Ultricies leo integer malesuada nunc vel risus. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Cras ornare arcu dui vivamus arcu felis bibendum. Tellus mauris a diam maecenas. Morbi tristique senectus et netus et malesuada fames ac. Quam nulla porttitor massa id neque.",
t: "Ornare lectus sit amet est placerat in egestas. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Tincidunt arcu non sodales neque sodales ut etiam. Dignissim convallis aenean et tortor at. Aenean et tortor at risus viverra adipiscing at. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Blandit massa enim nec dui nunc mattis enim ut tellus.",
p: "Diam ut venenatis tellus in metus vulputate eu. Est placerat in egestas erat imperdiet sed euismod nisi. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Nisl rhoncus mattis rhoncus urna neque viverra justo. Vitae suscipit tellus mauris a diam maecenas sed enim ut. Pulvinar neque laoreet suspendisse interdum. Morbi leo urna molestie at elementum eu."
},
{ name: "June 29 - July 5", from: 29, to: 5, cross: 30,
d: "Diam ut venenatis tellus in metus vulputate eu. Est placerat in egestas erat imperdiet sed euismod nisi. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Nisl rhoncus mattis rhoncus urna neque viverra justo. Vitae suscipit tellus mauris a diam maecenas sed enim ut. Pulvinar neque laoreet suspendisse interdum. Morbi leo urna molestie at elementum eu.",
t: "Senectus et netus et malesuada fames ac turpis egestas maecenas. Duis convallis convallis tellus id interdum velit laoreet id. Imperdiet proin fermentum leo vel orci porta non pulvinar neque. Velit scelerisque in dictum non consectetur a erat. Vehicula ipsum a arcu cursus vitae congue.",
p: "Sed nisi lacus sed viverra. Faucibus in ornare quam viverra orci sagittis eu. Et pharetra pharetra massa massa ultricies. Sit amet consectetur adipiscing elit. Urna condimentum mattis pellentesque id nibh tortor id aliquet lectus. At erat pellentesque adipiscing commodo. Semper feugiat nibh sed pulvinar proin gravida hendrerit."
},
{ name: "July 6 - July 12", from: 6, to: 12,
d: "Risus ultricies tristique nulla aliquet enim tortor at auctor. Nisi lacus sed viverra tellus. Interdum consectetur libero id faucibus nisl tincidunt. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Ante metus dictum at tempor commodo. A arcu cursus vitae congue mauris rhoncus. Turpis egestas sed tempus urna et pharetra pharetra. Potenti nullam ac tortor vitae purus faucibus ornare.",
t: "Diam ut venenatis tellus in metus vulputate eu. Est placerat in egestas erat imperdiet sed euismod nisi. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Nisl rhoncus mattis rhoncus urna neque viverra justo. Vitae suscipit tellus mauris a diam maecenas sed enim ut. Pulvinar neque laoreet suspendisse interdum. Morbi leo urna molestie at elementum eu.",
p: "Est sit amet facilisis magna etiam tempor orci. Amet purus gravida quis blandit turpis. Bibendum at varius vel pharetra. Dapibus ultrices in iaculis nunc sed. Dui id ornare arcu odio ut. Fusce ut placerat orci nulla pellentesque dignissim. Purus non enim praesent elementum facilisis leo vel. Id venenatis a condimentum vitae sapien pellentesque. Elementum nibh tellus molestie nunc non blandit massa."
},
{ name: "July 13 - July 19", from: 13, to: 19,
d: "Risus ultricies tristique nulla aliquet enim tortor at auctor. Nisi lacus sed viverra tellus. Interdum consectetur libero id faucibus nisl tincidunt. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Ante metus dictum at tempor commodo. A arcu cursus vitae congue mauris rhoncus. Turpis egestas sed tempus urna et pharetra pharetra. Potenti nullam ac tortor vitae purus faucibus ornare.",
t: "Ornare lectus sit amet est placerat in egestas. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Tincidunt arcu non sodales neque sodales ut etiam. Dignissim convallis aenean et tortor at. Aenean et tortor at risus viverra adipiscing at. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Blandit massa enim nec dui nunc mattis enim ut tellus.",
p: "Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Adipiscing elit pellentesque habitant morbi. Pharetra convallis posuere morbi leo. Tortor dignissim convallis aenean et tortor at risus viverra adipiscing. Ac feugiat sed lectus vestibulum. Tortor pretium viverra suspendisse potenti nullam. Amet dictum sit amet justo donec enim diam. Pharetra et ultrices neque ornare aenean euismod."
},
{ name: "July 20 - July 26", from: 20, to: 26,
d: "Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices. Amet dictum sit amet justo donec enim diam vulputate. Ipsum nunc aliquet bibendum enim facilisis gravida neque convallis a. Aenean vel elit scelerisque mauris. Ultrices eros in cursus turpis massa tincidunt dui ut. Pulvinar sapien et ligula ullamcorper. Ut porttitor leo a diam sollicitudin tempor id eu nisl. Ultricies lacus sed turpis tincidunt id aliquet.",
t: "Risus ultricies tristique nulla aliquet enim tortor at auctor. Nisi lacus sed viverra tellus. Interdum consectetur libero id faucibus nisl tincidunt. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Ante metus dictum at tempor commodo. A arcu cursus vitae congue mauris rhoncus. Turpis egestas sed tempus urna et pharetra pharetra. Potenti nullam ac tortor vitae purus faucibus ornare.",
p: "Diam ut venenatis tellus in metus vulputate eu. Est placerat in egestas erat imperdiet sed euismod nisi. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Nisl rhoncus mattis rhoncus urna neque viverra justo. Vitae suscipit tellus mauris a diam maecenas sed enim ut. Pulvinar neque laoreet suspendisse interdum. Morbi leo urna molestie at elementum eu."
},
{ name: "July 27 - August 2", from: 27, to: 2, cross: 31,
d: "Egestas erat imperdiet sed euismod nisi porta lorem. Mollis aliquam ut porttitor leo a. Vitae et leo duis ut diam quam nulla. Nisi porta lorem mollis aliquam ut. Ultricies leo integer malesuada nunc vel risus. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Cras ornare arcu dui vivamus arcu felis bibendum. Tellus mauris a diam maecenas. Morbi tristique senectus et netus et malesuada fames ac. Quam nulla porttitor massa id neque.",
t: "Diam ut venenatis tellus in metus vulputate eu. Est placerat in egestas erat imperdiet sed euismod nisi. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Nisl rhoncus mattis rhoncus urna neque viverra justo. Vitae suscipit tellus mauris a diam maecenas sed enim ut. Pulvinar neque laoreet suspendisse interdum. Morbi leo urna molestie at elementum eu.",
p: "Sed nisi lacus sed viverra. Faucibus in ornare quam viverra orci sagittis eu. Et pharetra pharetra massa massa ultricies. Sit amet consectetur adipiscing elit. Urna condimentum mattis pellentesque id nibh tortor id aliquet lectus. At erat pellentesque adipiscing commodo. Semper feugiat nibh sed pulvinar proin gravida hendrerit."
},
{ name: "August 3 - August 9", from: 3, to: 9,
d: "Risus ultricies tristique nulla aliquet enim tortor at auctor. Nisi lacus sed viverra tellus. Interdum consectetur libero id faucibus nisl tincidunt. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Ante metus dictum at tempor commodo. A arcu cursus vitae congue mauris rhoncus. Turpis egestas sed tempus urna et pharetra pharetra. Potenti nullam ac tortor vitae purus faucibus ornare.",
t: "Senectus et netus et malesuada fames ac turpis egestas maecenas. Duis convallis convallis tellus id interdum velit laoreet id. Imperdiet proin fermentum leo vel orci porta non pulvinar neque. Velit scelerisque in dictum non consectetur a erat. Vehicula ipsum a arcu cursus vitae congue.",
p: "Est sit amet facilisis magna etiam tempor orci. Amet purus gravida quis blandit turpis. Bibendum at varius vel pharetra. Dapibus ultrices in iaculis nunc sed. Dui id ornare arcu odio ut. Fusce ut placerat orci nulla pellentesque dignissim. Purus non enim praesent elementum facilisis leo vel. Id venenatis a condimentum vitae sapien pellentesque. Elementum nibh tellus molestie nunc non blandit massa."
},
{ name: "August 10 - August 16", from: 10, to: 16,
d: "Egestas erat imperdiet sed euismod nisi porta lorem. Mollis aliquam ut porttitor leo a. Vitae et leo duis ut diam quam nulla. Nisi porta lorem mollis aliquam ut. Ultricies leo integer malesuada nunc vel risus. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Cras ornare arcu dui vivamus arcu felis bibendum. Tellus mauris a diam maecenas. Morbi tristique senectus et netus et malesuada fames ac. Quam nulla porttitor massa id neque.",
t: "Ornare lectus sit amet est placerat in egestas. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Tincidunt arcu non sodales neque sodales ut etiam. Dignissim convallis aenean et tortor at. Aenean et tortor at risus viverra adipiscing at. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Blandit massa enim nec dui nunc mattis enim ut tellus.",
p: "Risus ultricies tristique nulla aliquet enim tortor at auctor. Nisi lacus sed viverra tellus. Interdum consectetur libero id faucibus nisl tincidunt. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Ante metus dictum at tempor commodo. A arcu cursus vitae congue mauris rhoncus. Turpis egestas sed tempus urna et pharetra pharetra. Potenti nullam ac tortor vitae purus faucibus ornare."
},
{ name: "August 17 - August 23", from: 17, to: 23,
d: "Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices. Amet dictum sit amet justo donec enim diam vulputate. Ipsum nunc aliquet bibendum enim facilisis gravida neque convallis a. Aenean vel elit scelerisque mauris. Ultrices eros in cursus turpis massa tincidunt dui ut. Pulvinar sapien et ligula ullamcorper. Ut porttitor leo a diam sollicitudin tempor id eu nisl. Ultricies lacus sed turpis tincidunt id aliquet.",
t: "Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Adipiscing elit pellentesque habitant morbi. Pharetra convallis posuere morbi leo. Tortor dignissim convallis aenean et tortor at risus viverra adipiscing. Ac feugiat sed lectus vestibulum. Tortor pretium viverra suspendisse potenti nullam. Amet dictum sit amet justo donec enim diam. Pharetra et ultrices neque ornare aenean euismod.",
p: "Diam ut venenatis tellus in metus vulputate eu. Est placerat in egestas erat imperdiet sed euismod nisi. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Nisl rhoncus mattis rhoncus urna neque viverra justo. Vitae suscipit tellus mauris a diam maecenas sed enim ut. Pulvinar neque laoreet suspendisse interdum. Morbi leo urna molestie at elementum eu."
},
{ name: "August 24 - August 30", from: 24, to: 30,
d: "Egestas erat imperdiet sed euismod nisi porta lorem. Mollis aliquam ut porttitor leo a. Vitae et leo duis ut diam quam nulla. Nisi porta lorem mollis aliquam ut. Ultricies leo integer malesuada nunc vel risus. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Cras ornare arcu dui vivamus arcu felis bibendum. Tellus mauris a diam maecenas. Morbi tristique senectus et netus et malesuada fames ac. Quam nulla porttitor massa id neque.",
t: "Diam ut venenatis tellus in metus vulputate eu. Est placerat in egestas erat imperdiet sed euismod nisi. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Nisl rhoncus mattis rhoncus urna neque viverra justo. Vitae suscipit tellus mauris a diam maecenas sed enim ut. Pulvinar neque laoreet suspendisse interdum. Morbi leo urna molestie at elementum eu.",
p: "Sed nisi lacus sed viverra. Faucibus in ornare quam viverra orci sagittis eu. Et pharetra pharetra massa massa ultricies. Sit amet consectetur adipiscing elit. Urna condimentum mattis pellentesque id nibh tortor id aliquet lectus. At erat pellentesque adipiscing commodo. Semper feugiat nibh sed pulvinar proin gravida hendrerit."
},
{ name: "August 31 - September 6", from: 31, to: 6, cross: 31,
d: "Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices. Amet dictum sit amet justo donec enim diam vulputate. Ipsum nunc aliquet bibendum enim facilisis gravida neque convallis a. Aenean vel elit scelerisque mauris. Ultrices eros in cursus turpis massa tincidunt dui ut. Pulvinar sapien et ligula ullamcorper. Ut porttitor leo a diam sollicitudin tempor id eu nisl. Ultricies lacus sed turpis tincidunt id aliquet.",
t: "Ornare lectus sit amet est placerat in egestas. A arcu cursus vitae congue mauris rhoncus aenean vel elit. Tincidunt arcu non sodales neque sodales ut etiam. Dignissim convallis aenean et tortor at. Aenean et tortor at risus viverra adipiscing at. Iaculis urna id volutpat lacus laoreet non curabitur gravida. Blandit massa enim nec dui nunc mattis enim ut tellus.",
p: "Risus ultricies tristique nulla aliquet enim tortor at auctor. Nisi lacus sed viverra tellus. Interdum consectetur libero id faucibus nisl tincidunt. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Ante metus dictum at tempor commodo. A arcu cursus vitae congue mauris rhoncus. Turpis egestas sed tempus urna et pharetra pharetra. Potenti nullam ac tortor vitae purus faucibus ornare."
},
{ name: "September 7 - September 13", from: 7, to: 13,
d: "Egestas erat imperdiet sed euismod nisi porta lorem. Mollis aliquam ut porttitor leo a. Vitae et leo duis ut diam quam nulla. Nisi porta lorem mollis aliquam ut. Ultricies leo integer malesuada nunc vel risus. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Cras ornare arcu dui vivamus arcu felis bibendum. Tellus mauris a diam maecenas. Morbi tristique senectus et netus et malesuada fames ac. Quam nulla porttitor massa id neque.",
t: "Senectus et netus et malesuada fames ac turpis egestas maecenas. Duis convallis convallis tellus id interdum velit laoreet id. Imperdiet proin fermentum leo vel orci porta non pulvinar neque. Velit scelerisque in dictum non consectetur a erat. Vehicula ipsum a arcu cursus vitae congue.",
p: "Diam ut venenatis tellus in metus vulputate eu. Est placerat in egestas erat imperdiet sed euismod nisi. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Nisl rhoncus mattis rhoncus urna neque viverra justo. Vitae suscipit tellus mauris a diam maecenas sed enim ut. Pulvinar neque laoreet suspendisse interdum. Morbi leo urna molestie at elementum eu."
},
{ name: "September 14 - September 20", from: 14, to: 20,
d: "Diam ut venenatis tellus in metus vulputate eu. Est placerat in egestas erat imperdiet sed euismod nisi. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Nisl rhoncus mattis rhoncus urna neque viverra justo. Vitae suscipit tellus mauris a diam maecenas sed enim ut. Pulvinar neque laoreet suspendisse interdum. Morbi leo urna molestie at elementum eu.",
t: "Diam ut venenatis tellus in metus vulputate eu. Est placerat in egestas erat imperdiet sed euismod nisi. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Nisl rhoncus mattis rhoncus urna neque viverra justo. Vitae suscipit tellus mauris a diam maecenas sed enim ut. Pulvinar neque laoreet suspendisse interdum. Morbi leo urna molestie at elementum eu.",
p: "Diam ut venenatis tellus in metus vulputate eu. Est placerat in egestas erat imperdiet sed euismod nisi. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Nisl rhoncus mattis rhoncus urna neque viverra justo. Vitae suscipit tellus mauris a diam maecenas sed enim ut. Pulvinar neque laoreet suspendisse interdum. Morbi leo urna molestie at elementum eu."
},
{ name: "September 21 - September 27", from: 21, to: 27,
d: "Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices. Amet dictum sit amet justo donec enim diam vulputate. Ipsum nunc aliquet bibendum enim facilisis gravida neque convallis a. Aenean vel elit scelerisque mauris. Ultrices eros in cursus turpis massa tincidunt dui ut. Pulvinar sapien et ligula ullamcorper. Ut porttitor leo a diam sollicitudin tempor id eu nisl. Ultricies lacus sed turpis tincidunt id aliquet.",
t: "Diam ut venenatis tellus in metus vulputate eu. Est placerat in egestas erat imperdiet sed euismod nisi. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Nisl rhoncus mattis rhoncus urna neque viverra justo. Vitae suscipit tellus mauris a diam maecenas sed enim ut. Pulvinar neque laoreet suspendisse interdum. Morbi leo urna molestie at elementum eu.",
p: "Sed nisi lacus sed viverra. Faucibus in ornare quam viverra orci sagittis eu. Et pharetra pharetra massa massa ultricies. Sit amet consectetur adipiscing elit. Urna condimentum mattis pellentesque id nibh tortor id aliquet lectus. At erat pellentesque adipiscing commodo. Semper feugiat nibh sed pulvinar proin gravida hendrerit."
},
{ name: "September 28 - October 4", from: 28, to: 4, cross: 30,
d: "Egestas erat imperdiet sed euismod nisi porta lorem. Mollis aliquam ut porttitor leo a. Vitae et leo duis ut diam quam nulla. Nisi porta lorem mollis aliquam ut. Ultricies leo integer malesuada nunc vel risus. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Cras ornare arcu dui vivamus arcu felis bibendum. Tellus mauris a diam maecenas. Morbi tristique senectus et netus et malesuada fames ac. Quam nulla porttitor massa id neque.",
t: "Senectus et netus et malesuada fames ac turpis egestas maecenas. Duis convallis convallis tellus id interdum velit laoreet id. Imperdiet proin fermentum leo vel orci porta non pulvinar neque. Velit scelerisque in dictum non consectetur a erat. Vehicula ipsum a arcu cursus vitae congue.",
p: "Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Adipiscing elit pellentesque habitant morbi. Pharetra convallis posuere morbi leo. Tortor dignissim convallis aenean et tortor at risus viverra adipiscing. Ac feugiat sed lectus vestibulum. Tortor pretium viverra suspendisse potenti nullam. Amet dictum sit amet justo donec enim diam. Pharetra et ultrices neque ornare aenean euismod."
},
{ name: "October 5 - October 11", from: 5, to: 11,
d: "Egestas erat imperdiet sed euismod nisi porta lorem. Mollis aliquam ut porttitor leo a. Vitae et leo duis ut diam quam nulla. Nisi porta lorem mollis aliquam ut. Ultricies leo integer malesuada nunc vel risus. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Cras ornare arcu dui vivamus arcu felis bibendum. Tellus mauris a diam maecenas. Morbi tristique senectus et netus et malesuada fames ac. Quam nulla porttitor massa id neque.",
t: "Risus ultricies tristique nulla aliquet enim tortor at auctor. Nisi lacus sed viverra tellus. Interdum consectetur libero id faucibus nisl tincidunt. Egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Ante metus dictum at tempor commodo. A arcu cursus vitae congue mauris rhoncus. Turpis egestas sed tempus urna et pharetra pharetra. Potenti nullam ac tortor vitae purus faucibus ornare.",
p: "Est sit amet facilisis magna etiam tempor orci. Amet purus gravida quis blandit turpis. Bibendum at varius vel pharetra. Dapibus ultrices in iaculis nunc sed. Dui id ornare arcu odio ut. Fusce ut placerat orci nulla pellentesque dignissim. Purus non enim praesent elementum facilisis leo vel. Id venenatis a condimentum vitae sapien pellentesque. Elementum nibh tellus molestie nunc non blandit massa."
},
{ name: "October 12 - October 18", from: 12, to: 18,
d: "Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Adipiscing elit pellentesque habitant morbi. Pharetra convallis posuere morbi leo. Tortor dignissim convallis aenean et tortor at risus viverra adipiscing. Ac feugiat sed lectus vestibulum. Tortor pretium viverra suspendisse potenti nullam. Amet dictum sit amet justo donec enim diam. Pharetra et ultrices neque ornare aenean euismod.",
t: "Senectus et netus et malesuada fames ac turpis egestas maecenas. Duis convallis convallis tellus id interdum velit laoreet id. Imperdiet proin fermentum leo vel orci porta non pulvinar neque. Velit scelerisque in dictum non consectetur a erat. Vehicula ipsum a arcu cursus vitae congue.",
p: "Diam ut venenatis tellus in metus vulputate eu. Est placerat in egestas erat imperdiet sed euismod nisi. Faucibus a pellentesque sit amet porttitor eget dolor morbi. Nisl rhoncus mattis rhoncus urna neque viverra justo. Vitae suscipit tellus mauris a diam maecenas sed enim ut. Pulvinar neque laoreet suspendisse interdum. Morbi leo urna molestie at elementum eu."
},
{ name: "October 19 - October 25", from: 19, to: 25,
d: "Egestas erat imperdiet sed euismod nisi porta lorem. Mollis aliquam ut porttitor leo a. Vitae et leo duis ut diam quam nulla. Nisi porta lorem mollis aliquam ut. Ultricies leo integer malesuada nunc vel risus. Sollicitudin aliquam ultrices sagittis orci a scelerisque purus semper eget. Cras ornare arcu dui vivamus arcu felis bibendum. Tellus mauris a diam maecenas. Morbi tristique senectus et netus et malesuada fames ac. Quam nulla porttitor massa id neque.",
t: "Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Adipiscing elit pellentesque habitant morbi. Pharetra convallis posuere morbi leo. Tortor dignissim convallis aenean et tortor at risus viverra adipiscing. Ac feugiat sed lectus vestibulum. Tortor pretium viverra suspendisse potenti nullam. Amet dictum sit amet justo donec enim diam. Pharetra et ultrices neque ornare aenean euismod.",
p: "Sed nisi lacus sed viverra. Faucibus in ornare quam viverra orci sagittis eu. Et pharetra pharetra massa massa ultricies. Sit amet consectetur adipiscing elit. Urna condimentum mattis pellentesque id nibh tortor id aliquet lectus. At erat pellentesque adipiscing commodo. Semper feugiat nibh sed pulvinar proin gravida hendrerit."
},
{ name: "October 26 - November 1", from: 26, to: 1, cross: 31,
d: "Aenean pharetra magna ac placerat vestibulum lectus mauris ultrices. Amet dictum sit amet justo donec enim diam vulputate. Ipsum nunc aliquet bibendum enim facilisis gravida neque convallis a. Aenean vel elit scelerisque mauris. Ultrices eros in cursus turpis massa tincidunt dui ut. Pulvinar sapien et ligula ullamcorper. Ut porttitor leo a diam sollicitudin tempor id eu nisl. Ultricies lacus sed turpis tincidunt id aliquet.",
t: "Sed egestas egestas fringilla phasellus faucibus scelerisque eleifend donec pretium. Adipiscing elit pellentesque habitant morbi. Pharetra convallis posuere morbi leo. Tortor dignissim convallis aenean et tortor at risus viverra adipiscing. Ac feugiat sed lectus vestibulum. Tortor pretium viverra suspendisse potenti nullam. Amet dictum sit amet justo donec enim diam. Pharetra et ultrices neque ornare aenean euismod.",
p: "Est sit amet facilisis magna etiam tempor orci. Amet purus gravida quis blandit turpis. Bibendum at varius vel pharetra. Dapibus ultrices in iaculis nunc sed. Dui id ornare arcu odio ut. Fusce ut placerat orci nulla pellentesque dignissim. Purus non enim praesent elementum facilisis leo vel. Id venenatis a condimentum vitae sapien pellentesque. Elementum nibh tellus molestie nunc non blandit massa."
},
]; let months = [
{ name: "Apr", wkStart: 0, wkEnd: 4 },
{ name: "May", wkStart: 4, wkEnd: 8 },
{ name: "Jun", wkStart: 9, wkEnd: 13 },
{ name: "Jul", wkStart: 13, wkEnd: 17 },
{ name: "Aug", wkStart: 17, wkEnd: 22 },
{ name: "Sep", wkStart: 22, wkEnd: 26 },
{ name: "Oct", wkStart: 26, wkEnd: 30 },
];
const positionHoverRow = (index, weekCountInMonth) => {
if (window.hoverRow === undefined) return;
if (index < 0 || index > weekCountInMonth) {
hoverRow.classList.add("invisible");
return;
}
hoverRow.classList.remove("invisible");
hoverRow.style.marginTop = `calc(-3px + 22px * ${index})`;
};
let selectedMonth = 0; let selectedWeek; let selectedSection = "d"; const selectWeek = (weekIndex, updateCalendar = true) => {
selectedWeek = weekIndex; let week = weeks[selectedWeek];
weekName.innerText = week.name;
weekContent.innerText = week[selectedSection];
let weekOfMonth = selectedWeek - months[selectedMonth].wkStart;
if ((weekOfMonth < 0 || selectedWeek > months[selectedMonth].wkEnd) && updateCalendar){
let monthIndex = months.findIndex((month) => {
return selectedWeek <= month.wkEnd;
});
selectMonth(monthIndex);
}else{
positionHoverRow(weekOfMonth, months[selectedMonth].wkEnd);
}
};
const createDay = (num, dark = false) => {
let span = document.createElement("span");
span.innerText = num;
if (dark) span.className = "dark";
return span;
} const selectMonth = (monthIndex) => {
selectedMonth = monthIndex;
let month = months[selectedMonth];
calendarDays.innerHTML = "";
Array.from(calendarMonths.children).forEach((child) => {
child.className = "";
});
calendarMonths.children[selectedMonth].className = "active";
for (let wkNum = month.wkStart; wkNum <= month.wkEnd; wkNum++){
let week = weeks[wkNum];
for (let i = week.from; i != week.to+1; i++){
let dark = (wkNum === month.wkEnd);
if (i > week.to && wkNum === month.wkStart){ dark = true; }
if ((i > week.to && wkNum === month.wkEnd) || week.cross === undefined){ dark = false; }
let dayElement = createDay(i, dark);
dayElement.onclick = () => { selectWeek(wkNum); };
dayElement.onmouseenter = () => positionHoverRow(wkNum-month.wkStart, month.wkEnd);
dayElement.onmouseleave = () => positionHoverRow(selectedWeek-month.wkStart, month.wkEnd);
calendarDays.appendChild(dayElement);
if (i === week.cross){ i = 0; }
}
}
let hoverRow = document.createElement("div");
hoverRow.className = "hover";
hoverRow.id = "hoverRow";
calendarDays.appendChild(hoverRow);
let weekOfMonth = selectedWeek - month.wkStart;
if (weekOfMonth < 0 || selectedWeek > month.wkEnd){
hoverRow.classList.add("invisible");
}else{
positionHoverRow(weekOfMonth, month.wkEnd);
}
} for (let monthIndex = 0, n = months.length; monthIndex < n; monthIndex++){
let month = months[monthIndex];
let span = document.createElement("span");
span.innerText = month.name;
span.onclick = () => {
selectMonth(monthIndex);
};
calendarMonths.appendChild(span);
}
const changeSelectedSection = (letter) => {
selectedSection = letter;
buttonDetection.classList.remove("active");
buttonPrevention.classList.remove("active");
buttonTreatment.classList.remove("active");
selectWeek(selectedWeek, false);
};
buttonDetection.onclick = () => {
changeSelectedSection("d");
buttonDetection.classList.add("active");
}; buttonPrevention.onclick = () => {
changeSelectedSection("p");
buttonPrevention.classList.add("active");
}; buttonTreatment.onclick = () => {
changeSelectedSection("t");
buttonTreatment.classList.add("active");
};
nextButton.onclick = () => {
if (selectedWeek+1 >= weeks.length) return; selectWeek(selectedWeek+1);
}; prevButton.onclick = () => {
if (selectedWeek-1 < 0) return; selectWeek(selectedWeek-1);
};
selectMonth(0); selectWeek(0);