Show dots representing calendar events

main2
Bob Mottram 2019-10-11 12:31:29 +01:00
parent 2a734ba89f
commit 542950606b
2 changed files with 40 additions and 15 deletions

View File

@ -1,14 +1,13 @@
:root {
--main-bg-color: #282c37;
--calendar-bg-color: #2f333e;
--lines-color: darkgray;
--day-number: #a4a2a2;
--day-number2: #c9c7c7;
--calendar-bg-color: #eee;
--lines-color: black;
--day-number: black;
--day-number2: red;
--today-foreground: white;
--today-circle: yellow;
--event-foreground: #111;
--title-text: #F6E9DC:
--title-background: #4E4F4A:
--today-circle: red;
--event-background: orange;
--event-foreground:white;
}
body {
@ -95,10 +94,23 @@ tr:nth-child(even) > .calendar__day__cell:nth-child(even) {
}
.calendar__day__cell[data-event] {
background-color: var(--lines-color);
background-color: var(--event-background);
color: var(--event-foreground);
}
.calendar__day__cell[data-event]:after {
content: attr(data-event);
color: var(--day-number);
display: block;
font-weight: 400;
font-size: 5rem;
position: absolute;
bottom: 0;
width: 100%;
height: 5rem;
text-transform: uppercase;
}
.calendar__day__cell[data-today] {
border-radius: 50%;
border: 4px solid var(--today-circle);
@ -113,3 +125,15 @@ tr:nth-child(even) > .calendar__day__cell:nth-child(even) {
color: var(--event-foreground);
text-align: center;
}
.calendar__day__cell[data-today-event]:after {
content: attr(data-event);
color: var(--day-number);
display: block;
font-weight: 400;
font-size: 5rem;
position: absolute;
bottom: 0;
width: 100%;
height: 5rem;
text-transform: uppercase;
}

View File

@ -2895,14 +2895,15 @@ def htmlCalendar(translate: {}, \
if currDate.month==monthNumber:
if dayOfMonth==currDate.day:
isToday=True
if dayOfMonth==5:
events['5']=[{"test": 1},{"test2": 2},{"test3": 3},{"test4": 4}]
if dayOfMonth==11:
events[str(dayOfMonth)]=[{"test": 1},{"test2": 2},{"test3": 3},{"test4": 4}]
if events.get(str(dayOfMonth)):
eventDots=''
for i in range(1,len(events[str(dayOfMonth)])):
eventDots+='.'
if eventDots=='...':
break
if len(events[str(dayOfMonth)])>1:
for ev in events[str(dayOfMonth)]:
eventDots+='.'
if eventDots=='...':
break
# there are events for this day
if not isToday:
calendarStr+=' <td class="calendar__day__cell" data-event="'+eventDots+'">'+str(dayOfMonth)+'</td>\n'