wszystko zrobione
This commit is contained in:
bartoszh
parent
ab33dc5f75
commit
3d62de7867
111
css/style.css
111
css/style.css
|
|
@ -1,42 +1,81 @@
|
||||||
|
|
||||||
|
/* Podstawowe style dla zakładek */
|
||||||
|
.tab {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tab.active {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Style dla przycisków kategorii */
|
||||||
|
.category-buttons {
|
||||||
|
margin: 10px 0;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-buttons button {
|
||||||
|
margin: 5px;
|
||||||
|
padding: 10px 15px;
|
||||||
|
font-size: 16px;
|
||||||
|
cursor: pointer;
|
||||||
|
background-color: #f2f2f2;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.category-buttons button.active {
|
||||||
|
background-color: #4CAF50;
|
||||||
|
color: white;
|
||||||
|
border: 1px solid #4CAF50;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Stylizacja tabeli */
|
||||||
|
table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
margin-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
th, td {
|
||||||
|
border: 1px solid #ddd;
|
||||||
|
padding: 8px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
th {
|
||||||
|
background-color: #f2f2f2;
|
||||||
|
}
|
||||||
|
|
||||||
|
tr:nth-child(even) {
|
||||||
|
background-color: #f9f9f9;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Stylizacja kontenera klasy */
|
||||||
|
.select-class {
|
||||||
|
margin-top: 20px;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.select-class select {
|
||||||
|
padding: 5px;
|
||||||
|
font-size: 16px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Stylizacja nagłówków */
|
||||||
|
h1, h2, h3 {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Dodatkowe style dla układu */
|
||||||
body {
|
body {
|
||||||
font-family: Arial, sans-serif;
|
font-family: Arial, sans-serif;
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
}
|
}
|
||||||
table {
|
|
||||||
width: 100%;
|
footer {
|
||||||
border-collapse: collapse;
|
|
||||||
}
|
|
||||||
table, th, td {
|
|
||||||
border: 1px solid black;
|
|
||||||
}
|
|
||||||
th, td {
|
|
||||||
padding: 10px;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin-top: 40px;
|
||||||
|
font-size: 14px;
|
||||||
|
color: #555;
|
||||||
}
|
}
|
||||||
th {
|
|
||||||
background-color: #f2f2f2;
|
|
||||||
}
|
|
||||||
input[type="number"], input[type="checkbox"] {
|
|
||||||
transform: scale(1.2);
|
|
||||||
}
|
|
||||||
button {
|
|
||||||
padding: 10px;
|
|
||||||
margin: 10px 5px;
|
|
||||||
font-size: 16px;
|
|
||||||
}
|
|
||||||
#stats {
|
|
||||||
margin-top: 20px;
|
|
||||||
}
|
|
||||||
.tab {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
.active {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
select {
|
|
||||||
margin-bottom: 10px;
|
|
||||||
padding: 5px;
|
|
||||||
background-color: #f2f2f2;
|
|
||||||
|
|
||||||
}
|
|
||||||
247
index.html
247
index.html
|
|
@ -5,15 +5,6 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<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">
|
||||||
<style>
|
|
||||||
.tab {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tab.active {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
|
@ -48,7 +39,67 @@
|
||||||
<td>Minimum 85% frekwencja</td>
|
<td>Minimum 85% frekwencja</td>
|
||||||
<td><input type="number" id="min-85-punkty" value="20" onchange="calculateStats()"></td>
|
<td><input type="number" id="min-85-punkty" value="20" onchange="calculateStats()"></td>
|
||||||
</tr>
|
</tr>
|
||||||
<!-- Kolejne wiersze... -->
|
<tr>
|
||||||
|
<td>Etap szkolny</td>
|
||||||
|
<td><input type="number" id="etap-szkolny-punkty" value="5" onchange="calculateStats()"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Etap rejonowy</td>
|
||||||
|
<td><input type="number" id="etap-rejonowy-punkty" value="10" onchange="calculateStats()"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Etap wojewódzki</td>
|
||||||
|
<td><input type="number" id="etap-wojewodzki-punkty" value="15" onchange="calculateStats()"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Etap ogólnopolski</td>
|
||||||
|
<td><input type="number" id="etap-ogolnopolski-punkty" value="20" onchange="calculateStats()"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Udział w konkursach</td>
|
||||||
|
<td><input type="number" id="udzial-konkurs-punkty" value="5" onchange="calculateStats()"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Wyróżnienie w konkursie</td>
|
||||||
|
<td><input type="number" id="wyroznienie-konkurs-punkty" value="10" onchange="calculateStats()"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Reprezentacja indywidualna</td>
|
||||||
|
<td><input type="number" id="reprezentacja-indywidualna-punkty" value="5" onchange="calculateStats()"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Reprezentacja zespołowa</td>
|
||||||
|
<td><input type="number" id="reprezentacja-zespolowa-punkty" value="10" onchange="calculateStats()"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Udział w zawodach</td>
|
||||||
|
<td><input type="number" id="udzial-zawody-punkty" value="15" onchange="calculateStats()"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Organizacja imprez</td>
|
||||||
|
<td><input type="number" id="organizacja-imprez-punkty" value="10" onchange="calculateStats()"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Funkcje w klasie</td>
|
||||||
|
<td><input type="number" id="funkcja-klasa-punkty" value="10" onchange="calculateStats()"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Uroczystości okolicznościowe</td>
|
||||||
|
<td><input type="number" id="uroczystosci-punkty" value="10" onchange="calculateStats()"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Udział w poczcie sztandarowej</td>
|
||||||
|
<td><input type="number" id="poczta-sztandar-punkty" value="20" onchange="calculateStats()"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Pomoc nauczycielowi</td>
|
||||||
|
<td><input type="number" id="pomoc-nauczyciel-punkty" value="10" onchange="calculateStats()"></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Wolontariat</td>
|
||||||
|
<td><input type="number" id="wolontariat-punkty" value="10" onchange="calculateStats()"></td>
|
||||||
|
</tr>
|
||||||
|
<!-- Dodaj więcej wierszy dla innych punktów, jeśli potrzebne -->
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -60,167 +111,53 @@
|
||||||
<button onclick="changeDay(-1)">Poprzedni Dzień</button>
|
<button onclick="changeDay(-1)">Poprzedni Dzień</button>
|
||||||
<button onclick="changeDay(1)">Następny Dzień</button>
|
<button onclick="changeDay(1)">Następny Dzień</button>
|
||||||
</div>
|
</div>
|
||||||
<div>
|
|
||||||
<button onclick="showInnerTab('frekwencja-tab')">Frekwencja</button>
|
<div class="select-class" id="select-class-container">
|
||||||
<button onclick="showInnerTab('olimpiady-tab')">Olimpiady</button>
|
|
||||||
<button onclick="showInnerTab('konkursy-tab')">Konkursy Szkolne</button>
|
|
||||||
<button onclick="showInnerTab('reprezentacja-tab')">Reprezentacja Szkoły</button>
|
|
||||||
<button onclick="showInnerTab('aktywnosc-tab')">Aktywność</button>
|
|
||||||
</div>
|
|
||||||
<div class="select-class">
|
|
||||||
<p>Wybierz klasę:</p>
|
<p>Wybierz klasę:</p>
|
||||||
|
<div class="category-buttons">
|
||||||
<!-- Frekwencja -->
|
<button data-category="frekwencja" onclick="showInnerTab('frekwencja')">Frekwencja</button>
|
||||||
<div id="frekwencja-tab" class="tab active">
|
<button data-category="olimpiady" onclick="showInnerTab('olimpiady')">Olimpiady</button>
|
||||||
<h2>Frekwencja</h2>
|
<button data-category="konkursy" onclick="showInnerTab('konkursy')">Konkursy Szkolne</button>
|
||||||
<table>
|
<button data-category="reprezentacja" onclick="showInnerTab('reprezentacja')">Reprezentacja Szkoły</button>
|
||||||
<thead>
|
<button data-category="aktywnosc" onclick="showInnerTab('aktywnosc')">Aktywność</button>
|
||||||
<tr>
|
|
||||||
<th>Frekwencja 95-100%</th>
|
|
||||||
<th>Brak godzin nieusprawiedliwionych</th>
|
|
||||||
<th>Minimum 85% frekwencja</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>...</td>
|
|
||||||
<td>...</td>
|
|
||||||
<td>...</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Olimpiady Tab -->
|
|
||||||
<div id="olimpiady-tab" class="tab">
|
|
||||||
<h2>Olimpiady</h2>
|
|
||||||
<table>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Etap szkolny</th>
|
|
||||||
<th>Etap rejonowy</th>
|
|
||||||
<th>Etap wojewódzki</th>
|
|
||||||
<th>Etap ogólnopolski</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>...</td>
|
|
||||||
<td>...</td>
|
|
||||||
<td>...</td>
|
|
||||||
<td>...</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Zakładka Konkursy -->
|
|
||||||
<div id="konkursy-tab" class="tab">
|
|
||||||
<h2>Konkursy Szkolne</h2>
|
|
||||||
<table>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Udział w konkursach</th>
|
|
||||||
<th>Wyróżnienie w konkursie</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>...</td>
|
|
||||||
<td>...</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Zakładka Reprezentacja -->
|
|
||||||
<div id="reprezentacja-tab" class="tab">
|
|
||||||
<h2>Reprezentacja Szkoły</h2>
|
|
||||||
<table>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Reprezentacja indywidualna</th>
|
|
||||||
<th>Reprezentacja zespołowa</th>
|
|
||||||
<th>Udział w zawodach</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>...</td>
|
|
||||||
<td>...</td>
|
|
||||||
<td>...</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Zakładka Aktywność -->
|
|
||||||
<div id="aktywnosc-tab" class="tab">
|
|
||||||
<h2>Aktywność</h2>
|
|
||||||
<table>
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th>Organizacja imprez</th>
|
|
||||||
<th>Funkcje w klasie</th>
|
|
||||||
<th>Uroczystości okolicznościowe</th>
|
|
||||||
<th>Udział w poczcie sztandarowym</th>
|
|
||||||
<th>Pomoc nauczycielowi</th>
|
|
||||||
<th>Wolontariat</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>...</td>
|
|
||||||
<td>...</td>
|
|
||||||
<td>...</td>
|
|
||||||
<td>...</td>
|
|
||||||
<td>...</td>
|
|
||||||
<td>...</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</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>
|
</div>
|
||||||
|
|
||||||
|
<!-- Przykładowa tabela uczniów -->
|
||||||
|
<table id="student-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<!-- Dynamiczne nagłówki będą generowane przez JavaScript -->
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<!-- Dynamiczne wiersze będą generowane przez JavaScript -->
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Zakładka "Statystyka" -->
|
<!-- Zakładka "Statystyka" -->
|
||||||
<div id="stats" class="tab">
|
<div id="stats" class="tab">
|
||||||
<h2>Statystyka dla wszystkich dni</h2>
|
<h2>Statystyka dla wszystkich dni</h2>
|
||||||
<div id="stats"></div>
|
<div id="stats-output"></div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<footer style="margin: 20px">
|
<footer style="margin: 20px">
|
||||||
|
B. Hrynowiecki </br>
|
||||||
K. Michalak </br>
|
K. Michalak </br>
|
||||||
F. Kowalski </br>
|
F. Kowalski </br>
|
||||||
Led and Authored by M. Pabiszczak
|
Led and Authored by M. Pabiszczak
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<script>
|
<!-- Przeniesienie skryptu na koniec body -->
|
||||||
// Funkcja do przełączania głównych zakładek
|
<script src="js/script.js"></script>
|
||||||
function showTab(tabId) {
|
|
||||||
// Ukryj wszystkie główne taby
|
|
||||||
const tabs = document.querySelectorAll('.tab');
|
|
||||||
tabs.forEach(tab => tab.classList.remove('active'));
|
|
||||||
|
|
||||||
// Pokaż wybrany tab
|
|
||||||
document.getElementById(tabId).classList.add('active');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Funkcja do przełączania wewnętrznych zakładek (Frekwencja, Olimpiady, itp.)
|
|
||||||
function showInnerTab(innerTabId) {
|
|
||||||
// Ukryj wszystkie wewnętrzne zakładki
|
|
||||||
const innerTabs = document.querySelectorAll('#criteria .tab');
|
|
||||||
innerTabs.forEach(innerTab => innerTab.classList.remove('active'));
|
|
||||||
|
|
||||||
// Pokaż wybrany wewnętrzny tab
|
|
||||||
document.getElementById(innerTabId).classList.add('active');
|
|
||||||
}
|
|
||||||
|
|
||||||
// Funkcja, aby ustawić domyślną zakładkę
|
|
||||||
document.addEventListener("DOMContentLoaded", function() {
|
|
||||||
showInnerTab('frekwencja-tab'); // Pokaż domyślnie zakładkę Frekwencja
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
333
js/script.js
333
js/script.js
|
|
@ -1,11 +1,39 @@
|
||||||
//Funkcja do sprawdzania ktora klasa jest wybrana w SELECT
|
// 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" }
|
||||||
|
]
|
||||||
|
};
|
||||||
|
|
||||||
function selected_class() {
|
// Zmienna przechowująca aktualną kategorię
|
||||||
|
let currentCategory = 'frekwencja';
|
||||||
|
|
||||||
}
|
// Funkcja do wczytywania pliku JSON
|
||||||
|
|
||||||
|
|
||||||
// Funkcja do wczytania pliku JSON
|
|
||||||
async function fetchJSONFile(filePath) {
|
async function fetchJSONFile(filePath) {
|
||||||
try {
|
try {
|
||||||
const response = await fetch(filePath);
|
const response = await fetch(filePath);
|
||||||
|
|
@ -26,62 +54,44 @@ async function loadClasses() {
|
||||||
if (classes) {
|
if (classes) {
|
||||||
console.log('Classes loaded:', classes);
|
console.log('Classes loaded:', classes);
|
||||||
|
|
||||||
var section_HTML = ""
|
let section_HTML = "";
|
||||||
|
|
||||||
// Iterowanie po wszystkich klasach i wczytywanie plików z danymi uczniów
|
// Iterowanie po wszystkich klasach i wczytywanie plików z danymi uczniów
|
||||||
for (const classInfo of classes) {
|
for (const classInfo of classes) {
|
||||||
const studentsFilePath = '/data/'+ classInfo.file_path;
|
const studentsFilePath = '/data/' + classInfo.file_path;
|
||||||
const studentsData = await fetchJSONFile(studentsFilePath);
|
const studentsDataFromFile = await fetchJSONFile(studentsFilePath);
|
||||||
|
|
||||||
// Wczytywanie klas do elementu select w html
|
// Wczytywanie klas do elementu select w html
|
||||||
|
const selectClass = document.getElementById("select-class-select");
|
||||||
|
|
||||||
const section_by_id = document.getElementById("select-class")
|
|
||||||
|
|
||||||
if (!section_HTML.includes(classInfo.class)) {
|
if (!section_HTML.includes(classInfo.class)) {
|
||||||
const section_option = "<option>" + "Klasa: " + classInfo.class + "</option>"
|
const option = document.createElement('option');
|
||||||
section_HTML += section_option;
|
option.value = classInfo.class;
|
||||||
console.log("DODANO KLASE ", classInfo.class, " DO SELECT")
|
option.textContent = `Klasa: ${classInfo.class}`;
|
||||||
section_by_id.innerHTML = section_HTML
|
selectClass.appendChild(option);
|
||||||
|
console.log("DODANO KLASE ", classInfo.class, " DO SELECT");
|
||||||
|
section_HTML += classInfo.class;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (studentsData) {
|
if (studentsDataFromFile) {
|
||||||
console.log(`Students loaded for class ${classInfo.class}:`, studentsData);
|
console.log(`Students loaded for class ${classInfo.class}:`, studentsDataFromFile);
|
||||||
// Tutaj możesz przechowywać dane lub je przetwarzać według potrzeb
|
// Możesz tutaj przechowywać dane uczniów dla poszczególnych klas
|
||||||
processClassData(classInfo, studentsData);
|
// Na przykład, dodając je do odpowiedniego obiektu lub tablicy
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function loadCriteria () {
|
// Funkcja do wczytania pliku criteria.json
|
||||||
|
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 ("break")
|
console.log("Criteria loaded:", criteria);
|
||||||
|
// Implementacja dalszego przetwarzania kryteriów, jeśli jest potrzebna
|
||||||
}
|
}
|
||||||
|
|
||||||
const classData = []
|
// Dane uczniów (przykładowe, powinny być ładowane z plików JSON)
|
||||||
|
|
||||||
// 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);
|
|
||||||
classData.push(studentsData)
|
|
||||||
// Możesz tutaj np. wyświetlić dane w interfejsie lub przeprowadzić dodatkowe operacje
|
|
||||||
}
|
|
||||||
|
|
||||||
// Uruchomienie wczytywania klas
|
|
||||||
loadClasses();
|
|
||||||
loadCriteria();
|
|
||||||
//
|
|
||||||
//
|
|
||||||
//
|
|
||||||
|
|
||||||
let currentDay = 0;
|
|
||||||
const baseDate = new Date();
|
|
||||||
const studentsData = [
|
const studentsData = [
|
||||||
{ name: "Jan Kowalski", behavior: {} },
|
{ name: "Jan Kowalski", behavior: {} },
|
||||||
{ name: "Anna Nowak", behavior: {} },
|
{ name: "Anna Nowak", behavior: {} },
|
||||||
|
|
@ -89,10 +99,20 @@ const studentsData = [
|
||||||
{ name: "Katarzyna Zielińska", behavior: {} }
|
{ name: "Katarzyna Zielińska", behavior: {} }
|
||||||
];
|
];
|
||||||
|
|
||||||
|
let currentDay = 0;
|
||||||
|
const baseDate = new Date();
|
||||||
|
|
||||||
|
// Funkcja do przełączania głównych zakładek
|
||||||
function showTab(tabName) {
|
function showTab(tabName) {
|
||||||
|
// Ukryj wszystkie główne taby
|
||||||
const tabs = document.querySelectorAll('.tab');
|
const tabs = document.querySelectorAll('.tab');
|
||||||
tabs.forEach(tab => tab.classList.remove('active'));
|
tabs.forEach(tab => tab.classList.remove('active'));
|
||||||
document.getElementById(tabName).classList.add('active');
|
|
||||||
|
// Pokaż wybrany tab
|
||||||
|
const selectedTab = document.getElementById(tabName);
|
||||||
|
if (selectedTab) {
|
||||||
|
selectedTab.classList.add('active');
|
||||||
|
}
|
||||||
|
|
||||||
if (tabName === 'criteria') {
|
if (tabName === 'criteria') {
|
||||||
loadDayData();
|
loadDayData();
|
||||||
|
|
@ -101,57 +121,34 @@ function showTab(tabName) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
async function changeClass() {
|
// Funkcja do przełączania kategorii w tabeli uczniów
|
||||||
await loadClasses()
|
function showInnerTab(category) {
|
||||||
let classesNames = []
|
currentCategory = category;
|
||||||
for (const classInfo of classData) {
|
// Generowanie tabeli na podstawie wybranej kategorii
|
||||||
console.log(classInfo)
|
generateTable(category);
|
||||||
classesNames.push(classInfo.header.class + "-" + classInfo.header.group)
|
|
||||||
}
|
// Podkreślenie aktywnego przycisku
|
||||||
console.log("lol")
|
const buttons = document.querySelectorAll('.category-buttons button');
|
||||||
console.log(classesNames)
|
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() {
|
||||||
|
showInnerTab('frekwencja'); // Pokaż domyślnie zakładkę Frekwencja
|
||||||
|
|
||||||
|
// Ustawienie daty na dziś
|
||||||
|
document.getElementById('current-date').innerText = baseDate.toLocaleDateString();
|
||||||
|
|
||||||
function generateTable() {
|
// Uruchomienie wczytywania klas i kryteriów
|
||||||
changeClass()
|
loadClasses();
|
||||||
const table = document.getElementById('student-table');
|
loadCriteria();
|
||||||
table.innerHTML = '';
|
});
|
||||||
|
|
||||||
//xd
|
|
||||||
|
|
||||||
studentsData.forEach(student => {
|
|
||||||
const row = document.createElement('tr');
|
|
||||||
row.innerHTML = `
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<td>${student.name}</td>
|
|
||||||
<td><input type="checkbox" id="frekwencja-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="brak-godzin-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="min-85-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="etap-szkolny-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="etap-rejonowy-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="etap-wojewodzki-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="etap-ogolnopolski-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="udzial-konkurs-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="wyroznienie-konkurs-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="reprezentacja-indywidualna-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="reprezentacja-zespolowa-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="udzial-zawody-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="organizacja-imprez-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="funkcja-klasa-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="uroczystosci-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="poczta-sztandar-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="pomoc-nauczyciel-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
<td><input type="checkbox" id="wolontariat-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
|
||||||
`;
|
|
||||||
table.appendChild(row);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
// Funkcja do zmiany dnia
|
||||||
function changeDay(direction) {
|
function changeDay(direction) {
|
||||||
saveDayData();
|
saveDayData();
|
||||||
currentDay += direction;
|
currentDay += direction;
|
||||||
|
|
@ -161,81 +158,49 @@ function changeDay(direction) {
|
||||||
loadDayData();
|
loadDayData();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 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(' ', '-');
|
// Możesz tu zaimplementować dodatkową logikę, jeśli potrzebujesz
|
||||||
const behavior = student.behavior[`day${currentDay}`] || {};
|
|
||||||
|
|
||||||
document.getElementById(`frekwencja-${studentId}`).checked = behavior.frekwencja || false;
|
|
||||||
document.getElementById(`brak-godzin-${studentId}`).checked = behavior.brak_godzin || false;
|
|
||||||
document.getElementById(`min-85-${studentId}`).checked = behavior.min_85 || false;
|
|
||||||
document.getElementById(`etap-szkolny-${studentId}`).checked = behavior.etap_szkolny || false;
|
|
||||||
document.getElementById(`etap-rejonowy-${studentId}`).checked = behavior.etap_rejonowy || false;
|
|
||||||
document.getElementById(`etap-wojewodzki-${studentId}`).checked = behavior.etap_wojewodzki || false;
|
|
||||||
document.getElementById(`etap-ogolnopolski-${studentId}`).checked = behavior.etap_ogolnopolski || false;
|
|
||||||
document.getElementById(`udzial-konkurs-${studentId}`).checked = behavior.udzial_konkurs || false;
|
|
||||||
document.getElementById(`wyroznienie-konkurs-${studentId}`).checked = behavior.wyroznienie_konkurs || false;
|
|
||||||
document.getElementById(`reprezentacja-indywidualna-${studentId}`).checked = behavior.reprezentacja_indywidualna || false;
|
|
||||||
document.getElementById(`reprezentacja-zespolowa-${studentId}`).checked = behavior.reprezentacja_zespolowa || false;
|
|
||||||
document.getElementById(`udzial-zawody-${studentId}`).checked = behavior.udzial_zawody || false;
|
|
||||||
document.getElementById(`organizacja-imprez-${studentId}`).checked = behavior.organizacja_imprez || false;
|
|
||||||
document.getElementById(`funkcja-klasa-${studentId}`).checked = behavior.funkcja_klasa || false;
|
|
||||||
document.getElementById(`uroczystosci-${studentId}`).checked = behavior.uroczystosci || false;
|
|
||||||
document.getElementById(`poczta-sztandar-${studentId}`).checked = behavior.poczta_sztandar || false;
|
|
||||||
document.getElementById(`pomoc-nauczyciel-${studentId}`).checked = behavior.pomoc_nauczyciel || false;
|
|
||||||
document.getElementById(`wolontariat-${studentId}`).checked = behavior.wolontariat || false;
|
|
||||||
});
|
|
||||||
|
|
||||||
calculateStats();
|
calculateStats();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Funkcja do zapisywania danych dnia
|
||||||
function saveDayData() {
|
function saveDayData() {
|
||||||
studentsData.forEach(student => {
|
studentsData.forEach(student => {
|
||||||
const studentId = student.name.replace(' ', '-');
|
const studentId = student.name.replace(/ /g, '-');
|
||||||
const behavior = {
|
const behavior = student.behavior[`day${currentDay}`] || {};
|
||||||
frekwencja: document.getElementById(`frekwencja-${studentId}`).checked,
|
|
||||||
brak_godzin: document.getElementById(`brak-godzin-${studentId}`).checked,
|
const categoryColumns = categories[currentCategory];
|
||||||
min_85: document.getElementById(`min-85-${studentId}`).checked,
|
|
||||||
etap_szkolny: document.getElementById(`etap-szkolny-${studentId}`).checked,
|
categoryColumns.forEach(column => {
|
||||||
etap_rejonowy: document.getElementById(`etap-rejonowy-${studentId}`).checked,
|
behavior[column.id] = document.getElementById(`${column.id}-${studentId}`).checked;
|
||||||
etap_wojewodzki: document.getElementById(`etap-wojewodzki-${studentId}`).checked,
|
});
|
||||||
etap_ogolnopolski: document.getElementById(`etap-ogolnopolski-${studentId}`).checked,
|
|
||||||
udzial_konkurs: document.getElementById(`udzial-konkurs-${studentId}`).checked,
|
|
||||||
wyroznienie_konkurs: document.getElementById(`wyroznienie-konkurs-${studentId}`).checked,
|
|
||||||
reprezentacja_indywidualna: document.getElementById(`reprezentacja-indywidualna-${studentId}`).checked,
|
|
||||||
reprezentacja_zespolowa: document.getElementById(`reprezentacja-zespolowa-${studentId}`).checked,
|
|
||||||
udzial_zawody: document.getElementById(`udzial-zawody-${studentId}`).checked,
|
|
||||||
organizacja_imprez: document.getElementById(`organizacja-imprez-${studentId}`).checked,
|
|
||||||
funkcja_klasa: document.getElementById(`funkcja-klasa-${studentId}`).checked,
|
|
||||||
uroczystosci: document.getElementById(`uroczystosci-${studentId}`).checked,
|
|
||||||
poczta_sztandar: document.getElementById(`poczta-sztandar-${studentId}`).checked,
|
|
||||||
pomoc_nauciciel: document.getElementById(`pomoc-nauczyciel-${studentId}`).checked,
|
|
||||||
wolontariat: document.getElementById(`wolontariat-${studentId}`).checked
|
|
||||||
};
|
|
||||||
|
|
||||||
student.behavior[`day${currentDay}`] = behavior;
|
student.behavior[`day${currentDay}`] = behavior;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Funkcja do obliczania statystyk
|
||||||
function calculateStats() {
|
function calculateStats() {
|
||||||
const frekwencjaPoints = parseInt(document.getElementById('frekwencja-punkty').value);
|
const frekwencjaPoints = parseInt(document.getElementById('frekwencja-punkty').value) || 0;
|
||||||
const brakGodzinPoints = parseInt(document.getElementById('brak-godzin-punkty').value);
|
const brakGodzinPoints = parseInt(document.getElementById('brak-godzin-punkty').value) || 0;
|
||||||
const min85Points = parseInt(document.getElementById('min-85-punkty').value);
|
const min85Points = parseInt(document.getElementById('min-85-punkty').value) || 0;
|
||||||
const etapSzkolnyPoints = parseInt(document.getElementById('etap-szkolny-punkty').value);
|
const etapSzkolnyPoints = parseInt(document.getElementById('etap-szkolny-punkty')?.value) || 5;
|
||||||
const etapRejonowyPoints = parseInt(document.getElementById('etap-rejonowy-punkty').value);
|
const etapRejonowyPoints = parseInt(document.getElementById('etap-rejonowy-punkty')?.value) || 10;
|
||||||
const etapWojewodzkiPoints = parseInt(document.getElementById('etap-wojewodzki-punkty').value);
|
const etapWojewodzkiPoints = parseInt(document.getElementById('etap-wojewodzki-punkty')?.value) || 15;
|
||||||
const etapOgolnopolskiPoints = parseInt(document.getElementById('etap-ogolnopolski-punkty').value);
|
const etapOgolnopolskiPoints = parseInt(document.getElementById('etap-ogolnopolski-punkty')?.value) || 20;
|
||||||
const udzialKonkursPoints = 5; // stała wartość
|
const udzialKonkursPoints = parseInt(document.getElementById('udzial-konkurs-punkty')?.value) || 5;
|
||||||
const wyroznienieKonkursPoints = 10; // stała wartość
|
const wyroznienieKonkursPoints = parseInt(document.getElementById('wyroznienie-konkurs-punkty')?.value) || 10;
|
||||||
const reprezentacjaIndPoints = 5; // stała wartość
|
const reprezentacjaIndPoints = parseInt(document.getElementById('reprezentacja-indywidualna-punkty')?.value) || 5;
|
||||||
const reprezentacjaZesPoints = 10; // stała wartość
|
const reprezentacjaZesPoints = parseInt(document.getElementById('reprezentacja-zespolowa-punkty')?.value) || 10;
|
||||||
const udzialZawodyPoints = 15; // stała wartość
|
const udzialZawodyPoints = parseInt(document.getElementById('udzial-zawody-punkty')?.value) || 15;
|
||||||
const organizacjaImprezPoints = 10; // stała wartość
|
const organizacjaImprezPoints = parseInt(document.getElementById('organizacja-imprez-punkty')?.value) || 10;
|
||||||
const funkcjaKlasyPoints = 10; // stała wartość
|
const funkcjaKlasyPoints = parseInt(document.getElementById('funkcja-klasa-punkty')?.value) || 10;
|
||||||
const uroczystosciPoints = 10; // stała wartość
|
const uroczystosciPoints = parseInt(document.getElementById('uroczystosci-punkty')?.value) || 10;
|
||||||
const pocztaSztandarPoints = 20; // stała wartość
|
const pocztaSztandarPoints = parseInt(document.getElementById('poczta-sztandar-punkty')?.value) || 20;
|
||||||
const pomocNauczycielaPoints = 10; // stała wartość
|
const pomocNauczycielaPoints = parseInt(document.getElementById('pomoc-nauczyciel-punkty')?.value) || 10;
|
||||||
const wolontariatPoints = 10; // stała wartość
|
const wolontariatPoints = parseInt(document.getElementById('wolontariat-punkty')?.value) || 10;
|
||||||
|
|
||||||
let stats = '';
|
let stats = '';
|
||||||
|
|
||||||
|
|
@ -262,7 +227,7 @@ function calculateStats() {
|
||||||
if (behavior.funkcja_klasa) dayPoints += funkcjaKlasyPoints;
|
if (behavior.funkcja_klasa) dayPoints += funkcjaKlasyPoints;
|
||||||
if (behavior.uroczystosci) dayPoints += uroczystosciPoints;
|
if (behavior.uroczystosci) dayPoints += uroczystosciPoints;
|
||||||
if (behavior.poczta_sztandar) dayPoints += pocztaSztandarPoints;
|
if (behavior.poczta_sztandar) dayPoints += pocztaSztandarPoints;
|
||||||
if (behavior.pomoc_nauciciel) dayPoints += pomocNauczycielaPoints;
|
if (behavior.pomoc_nauczyciel) dayPoints += pomocNauczycielaPoints;
|
||||||
if (behavior.wolontariat) dayPoints += wolontariatPoints;
|
if (behavior.wolontariat) dayPoints += wolontariatPoints;
|
||||||
|
|
||||||
totalPoints += dayPoints;
|
totalPoints += dayPoints;
|
||||||
|
|
@ -271,9 +236,10 @@ function calculateStats() {
|
||||||
stats += `${student.name}: ${totalPoints} punktów (${getGrade(totalPoints)})\n`;
|
stats += `${student.name}: ${totalPoints} punktów (${getGrade(totalPoints)})\n`;
|
||||||
});
|
});
|
||||||
|
|
||||||
document.getElementById('stats').innerText = stats;
|
document.getElementById('stats-output').innerText = stats;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Funkcja do przypisywania ocen na podstawie punktów
|
||||||
function getGrade(points) {
|
function getGrade(points) {
|
||||||
if (points >= 250) return "Wzorowe";
|
if (points >= 250) return "Wzorowe";
|
||||||
if (points >= 180) return "Bardzo dobre";
|
if (points >= 180) return "Bardzo dobre";
|
||||||
|
|
@ -283,8 +249,57 @@ function getGrade(points) {
|
||||||
return "Naganne";
|
return "Naganne";
|
||||||
}
|
}
|
||||||
|
|
||||||
// Ustawienie daty na dziś
|
// Funkcja do generowania tabeli uczniów na podstawie wybranej kategorii
|
||||||
document.getElementById('current-date').innerText = baseDate.toLocaleDateString();
|
function generateTable(category) {
|
||||||
|
const table = document.getElementById('student-table');
|
||||||
|
const thead = table.querySelector('thead tr');
|
||||||
|
const tbody = table.querySelector('tbody');
|
||||||
|
|
||||||
// Generowanie tabeli przy starcie
|
// Clear existing headers and body
|
||||||
generateTable();
|
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);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue