feat: hidden btn

RezenkovD · Aug 15, 2023 · 2e428c1 · 2e428c1
1 parent 5b40e5e
commit 2e428c1
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/vr_club_site/templates/site/calendar.html b/vr_club_site/templates/site/calendar.html
@@ -18,7 +18,7 @@
                 <div id="prevMonthBtn" class="name-month"></div>
             </div>
             <div class="month" id="month"></div>
-            <div class="button-m item3">
+            <div id="nextMonth" class="button-m item3">
                 <div id="nextMonthBtn" class="name-month"></div>
                 <svg class="caret-right" width="32" height="32" viewBox="0 0 32 32" fill="none"
                     xmlns="http://www.w3.org/2000/svg">

diff --git a/vr_club_site/templates/site/js/calendar.js b/vr_club_site/templates/site/js/calendar.js
@@ -88,6 +88,19 @@ document.addEventListener("DOMContentLoaded", function () {
             prevMonth_.style.cursor = "pointer"
         }
 
+        const nextMonth_ = document.getElementById("nextMonth");
+        const currentDate = new Date(currentYear, currentMonth);
+        const maxAllowedDate = new Date();
+        maxAllowedDate.setMonth(maxAllowedDate.getMonth() + maxMonthsAhead - 1);
+
+        if (currentDate > maxAllowedDate) {
+            nextMonth_.style.opacity = 0;
+            nextMonth_.style.cursor = "default"
+        } else {
+            nextMonth_.style.opacity = 1;
+            nextMonth_.style.cursor = "pointer"
+        }
+
     }
 
     function updateCalendar() {