// 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" } ] }; // Zmienne globalne let currentCategory = 'frekwencja'; let currentClass = ''; let studentsData = []; let currentDay = 0; const baseDate = new Date(); // Funkcja do wczytywania pliku JSON async function fetchJSONFile(filePath) { try { const response = await fetch(filePath); if (!response.ok) { throw new Error(`Błąd HTTP! Status: ${response.status}`); } return await response.json(); } catch (error) { console.error("Błąd podczas pobierania pliku JSON:", error); return null; } } // Obiekt do przechowywania danych klas i uczniów const classData = {}; // Funkcja do wczytania pliku class.json i danych uczniów async function loadClasses() { const classFilePath = '/data/class.json'; const classes = await fetchJSONFile(classFilePath); if (classes) { console.log('Załadowane klasy:', classes); const selectClass = document.getElementById("select-class-select"); selectClass.innerHTML = ""; // Wyczyść istniejące opcje classes.forEach(classInfo => { const option = document.createElement('option'); option.value = classInfo.file_path; option.textContent = `Klasa: ${classInfo.class}`; selectClass.appendChild(option); console.log("Dodano klasę ", classInfo.class, " do SELECT"); }); // Dodaj nasłuchiwacz zdarzeń na zmianę wyboru klasy selectClass.addEventListener('change', function() { const selectedClassFile = this.value; console.log(`Wybrano klasę: ${selectedClassFile}`); loadStudents(selectedClassFile); }); // Opcjonalnie, ustaw domyślnie pierwszą klasę i załaduj jej uczniów if (classes.length > 0) { selectClass.selectedIndex = 0; const defaultClassFile = classes[0].file_path; loadStudents(defaultClassFile); } } } // Funkcja do wczytania danych uczniów dla wybranej klasy async function loadStudents(classFilePath) { if (!classFilePath) { console.warn("Nie wybrano żadnej klasy."); return; } const studentsFilePath = `/data/${classFilePath}`; const data = await fetchJSONFile(studentsFilePath); if (data && Array.isArray(data.students)) { console.log(`Uczniowie załadowani z pliku ${classFilePath}:`, data); studentsData = data.students; // Aktualizuj globalną tablicę uczniów // Inicjalizacja 'behavior' dla każdego ucznia, jeśli jest niezdefiniowany studentsData.forEach(student => { if (!student.behavior) { student.behavior = {}; } }); currentClass = classFilePath; // Ustaw aktualną klasę generateTable(currentCategory); // Regeneruj tabelę z aktualną kategorią } else { console.error("Błąd: Nie udało się załadować danych uczniów lub dane są niepoprawne."); studentsData = []; // Jeśli nie udało się załadować danych, wyczyść tablicę uczniów currentClass = ''; generateTable(currentCategory); // Regeneruj pustą tabelę } } // Funkcja do wczytania pliku criteria.json async function loadCriteria() { const criteriaFilePath = '/data/criteria.json'; const criteria = await fetchJSONFile(criteriaFilePath); console.log("Załadowane kryteria:", criteria); const roles = criteria.roles; const selectroleByid = document.getElementById("select-role"); let selectroleHTML = ""; // Zainicjalizuj pusty string na HTML // Iteracja przez klucze obiektu roles for (const [key, value] of Object.entries(roles)) { selectroleHTML += ``; } // Wstawienie HTML do elementu select selectroleByid.innerHTML = selectroleHTML; } // 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')); // Pokaż wybrany tab const selectedTab = document.getElementById(tabName); if (selectedTab) { selectedTab.classList.add('active'); } if (tabName === 'criteria') { loadDayData(); } else if (tabName === 'points') { calculateStats(); } } // Funkcja do przełączania kategorii w tabeli uczniów function showInnerTab(category) { currentCategory = category; // Generowanie tabeli na podstawie wybranej kategorii generateTable(category); // 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() { // Domyślnie pokazujemy kategorię 'frekwencja' showInnerTab('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; const newDate = new Date(baseDate); newDate.setDate(baseDate.getDate() + currentDay); document.getElementById('current-date').innerText = newDate.toLocaleDateString(); loadDayData(); } // Funkcja do ładowania danych dnia function loadDayData() { studentsData.forEach(student => { const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-'); const behavior = student.behavior[`day${currentDay}`] || {}; // Pobierz kryteria dla aktualnej kategorii const categoryColumns = categories[currentCategory]; categoryColumns.forEach(column => { const checkbox = document.getElementById(`${column.id}-${studentId}`); if (checkbox) { checkbox.checked = behavior[column.id] || false; } }); }); calculateStats(); } // Funkcja do zapisywania danych dnia function saveDayData() { studentsData.forEach(student => { const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-'); // Upewnij się, że 'behavior' jest zdefiniowany if (!student.behavior) { student.behavior = {}; } let behavior = student.behavior[`day${currentDay}`] || {}; const categoryColumns = categories[currentCategory]; categoryColumns.forEach(column => { const checkbox = document.getElementById(`${column.id}-${studentId}`); if (checkbox) { behavior[column.id] = checkbox.checked; } }); student.behavior[`day${currentDay}`] = behavior; }); } // Funkcja do obliczania statystyk function calculateStats() { // Pobieranie punktów z zakładki "Ustal punkty" const points = { frekwencja: parseInt(document.getElementById('frekwencja-punkty').value) || 0, brak_godzin: parseInt(document.getElementById('brak_godzin-punkty').value) || 0, min_85: parseInt(document.getElementById('min_85-punkty').value) || 0, etap_szkolny: parseInt(document.getElementById('etap_szkolny-punkty').value) || 5, etap_rejonowy: parseInt(document.getElementById('etap_rejonowy-punkty').value) || 10, etap_wojewodzki: parseInt(document.getElementById('etap_wojewodzki-punkty').value) || 15, etap_ogolnopolski: parseInt(document.getElementById('etap_ogolnopolski-punkty').value) || 20, udzial_konkurs: parseInt(document.getElementById('udzial_konkurs-punkty').value) || 5, wyroznienie_konkurs: parseInt(document.getElementById('wyroznienie_konkurs-punkty').value) || 10, reprezentacja_indywidualna: parseInt(document.getElementById('reprezentacja_indywidualna-punkty').value) || 5, reprezentacja_zespolowa: parseInt(document.getElementById('reprezentacja_zespolowa-punkty').value) || 10, udzial_zawody: parseInt(document.getElementById('udzial_zawody-punkty').value) || 15, organizacja_imprez: parseInt(document.getElementById('organizacja_imprez-punkty').value) || 10, funkcja_klasa: parseInt(document.getElementById('funkcja_klasa-punkty').value) || 10, uroczystosci: parseInt(document.getElementById('uroczystosci-punkty').value) || 10, poczta_sztandar: parseInt(document.getElementById('poczta_sztandar-punkty').value) || 20, pomoc_nauczyciel: parseInt(document.getElementById('pomoc_nauczyciel-punkty').value) || 10, wolontariat: parseInt(document.getElementById('wolontariat-punkty').value) || 10 }; let stats = ''; studentsData.forEach(student => { let totalPoints = 0; Object.keys(student.behavior).forEach(day => { const behavior = student.behavior[day]; let dayPoints = 0; for (const [criterion, value] of Object.entries(behavior)) { if (value && points[criterion]) { dayPoints += points[criterion]; } } totalPoints += dayPoints; }); stats += `${student.first_name} ${student.last_name}: ${totalPoints} punktów (${getGrade(totalPoints)})\n`; }); 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"; if (points >= 100) return "Dobre"; if (points >= 50) return "Poprawne"; if (points >= 0) return "Nieodpowiednie"; return "Naganne"; } // 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'); // Wyczyść istniejące nagłówki i wiersze thead.innerHTML = ''; tbody.innerHTML = ''; // Dodaj nagłówek 'Imię i Nazwisko' const thName = document.createElement('th'); thName.textContent = "Imię i Nazwisko"; thead.appendChild(thName); // Pobierz kolumny dla wybranej kategorii const categoryColumns = categories[category]; // Dodaj nagłówki dla kryteriów w kategorii categoryColumns.forEach(column => { const th = document.createElement('th'); th.textContent = column.name; thead.appendChild(th); }); // Generuj wiersze dla uczniów studentsData.forEach(student => { const row = document.createElement('tr'); // Komórka z imieniem i nazwiskiem const tdName = document.createElement('td'); tdName.textContent = `${student.first_name} ${student.last_name}`; row.appendChild(tdName); // Upewnij się, że 'behavior' jest zdefiniowany if (!student.behavior) { student.behavior = {}; } // Komórki z checkboxami dla kryteriów categoryColumns.forEach(column => { const td = document.createElement('td'); const checkbox = document.createElement('input'); checkbox.type = 'checkbox'; const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-'); checkbox.id = `${column.id}-${studentId}`; checkbox.onchange = calculateStats; // Ustawienie stanu checkboxa na podstawie zapisanych danych checkbox.checked = student.behavior[`day${currentDay}`]?.[column.id] || false; td.appendChild(checkbox); row.appendChild(td); }); tbody.appendChild(row); }); }