Changeset df7f390 for frontend/js/formHandler.js

Timestamp:

01/13/25 14:18:51 (2 days ago)

Author:

Kristijan <kristijanzafirovski26@…>

Branches:

master

Parents:

0a7426e

Message:

Added frontend functionality for changes and refactored code

File:

• frontend/js/formHandler.js (modified) (4 diffs)

frontend/js/formHandler.js

@@ -51 +51 @@
                 const dataList = document.getElementById('givenOptions');
                 dataList.innerHTML = '';
+
                 if (data.length === 0) {
                     const wrapper = document.createElement('div');
@@ -66 +67 @@
                         img.src = item.imgSrc || '';
                         optionDiv.appendChild(img);
-                        const WrapperDiv = document.createElement('div');
-                        optionDiv.appendChild(WrapperDiv);
+                        const wrapperDiv = document.createElement('div');
+                        optionDiv.appendChild(wrapperDiv);
 
                         const nameParagraph = document.createElement('p');
                         nameParagraph.id = 'name';
                         nameParagraph.textContent = item.hotelName || 'N/A';
-                        WrapperDiv.appendChild(nameParagraph);
+                        wrapperDiv.appendChild(nameParagraph);
 
                         const countryParagraph = document.createElement('p');
@@ -78 +79 @@
                         countryParagraph.style.fontSize = '20px';
                         countryParagraph.textContent = item.country || 'N/A';
-                        WrapperDiv.appendChild(countryParagraph);
+                        wrapperDiv.appendChild(countryParagraph);
 
                         const dateParagraph = document.createElement('h2');
                         dateParagraph.id = 'date';
                         dateParagraph.textContent = item.dateRange || 'N/A';
-                        WrapperDiv.appendChild(dateParagraph);
+                        wrapperDiv.appendChild(dateParagraph);
 
                         const peopleParagraph = document.createElement('p');
                         peopleParagraph.id = 'numPeople';
                         peopleParagraph.textContent = item.numPeople === 1 ? item.numPeople + " лице" : item.numPeople + " лица";
-                        WrapperDiv.appendChild(peopleParagraph);
+                        wrapperDiv.appendChild(peopleParagraph);
 
                         const priceHeading = document.createElement('h1');
                         priceHeading.textContent = 'Цена:';
-                        WrapperDiv.appendChild(priceHeading);
+                        wrapperDiv.appendChild(priceHeading);
                         const priceParagraph = document.createElement('h2');
                         priceParagraph.id = 'price';
                         priceParagraph.textContent = (item.price || 0) + " EUR";
-                        WrapperDiv.appendChild(priceParagraph);
+                        wrapperDiv.appendChild(priceParagraph);
 
                         const infoDiv = document.createElement('div');
@@ -110 +111 @@
                         infoDiv.appendChild(amenities);
                         optionDiv.appendChild(infoDiv);
+
+                        const changesDiv = document.createElement('div');
+                        item.changes.forEach(change => {
+                            const changeParagraph = document.createElement('p');
+                            changeParagraph.textContent = change.attribute + " changed from " + change.oldValue + " to " + change.newValue;
+                            changesDiv.appendChild(changeParagraph);
+                        });
+                        optionDiv.appendChild(changesDiv);
 
                         const link = document.createElement('a');