From 9748e1d2e2f3235282b0b0d63b97c39aad400b4c Mon Sep 17 00:00:00 2001
From: tom <tom@qstack.pl>
Date: Thu, 13 Feb 2025 14:00:46 +0100
Subject: [PATCH] reafactor fetch by qwen2.5Plux

---
 src/data/data.json | 32 ++++++++++++++++++++++++++++++++
 src/index.html     |  5 ++++-
 src/js/get.js      | 33 ++++++++++++++-------------------
 src/js/script.js   | 34 ++++++++++++++++++++++++++++++++++
 4 files changed, 84 insertions(+), 20 deletions(-)
 create mode 100644 src/data/data.json
diff --git a/src/data/data.json b/src/data/data.json
new file mode 100644
index 0000000..f6f6251
--- /dev/null
+++ b/src/data/data.json
@@ -0,0 +1,32 @@
+[
+    {
+        "id": 1,
+        "nazwa": "Obiad: Kura w sosie kremowym",
+        "cena": 45,
+        "kategoria": "obiady"
+    },
+    {
+        "id": 2,
+        "nazwa": "Przekąska: Kanapka z szynką i serem",
+        "cena": 12,
+        "kategoria": "przekąski"
+    },
+    {
+        "id": 3,
+        "nazwa": "Kolacja: Spaghetti carbonara",
+        "cena": 25,
+        "kategoria": "kolacje"
+    },
+    {
+        "id": 4,
+        "nazwa": "Obiad: Zupa pomidorowa + kluski",
+        "cena": 40,
+        "kategoria": "obiady"
+    },
+    {
+        "id": 5,
+        "nazwa": "Przekąska: Sałata grecka",
+        "cena": 15,
+        "kategoria": "przekąski"
+    }
+]
diff --git a/src/index.html b/src/index.html
index 1f6fa12..9a055db 100644
--- a/src/index.html
+++ b/src/index.html
@@ -6,6 +6,8 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>Restauracja Wszystkie Smaki</title>
         <link rel="stylesheet" href="css/style.css">
+    <script type="module" src="src/js/script.js"></script>
+        
     </head>
     <body>
         <header>
@@ -40,6 +42,7 @@
         </div>
 
         <footer>
-            Stronę internetową operacował: JA
+            Stronę internetową operacował: Team Work, CKZiU 2025
+
     </body>
 </html>
diff --git a/src/js/get.js b/src/js/get.js
index 8ebdb5d..38cbd84 100644
--- a/src/js/get.js
+++ b/src/js/get.js
@@ -1,20 +1,15 @@
-document.addEventListener('DOMContentLoaded', function() {
+// src/js/get.js
 
-    //    const imieSelect = document.getElementById('imie');
-
-    imieSelect.addEventListener('focus', function() {
-        fetch('get.php')
-            .then(response => response.json())
-            .then(data => {
-/*                
-                usersData = data; 
-                imieSelect.innerHTML = "";
-                data.forEach(dane => {
-                });
-*/
-
-            })
-            .catch(error => console.error('Error fetching data:', error));
-    });
-
-});
+export const fetchData = () => {
+    return fetch('/src/data/data.json') // Ścieżka do pliku data.json
+        .then(response => {
+            if (!response.ok) {
+                throw new Error(`HTTP error! status: ${response.status}`);
+            }
+            return response.json(); // Parsujemy odpowiedź jako JSON
+        })
+        .catch(error => {
+            console.error('Error fetching data:', error);
+            throw error; // Propagujemy błąd dalej
+        });
+};
diff --git a/src/js/script.js b/src/js/script.js
index e69de29..be43f0b 100644
--- a/src/js/script.js
+++ b/src/js/script.js
@@ -0,0 +1,34 @@
+// src/js/script.js
+
+import { fetchData } from './get.js'; // Importujemy funkcję fetchData
+
+document.addEventListener('DOMContentLoaded', () => {
+    const prawyDiv = document.getElementById('prawy'); // Pobieramy element <div id="prawy">
+    const lista = prawyDiv.querySelector('ol'); // Pobieramy listę <ol>
+
+    fetchData() // Wywołujemy funkcję fetchData
+        .then(data => {
+            // Filtruj dane według kategorii
+            const obiady = data.filter(item => item.kategoria === 'obiady');
+            const przekaski = data.filter(item => item.kategoria === 'przekąski');
+            const kolacje = data.filter(item => item.kategoria === 'kolacje');
+
+            // Funkcja do renderowania elementów
+            const renderItems = (items) => items.map(item => 
+                `<li>${item.nazwa} - ${item.cena} zł</li>`
+            ).join('');
+
+            // Tworzymy HTML dla każdej kategorii
+            const htmlContent = `
+                <li>Obiady od 40 zł<br><ul>${renderItems(obiady)}</ul></li>
+                <li>Przekąski od 10 zł<br><ul>${renderItems(przekaski)}</ul></li>
+                <li>Kolacje od 20 zł<br><ul>${renderItems(kolacje)}</ul></li>
+            `;
+
+            // Wstawiamy wygenerowany HTML do listy
+            lista.innerHTML = htmlContent;
+        })
+        .catch(error => {
+            console.error('Błąd podczas ładowania danych:', error);
+        });
+});
