c2024
/
projekt
13
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: c2024:3d62de7867b3fbd1156c17a2be793a701af5e560
Branches Tags
c2024:dev
c2024:workingfunc
c2024:fk1810
c2024:tom
c2024:robocza
c2024:sptak
c2024:build
c2024:teamAPI
c2024:f1
c2024:konradm
c2024:test
c2024:bartoszh
c2024:mpabi
c2024:k
..
compare: c2024:e0ba11b0e9620841c10b33842568fade0432424a
Branches Tags
c2024:workingfunc
c2024:fk1810
c2024:tom
c2024:robocza
c2024:sptak
c2024:build
c2024:teamAPI
c2024:f1
c2024:konradm
c2024:test
c2024:bartoszh
c2024:mpabi
c2024:k
c2024:dev

2 Commits
3d62de7867 ... e0ba11b0e9

Author SHA1 Message Date
konradm e0ba11b0e9 commit 2024-10-17 14:15:45 +02:00
konradm a211321c84 commit 
// 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.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';
        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];
        } else {
            checkbox.checked = false;
        }

        td.appendChild(checkbox);
        row.appendChild(td);
    });

    tbody.appendChild(row);
});
 2024-10-17 14:14:38 +02:00
8 changed files with 145 additions and 214 deletions
Show Stats Expand all files Collapse all files

49
index.html
View File

@ -2,7 +2,6 @@
<html lang="pl"> <html lang="pl">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ocena Zachowania</title> <title>Ocena Zachowania</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
</head> </head>
@ -27,6 +26,7 @@
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<!-- Dodaj wiersze dla wszystkich kryteriów -->
<tr> <tr>
<td>Frekwencja 95-100%</td> <td>Frekwencja 95-100%</td>
<td><input type="number" id="frekwencja-punkty" value="30" onchange="calculateStats()"></td> <td><input type="number" id="frekwencja-punkty" value="30" onchange="calculateStats()"></td>
@ -41,47 +41,47 @@
</tr> </tr>
<tr> <tr>
<td>Etap szkolny</td> <td>Etap szkolny</td>
<td><input type="number" id="etap-szkolny-punkty" value="5" onchange="calculateStats()"></td> <td><input type="number" id="etap_szkolny-punkty" value="5" onchange="calculateStats()"></td>
</tr> </tr>
<tr> <tr>
<td>Etap rejonowy</td> <td>Etap rejonowy</td>
<td><input type="number" id="etap-rejonowy-punkty" value="10" onchange="calculateStats()"></td> <td><input type="number" id="etap_rejonowy-punkty" value="10" onchange="calculateStats()"></td>
</tr> </tr>
<tr> <tr>
<td>Etap wojewódzki</td> <td>Etap wojewódzki</td>
<td><input type="number" id="etap-wojewodzki-punkty" value="15" onchange="calculateStats()"></td> <td><input type="number" id="etap_wojewodzki-punkty" value="15" onchange="calculateStats()"></td>
</tr> </tr>
<tr> <tr>
<td>Etap ogólnopolski</td> <td>Etap ogólnopolski</td>
<td><input type="number" id="etap-ogolnopolski-punkty" value="20" onchange="calculateStats()"></td> <td><input type="number" id="etap_ogolnopolski-punkty" value="20" onchange="calculateStats()"></td>
</tr> </tr>
<tr> <tr>
<td>Udział w konkursach</td> <td>Udział w konkursach</td>
<td><input type="number" id="udzial-konkurs-punkty" value="5" onchange="calculateStats()"></td> <td><input type="number" id="udzial_konkurs-punkty" value="5" onchange="calculateStats()"></td>
</tr> </tr>
<tr> <tr>
<td>Wyróżnienie w konkursie</td> <td>Wyróżnienie w konkursie</td>
<td><input type="number" id="wyroznienie-konkurs-punkty" value="10" onchange="calculateStats()"></td> <td><input type="number" id="wyroznienie_konkurs-punkty" value="10" onchange="calculateStats()"></td>
</tr> </tr>
<tr> <tr>
<td>Reprezentacja indywidualna</td> <td>Reprezentacja indywidualna</td>
<td><input type="number" id="reprezentacja-indywidualna-punkty" value="5" onchange="calculateStats()"></td> <td><input type="number" id="reprezentacja_indywidualna-punkty" value="5" onchange="calculateStats()"></td>
</tr> </tr>
<tr> <tr>
<td>Reprezentacja zespołowa</td> <td>Reprezentacja zespołowa</td>
<td><input type="number" id="reprezentacja-zespolowa-punkty" value="10" onchange="calculateStats()"></td> <td><input type="number" id="reprezentacja_zespolowa-punkty" value="10" onchange="calculateStats()"></td>
</tr> </tr>
<tr> <tr>
<td>Udział w zawodach</td> <td>Udział w zawodach</td>
<td><input type="number" id="udzial-zawody-punkty" value="15" onchange="calculateStats()"></td> <td><input type="number" id="udzial_zawody-punkty" value="15" onchange="calculateStats()"></td>
</tr> </tr>
<tr> <tr>
<td>Organizacja imprez</td> <td>Organizacja imprez</td>
<td><input type="number" id="organizacja-imprez-punkty" value="10" onchange="calculateStats()"></td> <td><input type="number" id="organizacja_imprez-punkty" value="10" onchange="calculateStats()"></td>
</tr> </tr>
<tr> <tr>
<td>Funkcje w klasie</td> <td>Funkcje w klasie</td>
<td><input type="number" id="funkcja-klasa-punkty" value="10" onchange="calculateStats()"></td> <td><input type="number" id="funkcja_klasa-punkty" value="10" onchange="calculateStats()"></td>
</tr> </tr>
<tr> <tr>
<td>Uroczystości okolicznościowe</td> <td>Uroczystości okolicznościowe</td>
@ -89,17 +89,16 @@
</tr> </tr>
<tr> <tr>
<td>Udział w poczcie sztandarowej</td> <td>Udział w poczcie sztandarowej</td>
<td><input type="number" id="poczta-sztandar-punkty" value="20" onchange="calculateStats()"></td> <td><input type="number" id="poczta_sztandar-punkty" value="20" onchange="calculateStats()"></td>
</tr> </tr>
<tr> <tr>
<td>Pomoc nauczycielowi</td> <td>Pomoc nauczycielowi</td>
<td><input type="number" id="pomoc-nauczyciel-punkty" value="10" onchange="calculateStats()"></td> <td><input type="number" id="pomoc_nauczyciel-punkty" value="10" onchange="calculateStats()"></td>
</tr> </tr>
<tr> <tr>
<td>Wolontariat</td> <td>Wolontariat</td>
<td><input type="number" id="wolontariat-punkty" value="10" onchange="calculateStats()"></td> <td><input type="number" id="wolontariat-punkty" value="10" onchange="calculateStats()"></td>
</tr> </tr>
<!-- Dodaj więcej wierszy dla innych punktów, jeśli potrzebne -->
</tbody> </tbody>
</table> </table>
</div> </div>
@ -114,6 +113,11 @@
<div class="select-class" id="select-class-container"> <div class="select-class" id="select-class-container">
<p>Wybierz klasę:</p> <p>Wybierz klasę:</p>
<select class="select-class" id="select-class-select">
<!-- Opcje będą ładowane dynamicznie -->
</select>
</div>
<div class="category-buttons"> <div class="category-buttons">
<button data-category="frekwencja" onclick="showInnerTab('frekwencja')">Frekwencja</button> <button data-category="frekwencja" onclick="showInnerTab('frekwencja')">Frekwencja</button>
<button data-category="olimpiady" onclick="showInnerTab('olimpiady')">Olimpiady</button> <button data-category="olimpiady" onclick="showInnerTab('olimpiady')">Olimpiady</button>
@ -121,24 +125,17 @@
<button data-category="reprezentacja" onclick="showInnerTab('reprezentacja')">Reprezentacja Szkoły</button> <button data-category="reprezentacja" onclick="showInnerTab('reprezentacja')">Reprezentacja Szkoły</button>
<button data-category="aktywnosc" onclick="showInnerTab('aktywnosc')">Aktywność</button> <button data-category="aktywnosc" onclick="showInnerTab('aktywnosc')">Aktywność</button>
</div> </div>
<select class="select-class" id="select-class-select">
<option value="">Wybierz klasę</option>
<option value="1A">Klasa 1A</option>
<option value="2B">Klasa 2B</option>
<option value="3C">Klasa 3C</option>
<!-- Dodaj więcej klas według potrzeb -->
</select>
</div>
<!-- Przykładowa tabela uczniów --> <!-- Tabela uczniów -->
<table id="student-table"> <table id="student-table">
<thead> <thead>
<tr> <tr>
<!-- Dynamiczne nagłówki będą generowane przez JavaScript --> <th>Imię i Nazwisko</th>
<!-- Dynamiczne kolumny będą generowane przez JavaScript -->
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<!-- Dynamiczne wiersze będą generowane przez JavaScript --> <!-- Wiersze uczniów będą generowane przez JavaScript -->
</tbody> </tbody>
</table> </table>
</div> </div>

0
js/app.js
View File

198
js/script.js
View File

@ -30,19 +30,24 @@ const categories = {
] ]
}; };
// Zmienna przechowująca aktualną kategorię // Zmienne globalne
let currentCategory = 'frekwencja'; let currentCategory = 'frekwencja';
let currentClass = '';
let studentsData = [];
let currentDay = 0;
const baseDate = new Date();
// Funkcja do wczytywania pliku JSON // Funkcja do wczytywania pliku JSON
async function fetchJSONFile(filePath) { async function fetchJSONFile(filePath) {
try { try {
const response = await fetch(filePath); const response = await fetch(filePath);
if (!response.ok) { if (!response.ok) {
throw new Error(`HTTP error! Status: ${response.status}`); throw new Error(`Błąd HTTP! Status: ${response.status}`);
} }
return await response.json(); return await response.json();
} catch (error) { } catch (error) {
console.error("Error fetching JSON file:", error); console.error("Błąd podczas pobierania pliku JSON:", error);
return null;
} }
} }
@ -52,56 +57,77 @@ async function loadClasses() {
const classes = await fetchJSONFile(classFilePath); const classes = await fetchJSONFile(classFilePath);
if (classes) { if (classes) {
console.log('Classes loaded:', classes); console.log('Załadowane klasy:', classes);
let section_HTML = "";
// Iterowanie po wszystkich klasach i wczytywanie plików z danymi uczniów
for (const classInfo of classes) {
const studentsFilePath = '/data/' + classInfo.file_path;
const studentsDataFromFile = await fetchJSONFile(studentsFilePath);
// Wczytywanie klas do elementu select w html
const selectClass = document.getElementById("select-class-select"); const selectClass = document.getElementById("select-class-select");
selectClass.innerHTML = ""; // Wyczyść istniejące opcje
if (!section_HTML.includes(classInfo.class)) { classes.forEach(classInfo => {
const option = document.createElement('option'); const option = document.createElement('option');
option.value = classInfo.class; option.value = classInfo.file_path;
option.textContent = `Klasa: ${classInfo.class}`; option.textContent = `Klasa: ${classInfo.class}`;
selectClass.appendChild(option); selectClass.appendChild(option);
console.log("DODANO KLASE ", classInfo.class, " DO SELECT"); console.log("Dodano klasę ", classInfo.class, " do SELECT");
section_HTML += classInfo.class; });
}
if (studentsDataFromFile) { // Dodaj nasłuchiwacz zdarzeń na zmianę wyboru klasy
console.log(`Students loaded for class ${classInfo.class}:`, studentsDataFromFile); selectClass.addEventListener('change', function() {
// Możesz tutaj przechowywać dane uczniów dla poszczególnych klas const selectedClassFile = this.value;
// Na przykład, dodając je do odpowiedniego obiektu lub tablicy 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 // Funkcja do wczytania pliku criteria.json
async function loadCriteria() { async function loadCriteria() {
const criteriaFilePath = '/data/criteria.json'; const criteriaFilePath = '/data/criteria.json';
const criteria = await fetchJSONFile(criteriaFilePath); const criteria = await fetchJSONFile(criteriaFilePath);
console.log("Criteria loaded:", criteria); console.log("Załadowane kryteria:", criteria);
// Implementacja dalszego przetwarzania kryteriów, jeśli jest potrzebna // Implementacja dalszego przetwarzania kryteriów, jeśli jest potrzebna
} }
// Dane uczniów (przykładowe, powinny być ładowane z plików JSON)
const studentsData = [
{ name: "Jan Kowalski", behavior: {} },
{ name: "Anna Nowak", behavior: {} },
{ name: "Piotr Wiśniewski", behavior: {} },
{ name: "Katarzyna Zielińska", behavior: {} }
];
let currentDay = 0;
const baseDate = new Date();
// Funkcja do przełączania głównych zakładek // Funkcja do przełączania głównych zakładek
function showTab(tabName) { function showTab(tabName) {
// Ukryj wszystkie główne taby // Ukryj wszystkie główne taby
@ -138,7 +164,8 @@ function showInnerTab(category) {
// Funkcja, aby ustawić domyślną kategorię i zakładkę // Funkcja, aby ustawić domyślną kategorię i zakładkę
document.addEventListener("DOMContentLoaded", function() { document.addEventListener("DOMContentLoaded", function() {
showInnerTab('frekwencja'); // Pokaż domyślnie zakładkę Frekwencja // Domyślnie pokazujemy kategorię 'frekwencja'
showInnerTab('frekwencja');
// Ustawienie daty na dziś // Ustawienie daty na dziś
document.getElementById('current-date').innerText = baseDate.toLocaleDateString(); document.getElementById('current-date').innerText = baseDate.toLocaleDateString();
@ -160,8 +187,20 @@ function changeDay(direction) {
// Funkcja do ładowania danych dnia // Funkcja do ładowania danych dnia
function loadDayData() { function loadDayData() {
// Wczytaj dane dla aktualnego dnia, jeśli istnieją studentsData.forEach(student => {
// Możesz tu zaimplementować dodatkową logikę, jeśli potrzebujesz const studentId = student.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(); calculateStats();
} }
@ -169,12 +208,15 @@ function loadDayData() {
function saveDayData() { function saveDayData() {
studentsData.forEach(student => { studentsData.forEach(student => {
const studentId = student.name.replace(/ /g, '-'); const studentId = student.name.replace(/ /g, '-');
const behavior = student.behavior[`day${currentDay}`] || {}; let behavior = student.behavior[`day${currentDay}`] || {};
const categoryColumns = categories[currentCategory]; const categoryColumns = categories[currentCategory];
categoryColumns.forEach(column => { categoryColumns.forEach(column => {
behavior[column.id] = document.getElementById(`${column.id}-${studentId}`).checked; const checkbox = document.getElementById(`${column.id}-${studentId}`);
if (checkbox) {
behavior[column.id] = checkbox.checked;
}
}); });
student.behavior[`day${currentDay}`] = behavior; student.behavior[`day${currentDay}`] = behavior;
@ -183,24 +225,27 @@ function saveDayData() {
// Funkcja do obliczania statystyk // Funkcja do obliczania statystyk
function calculateStats() { function calculateStats() {
const frekwencjaPoints = parseInt(document.getElementById('frekwencja-punkty').value) || 0; // Pobieranie punktów z zakładki "Ustal punkty"
const brakGodzinPoints = parseInt(document.getElementById('brak-godzin-punkty').value) || 0; const points = {
const min85Points = parseInt(document.getElementById('min-85-punkty').value) || 0; frekwencja: parseInt(document.getElementById('frekwencja-punkty').value) || 0,
const etapSzkolnyPoints = parseInt(document.getElementById('etap-szkolny-punkty')?.value) || 5; brak_godzin: parseInt(document.getElementById('brak-godzin-punkty').value) || 0,
const etapRejonowyPoints = parseInt(document.getElementById('etap-rejonowy-punkty')?.value) || 10; min_85: parseInt(document.getElementById('min-85-punkty').value) || 0,
const etapWojewodzkiPoints = parseInt(document.getElementById('etap-wojewodzki-punkty')?.value) || 15; etap_szkolny: parseInt(document.getElementById('etap_szkolny-punkty').value) || 5,
const etapOgolnopolskiPoints = parseInt(document.getElementById('etap-ogolnopolski-punkty')?.value) || 20; etap_rejonowy: parseInt(document.getElementById('etap_rejonowy-punkty').value) || 10,
const udzialKonkursPoints = parseInt(document.getElementById('udzial-konkurs-punkty')?.value) || 5; etap_wojewodzki: parseInt(document.getElementById('etap_wojewodzki-punkty').value) || 15,
const wyroznienieKonkursPoints = parseInt(document.getElementById('wyroznienie-konkurs-punkty')?.value) || 10; etap_ogolnopolski: parseInt(document.getElementById('etap_ogolnopolski-punkty').value) || 20,
const reprezentacjaIndPoints = parseInt(document.getElementById('reprezentacja-indywidualna-punkty')?.value) || 5; udzial_konkurs: parseInt(document.getElementById('udzial_konkurs-punkty').value) || 5,
const reprezentacjaZesPoints = parseInt(document.getElementById('reprezentacja-zespolowa-punkty')?.value) || 10; wyroznienie_konkurs: parseInt(document.getElementById('wyroznienie_konkurs-punkty').value) || 10,
const udzialZawodyPoints = parseInt(document.getElementById('udzial-zawody-punkty')?.value) || 15; reprezentacja_indywidualna: parseInt(document.getElementById('reprezentacja_indywidualna-punkty').value) || 5,
const organizacjaImprezPoints = parseInt(document.getElementById('organizacja-imprez-punkty')?.value) || 10; reprezentacja_zespolowa: parseInt(document.getElementById('reprezentacja_zespolowa-punkty').value) || 10,
const funkcjaKlasyPoints = parseInt(document.getElementById('funkcja-klasa-punkty')?.value) || 10; udzial_zawody: parseInt(document.getElementById('udzial_zawody-punkty').value) || 15,
const uroczystosciPoints = parseInt(document.getElementById('uroczystosci-punkty')?.value) || 10; organizacja_imprez: parseInt(document.getElementById('organizacja_imprez-punkty').value) || 10,
const pocztaSztandarPoints = parseInt(document.getElementById('poczta-sztandar-punkty')?.value) || 20; funkcja_klasa: parseInt(document.getElementById('funkcja_klasa-punkty').value) || 10,
const pomocNauczycielaPoints = parseInt(document.getElementById('pomoc-nauczyciel-punkty')?.value) || 10; uroczystosci: parseInt(document.getElementById('uroczystosci-punkty').value) || 10,
const wolontariatPoints = parseInt(document.getElementById('wolontariat-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 = ''; let stats = '';
@ -210,25 +255,12 @@ function calculateStats() {
Object.keys(student.behavior).forEach(day => { Object.keys(student.behavior).forEach(day => {
const behavior = student.behavior[day]; const behavior = student.behavior[day];
let dayPoints = 0; // Startowa liczba punktów let dayPoints = 0;
if (behavior.frekwencja) dayPoints += frekwencjaPoints; for (const [criterion, value] of Object.entries(behavior)) {
if (behavior.brak_godzin) dayPoints += brakGodzinPoints; if (value && points[criterion]) {
if (behavior.min_85) dayPoints += min85Points; dayPoints += points[criterion];
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; totalPoints += dayPoints;
}); });
@ -255,35 +287,35 @@ function generateTable(category) {
const thead = table.querySelector('thead tr'); const thead = table.querySelector('thead tr');
const tbody = table.querySelector('tbody'); const tbody = table.querySelector('tbody');
// Clear existing headers and body // Wyczyść istniejące nagłówki i wiersze
thead.innerHTML = ''; thead.innerHTML = '';
tbody.innerHTML = ''; tbody.innerHTML = '';
// Add 'Imię i Nazwisko' header // Dodaj nagłówek 'Imię i Nazwisko'
const thName = document.createElement('th'); const thName = document.createElement('th');
thName.textContent = "Imię i Nazwisko"; thName.textContent = "Imię i Nazwisko";
thead.appendChild(thName); thead.appendChild(thName);
// Get columns for the category // Pobierz kolumny dla wybranej kategorii
const categoryColumns = categories[category]; const categoryColumns = categories[category];
// Add headers for category // Dodaj nagłówki dla kryteriów w kategorii
categoryColumns.forEach(column => { categoryColumns.forEach(column => {
const th = document.createElement('th'); const th = document.createElement('th');
th.textContent = column.name; th.textContent = column.name;
thead.appendChild(th); thead.appendChild(th);
}); });
// Generate rows // Generuj wiersze dla uczniów
studentsData.forEach(student => { studentsData.forEach(student => {
const row = document.createElement('tr'); const row = document.createElement('tr');
// Name cell // Komórka z imieniem i nazwiskiem
const tdName = document.createElement('td'); const tdName = document.createElement('td');
tdName.textContent = student.name; tdName.textContent = student.name;
row.appendChild(tdName); row.appendChild(tdName);
// Checkbox cells // Komórki z checkboxami dla kryteriów
categoryColumns.forEach(column => { categoryColumns.forEach(column => {
const td = document.createElement('td'); const td = document.createElement('td');
const checkbox = document.createElement('input'); const checkbox = document.createElement('input');

1
p1/token.txt
View File

@ -1 +0,0 @@
a4dd89352b730d2ef7a3eff72ab98dbc2b7e8d6b

7
templates/criteria.html
View File

@ -1,7 +0,0 @@
<div>
<h2>Kryteria Weryfikacyjne</h2>
<ul id="criteria-list">
<!-- Kryteria weryfikacyjne będą generowane dynamicznie -->
</ul>
</div>

51
templates/dashboard.html
View File

@ -1,51 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Behavior Assessment Dashboard</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>Behavior Assessment Dashboard</h1>
<div class="filters">
<!-- Wybór roli -->
<label for="role">Select Role:</label>
<select id="role">
<option value="teacher">Teacher</option>
<option value="homeroom_teacher">Homeroom Teacher</option>
<option value="principal">Principal</option>
<option value="student">Student (Self-Assessment)</option>
</select>
<!-- Wybór osoby -->
<label for="person">Select Person:</label>
<select id="person">
<!-- Osoby będą generowane dynamicznie na podstawie roli -->
</select>
<!-- Wybór kategorii -->
<label for="category">Select Category:</label>
<select id="category">
<!-- Kategorie będą generowane dynamicznie na podstawie roli -->
</select>
</div>
<h2>Criteria Table</h2>
<table id="criteria-table">
<thead>
<tr>
<th>Student</th>
<!-- Nagłówki dla kryteriów zostaną dodane dynamicznie -->
</tr>
</thead>
<tbody>
<!-- Wiersze uczniów i kryteriów zostaną dodane dynamicznie -->
</tbody>
</table>
<script src="app.js"></script>
</body>
</html>

12
templates/header.html
View File

@ -1,12 +0,0 @@
<div style="background-color: #4CAF50; color: white; padding: 10px;">
<h1>Ocena Zachowania</h1>
<p>Zalogowany jako: <span id="user-role">Nauczyciel</span></p>
</div>
<script>
// Skrypt do ustawiania roli użytkownika po zalogowaniu
// Można pobrać rolę z sesji po wdrożeniu API
const userRole = 'Nauczyciel'; // Tymczasowe dane
document.getElementById('user-role').innerText = userRole;
</script>

27
templates/statistics.html
View File

@ -1,27 +0,0 @@
<div>
<h2>Statystyki i Ustalanie Wag</h2>
<!-- Wprowadź elementy do zarządzania wagami, np. suwaki lub pola numeryczne -->
<label for="waga-pomoc">Pomoc nauczycielowi:</label>
<input type="number" id="waga-pomoc" value="10"><br>
<label for="waga-spoznienie">Spóźnienie:</label>
<input type="number" id="waga-spoznienie" value="-5"><br>
<!-- Więcej wag dla innych kryteriów -->
<h3>Statystyki dla uczniów</h3>
<!-- Tabela statystyk dla uczniów -->
<table>
<thead>
<tr>
<th>Uczeń</th>
<th>Punkty</th>
<th>Ocena</th>
</tr>
</thead>
<tbody>
<!-- Dane będą dynamicznie ładowane -->
</tbody>
</table>
</div>