p22.10/js/script.js

// 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);
    }
}

// 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) {
        const section_by_id = document.getElementById("select-class");
        section_by_id.innerHTML = ""; // Wyczyść istniejące opcje

        for (const classInfo of classes) {
            const studentsFilePath = '/data/' + classInfo.file_path;
            const studentsDataForClass = await fetchJSONFile(studentsFilePath);

            const classKey = classInfo.class + "-" + classInfo.group;

            // Utwórz i dodaj opcję do selecta
            const option = document.createElement("option");
            option.value = classKey;
            option.text = "Klasa: " + classInfo.class + " Grupa: " + classInfo.group;
            section_by_id.appendChild(option);

            if (studentsDataForClass) {
                processClassData(classInfo, studentsDataForClass);
            }
        }
    }
}

// Funkcja do przetwarzania danych o klasach i uczniach
function processClassData(classInfo, studentsDataForClass) {
    const classKey = classInfo.class + "-" + classInfo.group;
    classData[classKey] = studentsDataForClass;
}

// Globalna tablica studentsData
let studentsData = [];

// Nasłuchiwanie na zmianę klasy i ładowanie uczniów
document.addEventListener('DOMContentLoaded', function() {
    loadClasses().then(() => {
        const selectClassElement = document.getElementById('select-class');

        selectClassElement.addEventListener('change', function() {
            var selectedClass = this.value;
            console.log("Aktualnie wybrana klasa: ", selectedClass);

            // Pobierz dane uczniów dla wybranej klasy
            let classStudentsData = classData[selectedClass];

            if (classStudentsData && classStudentsData.students) {
                console.log("Dane uczniów dla klasy:", classStudentsData.students);
                // Zaktualizuj tablicę studentsData
                studentsData = classStudentsData.students.map(student => ({
                    name: student.first_name + " " + student.last_name,
                    behavior: {}
                }));
                // Wygeneruj tabelę
                generateTable();
                // Załaduj dane dla aktualnego dnia
                loadDayData();
            } else {
                console.error("Nie znaleziono danych dla klasy: ", selectedClass);
            }
        });

        // Automatycznie wywołaj 'change' dla pierwszej klasy w select
        if (selectClassElement.options.length > 0) {
            selectClassElement.selectedIndex = 0;
            selectClassElement.dispatchEvent(new Event('change'));
        }
    });
});

function showTab(tabName) {
    const tabs = document.querySelectorAll('.tab');
    tabs.forEach(tab => tab.classList.remove('active'));
    document.getElementById(tabName).classList.add('active');

    if (tabName === 'criteria') {
        loadDayData();
    } else if (tabName === 'points') {
        calculateStats();
    }
}

function generateTable() {
    const table = document.getElementById('student-table');
    table.innerHTML = '';

    studentsData.forEach(student => {
        console.log("Przetwarzany student:", student);
        const studentId = student.name.replace(/\s+/g, '-');
        const row = document.createElement('tr');
        row.innerHTML = `
            <td>${student.name}</td>
            <td><input type="checkbox" id="frekwencja-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="brak-godzin-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="min-85-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="etap-szkolny-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="etap-rejonowy-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="etap-wojewodzki-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="etap-ogolnopolski-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="udzial-konkurs-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="wyroznienie-konkurs-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="reprezentacja-indywidualna-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="reprezentacja-zespolowa-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="udzial-zawody-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="organizacja-imprez-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="funkcja-klasa-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="uroczystosci-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="poczta-sztandar-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="pomoc-nauczyciel-${studentId}" onchange="calculateStats()"></td>
            <td><input type="checkbox" id="wolontariat-${studentId}" onchange="calculateStats()"></td>
        `;
        table.appendChild(row);
    });
}

let currentDay = 0;
const baseDate = new Date();

// Zmiana dnia i ładowanie danych
function changeDay(direction) {
    saveDayData();
    currentDay += direction;
    const newDate = new Date(baseDate);
    newDate.setDate(baseDate.getDate() + currentDay);
    document.getElementById('current-date').innerText = newDate.toLocaleDateString();
    loadDayData();
}

function loadDayData() {
    studentsData.forEach(student => {
        const studentId = student.name.replace(/\s+/g, '-');
        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;
    });

    calculateStats();
}

function saveDayData() {
    studentsData.forEach(student => {
        const studentId = student.name.replace(/\s+/g, '-');
        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_nauczyciel: document.getElementById(`pomoc-nauczyciel-${studentId}`).checked,
            wolontariat: document.getElementById(`wolontariat-${studentId}`).checked
        };

        student.behavior[`day${currentDay}`] = behavior;
    });
}

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ść

    let stats = '';

    studentsData.forEach(student => {
        let totalPoints = 0;

        Object.keys(student.behavior).forEach(day => {
            const behavior = student.behavior[day];

            let dayPoints = 0;
            if (behavior.frekwencja) dayPoints += frekwencjaPoints;
            if (behavior.brak_godzin) dayPoints += brakGodzinPoints;
            if (behavior.min_85) dayPoints += min85Points;
            if (behavior.etap_szkolny) dayPoints += etapSzkolnyPoints;
            if (behavior.etap_rejonowy) dayPoints += etapRejonowyPoints;
            if (behavior.etap_wojewodzki) dayPoints += etapWojewodzkiPoints;
            if (behavior.etap_ogolnopolski) dayPoints += etapOgolnopolskiPoints;
            if (behavior.udzial_konkurs) dayPoints += udzialKonkursPoints;
            if (behavior.wyroznienie_konkurs) dayPoints += wyroznienieKonkursPoints;
            if (behavior.reprezentacja_indywidualna) dayPoints += reprezentacjaIndPoints;
            if (behavior.reprezentacja_zespolowa) dayPoints += reprezentacjaZesPoints;
            if (behavior.udzial_zawody) dayPoints += udzialZawodyPoints;
            if (behavior.organizacja_imprez) dayPoints += organizacjaImprezPoints;
            if (behavior.funkcja_klasa) dayPoints += funkcjaKlasyPoints;
            if (behavior.uroczystosci) dayPoints += uroczystosciPoints;
            if (behavior.poczta_sztandar) dayPoints += pocztaSztandarPoints;
            if (behavior.pomoc_nauczyciel) dayPoints += pomocNauczycielaPoints;
            if (behavior.wolontariat) dayPoints += wolontariatPoints;

            totalPoints += dayPoints;
        });

        stats += `${student.name}: ${totalPoints} punktów (${getGrade(totalPoints)})\n`;
    });

    document.getElementById('stats').innerText = stats;
}

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";
}

// Ustawienie daty na dziś
document.getElementById('current-date').innerText = baseDate.toLocaleDateString();