p22.10/js/script.js

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

        const selectClass = document.getElementById("select-class-select");
        selectClass.innerHTML = ""; // Clear existing options

        classes.forEach(classInfo => {
            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");
        });

        // Add event listener for class selection
        selectClass.addEventListener('change', function() {
            const selectedClass = this.value;
            console.log(`Wybrano klasę: ${selectedClass}`);
            // Wczytaj dane uczniów dla wybranej klasy
            // To implement based on how you store student data per class
            // For example:
            // loadStudents(selectedClass);
            // But for now, assuming studentsData is global
        });

        // Optionally, set a default selected class
        if (classes.length > 0) {
            selectClass.value = classes[0].class;
            // Load students for the first class
            // loadStudents(classes[0].class);
        }
    }
}

// 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)
let studentsData = [
    { name: "Jan Kowalski", behavior: {} },
    { name: "Anna Nowak", behavior: {} },
    { name: "Piotr Wiśniewski", behavior: {} },
    { name: "Katarzyna Zielińska", behavior: {} }
];

// To store student data per class, you might need a data structure like:
// let allStudentsData = {
//     "1A": [...],
//     "2B": [...],
//     ...
// };

// let allStudentsData = {};

// function loadStudents(className) {
//     // Load students data for the class from allStudentsData[className]
//     // And set studentsData accordingly
// }

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'));

    // 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.name.replace(/ /g, '-');
        const behavior = student.behavior[`day${currentDay}`] || {};

        // Get criteria for the current category
        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.name.replace(/ /g, '-');
        const 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.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');

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