Compare commits
No commits in common. "e0ba11b0e9620841c10b33842568fade0432424a" and "3d62de7867b3fbd1156c17a2be793a701af5e560" have entirely different histories.
e0ba11b0e9
...
3d62de7867
49
index.html
49
index.html
|
@ -2,6 +2,7 @@
|
||||||
<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>
|
||||||
|
@ -26,7 +27,6 @@
|
||||||
</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,16 +89,17 @@
|
||||||
</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>
|
||||||
|
@ -113,11 +114,6 @@
|
||||||
|
|
||||||
<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>
|
||||||
|
@ -125,17 +121,24 @@
|
||||||
<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>
|
||||||
|
|
||||||
<!-- Tabela uczniów -->
|
<!-- Przykładowa tabela uczniów -->
|
||||||
<table id="student-table">
|
<table id="student-table">
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Imię i Nazwisko</th>
|
<!-- Dynamiczne nagłówki będą generowane przez JavaScript -->
|
||||||
<!-- Dynamiczne kolumny będą generowane przez JavaScript -->
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<!-- Wiersze uczniów będą generowane przez JavaScript -->
|
<!-- Dynamiczne wiersze będą generowane przez JavaScript -->
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
198
js/script.js
198
js/script.js
|
@ -30,24 +30,19 @@ const categories = {
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
|
|
||||||
// Zmienne globalne
|
// Zmienna przechowująca aktualną kategorię
|
||||||
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(`Błąd HTTP! Status: ${response.status}`);
|
throw new Error(`HTTP error! Status: ${response.status}`);
|
||||||
}
|
}
|
||||||
return await response.json();
|
return await response.json();
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error("Błąd podczas pobierania pliku JSON:", error);
|
console.error("Error fetching JSON file:", error);
|
||||||
return null;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -57,77 +52,56 @@ async function loadClasses() {
|
||||||
const classes = await fetchJSONFile(classFilePath);
|
const classes = await fetchJSONFile(classFilePath);
|
||||||
|
|
||||||
if (classes) {
|
if (classes) {
|
||||||
console.log('Załadowane klasy:', classes);
|
console.log('Classes loaded:', 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
|
|
||||||
|
|
||||||
classes.forEach(classInfo => {
|
if (!section_HTML.includes(classInfo.class)) {
|
||||||
const option = document.createElement('option');
|
const option = document.createElement('option');
|
||||||
option.value = classInfo.file_path;
|
option.value = classInfo.class;
|
||||||
option.textContent = `Klasa: ${classInfo.class}`;
|
option.textContent = `Klasa: ${classInfo.class}`;
|
||||||
selectClass.appendChild(option);
|
selectClass.appendChild(option);
|
||||||
console.log("Dodano klasę ", classInfo.class, " do SELECT");
|
console.log("DODANO KLASE ", classInfo.class, " DO SELECT");
|
||||||
});
|
section_HTML += classInfo.class;
|
||||||
|
}
|
||||||
|
|
||||||
// Dodaj nasłuchiwacz zdarzeń na zmianę wyboru klasy
|
if (studentsDataFromFile) {
|
||||||
selectClass.addEventListener('change', function() {
|
console.log(`Students loaded for class ${classInfo.class}:`, studentsDataFromFile);
|
||||||
const selectedClassFile = this.value;
|
// Możesz tutaj przechowywać dane uczniów dla poszczególnych klas
|
||||||
console.log(`Wybrano klasę: ${selectedClassFile}`);
|
// Na przykład, dodając je do odpowiedniego obiektu lub tablicy
|
||||||
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("Załadowane kryteria:", criteria);
|
console.log("Criteria loaded:", 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
|
||||||
|
@ -164,8 +138,7 @@ 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() {
|
||||||
// Domyślnie pokazujemy kategorię 'frekwencja'
|
showInnerTab('frekwencja'); // Pokaż domyślnie zakładkę 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();
|
||||||
|
@ -187,20 +160,8 @@ function changeDay(direction) {
|
||||||
|
|
||||||
// Funkcja do ładowania danych dnia
|
// Funkcja do ładowania danych dnia
|
||||||
function loadDayData() {
|
function loadDayData() {
|
||||||
studentsData.forEach(student => {
|
// Wczytaj dane dla aktualnego dnia, jeśli istnieją
|
||||||
const studentId = student.name.replace(/ /g, '-');
|
// Możesz tu zaimplementować dodatkową logikę, jeśli potrzebujesz
|
||||||
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();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -208,15 +169,12 @@ function loadDayData() {
|
||||||
function saveDayData() {
|
function saveDayData() {
|
||||||
studentsData.forEach(student => {
|
studentsData.forEach(student => {
|
||||||
const studentId = student.name.replace(/ /g, '-');
|
const studentId = student.name.replace(/ /g, '-');
|
||||||
let behavior = student.behavior[`day${currentDay}`] || {};
|
const behavior = student.behavior[`day${currentDay}`] || {};
|
||||||
|
|
||||||
const categoryColumns = categories[currentCategory];
|
const categoryColumns = categories[currentCategory];
|
||||||
|
|
||||||
categoryColumns.forEach(column => {
|
categoryColumns.forEach(column => {
|
||||||
const checkbox = document.getElementById(`${column.id}-${studentId}`);
|
behavior[column.id] = document.getElementById(`${column.id}-${studentId}`).checked;
|
||||||
if (checkbox) {
|
|
||||||
behavior[column.id] = checkbox.checked;
|
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
|
||||||
student.behavior[`day${currentDay}`] = behavior;
|
student.behavior[`day${currentDay}`] = behavior;
|
||||||
|
@ -225,27 +183,24 @@ function saveDayData() {
|
||||||
|
|
||||||
// Funkcja do obliczania statystyk
|
// Funkcja do obliczania statystyk
|
||||||
function calculateStats() {
|
function calculateStats() {
|
||||||
// Pobieranie punktów z zakładki "Ustal punkty"
|
const frekwencjaPoints = parseInt(document.getElementById('frekwencja-punkty').value) || 0;
|
||||||
const points = {
|
const brakGodzinPoints = parseInt(document.getElementById('brak-godzin-punkty').value) || 0;
|
||||||
frekwencja: parseInt(document.getElementById('frekwencja-punkty').value) || 0,
|
const min85Points = parseInt(document.getElementById('min-85-punkty').value) || 0;
|
||||||
brak_godzin: parseInt(document.getElementById('brak-godzin-punkty').value) || 0,
|
const etapSzkolnyPoints = parseInt(document.getElementById('etap-szkolny-punkty')?.value) || 5;
|
||||||
min_85: parseInt(document.getElementById('min-85-punkty').value) || 0,
|
const etapRejonowyPoints = parseInt(document.getElementById('etap-rejonowy-punkty')?.value) || 10;
|
||||||
etap_szkolny: parseInt(document.getElementById('etap_szkolny-punkty').value) || 5,
|
const etapWojewodzkiPoints = parseInt(document.getElementById('etap-wojewodzki-punkty')?.value) || 15;
|
||||||
etap_rejonowy: parseInt(document.getElementById('etap_rejonowy-punkty').value) || 10,
|
const etapOgolnopolskiPoints = parseInt(document.getElementById('etap-ogolnopolski-punkty')?.value) || 20;
|
||||||
etap_wojewodzki: parseInt(document.getElementById('etap_wojewodzki-punkty').value) || 15,
|
const udzialKonkursPoints = parseInt(document.getElementById('udzial-konkurs-punkty')?.value) || 5;
|
||||||
etap_ogolnopolski: parseInt(document.getElementById('etap_ogolnopolski-punkty').value) || 20,
|
const wyroznienieKonkursPoints = parseInt(document.getElementById('wyroznienie-konkurs-punkty')?.value) || 10;
|
||||||
udzial_konkurs: parseInt(document.getElementById('udzial_konkurs-punkty').value) || 5,
|
const reprezentacjaIndPoints = parseInt(document.getElementById('reprezentacja-indywidualna-punkty')?.value) || 5;
|
||||||
wyroznienie_konkurs: parseInt(document.getElementById('wyroznienie_konkurs-punkty').value) || 10,
|
const reprezentacjaZesPoints = parseInt(document.getElementById('reprezentacja-zespolowa-punkty')?.value) || 10;
|
||||||
reprezentacja_indywidualna: parseInt(document.getElementById('reprezentacja_indywidualna-punkty').value) || 5,
|
const udzialZawodyPoints = parseInt(document.getElementById('udzial-zawody-punkty')?.value) || 15;
|
||||||
reprezentacja_zespolowa: parseInt(document.getElementById('reprezentacja_zespolowa-punkty').value) || 10,
|
const organizacjaImprezPoints = parseInt(document.getElementById('organizacja-imprez-punkty')?.value) || 10;
|
||||||
udzial_zawody: parseInt(document.getElementById('udzial_zawody-punkty').value) || 15,
|
const funkcjaKlasyPoints = parseInt(document.getElementById('funkcja-klasa-punkty')?.value) || 10;
|
||||||
organizacja_imprez: parseInt(document.getElementById('organizacja_imprez-punkty').value) || 10,
|
const uroczystosciPoints = parseInt(document.getElementById('uroczystosci-punkty')?.value) || 10;
|
||||||
funkcja_klasa: parseInt(document.getElementById('funkcja_klasa-punkty').value) || 10,
|
const pocztaSztandarPoints = parseInt(document.getElementById('poczta-sztandar-punkty')?.value) || 20;
|
||||||
uroczystosci: parseInt(document.getElementById('uroczystosci-punkty').value) || 10,
|
const pomocNauczycielaPoints = parseInt(document.getElementById('pomoc-nauczyciel-punkty')?.value) || 10;
|
||||||
poczta_sztandar: parseInt(document.getElementById('poczta_sztandar-punkty').value) || 20,
|
const wolontariatPoints = parseInt(document.getElementById('wolontariat-punkty')?.value) || 10;
|
||||||
pomoc_nauczyciel: parseInt(document.getElementById('pomoc_nauczyciel-punkty').value) || 10,
|
|
||||||
wolontariat: parseInt(document.getElementById('wolontariat-punkty').value) || 10
|
|
||||||
};
|
|
||||||
|
|
||||||
let stats = '';
|
let stats = '';
|
||||||
|
|
||||||
|
@ -255,12 +210,25 @@ 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;
|
let dayPoints = 0; // Startowa liczba punktów
|
||||||
for (const [criterion, value] of Object.entries(behavior)) {
|
if (behavior.frekwencja) dayPoints += frekwencjaPoints;
|
||||||
if (value && points[criterion]) {
|
if (behavior.brak_godzin) dayPoints += brakGodzinPoints;
|
||||||
dayPoints += points[criterion];
|
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;
|
totalPoints += dayPoints;
|
||||||
});
|
});
|
||||||
|
@ -287,35 +255,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');
|
||||||
|
|
||||||
// Wyczyść istniejące nagłówki i wiersze
|
// Clear existing headers and body
|
||||||
thead.innerHTML = '';
|
thead.innerHTML = '';
|
||||||
tbody.innerHTML = '';
|
tbody.innerHTML = '';
|
||||||
|
|
||||||
// Dodaj nagłówek 'Imię i Nazwisko'
|
// Add 'Imię i Nazwisko' header
|
||||||
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);
|
||||||
|
|
||||||
// Pobierz kolumny dla wybranej kategorii
|
// Get columns for the category
|
||||||
const categoryColumns = categories[category];
|
const categoryColumns = categories[category];
|
||||||
|
|
||||||
// Dodaj nagłówki dla kryteriów w kategorii
|
// Add headers for category
|
||||||
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);
|
||||||
});
|
});
|
||||||
|
|
||||||
// Generuj wiersze dla uczniów
|
// Generate rows
|
||||||
studentsData.forEach(student => {
|
studentsData.forEach(student => {
|
||||||
const row = document.createElement('tr');
|
const row = document.createElement('tr');
|
||||||
|
|
||||||
// Komórka z imieniem i nazwiskiem
|
// Name cell
|
||||||
const tdName = document.createElement('td');
|
const tdName = document.createElement('td');
|
||||||
tdName.textContent = student.name;
|
tdName.textContent = student.name;
|
||||||
row.appendChild(tdName);
|
row.appendChild(tdName);
|
||||||
|
|
||||||
// Komórki z checkboxami dla kryteriów
|
// Checkbox cells
|
||||||
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');
|
||||||
|
|
|
@ -0,0 +1 @@
|
||||||
|
a4dd89352b730d2ef7a3eff72ab98dbc2b7e8d6b
|
|
@ -0,0 +1,7 @@
|
||||||
|
<div>
|
||||||
|
<h2>Kryteria Weryfikacyjne</h2>
|
||||||
|
<ul id="criteria-list">
|
||||||
|
<!-- Kryteria weryfikacyjne będą generowane dynamicznie -->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
|
@ -0,0 +1,51 @@
|
||||||
|
<!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>
|
||||||
|
|
|
@ -0,0 +1,12 @@
|
||||||
|
<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>
|
||||||
|
|
|
@ -0,0 +1,27 @@
|
||||||
|
<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>
|
||||||
|
|
Loading…
Reference in New Issue