fetch class update

This commit is contained in:
baiobelfer 2024-10-16 11:17:49 +02:00
parent 385b8d5c0d
commit 4e79bd6048
1 changed files with 38 additions and 79 deletions

119
js/app.js
View File

@ -1,86 +1,45 @@
let criteriaData = 1
let studentsData = []; // Baza danych uczniów
let currentCategory = "behavior"; // Domyślna kategoria
console.log("data")
// Wczytanie kryteriów z pliku JSON
fetch('../data/criteria.json')
.then(response => response.json())
.then(data => {
console.log(data);
criteriaData = data;
populateCategorySelect();
loadStudents(); // Wczytanie pierwszej listy uczniów
})
.catch(error => {
console.error("Błąd podczas wczytywania pliku criteria.json: ", error);
});
// Załaduj kategorie do selektora
function populateCategorySelect() {
const categorySelect = document.getElementById('category-select');
criteriaData.categories.forEach(category => {
const option = document.createElement('option');
option.value = category.id;
option.text = category.name;
categorySelect.appendChild(option);
});
// 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);
}
}
// Załaduj kryteria na podstawie wybranej kategorii
function loadCriteriaByCategory() {
currentCategory = document.getElementById('category-select').value;
generateStudentTable();
// 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 = 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);
}
}
}
}
// Wczytanie listy uczniów z pliku
function loadStudents() {
fetch('data/students/zsl_class_2a_fizyka_2024_2025.json') // Załaduj pierwszy plik jako przykład
.then(response => response.json())
.then(data => {
studentsData = data.students;
generateStudentTable();
})
.catch(error => {
console.error("Błąd podczas wczytywania pliku studentów: ", error);
});
// 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
}
// Generowanie tabeli uczniów i kryteriów
function generateStudentTable() {
const table = document.getElementById('student-table');
const thead = document.querySelector('thead tr');
table.innerHTML = ''; // Wyczyść tabelę uczniów
thead.innerHTML = '<th>Uczeń</th>'; // Wyczyść i ustaw pierwszy nagłówek
const categoryCriteria = criteriaData.categories.find(category => category.id === currentCategory).criteria_ids;
const filteredCriteria = criteriaData.criteria.filter(criterion => categoryCriteria.includes(criterion.id));
// Dodanie kolumn dla kryteriów
filteredCriteria.forEach(criterion => {
const th = document.createElement('th');
th.textContent = criterion.name;
thead.appendChild(th);
});
// Generowanie wierszy dla każdego ucznia
studentsData.forEach(student => {
const row = document.createElement('tr');
row.innerHTML = `<td>${student.first_name} ${student.last_name}</td>`;
// Dodanie pól do zaznaczania dla każdego kryterium
filteredCriteria.forEach(criterion => {
const td = document.createElement('td');
td.innerHTML = `<input type="checkbox" id="student-${student.id}-criterion-${criterion.id}" onchange="calculateStats()">`;
row.appendChild(td);
});
table.appendChild(row);
});
}
// Obliczanie statystyk na podstawie wybranych kryteriów
function calculateStats() {
// Logika do przeliczania punktacji na podstawie zaznaczonych kryteriów
}
// Uruchomienie wczytywania klas
loadClasses();