p22.10/js/script.js

// Zmienne globalne
let currentCategory = 'frekwencja';
let currentClass = '';
let studentsData = [];
let currentDay = 0;
let currentRole = "teacher"
let currentRoleCriterias = []
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ę
    }
}

async function getCategoriesWithCriteria() {
    const criteriaFilePath = '/data/criteria.json';
    const criteria = await fetchJSONFile(criteriaFilePath);
    let categoriesWithCriteria = {}
    
    criteria.categories.forEach(category => {
        let criteriaForCategory = []
        criteria.criteria.forEach(criteria => {
            if(category.criteria_ids.includes(criteria.id)) {
                //console.log(`!!! ${category.name} posiada ${criteria.name}`)
                criteriaForCategory.push({name: criteria.name, id: criteria.id})
            }
        })
        categoriesWithCriteria[category.id] = criteriaForCategory
    })

    return categoriesWithCriteria

    
}

// 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);
    
    //
    // LADOWANIE ROL
    //
    const roles = criteria.roles;
    
    const selectroleByid = document.getElementById("select-role");
    let selectroleHTML = ""; // Zainicjalizuj pusty string na HTML
    currentRole = "teacher"
    // Iteracja przez klucze obiektu roles
    for (const [key, value] of Object.entries(roles)) {
        if(key == "teacher") {
            currentRoleCriterias = value.criteria_ids
        }
        selectroleHTML += `<option value="${key}">${value.name}</option>`;
    }

    // Wstawienie HTML do elementu select
    selectroleByid.innerHTML = selectroleHTML;

    // category-buttons-box
    const categoriesCriteria = criteria.categories;
    const categoryButtonsBox = document.getElementById("category-buttons-box");
    let categoryButtonHTML = ""
    categoriesCriteria.forEach(category => {
        const hasCriteria = category.criteria_ids.some(criteriaId => currentRoleCriterias.includes(criteriaId));
        
        // Jeśli kategoria ma kryteria, dodajemy przycisk
        if (hasCriteria) {
            categoryButtonHTML += `<button data-category="${category.id}" onclick="showInnerTab('${category.id}')">${category.name}</button>`;
        }
    });

    categoryButtonsBox.innerHTML = categoryButtonHTML;
}

async function changeRole(role) {
    const select = document.getElementById('select-role');
    const selectedValue = select.value;

    const criteriaFilePath = '/data/criteria.json';
    const criteria = await fetchJSONFile(criteriaFilePath);

    currentRole = selectedValue
    currentRoleCriterias = criteria.roles[currentRole].criteria_ids
    console.log("currentRole:", currentRole)
    console.log("currentRoleCriterias:", currentRoleCriterias)

    // category-buttons-box
    const categoriesCriteria = criteria.categories;
    const categoryButtonsBox = document.getElementById("category-buttons-box");
    let categoryButtonHTML = ""
    categoriesCriteria.forEach(category => {
        const hasCriteria = category.criteria_ids.some(criteriaId => currentRoleCriterias.includes(criteriaId));

        
        // Jeśli kategoria ma kryteria, dodajemy przycisk
        if (hasCriteria) {
            categoryButtonHTML += `<button data-category="${category.id}" onclick="showInnerTab('${category.id}')">${category.name}</button>`;
        }
    });

    categoryButtonsBox.innerHTML = categoryButtonHTML;

    generateTable(currentCategory)
}

// 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'
   

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

    // Uruchomienie wczytywania klas i kryteriów
    loadClasses();
    loadCriteria();

    showInnerTab('frekwencja');
});

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

    // get role
    console.log("currentRole", currentRole)

    // Pobierz kolumny dla wybranej kategorii
    const categories = await getCategoriesWithCriteria()
    console.log("łot:", categories)
    const categoryColumns = categories[category];

    // Dodaj nagłówki dla kryteriów w kategorii
    categoryColumns.forEach(column => {
        const th = document.createElement('th');
        if(currentRoleCriterias.includes(column.id)) {
            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 => {
            if(currentRoleCriterias.includes(column.id)) {
                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);
    });
}

//window.onscroll = function() {
  //  const stickyElements = document.querySelectorAll('.sticky');
    //stickyElements.forEach(element => {
      //  if (window.pageYOffset > element.offsetTop) {
        //    element.classList.add('active');
       // } else {
         //   element.classList.remove('active');
        //}
    //});
//};