commit

css/style.css

@@ -1,35 +1,81 @@
+
+/* Podstawowe style dla zakładek */
+.tab {
+    display: none;
+}
+
+.tab.active {
+    display: block;
+}
+
+/* Style dla przycisków kategorii */
+.category-buttons {
+    margin: 10px 0;
+    text-align: center;
+}
+
+.category-buttons button {
+    margin: 5px;
+    padding: 10px 15px;
+    font-size: 16px;
+    cursor: pointer;
+    background-color: #f2f2f2;
+    border: 1px solid #ccc;
+    border-radius: 4px;
+}
+
+.category-buttons button.active {
+    background-color: #4CAF50;
+    color: white;
+    border: 1px solid #4CAF50;
+}
+
+/* Stylizacja tabeli */
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-top: 20px;
+}
+
+th, td {
+    border: 1px solid #ddd;
+    padding: 8px;
+    text-align: center;
+}
+
+th {
+    background-color: #f2f2f2;
+}
+
+tr:nth-child(even) {
+    background-color: #f9f9f9;
+}
+
+/* Stylizacja kontenera klasy */
+.select-class {
+    margin-top: 20px;
+    text-align: center;
+}
+
+.select-class select {
+    padding: 5px;
+    font-size: 16px;
+}
+
+/* Stylizacja nagłówków */
+h1, h2, h3 {
+    text-align: center;
+}
+
+/* Dodatkowe style dla układu */
 body {
     font-family: Arial, sans-serif;
     margin: 20px;
 }
-table {
-    width: 100%;
-    border-collapse: collapse;
-}
-table, th, td {
-    border: 1px solid black;
-}
-th, td {
-    padding: 10px;
+
+footer {
     text-align: center;
+    margin-top: 40px;
+    font-size: 14px;
+    color: #555;
 }
-th {
-    background-color: #f2f2f2;
-}
-input[type="number"], input[type="checkbox"] {
-    transform: scale(1.2);
-}
-button {
-    padding: 10px;
-    margin: 10px 5px;
-    font-size: 16px;
-}
-#stats {
-    margin-top: 20px;
-}
-.tab {
-    display: none;
-}
-.active {
-    display: block;
-}

index.html

@@ -16,6 +16,7 @@
         <button onclick="showTab('points')">Ustal punkty</button>
     </div>
 
+    <!-- Zakładka "Ustal punkty" -->
     <div id="points" class="tab">
         <h2>Ustal punkty dla kryteriów</h2>
         <table>
@@ -39,79 +40,124 @@
                     <td><input type="number" id="min-85-punkty" value="20" onchange="calculateStats()"></td>
                 </tr>
                 <tr>
-                    <td>Udział w etapie szkolnym olimpiady</td>
+                    <td>Etap szkolny</td>
                     <td><input type="number" id="etap-szkolny-punkty" value="5" onchange="calculateStats()"></td>
                 </tr>
                 <tr>
-                    <td>Udział w etapie rejonowym olimpiady</td>
-                    <td><input type="number" id="etap-rejonowy-punkty" value="5" onchange="calculateStats()"></td>
+                    <td>Etap rejonowy</td>
+                    <td><input type="number" id="etap-rejonowy-punkty" value="10" onchange="calculateStats()"></td>
                 </tr>
                 <tr>
-                    <td>Udział w etapie wojewódzkim olimpiady</td>
-                    <td><input type="number" id="etap-wojewodzki-punkty" value="10" onchange="calculateStats()"></td>
+                    <td>Etap wojewódzki</td>
+                    <td><input type="number" id="etap-wojewodzki-punkty" value="15" onchange="calculateStats()"></td>
                 </tr>
                 <tr>
-                    <td>Udział w etapie ogólnopolskim olimpiady</td>
-                    <td><input type="number" id="etap-ogolnopolski-punkty" value="10" onchange="calculateStats()"></td>
+                    <td>Etap ogólnopolski</td>
+                    <td><input type="number" id="etap-ogolnopolski-punkty" value="20" onchange="calculateStats()"></td>
                 </tr>
+                <tr>
+                    <td>Udział w konkursach</td>
+                    <td><input type="number" id="udzial-konkurs-punkty" value="5" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Wyróżnienie w konkursie</td>
+                    <td><input type="number" id="wyroznienie-konkurs-punkty" value="10" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Reprezentacja indywidualna</td>
+                    <td><input type="number" id="reprezentacja-indywidualna-punkty" value="5" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Reprezentacja zespołowa</td>
+                    <td><input type="number" id="reprezentacja-zespolowa-punkty" value="10" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Udział w zawodach</td>
+                    <td><input type="number" id="udzial-zawody-punkty" value="15" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Organizacja imprez</td>
+                    <td><input type="number" id="organizacja-imprez-punkty" value="10" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Funkcje w klasie</td>
+                    <td><input type="number" id="funkcja-klasa-punkty" value="10" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Uroczystości okolicznościowe</td>
+                    <td><input type="number" id="uroczystosci-punkty" value="10" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Udział w poczcie sztandarowej</td>
+                    <td><input type="number" id="poczta-sztandar-punkty" value="20" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Pomoc nauczycielowi</td>
+                    <td><input type="number" id="pomoc-nauczyciel-punkty" value="10" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Wolontariat</td>
+                    <td><input type="number" id="wolontariat-punkty" value="10" onchange="calculateStats()"></td>
+                </tr>
+                <!-- Dodaj więcej wierszy dla innych punktów, jeśli potrzebne -->
             </tbody>
         </table>
     </div>
 
+    <!-- Zakładka "Kryteria oceny zachowania" -->
     <div id="criteria" class="tab active">
         <h2>Kryteria oceny zachowania - <span id="current-date"></span></h2>
         <div>
             <button onclick="changeDay(-1)">Poprzedni Dzień</button>
             <button onclick="changeDay(1)">Następny Dzień</button>
         </div>
-        <table>
+
+        <div class="select-class" id="select-class-container">
+            <p>Wybierz klasę:</p>
+            <div class="category-buttons">
+                <button data-category="frekwencja" onclick="showInnerTab('frekwencja')">Frekwencja</button>
+                <button data-category="olimpiady" onclick="showInnerTab('olimpiady')">Olimpiady</button>
+                <button data-category="konkursy" onclick="showInnerTab('konkursy')">Konkursy Szkolne</button>
+                <button data-category="reprezentacja" onclick="showInnerTab('reprezentacja')">Reprezentacja Szkoły</button>
+                <button data-category="aktywnosc" onclick="showInnerTab('aktywnosc')">Aktywność</button>
+            </div>
+            <select class="select-class" id="select-class-select">
+                <option value="">Wybierz klasę</option>
+                <option value="1A">Klasa 1A</option>
+                <option value="2B">Klasa 2B</option>
+                <option value="3C">Klasa 3C</option>
+                <!-- Dodaj więcej klas według potrzeb -->
+            </select>
+        </div>
+
+        <!-- Przykładowa tabela uczniów -->
+        <table id="student-table">
             <thead>
                 <tr>
-                    <th rowSpan="2">Uczeń</th>
-                    <th colspan="3">Frekwencja</th>
-                    <th colspan="4">Olimpiady</th>
-                    <th colspan="2">Konkursy Szkolne</th>
-                    <th colspan="3">Reprezentacja Szkoły</th>
-                    <th colspan="5">Aktywność</th>
-                </tr>
-                <tr>
-                    <th>Frekwencja 95-100%</th>
-                    <th>Brak godzin nieusprawiedliwionych</th>
-                    <th>Minimum 85% frekwencja</th>
-                    <th>Etap szkolny</th>
-                    <th>Etap rejonowy</th>
-                    <th>Etap wojewódzki</th>
-                    <th>Etap ogólnopolski</th>
-                    <th>Udział w konkursach</th>
-                    <th>Wyróżnienie w konkursie</th>
-                    <th>Reprezentacja indywidualna</th>
-                    <th>Reprezentacja zespołowa</th>
-                    <th>Udział w zawodach</th>
-                    <th>Organizacja imprez</th>
-                    <th>Funkcje w klasie</th>
-                    <th>Uroczystości okolicznościowe</th>
-                    <th>Udział w poczcie sztandarowym</th>
-                    <th>Pomoc nauczycielowi</th>
-                    <th>Wolontariat</th>
+                    <!-- Dynamiczne nagłówki będą generowane przez JavaScript -->
                 </tr>
             </thead>
-            
-            <tbody id="student-table">
-                <!-- Dane uczniów będą generowane dynamicznie -->
+            <tbody>
+                <!-- Dynamiczne wiersze będą generowane przez JavaScript -->
             </tbody>
         </table>
     </div>
 
+    <!-- Zakładka "Statystyka" -->
     <div id="stats" class="tab">
         <h2>Statystyka dla wszystkich dni</h2>
-        <div id="stats"></div>
+        <div id="stats-output"></div>
     </div>
 
-    
-
-    <script type="module" src="js/script.js"></script>
-    <script type="module" src="js/app.js"></script>
+    <footer style="margin: 20px">
+        B. Hrynowiecki </br>
+        K. Michalak </br>
+        F. Kowalski </br>
+        Led and Authored by M. Pabiszczak
+    </footer>
 
+    <!-- Przeniesienie skryptu na koniec body -->
+    <script src="js/script.js"></script>
 
 </body>
 </html>

js/app.js

@@ -1,45 +0,0 @@
-// Funkcja do wczytania pliku JSON
-async function fetchJSONFile(filePath) {
-    try {
-        const response = await fetch(filePath);
-        if (!response.ok) {
-            throw new Error(`HTTP error! Status: ${response.status}`);
-        }
-        return await response.json();
-    } catch (error) {
-        console.error("Error fetching JSON file:", error);
-    }
-}
-
-// Funkcja do wczytania pliku class.json
-async function loadClasses() {
-    const classFilePath = '/data/class.json';
-    const classes = await fetchJSONFile(classFilePath);
-
-    if (classes) {
-        console.log('Classes loaded:', classes);
-
-        // Iterowanie po wszystkich klasach i wczytywanie plików z danymi uczniów
-        for (const classInfo of classes) {
-            const studentsFilePath = '/data/'+ classInfo.file_path;
-            const studentsData = await fetchJSONFile(studentsFilePath);
-
-            if (studentsData) {
-                console.log(`Students loaded for class ${classInfo.class}:`, studentsData);
-                // Tutaj możesz przechowywać dane lub je przetwarzać według potrzeb
-                processClassData(classInfo, studentsData);
-            }
-        }
-    }
-}
-
-// Funkcja do przetwarzania danych o klasach i uczniach
-function processClassData(classInfo, studentsData) {
-    console.log(`Class: ${classInfo.class}, Group: ${classInfo.group}, Students Count: ${classInfo.student_count}`);
-    console.log('Student Data:', studentsData);
-    
-    // Możesz tutaj np. wyświetlić dane w interfejsie lub przeprowadzić dodatkowe operacje
-}
-
-// Uruchomienie wczytywania klas
-loadClasses();

js/script.js

@@ -1,5 +1,97 @@
-let currentDay = 0;
-const baseDate = new Date();
+// Definicja kategorii i ich kryteriów
+const categories = {
+    frekwencja: [
+        { name: "Frekwencja 95-100%", id: "frekwencja" },
+        { name: "Brak godzin nieusprawiedliwionych", id: "brak_godzin" },
+        { name: "Minimum 85% frekwencja", id: "min_85" }
+    ],
+    olimpiady: [
+        { name: "Etap szkolny", id: "etap_szkolny" },
+        { name: "Etap rejonowy", id: "etap_rejonowy" },
+        { name: "Etap wojewódzki", id: "etap_wojewodzki" },
+        { name: "Etap ogólnopolski", id: "etap_ogolnopolski" }
+    ],
+    konkursy: [
+        { name: "Udział w konkursach", id: "udzial_konkurs" },
+        { name: "Wyróżnienie w konkursie", id: "wyroznienie_konkurs" }
+    ],
+    reprezentacja: [
+        { name: "Reprezentacja indywidualna", id: "reprezentacja_indywidualna" },
+        { name: "Reprezentacja zespołowa", id: "reprezentacja_zespolowa" },
+        { name: "Udział w zawodach", id: "udzial_zawody" }
+    ],
+    aktywnosc: [
+        { name: "Organizacja imprez", id: "organizacja_imprez" },
+        { name: "Funkcje w klasie", id: "funkcja_klasa" },
+        { name: "Uroczystości okolicznościowe", id: "uroczystosci" },
+        { name: "Udział w poczcie sztandarowej", id: "poczta_sztandar" },
+        { name: "Pomoc nauczycielowi", id: "pomoc_nauczyciel" },
+        { name: "Wolontariat", id: "wolontariat" }
+    ]
+};
+
+// Zmienna przechowująca aktualną kategorię
+let currentCategory = 'frekwencja';
+
+// Funkcja do wczytywania pliku JSON
+async function fetchJSONFile(filePath) {
+    try {
+        const response = await fetch(filePath);
+        if (!response.ok) {
+            throw new Error(`HTTP error! Status: ${response.status}`);
+        }
+        return await response.json();
+    } catch (error) {
+        console.error("Error fetching JSON file:", error);
+    }
+}
+
+// Funkcja do wczytania pliku class.json
+async function loadClasses() {
+    const classFilePath = '/data/class.json';
+    const classes = await fetchJSONFile(classFilePath);
+
+    if (classes) {
+        console.log('Classes loaded:', classes);
+
+        let section_HTML = "";
+
+        // Iterowanie po wszystkich klasach i wczytywanie plików z danymi uczniów
+        for (const classInfo of classes) {
+            const studentsFilePath = '/data/' + classInfo.file_path;
+            const studentsDataFromFile = await fetchJSONFile(studentsFilePath);
+
+            // Wczytywanie klas do elementu select w html
+            const selectClass = document.getElementById("select-class-select");
+
+            if (!section_HTML.includes(classInfo.class)) {
+                const option = document.createElement('option');
+                option.value = classInfo.class;
+                option.textContent = `Klasa: ${classInfo.class}`;
+                selectClass.appendChild(option);
+                console.log("DODANO KLASE ", classInfo.class, " DO SELECT");
+                section_HTML += classInfo.class;
+            }
+
+            if (studentsDataFromFile) {
+                console.log(`Students loaded for class ${classInfo.class}:`, studentsDataFromFile);
+                // Możesz tutaj przechowywać dane uczniów dla poszczególnych klas
+                // Na przykład, dodając je do odpowiedniego obiektu lub tablicy
+            }
+        }
+    }
+}
+
+// Funkcja do wczytania pliku criteria.json
+async function loadCriteria() {
+    const criteriaFilePath = '/data/criteria.json';
+    const criteria = await fetchJSONFile(criteriaFilePath);
+
+    console.log("Criteria loaded:", criteria);
+    // Implementacja dalszego przetwarzania kryteriów, jeśli jest potrzebna
+}
+
+// Dane uczniów (przykładowe, powinny być ładowane z plików JSON)
 const studentsData = [
     { name: "Jan Kowalski", behavior: {} },
     { name: "Anna Nowak", behavior: {} },
@@ -7,10 +99,20 @@ const studentsData = [
     { name: "Katarzyna Zielińska", behavior: {} }
 ];
 
+let currentDay = 0;
+const baseDate = new Date();
+
+// Funkcja do przełączania głównych zakładek
 function showTab(tabName) {
+    // Ukryj wszystkie główne taby
     const tabs = document.querySelectorAll('.tab');
     tabs.forEach(tab => tab.classList.remove('active'));
-    document.getElementById(tabName).classList.add('active');
+
+    // Pokaż wybrany tab
+    const selectedTab = document.getElementById(tabName);
+    if (selectedTab) {
+        selectedTab.classList.add('active');
+    }
 
     if (tabName === 'criteria') {
         loadDayData();
@@ -19,37 +121,34 @@ function showTab(tabName) {
     }
 }
 
-function generateTable() {
-    const table = document.getElementById('student-table');
-    table.innerHTML = '';
+// Funkcja do przełączania kategorii w tabeli uczniów
+function showInnerTab(category) {
+    currentCategory = category;
+    // Generowanie tabeli na podstawie wybranej kategorii
+    generateTable(category);
 
-    studentsData.forEach(student => {
-        const row = document.createElement('tr');
-        row.innerHTML = `
-            <td>${student.name}</td>
-            <td><input type="checkbox" id="frekwencja-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="brak-godzin-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="min-85-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="etap-szkolny-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="etap-rejonowy-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="etap-wojewodzki-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="etap-ogolnopolski-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="udzial-konkurs-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="wyroznienie-konkurs-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="reprezentacja-indywidualna-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="reprezentacja-zespolowa-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="udzial-zawody-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="organizacja-imprez-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="funkcja-klasa-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="uroczystosci-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="poczta-sztandar-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="pomoc-nauczyciel-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-            <td><input type="checkbox" id="wolontariat-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
-        `;
-        table.appendChild(row);
-    });
+    // Podkreślenie aktywnego przycisku
+    const buttons = document.querySelectorAll('.category-buttons button');
+    buttons.forEach(button => button.classList.remove('active'));
+    const activeButton = document.querySelector(`.category-buttons button[data-category="${category}"]`);
+    if (activeButton) {
+        activeButton.classList.add('active');
+    }
 }
 
+// Funkcja, aby ustawić domyślną kategorię i zakładkę
+document.addEventListener("DOMContentLoaded", function() {
+    showInnerTab('frekwencja'); // Pokaż domyślnie zakładkę Frekwencja
+
+    // Ustawienie daty na dziś
+    document.getElementById('current-date').innerText = baseDate.toLocaleDateString();
+
+    // Uruchomienie wczytywania klas i kryteriów
+    loadClasses();
+    loadCriteria();
+});
+
+// Funkcja do zmiany dnia
 function changeDay(direction) {
     saveDayData();
     currentDay += direction;
@@ -59,81 +158,49 @@ function changeDay(direction) {
     loadDayData();
 }
 
+// Funkcja do ładowania danych dnia
 function loadDayData() {
-    studentsData.forEach(student => {
-        const studentId = student.name.replace(' ', '-');
-        const behavior = student.behavior[`day${currentDay}`] || {};
-
-        document.getElementById(`frekwencja-${studentId}`).checked = behavior.frekwencja || false;
-        document.getElementById(`brak-godzin-${studentId}`).checked = behavior.brak_godzin || false;
-        document.getElementById(`min-85-${studentId}`).checked = behavior.min_85 || false;
-        document.getElementById(`etap-szkolny-${studentId}`).checked = behavior.etap_szkolny || false;
-        document.getElementById(`etap-rejonowy-${studentId}`).checked = behavior.etap_rejonowy || false;
-        document.getElementById(`etap-wojewodzki-${studentId}`).checked = behavior.etap_wojewodzki || false;
-        document.getElementById(`etap-ogolnopolski-${studentId}`).checked = behavior.etap_ogolnopolski || false;
-        document.getElementById(`udzial-konkurs-${studentId}`).checked = behavior.udzial_konkurs || false;
-        document.getElementById(`wyroznienie-konkurs-${studentId}`).checked = behavior.wyroznienie_konkurs || false;
-        document.getElementById(`reprezentacja-indywidualna-${studentId}`).checked = behavior.reprezentacja_indywidualna || false;
-        document.getElementById(`reprezentacja-zespolowa-${studentId}`).checked = behavior.reprezentacja_zespolowa || false;
-        document.getElementById(`udzial-zawody-${studentId}`).checked = behavior.udzial_zawody || false;
-        document.getElementById(`organizacja-imprez-${studentId}`).checked = behavior.organizacja_imprez || false;
-        document.getElementById(`funkcja-klasa-${studentId}`).checked = behavior.funkcja_klasa || false;
-        document.getElementById(`uroczystosci-${studentId}`).checked = behavior.uroczystosci || false;
-        document.getElementById(`poczta-sztandar-${studentId}`).checked = behavior.poczta_sztandar || false;
-        document.getElementById(`pomoc-nauczyciel-${studentId}`).checked = behavior.pomoc_nauczyciel || false;
-        document.getElementById(`wolontariat-${studentId}`).checked = behavior.wolontariat || false;
-    });
-
+    // Wczytaj dane dla aktualnego dnia, jeśli istnieją
+    // Możesz tu zaimplementować dodatkową logikę, jeśli potrzebujesz
     calculateStats();
 }
 
+// Funkcja do zapisywania danych dnia
 function saveDayData() {
     studentsData.forEach(student => {
-        const studentId = student.name.replace(' ', '-');
-        const behavior = {
-            frekwencja: document.getElementById(`frekwencja-${studentId}`).checked,
-            brak_godzin: document.getElementById(`brak-godzin-${studentId}`).checked,
-            min_85: document.getElementById(`min-85-${studentId}`).checked,
-            etap_szkolny: document.getElementById(`etap-szkolny-${studentId}`).checked,
-            etap_rejonowy: document.getElementById(`etap-rejonowy-${studentId}`).checked,
-            etap_wojewodzki: document.getElementById(`etap-wojewodzki-${studentId}`).checked,
-            etap_ogolnopolski: document.getElementById(`etap-ogolnopolski-${studentId}`).checked,
-            udzial_konkurs: document.getElementById(`udzial-konkurs-${studentId}`).checked,
-            wyroznienie_konkurs: document.getElementById(`wyroznienie-konkurs-${studentId}`).checked,
-            reprezentacja_indywidualna: document.getElementById(`reprezentacja-indywidualna-${studentId}`).checked,
-            reprezentacja_zespolowa: document.getElementById(`reprezentacja-zespolowa-${studentId}`).checked,
-            udzial_zawody: document.getElementById(`udzial-zawody-${studentId}`).checked,
-            organizacja_imprez: document.getElementById(`organizacja-imprez-${studentId}`).checked,
-            funkcja_klasa: document.getElementById(`funkcja-klasa-${studentId}`).checked,
-            uroczystosci: document.getElementById(`uroczystosci-${studentId}`).checked,
-            poczta_sztandar: document.getElementById(`poczta-sztandar-${studentId}`).checked,
-            pomoc_nauciciel: document.getElementById(`pomoc-nauczyciel-${studentId}`).checked,
-            wolontariat: document.getElementById(`wolontariat-${studentId}`).checked
-        };
+        const studentId = student.name.replace(/ /g, '-');
+        const behavior = student.behavior[`day${currentDay}`] || {};
+
+        const categoryColumns = categories[currentCategory];
+
+        categoryColumns.forEach(column => {
+            behavior[column.id] = document.getElementById(`${column.id}-${studentId}`).checked;
+        });
 
         student.behavior[`day${currentDay}`] = behavior;
     });
 }
 
+// Funkcja do obliczania statystyk
 function calculateStats() {
-    const frekwencjaPoints = parseInt(document.getElementById('frekwencja-punkty').value);
-    const brakGodzinPoints = parseInt(document.getElementById('brak-godzin-punkty').value);
-    const min85Points = parseInt(document.getElementById('min-85-punkty').value);
-    const etapSzkolnyPoints = parseInt(document.getElementById('etap-szkolny-punkty').value);
-    const etapRejonowyPoints = parseInt(document.getElementById('etap-rejonowy-punkty').value);
-    const etapWojewodzkiPoints = parseInt(document.getElementById('etap-wojewodzki-punkty').value);
-    const etapOgolnopolskiPoints = parseInt(document.getElementById('etap-ogolnopolski-punkty').value);
-    const udzialKonkursPoints = 5; // stała wartość
-    const wyroznienieKonkursPoints = 10; // stała wartość
-    const reprezentacjaIndPoints = 5; // stała wartość
-    const reprezentacjaZesPoints = 10; // stała wartość
-    const udzialZawodyPoints = 15; // stała wartość
-    const organizacjaImprezPoints = 10; // stała wartość
-    const funkcjaKlasyPoints = 10; // stała wartość
-    const uroczystosciPoints = 10; // stała wartość
-    const pocztaSztandarPoints = 20; // stała wartość
-    const pomocNauczycielaPoints = 10; // stała wartość
-    const wolontariatPoints = 10; // stała wartość
+    const frekwencjaPoints = parseInt(document.getElementById('frekwencja-punkty').value) || 0;
+    const brakGodzinPoints = parseInt(document.getElementById('brak-godzin-punkty').value) || 0;
+    const min85Points = parseInt(document.getElementById('min-85-punkty').value) || 0;
+    const etapSzkolnyPoints = parseInt(document.getElementById('etap-szkolny-punkty')?.value) || 5;
+    const etapRejonowyPoints = parseInt(document.getElementById('etap-rejonowy-punkty')?.value) || 10;
+    const etapWojewodzkiPoints = parseInt(document.getElementById('etap-wojewodzki-punkty')?.value) || 15;
+    const etapOgolnopolskiPoints = parseInt(document.getElementById('etap-ogolnopolski-punkty')?.value) || 20;
+    const udzialKonkursPoints = parseInt(document.getElementById('udzial-konkurs-punkty')?.value) || 5;
+    const wyroznienieKonkursPoints = parseInt(document.getElementById('wyroznienie-konkurs-punkty')?.value) || 10;
+    const reprezentacjaIndPoints = parseInt(document.getElementById('reprezentacja-indywidualna-punkty')?.value) || 5;
+    const reprezentacjaZesPoints = parseInt(document.getElementById('reprezentacja-zespolowa-punkty')?.value) || 10;
+    const udzialZawodyPoints = parseInt(document.getElementById('udzial-zawody-punkty')?.value) || 15;
+    const organizacjaImprezPoints = parseInt(document.getElementById('organizacja-imprez-punkty')?.value) || 10;
+    const funkcjaKlasyPoints = parseInt(document.getElementById('funkcja-klasa-punkty')?.value) || 10;
+    const uroczystosciPoints = parseInt(document.getElementById('uroczystosci-punkty')?.value) || 10;
+    const pocztaSztandarPoints = parseInt(document.getElementById('poczta-sztandar-punkty')?.value) || 20;
+    const pomocNauczycielaPoints = parseInt(document.getElementById('pomoc-nauczyciel-punkty')?.value) || 10;
+    const wolontariatPoints = parseInt(document.getElementById('wolontariat-punkty')?.value) || 10;
 
     let stats = '';
 
@@ -160,7 +227,7 @@ function calculateStats() {
             if (behavior.funkcja_klasa) dayPoints += funkcjaKlasyPoints;
             if (behavior.uroczystosci) dayPoints += uroczystosciPoints;
             if (behavior.poczta_sztandar) dayPoints += pocztaSztandarPoints;
-            if (behavior.pomoc_nauciciel) dayPoints += pomocNauczycielaPoints;
+            if (behavior.pomoc_nauczyciel) dayPoints += pomocNauczycielaPoints;
             if (behavior.wolontariat) dayPoints += wolontariatPoints;
 
             totalPoints += dayPoints;
@@ -169,9 +236,10 @@ function calculateStats() {
         stats += `${student.name}: ${totalPoints} punktów (${getGrade(totalPoints)})\n`;
     });
 
-    document.getElementById('stats').innerText = stats;
+    document.getElementById('stats-output').innerText = stats;
 }
 
+// Funkcja do przypisywania ocen na podstawie punktów
 function getGrade(points) {
     if (points >= 250) return "Wzorowe";
     if (points >= 180) return "Bardzo dobre";
@@ -181,8 +249,57 @@ function getGrade(points) {
     return "Naganne";
 }
 
-// Ustawienie daty na dziś
-document.getElementById('current-date').innerText = baseDate.toLocaleDateString();
+// Funkcja do generowania tabeli uczniów na podstawie wybranej kategorii
+function generateTable(category) {
+    const table = document.getElementById('student-table');
+    const thead = table.querySelector('thead tr');
+    const tbody = table.querySelector('tbody');
 
-// Generowanie tabeli przy starcie
-generateTable();
+    // Clear existing headers and body
+    thead.innerHTML = '';
+    tbody.innerHTML = '';
+
+    // Add 'Imię i Nazwisko' header
+    const thName = document.createElement('th');
+    thName.textContent = "Imię i Nazwisko";
+    thead.appendChild(thName);
+
+    // Get columns for the category
+    const categoryColumns = categories[category];
+
+    // Add headers for category
+    categoryColumns.forEach(column => {
+        const th = document.createElement('th');
+        th.textContent = column.name;
+        thead.appendChild(th);
+    });
+
+    // Generate rows
+    studentsData.forEach(student => {
+        const row = document.createElement('tr');
+
+        // Name cell
+        const tdName = document.createElement('td');
+        tdName.textContent = student.name;
+        row.appendChild(tdName);
+
+        // Checkbox cells
+        categoryColumns.forEach(column => {
+            const td = document.createElement('td');
+            const checkbox = document.createElement('input');
+            checkbox.type = 'checkbox';
+            checkbox.id = `${column.id}-${student.name.replace(/ /g, '-')}`;
+            checkbox.onchange = calculateStats;
+
+            // Ustawienie stanu checkboxa na podstawie zapisanych danych
+            if (student.behavior[`day${currentDay}`] && student.behavior[`day${currentDay}`][column.id]) {
+                checkbox.checked = student.behavior[`day${currentDay}`][column.id];
+            }
+
+            td.appendChild(checkbox);
+            row.appendChild(td);
+        });
+
+        tbody.appendChild(row);
+    });
+}

p1/token.txt

@@ -0,0 +1 @@
+a4dd89352b730d2ef7a3eff72ab98dbc2b7e8d6b