From 4d35b7d5ad618338324e4f083c61c8d5c98a02cd Mon Sep 17 00:00:00 2001
From: Bob Mottram <bob@freedombone.net>
Date: Fri, 11 Oct 2019 15:23:23 +0100
Subject: [PATCH] Buttons for previous and next month

---
 epicyon-calendar.css |   8 ++++++++
 img/icons/prev.png   | Bin 0 -> 3244 bytes
 webinterface.py      |  16 ++++++++++++++++
 3 files changed, 24 insertions(+)
 create mode 100644 img/icons/prev.png

diff --git a/epicyon-calendar.css b/epicyon-calendar.css
index 13052d0d8..b570d4b9f 100644
--- a/epicyon-calendar.css
+++ b/epicyon-calendar.css
@@ -139,3 +139,11 @@ tr:nth-child(even) > .calendar__day__cell:nth-child(even) {
     height: 5rem;
     text-transform: uppercase;
 }
+.buttonprev {
+    width: 2%;
+}
+.buttonnext {
+    width: 2%;
+    -webkit-transform: scaleX(-1);
+    transform: scaleX(-1);
+}
diff --git a/img/icons/prev.png b/img/icons/prev.png
new file mode 100644
index 0000000000000000000000000000000000000000..f9bbb1e7233351a316148ae44bc70c95c44bc12d
GIT binary patch
literal 3244
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

literal 0
HcmV?d00001

diff --git a/webinterface.py b/webinterface.py
index 3cb0972e9..fefa4aea4 100644
--- a/webinterface.py
+++ b/webinterface.py
@@ -2838,6 +2838,18 @@ def htmlCalendar(translate: {}, \
         year=currDate.year
         monthNumber=currDate.month
 
+    prevYear=year
+    prevMonthNumber=monthNumber-1
+    if prevMonthNumber<1:
+        prevMonthNumber=12
+        prevYear=year-1
+
+    nextYear=year
+    nextMonthNumber=monthNumber+1
+    if nextMonthNumber>12:
+        nextMonthNumber=1
+        nextYear=year+1
+
     print('Calendar year='+str(year)+' month='+str(monthNumber)+ ' '+str(weekDayOfMonthStart(monthNumber,year)))
     
     nickname=getNicknameFromActor(actor)
@@ -2866,7 +2878,11 @@ def htmlCalendar(translate: {}, \
     calendarStr=htmlHeader(cssFilename,calendarStyle)
     calendarStr+='<main><table class="calendar">\n'
     calendarStr+='<caption class="calendar__banner--month">\n'
+    calendarStr+='  <a href="'+actor+'/calendar?year='+str(prevYear)+'?month='+str(prevMonthNumber)+'">'
+    calendarStr+='  <img src="/icons/prev.png" class="buttonprev"/></a>\n'
     calendarStr+='  <h1>'+monthName+'</h1>\n'
+    calendarStr+='  <a href="'+actor+'/calendar?year='+str(nextYear)+'?month='+str(nextMonthNumber)+'">'
+    calendarStr+='  <img src="/icons/prev.png" class="buttonnext"/></a>\n'
     calendarStr+='</caption>\n'
     calendarStr+='<thead>\n'
     calendarStr+='<tr>\n'