Changeset 43c9090 for src/main/resources/static/js/calendar.js

Timestamp:

10/12/24 21:32:15 (5 weeks ago)

Author:

macagaso <gasoskamarija@…>

Branches:

master

Parents:

743de55

Message:

Updated version

File:

• src/main/resources/static/js/calendar.js (modified) (7 diffs)

src/main/resources/static/js/calendar.js

@@ +1 @@
+let lastClickedItem=null;
 let calendar = document.querySelector('.calendar')
 
@@ -19 +20 @@
         document.getElementById("last-check").innerHTML=window.selectedTime;
         showModal();
+        document.getElementById("coupon-type").selectedIndex=0;
+        document.getElementById("medical-condition").innerHTML='';
+
     }
 
@@ -71 +75 @@
 function displayFreeAppointments(appointments) {
     const container = document.getElementById('hourly-terms');
-    container.innerHTML = ''; // Clear previous appointments
+    container.innerHTML = '';
 
     appointments.forEach(appointment => {
@@ -88 +92 @@
 
         appointmentDiv.textContent = formattedTime;
-        appointmentDiv.dataset.time = formattedDate+" "+formattedTime; // Store full date-time
+        appointmentDiv.dataset.time = formattedDate+" "+formattedTime;
 
         appointmentDiv.addEventListener('click', () => {
+            if(lastClickedItem){
+                lastClickedItem.style.backgroundColor="white";
+            }
+            lastClickedItem=appointmentDiv;
+            lastClickedItem.style.backgroundColor="grey";
             window.selectedTime = appointmentDiv.dataset.time;
             document.getElementById('book-button').disabled = false;
@@ -109 +118 @@
 
     let currDate = new Date()
-    if (!month) month = currDate.getMonth()
+
+    if (typeof month !== 'number') month = currDate.getMonth();
     if (!year) year = currDate.getFullYear()
 
@@ -129 +139 @@
                             <span></span>`;
             let selectedDate = `${year}-${(month + 1).toString().padStart(2, '0')}-${(i - first_day.getDay() + 1).toString().padStart(2, '0')}`;
-            day.addEventListener('click', () => fetchFreeOrPendingAppointments(selectedDate));
+            day.addEventListener('click', () => {
+                let temp=document.getElementsByClassName('curr-date');
+                Array.from(temp).forEach(element => {
+                    element.classList.remove('curr-date');
+                });
+                day.classList.add('curr-date');
+                document.getElementById("coupon-type").selectedIndex=0;
+                document.getElementById("medical-condition").value='';
+                fetchFreeOrPendingAppointments(selectedDate);
+            })
 
             if (i - first_day.getDay() + 1 === currDate.getDate() && year === currDate.getFullYear() && month === currDate.getMonth()) {
@@ -176 +195 @@
 
 
-
+window.onload = async function () {
+temp=document.getElementById("coupon-type");
+    try{
+        const response = await fetch(`/api/coupons/getCouponNames`);
+        if (response.ok) {
+            const couponNames = await response.json();
+            console.log("Coupons:", couponNames);
+
+            couponNames.forEach(coupon => {
+                const option = document.createElement("option");
+                option.value = coupon;
+                option.textContent = coupon;
+                temp.appendChild(option);
+            });
+        } else {
+            console.log(response.statusText);
+        }
+    }
+    catch(error){
+        console.error("Error fetching coupons:", error);
+    }
+
+};