vip/zoz
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
u2 2025-02-12 12:07:41 +01:00
commit 710550655d
8 changed files with 1640 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

226
css/style.css Normal file
View File

@ -0,0 +1,226 @@
/* Podstawowe style dla zakładek */
.tab {
display: none;
}
.tab.active {
display: block;
}
header {
display: flex;
justify-content: space-between;
align-items: right;
}
.header-box {
display: flex;
justify-content: space-between;
align-items: center;
background-color: cornflowerblue; /* Kolor tła nagłówka */
padding: 10px; /* Padding wewnętrzny dla lepszego wyglądu */
color: white; /* Kolor tekstu */
}
.up-button {
display: flex;
}
.header-title {
margin-left: auto; /* Przesuwa tytuł na prawo */
}
/* Style dla przycisków kategorii */
.category-buttons {
margin: 10px 0;
text-align: center;
background-color: #A9A9A9;
}
.category-buttons button {
margin: 5px;
padding: 10px 15px;
font-size: 16px;
cursor: pointer;
background-color: lightgray;
border: 1px solid black;
border-radius: 4px;
transition: background-color 0.3s, color 0.3s, border 0.3s;
}
.category-buttons button.active {
background-color: #4CAF50;
color: white;
border: 1px solid #4CAF50;
}
.up-button {
margin: 10px 0;
text-align: left;
}
.up-button button {
margin: 5px;
padding: 10px 15px;
font-size: 16px;
cursor: pointer;
background-color: #f2f2f2;
border: 1px solid #ccc;
border-radius: 4px;
transition: background-color 0.3s, color 0.3s, border 0.3s;
}
.up-button button.active {
background-color: #4CAF50;
color: white;
border: 1px solid #4CAF50;
}
.container {
display: flex;
flex-direction: column; /* Elementy jeden pod drugim */
align-items: flex-start; /* Ustawia elementy po lewej stronie */
margin-left: 20px; /* Możesz dostosować margines według potrzeb */
}
.select-role,
.select-class {
margin: 10px 0; /* Dostosuj odstęp między elementami */
}
/* Stylizacja tabeli */
table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
background-color: whitesmoke;
}
th, td {
border: 1px solid grey;
padding: 8px;
text-align: center;
}
th {
background-color: whitesmoke;
}
tr:nth-child(even) {
background-color: whitesmoke;
}
/* Stylizacja kontenera klasy */
.select-class {
text-align: center;
}
.select-role {
text-align: center;
}
.select-class select {
padding: 5px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px;
}
.select-role select {
padding: 5px;
font-size: 16px;
border: 1px solid #ccc;
border-radius: 4px;
}
/* Stylizacja nagłówków */
h1, h2, h3 {
text-align: center;
}
/* Dodatkowe style dla układu */
body {
font-family: Arial, sans-serif;
margin: 20px;
background-color: #fafafa;
}
/* Stylizacja stopki */
footer.footer {
width: 100%;
padding: 20px 0;
background-color: #fafafa;
color: #555;
}
.footer-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: stretch;
}
.footer-left, .footer-right {
width: 100%;
}
.footer-left {
text-align: left;
}
.footer-right {
text-align: right;
}
.footer-line {
border: none;
border-top: 2px solid #ddd;
margin: 20px 0;
width: 100%;
}
/* Dodatkowe style dla estetyki */
.footer-left p,
.footer-right p {
margin: 5px 0;
font-size: 14px;
color: #333;
}
/* Stylizacja przycisków ogólna */
button {
outline: none;
}
button:hover {
opacity: 0.8;
}
/* Stylizacja checkboxów */
input[type="checkbox"] {
transform: scale(1.2);
cursor: pointer;
}
.sticky {
position: sticky;
top: 0;
background-color: white; /* lub inny kolor, aby tło było widoczne */
z-index: 1000; /* zapewnia, że będzie na wierzchu */
border-bottom: 1px solid #ccc; /* opcjonalnie, aby oddzielić od treści */
}
.dark-background {
background-color: #2e2e2e; /* Ciemnoszare tło */
color: black; /* Jasny kolor tekstu dla lepszej czytelności */
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
}
.lead {
background-color: #555;
}

34
data/class.json Normal file
View File

@ -0,0 +1,34 @@
[
{
"school": "CKZiU",
"city": "City",
"year": "202/202",
"semester": "Semestr 1",
"subject": "Programowanie Aplikacji Internetowych I",
"level": "Podstawowy",
"publisher": "Dokumentacja",
"class": "3",
"group": "i",
"profile": "Technik Informatyk",
"max_points": 55,
"teacher": "M. Pabi",
"file_path": "students/ckziu_class_3i_programowanie_aplikacji_2024_2025.json",
"student_count": 17
},
{
"school": "CKZiU",
"city": "City",
"year": "202/202",
"semester": "Semestr 1",
"subject": "Programowanie Aplikacji Internetowych II",
"level": "Podstawowy",
"publisher": "Dokumentacja",
"class": "4",
"group": "i",
"profile": "Technik Informatyk",
"max_points": 55,
"teacher": "M. Pabi",
"file_path": "students/ckziu_class_4i_programowanie_aplikacji_II_2024_2025.json",
"student_count": 18
}
]

326
data/criteria.json Normal file
View File

@ -0,0 +1,326 @@
{
"criteria": [
{
"id": 1,
"name": "95-100% raz w semestrze"
},
{
"id": 2,
"name": "brak godzin nieusprawiedliwionych w semestrze"
},
{
"id": 3,
"name": "minimum 85% frekwencje w semestrze"
},
{
"id": 4,
"name": "uczestnictwo w etapie szkolnym"
},
{
"id": 5,
"name": "uczestnictwo w etapie rejonowym"
},
{
"id": 6,
"name": "uczestnictwo w etapie wojewódzkim"
},
{
"id": 7,
"name": "uczestnictwo w etapie ogólnopolskim"
},
{
"id": 8,
"name": "wyróżnienie w etapie szkolnym"
},
{
"id": 9,
"name": "wyróżnienie w etapie rejonowym"
},
{
"id": 10,
"name": "wyróżnienie w etapie wojewódzkim"
},
{
"id": 11,
"name": "wyróżnienie w etapie ogólnopolskim"
},
{
"id": 12,
"name": "laureat, finalista ogólnopolski"
},
{
"id": 13,
"name": "każdy udział w konkursach"
},
{
"id": 14,
"name": "wyróżnienie w konkursie"
},
{
"id": 15,
"name": "każdy udział w reprezentowaniu"
},
{
"id": 16,
"name": "uzyskanie wyniku w rozgrywkach na szczeblu rejonowym w przedziale I-III miejsce"
},
{
"id": 17,
"name": "uzyskanie wyniku w rozgrywkach na szczeblu wojewódzkim w przedziale I-III miejsce"
},
{
"id": 18,
"name": "uzyskanie wyniku w rozgrywkach na szczeblu ogólnopolskim w przedziale I-III miejsce"
},
{
"id": 19,
"name": "aktywny udział w organizowaniu imprez klasowych, szkolnych, uroczystości okolicznościowych ( każdorazowo)"
},
{
"id": 20,
"name": "pełnienie funkcji w klasie i wywiązywanie się z obowiązków ( na koniec każdego semestru)"
},
{
"id": 21,
"name": "reprezentowanie szkoły na zewnątrz ( udział w uroczystościach okolicznościowych, prezentacja szkoły) każdorazowo"
},
{
"id": 22,
"name": "uczestnictwo w poczcie sztandarowym ( raz w semestrze)"
},
{
"id": 23,
"name": "pomoc nauczycielowi/ pracownikowi szkoły (raz w semestrze)"
},
{
"id": 24,
"name": "wolontariat ( raz w semestrze)"
},
{
"id": 25,
"name": "udział w akcjach charytatywnych ( każdorazowo)"
},
{
"id": 26,
"name": "rozwijanie własnych zainteresowań poza szkołą ( zajęcia sportowe, muzyczne, artystyczne, koła naukowe) na koniec roku szkolnego"
},
{
"id": 27,
"name": "każdą godzinę lekcyjną nieusprawiedliwioną ( raz w miesiącu)"
},
{
"id": 28,
"name": "każde nieusprawiedliwione spóźnienie na zajęcia szkolne ( raz w miesiącu)"
},
{
"id": 29,
"name": "każde nieusprawiedliwione spóźnienie na zajęcia szkolne ( raz w miesiącu)"
},{
"id": 30,
"name": "przeszkadzanie w prowadzeniu zajęć dydaktyczno-wychowawczych (każdorazowo)"
},
{
"id": 31,
"name": "niewłaściwe stosunek do nauczycieli i pracowników szkoły (każdorazowo)"
},
{
"id": 32,
"name": "udział w bójce (każdorazowo)"
},
{
"id": 33,
"name": "używanie wulgarnego słownictwa (każdorazowo)"
},{
"id": 34,
"name": "palenie papierosów, e-papierosów na terenie szkoły (każdorazowo)"
},
{
"id": 35,
"name": "agresję słowną (każdorazowo)"
},
{
"id": 36,
"name": "korzystanie na lekcji z telefonu komórkowego, smartfona, innych urządzeń informatycznych na lekcji (każdorazowo)"
},
{
"id": 37,
"name": "brak odpowiedniego stroju na uroczystościach okolicznościowych, egzaminach(każdorazowo)"
},
{
"id": 38,
"name": "kradzież; spożywanie, posiadanie lub bycie pod wpływem alkoholu na terenie szkoły; zażywanie, posiadanie lub rozprowadzanie narkotyków lub środków odurzających na terenie szkoły; psychiczne lub fizyczne znęcanie się nad rówieśnikami; (każdorazowo)"
},
{
"id": 39,
"name": "W sytuacjach nieujętych w powyższych tabelach o przydziale punktów decyduje nauczyciel. (wpis w dzienniku wraz uzasadnieniem)"
},
{
"id": 40,
"name": "Ocenę roczną stanowi średnia punktów z całego roku szkolnego"
}
],
"categories": [
{
"id": "frekwencja",
"name": "Frekwencja",
"criteria_ids": [
1,2,3
]
},
{
"id": "konkursy-olimpiady",
"name": "udział w konkursach, olimpiadach przedmiotowych ( każdorazowo)",
"criteria_ids": [
4,
5,
6,
7,
8,
9,
10,
11,
12
]
},
{
"id": "konkursy-szkolne",
"name": "udział w konkursach szkolnych (każdorazowo)",
"criteria_ids": [
13,
14
]
},
{
"id": "reprezentowanie-szkoły",
"name": "reprezentowanie szkoły w zawodach sportowych indywidualnie i w zespole:",
"criteria_ids": [
15,
16,
17,
18
]
},
{
"id": "inne-dodatnie",
"name": "Inne dodatnie",
"criteria_ids": [
19,
20,
21,
22,
23,
24,
25,
26
]
},
{
"id": "inne-ujemne",
"name": "Inne ujemne",
"criteria_ids": [
27,
28,
29,
30,
31,
32,
33,
34,
35,
36,
37,
38,
39,
40
]
}
],
"roles": {
"teacher": {
"name": "Teacher",
"criteria_ids": [
1,
2,
3,
4,
5,
6,
7,
27,
28,
29,
30,
31,
32,
33,
34,
35,
36,
37,
38,
39,
40
]
},
"homeroom_teacher": {
"name": "Homeroom Teacher",
"criteria_ids": [
1,
2,
3,
4,
5,
6,
7,
8
]
},
"principal": {
"name": "Principal",
"criteria_ids": [
8,
9,
10,
11
]
},
"student": {
"name": "Student",
"criteria_ids": [
12,
13
]
},
"patryk": {
"name": "patryk",
"criteria_ids": [
15,
16
]
}
},
"people": [
{
"name": "M. Pabiszczak",
"roles": [
"teacher",
"homeroom_teacher"
]
},
{
"name": "A. Nowak",
"roles": [
"principal"
]
},
{
"name": "K. Kowalski",
"roles": [
"teacher"
]
}
]
}

105
data/students/_class_json_schema.json Normal file
View File

@ -0,0 +1,105 @@
{
"$schema": "http://json-schema.org/draft-07/schema#",
"type": "object",
"properties": {
"header": {
"type": "object",
"properties": {
"school": {
"type": "string"
},
"city": {
"type": "string"
},
"year": {
"type": "string"
},
"semester": {
"type": "string"
},
"subject": {
"type": "string"
},
"level": {
"type": "string"
},
"publisher": {
"type": "string"
},
"class": {
"type": "string"
},
"group": {
"type": "string"
},
"profile": {
"type": "string"
},
"max_points": {
"type": "integer"
},
"teacher": {
"type": "string"
}
},
"required": [
"school",
"city",
"year",
"semester",
"subject",
"class",
"group",
"profile",
"teacher"
]
},
"students": {
"type": "array",
"items": {
"type": "object",
"properties": {
"id": {
"type": "integer"
},
"first_name": {
"type": "string"
},
"last_name": {
"type": "string"
},
"name": {
"type": "string"
},
"grade": {
"type": [
"string",
"null"
]
},
"points": {
"type": [
"number",
"null"
]
},
"status": {
"type": "integer"
}
},
"required": [
"id",
"first_name",
"last_name",
"name",
"grade",
"status"
]
}
}
},
"required": [
"header",
"students"
]
}

37
data/students/_validate_json.py Normal file
View File

@ -0,0 +1,37 @@
import json
import sys
from jsonschema import validate, ValidationError
def validate_json(schema_file, json_file):
try:
# Wczytaj schemat JSON
with open(schema_file, 'r') as f:
schema = json.load(f)
# Wczytaj dane JSON
with open(json_file, 'r') as f:
data = json.load(f)
# Sprawdź, czy dane JSON są zgodne ze schematem
validate(instance=data, schema=schema)
print("JSON jest zgodny z schematem")
except ValidationError as e:
print("JSON nie jest zgodny z schematem:", e.message)
except json.JSONDecodeError as e:
print("Błąd wczytywania JSON:", e)
except FileNotFoundError as e:
print("Plik nie został znaleziony:", e)
except Exception as e:
print("Wystąpił błąd:", e)
if __name__ == "__main__":
if len(sys.argv) != 3:
print("Użycie: python validate_json.py <schemat.json> <plik.json>")
sys.exit(1)
schema_file = sys.argv[1]
json_file = sys.argv[2]
validate_json(schema_file, json_file)

198
data/students/ckziu_class_4i_programowanie_aplikacji_II_2024_2025.json Normal file
View File

@ -0,0 +1,198 @@
{
"header": {
"school": "CKZiU",
"city": "City",
"year": "202/202",
"semester": "Semestr 1",
"subject": "Programowanie Aplikacji Internetowych II",
"level": "Podstawowy",
"publisher": "Dokumentacja",
"class": "4",
"group": "i",
"profile": "Technik Informatyk",
"max_points": 55,
"teacher": "M. Pabi"
},
"students": [
{
"id": 1,
"first_name": "Aleksander",
"last_name": "Adam",
"name": "Adam A",
"grade": "Brak ocen",
"points": null,
"info": "",
"status": 1
},
{
"id": 2,
"first_name": "Bartosz",
"last_name": "Boh",
"name": "Boh B",
"grade": "Brak ocen",
"points": null,
"info": "Na prośbę rodzica proszę o zwolnienie ucznia z 9 lekcji",
"status": 1
},
{
"id": 3,
"first_name": "Jakub",
"last_name": "Gj",
"name": "Gj J",
"grade": "Brak ocen",
"points": null,
"info": "Na prośbę rodzica proszę o zwolnienie ucznia z 9 lekcji",
"status": 1
},
{
"id": 4,
"first_name": "Wiktor",
"last_name": "Kier",
"name": "Kier W",
"grade": "Brak ocen",
"points": null,
"info": "",
"status": 1
},
{
"id": 5,
"first_name": "Jakub",
"last_name": "Km",
"name": "Km J",
"grade": "Brak ocen",
"points": null,
"info": "",
"status": 1
},
{
"id": 6,
"first_name": "Fabian",
"last_name": "Kow",
"name": "Kow F",
"grade": "Brak ocen",
"points": null,
"info": "",
"status": 1
},
{
"id": 7,
"first_name": "Patryk",
"last_name": "Mac",
"name": "Mac P",
"grade": "Brak ocen",
"points": null,
"info": "",
"status": 1
},
{
"id": 8,
"first_name": "Marcel",
"last_name": "Mars",
"name": "Mars M",
"grade": "Brak ocen",
"points": null,
"info": "",
"status": 1
},
{
"id": 9,
"first_name": "Szymon",
"last_name": "Pt",
"name": "Pt S",
"grade": "Brak ocen",
"points": null,
"info": "",
"status": 1
},
{
"id": 10,
"first_name": "Dmytro",
"last_name": "Shev",
"name": "Shev D",
"grade": "Brak ocen",
"points": null,
"info": "",
"status": 1
},
{
"id": 11,
"first_name": "Anna",
"last_name": "Sik",
"name": "Sik A",
"grade": "Brak ocen",
"points": null,
"info": "",
"status": 1
},
{
"id": 12,
"first_name": "Szymon",
"last_name": "Spili",
"name": "Spili S",
"grade": "Brak ocen",
"points": null,
"info": "Na prośbę rodzica proszę o zwolnienie ucznia z 9 lekcji",
"status": 1
},
{
"id": 13,
"first_name": "Alan",
"last_name": "Stas",
"name": "Stas A",
"grade": "Brak ocen",
"points": null,
"info": "",
"status": 1
},
{
"id": 14,
"first_name": "Kamil",
"last_name": "Szy",
"name": "Szy K",
"grade": "Brak ocen",
"points": null,
"info": "",
"status": 1
},
{
"id": 15,
"first_name": "Jakub",
"last_name": "Toc",
"name": "Toc J",
"grade": "Brak ocen",
"points": null,
"info": "Na prośbę rodzica proszę o zwolnienie ucznia z 9 lekcji",
"status": 1
},
{
"id": 16,
"first_name": "Mateusz",
"last_name": "Wój",
"name": "Wój M",
"grade": "Brak ocen",
"points": null,
"info": "Na prośbę rodzica proszę o zwolnienie ucznia z 9 lekcji",
"status": 1
},
{
"id": 17,
"first_name": "Tomasz",
"last_name": "Zad",
"name": "Zad T",
"grade": "Brak ocen",
"points": null,
"info": "",
"status": 1
},
{
"id": 18,
"first_name": "Wiktor",
"last_name": "Zal",
"name": "Zal W",
"grade": "Brak ocen",
"points": null,
"info": "",
"status": 1
}
]
}

196
index.html Normal file
View File

@ -0,0 +1,196 @@
<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Ocena Zachowania</title>
<link rel="stylesheet" href="css/style.css">
<style>
table {
width: 100%;
border-collapse: collapse;
}
th {
position: sticky;
top: 0;
background-color: lightgray; /* Kolor tła nagłówka */
z-index: 10; /* Zapewnia, że nagłówek będzie nad innymi elementami */
border: 1px solid #ddd; /* Opcjonalnie: Dodanie obramowania */
padding: 8px;
}
</style>
</head>
<body class="dark-background">
<header class="header-box">
<div class="up-button">
<button class="active" onclick="showTab('criteria')">Ocena z zachowania</button>
<button class="active" onclick="showTab('stats')">Statystyka</button>
<button class="active" onclick="showTab('points')">Ustal punkty</button>
</div>
<h1 id="header-title" class="header-title">Ocena Zachowania</h1>
</header>
<div id="up-button-container" class="up-button" class="sa">
<button class="active" onclick="changeDay(-1)">Poprzedni Dzień</button>
<button class="active" onclick="changeDay(1)">Następny Dzień</button>
</div>
<!-- Zakładka "Ustal punkty" -->
<div id="points" class="tab">
<h2>Ustal punkty dla kryteriów</h2>
<table>
<thead>
<tr>
<th>Kryterium</th>
<th>Punkty</th>
</tr>
</thead>
<tbody>
<!-- Wiersze dla wszystkich kryteriów -->
<tr>
<td>Frekwencja 95-100%</td>
<td><input type="number" id="frekwencja-punkty" value="30" onchange="calculateStats()"></td>
</tr>
<tr>
<td>Brak godzin nieusprawiedliwionych</td>
<td><input type="number" id="brak_godzin-punkty" value="20" onchange="calculateStats()"></td>
</tr>
<!-- Dodaj pozostałe wiersze kryteriów tutaj -->
<tr>
<td>Minimum 85% frekwencja</td>
<td><input type="number" id="min_85-punkty" value="20" onchange="calculateStats()"></td>
</tr>
<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>
</tbody>
</table>
</div>
<!-- Zakładka "Kryteria oceny zachowania" -->
<div id="criteria" class="tab active">
<h2>Kryteria oceny zachowania - <span id="current-date"></span></h2>
<div class="select-role">
<p>Wybierz role:</p>
<select id="select-role" class="select-role">
</select>
</div>
<div class="select-class" id="select-class-container">
<p>Wybierz klasę:</p>
<select class="select-class" id="select-class-select">
<!-- Opcje będą ładowane dynamicznie -->
</select>
</div>
<div class="category-buttons" id="category-buttons-box">
<button data-category="frekwencja" onclick="showInnerTab('frekwencja')">Frekwencja</button>
<button data-category="olimpiady" onclick="showInnerTab('olimpiady')">Olimpiady</button>
<button data-category="konkursy" onclick="showInnerTab('konkursy')">Konkursy Szkolne</button>
<button data-category="reprezentacja" onclick="showInnerTab('reprezentacja')">Reprezentacja Szkoły</button>
<button data-category="aktywnosc" onclick="showInnerTab('aktywnosc')">Aktywność</button>
</div>
<!-- Tabela uczniów -->
<table id="student-table">
<thead>
<tr>
<th>Imię i Nazwisko</th>
<!-- Dynamiczne kolumny będą generowane przez JavaScript -->
</tr>
</thead>
<tbody>
<!-- Wiersze uczniów będą generowane przez JavaScript -->
</tbody>
</table>
</div>
<!-- Zakładka "Statystyka" -->
<div id="stats" class="tab">
<h2>Statystyka dla wszystkich dni</h2>
<div id="stats-output"></div>
</div>
<hr class="footer-line">
<footer class="footer">
<div class="footer-left">
<p>B. Hrynowiecki</p>
<p>K. Michalak</p>
<p>F. Kowalski</p>
<p>S. Ptak</p>
<p>M. Marszalik</p>
<P>T. Zadworny</P>
</div>
<div class="footer-right">
<p>M. Pabiszczak</p>
</div>
</footer>
<!-- Przeniesienie skryptu na koniec body -->
<script src="js/script.js"></script>
</body>
</html>

518
js/script.js Normal file
View File

@ -0,0 +1,518 @@
// Zmienne globalne
let currentCategory = 'frekwencja';
let currentClass = '';
let studentsData = [];
let currentDay = 0;
let currentRole = "teacher"
let currentRoleCriterias = []
const baseDate = new Date();
function generateTable(category) {
const table = document.getElementById('student-table');
const thead = table.querySelector('thead tr');
const tbody = table.querySelector('tbody');
// Wyczyść istniejące nagłówki i wiersze
thead.innerHTML = '';
tbody.innerHTML = '';
// Dodaj nagłówek 'Imię i Nazwisko'
const thName = document.createElement('th');
thName.textContent = "Imię i Nazwisko";
thead.appendChild(thName);
// Pobierz kolumny dla wybranej kategorii
const categoryColumns = categories[category];
// Dodaj nagłówki dla kryteriów w kategorii
categoryColumns.forEach(column => {
const th = document.createElement('th');
th.textContent = column.name;
thead.appendChild(th);
});
// Generuj wiersze dla uczniów
studentsData.forEach(student => {
const row = document.createElement('tr');
// Komórka z imieniem i nazwiskiem
const tdName = document.createElement('td');
tdName.textContent = `${student.first_name} ${student.last_name}`;
row.appendChild(tdName);
// Upewnij się, że 'behavior' jest zdefiniowany
if (!student.behavior) {
student.behavior = {};
}
// Komórki z checkboxami dla kryteriów
categoryColumns.forEach(column => {
const td = document.createElement('td');
const checkbox = document.createElement('input');
checkbox.type = 'checkbox';
const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-');
checkbox.id = `${column.id}-${studentId}`;
checkbox.onchange = calculateStats;
// Ustawienie stanu checkboxa na podstawie zapisanych danych
checkbox.checked = student.behavior[`day${currentDay}`]?.[column.id] || false;
td.appendChild(checkbox);
row.appendChild(td);
});
tbody.appendChild(row);
});
}
// Funkcja do wczytywania pliku JSON
async function fetchJSONFile(filePath) {
try {
const response = await fetch(filePath);
if (!response.ok) {
throw new Error(`Błąd HTTP! Status: ${response.status}`);
}
return await response.json();
} catch (error) {
console.error("Błąd podczas pobierania pliku JSON:", error);
return null;
}
}
// Obiekt do przechowywania danych klas i uczniów
const classData = {};
// Funkcja do wczytania pliku class.json i danych uczniów
async function loadClasses() {
const classFilePath = '/data/class.json';
const classes = await fetchJSONFile(classFilePath);
if (classes) {
console.log('Załadowane klasy:', classes);
const selectClass = document.getElementById("select-class-select");
selectClass.innerHTML = ""; // Wyczyść istniejące opcje
classes.forEach(classInfo => {
const option = document.createElement('option');
option.value = classInfo.file_path;
option.textContent = `Klasa: ${classInfo.class}`;
selectClass.appendChild(option);
console.log("Dodano klasę ", classInfo.class, " do SELECT");
});
// Dodaj nasłuchiwacz zdarzeń na zmianę wyboru klasy
selectClass.addEventListener('change', function() {
const selectedClassFile = this.value;
console.log(`Wybrano klasę: ${selectedClassFile}`);
loadStudents(selectedClassFile);
});
// Opcjonalnie, ustaw domyślnie pierwszą klasę i załaduj jej uczniów
if (classes.length > 0) {
selectClass.selectedIndex = 0;
const defaultClassFile = classes[0].file_path;
loadStudents(defaultClassFile);
}
}
}
// Funkcja do wczytania danych uczniów dla wybranej klasy
async function loadStudents(classFilePath) {
if (!classFilePath) {
console.warn("Nie wybrano żadnej klasy.");
return;
}
const studentsFilePath = `/data/${classFilePath}`;
const data = await fetchJSONFile(studentsFilePath);
if (data && Array.isArray(data.students)) {
console.log(`Uczniowie załadowani z pliku ${classFilePath}:`, data);
studentsData = data.students; // Aktualizuj globalną tablicę uczniów
// Inicjalizacja 'behavior' dla każdego ucznia, jeśli jest niezdefiniowany
studentsData.forEach(student => {
if (!student.behavior) {
student.behavior = {};
}
});
currentClass = classFilePath; // Ustaw aktualną klasę
generateTable(currentCategory); // Regeneruj tabelę z aktualną kategorią
} else {
console.error("Błąd: Nie udało się załadować danych uczniów lub dane są niepoprawne.");
studentsData = []; // Jeśli nie udało się załadować danych, wyczyść tablicę uczniów
currentClass = '';
generateTable(currentCategory); // Regeneruj pustą tabelę
}
}
async function getCategoriesWithCriteria() {
const criteriaFilePath = '/data/criteria.json';
const criteria = await fetchJSONFile(criteriaFilePath);
let categoriesWithCriteria = {}
criteria.categories.forEach(category => {
let criteriaForCategory = []
criteria.criteria.forEach(criteria => {
if(category.criteria_ids.includes(criteria.id)) {
//console.log(`!!! ${category.name} posiada ${criteria.name}`)
criteriaForCategory.push({name: criteria.name, id: criteria.id})
}
})
categoriesWithCriteria[category.id] = criteriaForCategory
})
return categoriesWithCriteria
}
// Funkcja do wczytania pliku criteria.json
async function loadCriteria() {
const criteriaFilePath = '/data/criteria.json';
const criteria = await fetchJSONFile(criteriaFilePath);
console.log("Załadowane kryteria:", criteria);
//
// LADOWANIE ROL
//
const roles = criteria.roles;
const selectroleByid = document.getElementById("select-role");
let selectroleHTML = ""; // Zainicjalizuj pusty string na HTML
currentRole = "teacher"
// Iteracja przez klucze obiektu roles
for (const [key, value] of Object.entries(roles)) {
if(key == "teacher") {
currentRoleCriterias = value.criteria_ids
}
selectroleHTML += `<option value="${key}">${value.name}</option>`;
}
// Wstawienie HTML do elementu select
selectroleByid.innerHTML = selectroleHTML;
// category-buttons-box
const categoriesCriteria = criteria.categories;
const categoryButtonsBox = document.getElementById("category-buttons-box");
let categoryButtonHTML = ""
categoriesCriteria.forEach(category => {
const hasCriteria = category.criteria_ids.some(criteriaId => currentRoleCriterias.includes(criteriaId));
// Jeśli kategoria ma kryteria, dodajemy przycisk
if (hasCriteria) {
categoryButtonHTML += `<button data-category="${category.id}" onclick="showInnerTab('${category.id}')">${category.name}</button>`;
}
});
categoryButtonsBox.innerHTML = categoryButtonHTML;
}
async function changeRole(role) {
const select = document.getElementById('select-role');
const selectedValue = select.value;
const criteriaFilePath = '/data/criteria.json';
const criteria = await fetchJSONFile(criteriaFilePath);
currentRole = selectedValue
currentRoleCriterias = criteria.roles[currentRole].criteria_ids
console.log("currentRole:", currentRole)
console.log("currentRoleCriterias:", currentRoleCriterias)
// category-buttons-box
const categoriesCriteria = criteria.categories;
const categoryButtonsBox = document.getElementById("category-buttons-box");
let categoryButtonHTML = ""
categoriesCriteria.forEach(category => {
const hasCriteria = category.criteria_ids.some(criteriaId => currentRoleCriterias.includes(criteriaId));
// Jeśli kategoria ma kryteria, dodajemy przycisk
if (hasCriteria) {
categoryButtonHTML += `<button data-category="${category.id}" onclick="showInnerTab('${category.id}')">${category.name}</button>`;
}
});
categoryButtonsBox.innerHTML = categoryButtonHTML;
generateTable(currentCategory)
}
// Funkcja do przełączania głównych zakładek
function showTab(tabName) {
// Ukryj wszystkie główne taby
const tabs = document.querySelectorAll('.tab');
tabs.forEach(tab => tab.classList.remove('active'));
// Pokaż wybrany tab
const selectedTab = document.getElementById(tabName);
if (selectedTab) {
selectedTab.classList.add('active');
}
if (tabName === 'criteria') {
loadDayData();
} else if (tabName === 'points') {
calculateStats();
}
}
// Funkcja do przełączania kategorii w tabeli uczniów
function showInnerTab(category) {
currentCategory = category;
// Generowanie tabeli na podstawie wybranej kategorii
generateTable(category);
// Podkreślenie aktywnego przycisku
const buttons = document.querySelectorAll('.category-buttons button');
buttons.forEach(button => button.classList.remove('active'));
const activeButton = document.querySelector(`.category-buttons button[data-category="${category}"]`);
if (activeButton) {
activeButton.classList.add('active');
}
}
// Funkcja, aby ustawić domyślną kategorię i zakładkę
document.addEventListener("DOMContentLoaded", function() {
// Domyślnie pokazujemy kategorię 'frekwencja'
// Ustawienie daty na dziś
document.getElementById('current-date').innerText = baseDate.toLocaleDateString();
// Uruchomienie wczytywania klas i kryteriów
loadClasses();
loadCriteria();
showInnerTab('frekwencja');
});
// Funkcja do zmiany dnia
function changeDay(direction) {
saveDayData();
currentDay += direction;
const newDate = new Date(baseDate);
newDate.setDate(baseDate.getDate() + currentDay);
document.getElementById('current-date').innerText = newDate.toLocaleDateString();
loadDayData();
}
// Funkcja do ładowania danych dnia
function loadDayData() {
studentsData.forEach(student => {
const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-');
const behavior = student.behavior[`day${currentDay}`] || {};
// Pobierz kryteria dla aktualnej kategorii
const categoryColumns = categories[currentCategory];
categoryColumns.forEach(column => {
const checkbox = document.getElementById(`${column.id}-${studentId}`);
if (checkbox) {
checkbox.checked = behavior[column.id] || false;
}
});
});
calculateStats();
}
// Funkcja do zapisywania danych dnia
function saveDayData() {
studentsData.forEach(student => {
const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-');
// Upewnij się, że 'behavior' jest zdefiniowany
if (!student.behavior) {
student.behavior = {};
}
let behavior = student.behavior[`day${currentDay}`] || {};
const categoryColumns = categories[currentCategory];
categoryColumns.forEach(column => {
const checkbox = document.getElementById(`${column.id}-${studentId}`);
if (checkbox) {
behavior[column.id] = checkbox.checked;
}
});
student.behavior[`day${currentDay}`] = behavior;
});
}
// Funkcja do obliczania statystyk
function calculateStats() {
// Pobieranie punktów z zakładki "Ustal punkty"
const points = {
frekwencja: parseInt(document.getElementById('frekwencja-punkty').value) || 0,
brak_godzin: parseInt(document.getElementById('brak_godzin-punkty').value) || 0,
min_85: parseInt(document.getElementById('min_85-punkty').value) || 0,
etap_szkolny: parseInt(document.getElementById('etap_szkolny-punkty').value) || 5,
etap_rejonowy: parseInt(document.getElementById('etap_rejonowy-punkty').value) || 10,
etap_wojewodzki: parseInt(document.getElementById('etap_wojewodzki-punkty').value) || 15,
etap_ogolnopolski: parseInt(document.getElementById('etap_ogolnopolski-punkty').value) || 20,
udzial_konkurs: parseInt(document.getElementById('udzial_konkurs-punkty').value) || 5,
wyroznienie_konkurs: parseInt(document.getElementById('wyroznienie_konkurs-punkty').value) || 10,
reprezentacja_indywidualna: parseInt(document.getElementById('reprezentacja_indywidualna-punkty').value) || 5,
reprezentacja_zespolowa: parseInt(document.getElementById('reprezentacja_zespolowa-punkty').value) || 10,
udzial_zawody: parseInt(document.getElementById('udzial_zawody-punkty').value) || 15,
organizacja_imprez: parseInt(document.getElementById('organizacja_imprez-punkty').value) || 10,
funkcja_klasa: parseInt(document.getElementById('funkcja_klasa-punkty').value) || 10,
uroczystosci: parseInt(document.getElementById('uroczystosci-punkty').value) || 10,
poczta_sztandar: parseInt(document.getElementById('poczta_sztandar-punkty').value) || 20,
pomoc_nauczyciel: parseInt(document.getElementById('pomoc_nauczyciel-punkty').value) || 10,
wolontariat: parseInt(document.getElementById('wolontariat-punkty').value) || 10
};
let stats = '';
studentsData.forEach(student => {
let totalPoints = 0;
Object.keys(student.behavior).forEach(day => {
const behavior = student.behavior[day];
let dayPoints = 0;
for (const [criterion, value] of Object.entries(behavior)) {
if (value && points[criterion]) {
dayPoints += points[criterion];
}
}
totalPoints += dayPoints;
});
stats += `${student.first_name} ${student.last_name}: ${totalPoints} punktów (${getGrade(totalPoints)})\n`;
});
document.getElementById('stats-output').innerText = stats;
}
// Funkcja do przypisywania ocen na podstawie punktów
function getGrade(points) {
if (points >= 250) return "Wzorowe";
if (points >= 180) return "Bardzo dobre";
if (points >= 100) return "Dobre";
if (points >= 50) return "Poprawne";
if (points >= 0) return "Nieodpowiednie";
return "Naganne";
}
// Funkcja do generowania tabeli uczniów na podstawie wybranej kategorii
async function generateTable(category) {
const table = document.getElementById('student-table');
const thead = table.querySelector('thead tr');
const tbody = table.querySelector('tbody');
// Wyczyść istniejące nagłówki i wiersze
thead.innerHTML = '';
tbody.innerHTML = '';
// Dodaj nagłówek 'Imię i Nazwisko'
const thName = document.createElement('th');
thName.textContent = "Imię i Nazwisko";
thead.appendChild(thName);
// get role
console.log("currentRole", currentRole)
// Pobierz kolumny dla wybranej kategorii
const categories = await getCategoriesWithCriteria()
console.log("łot:", categories)
const categoryColumns = categories[category];
// Dodaj nagłówki dla kryteriów w kategorii
categoryColumns.forEach(column => {
const th = document.createElement('th');
if(currentRoleCriterias.includes(column.id)) {
th.textContent = column.name;
thead.appendChild(th);
}
});
// Generuj wiersze dla uczniów
studentsData.forEach(student => {
const row = document.createElement('tr');
// Komórka z imieniem i nazwiskiem
const tdName = document.createElement('td');
tdName.textContent = `${student.first_name} ${student.last_name}`;
row.appendChild(tdName);
// Upewnij się, że 'behavior' jest zdefiniowany
if (!student.behavior) {
student.behavior = {};
}
// Komórki z checkboxami dla kryteriów
categoryColumns.forEach(column => {
if(currentRoleCriterias.includes(column.id)) {
const td = document.createElement('td');
const checkbox = document.createElement('input');
checkbox.type = 'checkbox';
const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-');
checkbox.id = `${column.id}-${studentId}`;
checkbox.onchange = calculateStats;
// Ustawienie stanu checkboxa na podstawie zapisanych danych
checkbox.checked = student.behavior[`day${currentDay}`]?.[column.id] || false;
td.appendChild(checkbox);
row.appendChild(td);
}
});
tbody.appendChild(row);
});
}
function showTab(tabName) {
// Ukryj wszystkie zakładki
const tabs = document.querySelectorAll('.tab');
tabs.forEach(tab => tab.classList.remove('active'));
// Pokaż wybraną zakładkę
const selectedTab = document.getElementById(tabName);
if (selectedTab) {
selectedTab.classList.add('active');
}
// Zmieniaj tytuł nagłówka w zależności od wybranej zakładki
const headerTitle = document.getElementById('header-title');
const upButtonContainer = document.getElementById('up-button-container');
const selectRoleContainer = document.getElementById('select-role-container');
const selectClassContainer = document.getElementById('select-class-container');
switch (tabName) {
case 'criteria':
headerTitle.textContent = 'Ocena Zachowania';
generateTable(currentCategory); // Generuj tabelę dla aktualnej kategorii
upButtonContainer.style.display = 'block'; // Pokaż przyciski
selectRoleContainer.style.display = 'block'; // Pokaż wybór roli
selectClassContainer.style.display = 'block'; // Pokaż wybór klasy
break;
case 'stats':
headerTitle.textContent = 'Statystyka';
upButtonContainer.style.display = 'none'; // Ukryj przyciski
selectRoleContainer.style.display = 'none'; // Ukryj wybór roli
selectClassContainer.style.display = 'none'; // Ukryj wybór klasy
break;
case 'points':
headerTitle.textContent = 'Ustal punkty';
upButtonContainer.style.display = 'none'; // Ukryj przyciski
selectRoleContainer.style.display = 'none'; // Ukryj wybór roli
selectClassContainer.style.display = 'none'; // Ukryj wybór klasy
break;
default:
headerTitle.textContent = 'Ocena Zachowania';
upButtonContainer.style.display = 'none'; // Ukryj przyciski
selectRoleContainer.style.display = 'none'; // Ukryj wybór roli
selectClassContainer.style.display = 'none'; // Ukryj wybór klasy
}
}