Compare commits
No commits in common. "konradm2" and "dev" have entirely different histories.
278
css/style.css
278
css/style.css
|
|
@ -1,271 +1,35 @@
|
||||||
/* 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: #101820; /* Kolor tła nagłówka */
|
|
||||||
padding: px; /* Padding wewnętrzny dla lepszego wyglądu */
|
|
||||||
color: whitesmoke; /* Kolor tekstu */
|
|
||||||
padding-bottom: 10px;
|
|
||||||
padding-top: 10px;
|
|
||||||
border-radius: 2px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header-title {
|
|
||||||
margin-left: auto; /* Przesuwa tytuł na prawo */
|
|
||||||
user-select: none;
|
|
||||||
margin-right: 25px;
|
|
||||||
margin-top: 0px;
|
|
||||||
margin-bottom: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Style dla przycisków kategorii */
|
|
||||||
.category-buttons {
|
|
||||||
margin: 10px 0;
|
|
||||||
text-align: center;
|
|
||||||
background-color: s;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.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;
|
|
||||||
user-select: none;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.category-buttons button.active {
|
|
||||||
background-color: #FEE715;
|
|
||||||
color: black;
|
|
||||||
font-weight: bold;
|
|
||||||
border: 1px solid #FEE715;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.up-button button {
|
|
||||||
background: #FEE715;
|
|
||||||
color: black;
|
|
||||||
padding: 10px 15px;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: pointer;
|
|
||||||
border-radius: 4px;
|
|
||||||
text-align: left;
|
|
||||||
user-select: none;
|
|
||||||
margin-left: 15px;
|
|
||||||
display: inline-block;
|
|
||||||
outline: 0;
|
|
||||||
border: 0;
|
|
||||||
box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 0px 0px, rgba(0, 0, 0, 0.2) 0px -1px 0px 0px inset;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.up-button button:hover {
|
|
||||||
opacity: 0.8;
|
|
||||||
transition: 0.4s;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.up-button button:active {
|
|
||||||
opacity: 0.4;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button1 button {
|
|
||||||
background-color: #FEE715;
|
|
||||||
color: color;
|
|
||||||
border: none;
|
|
||||||
margin: 5px;
|
|
||||||
padding: 10px 15px;
|
|
||||||
font-size: 16px;
|
|
||||||
font-weight: bold;
|
|
||||||
cursor: pointer;
|
|
||||||
border-radius: 4px;
|
|
||||||
margin-left: 12.5px;
|
|
||||||
user-select: none;
|
|
||||||
margin-top: 15px;
|
|
||||||
margin-left: 15px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button1 button:hover {
|
|
||||||
opacity: 0.8;
|
|
||||||
transition: 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.button1 button:active {
|
|
||||||
opacity: 0.5;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tag {
|
|
||||||
color: white;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.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-class {
|
|
||||||
margin: 10px 0; /* Dostosuj odstęp między elementami */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Stylizacja tabeli */
|
|
||||||
table {
|
|
||||||
width: 100%;
|
|
||||||
border-collapse: collapse;
|
|
||||||
margin-top: 20px;
|
|
||||||
background-color: whitesmoke;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
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;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.select-class select {
|
|
||||||
padding: 5px;
|
|
||||||
font-size: 16px;
|
|
||||||
border: 1px solid lightgray;
|
|
||||||
border-radius: 4px;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.select-role select {
|
|
||||||
padding: 5px;
|
|
||||||
font-size: 16px;
|
|
||||||
border: 1px solid lightgray;
|
|
||||||
border-radius: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Stylizacja nagłówków */
|
|
||||||
h1, h2, h3 {
|
|
||||||
text-align: center;
|
|
||||||
color: whitesmoke;
|
|
||||||
user-select: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dodatkowe style dla układu */
|
|
||||||
body {
|
body {
|
||||||
font-family: Arial, sans-serif;
|
font-family: Arial, sans-serif;
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
background-color: gray;
|
|
||||||
user-select: none;
|
|
||||||
}
|
}
|
||||||
|
table {
|
||||||
/* Stylizacja stopki */
|
|
||||||
footer.footer {
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 5px 0;
|
border-collapse: collapse;
|
||||||
background-color: #101820;
|
|
||||||
color: white;
|
|
||||||
}
|
}
|
||||||
|
table, th, td {
|
||||||
.footer-container {
|
border: 1px solid black;
|
||||||
max-width: 1200px;
|
|
||||||
margin: 0 auto;
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
align-items: stretch;
|
|
||||||
}
|
}
|
||||||
|
th, td {
|
||||||
.footer-left, .footer-right {
|
padding: 10px;
|
||||||
width: 100%;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
th {
|
||||||
.footer-left {
|
background-color: #f2f2f2;
|
||||||
text-align: left;
|
|
||||||
}
|
}
|
||||||
|
input[type="number"], input[type="checkbox"] {
|
||||||
.footer-right {
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.footer-line {
|
|
||||||
border: none;
|
|
||||||
border-top: 2px solid black;
|
|
||||||
margin: 20px 0;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Dodatkowe style dla estetyki */
|
|
||||||
.footer-left p,
|
|
||||||
.footer-right p {
|
|
||||||
margin: 5px 0;
|
|
||||||
font-size: 10px;
|
|
||||||
font-weight: bold;
|
|
||||||
color: whitesmoke;
|
|
||||||
background-color: #101820;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Stylizacja checkboxów */
|
|
||||||
input[type="checkbox"] {
|
|
||||||
transform: scale(1.2);
|
transform: scale(1.2);
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
.sticky {
|
button {
|
||||||
position: sticky;
|
padding: 10px;
|
||||||
top: 0;
|
margin: 10px 5px;
|
||||||
background-color: white; /* lub inny kolor, aby tło było widoczne */
|
font-size: 16px;
|
||||||
z-index: 1000; /* zapewnia, że będzie na wierzchu */
|
|
||||||
border-bottom: 1px solid #ccc; /* opcjonalnie, aby oddzielić od treści */
|
|
||||||
}
|
}
|
||||||
|
#stats {
|
||||||
.dark-background {
|
margin-top: 20px;
|
||||||
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 {
|
.tab {
|
||||||
background-color: #555;
|
display: none;
|
||||||
|
}
|
||||||
|
.active {
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -2,244 +2,104 @@
|
||||||
"criteria": [
|
"criteria": [
|
||||||
{
|
{
|
||||||
"id": 1,
|
"id": 1,
|
||||||
"name": "95-100% raz w semestrze"
|
"name": "Tardiness"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": 2,
|
"id": 2,
|
||||||
"name": "brak godzin nieusprawiedliwionych w semestrze"
|
"name": "Disruption"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": 3,
|
"id": 3,
|
||||||
"name": "minimum 85% frekwencje w semestrze"
|
"name": "Disrespect towards teachers"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": 4,
|
"id": 4,
|
||||||
"name": "uczestnictwo w etapie szkolnym"
|
"name": "Participation in class"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": 5,
|
"id": 5,
|
||||||
"name": "uczestnictwo w etapie rejonowym"
|
"name": "Preparedness for class"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": 6,
|
"id": 6,
|
||||||
"name": "uczestnictwo w etapie wojewódzkim"
|
"name": "Attendance"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": 7,
|
"id": 7,
|
||||||
"name": "uczestnictwo w etapie ogólnopolskim"
|
"name": "Involvement in projects"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": 8,
|
"id": 8,
|
||||||
"name": "wyróżnienie w etapie szkolnym"
|
"name": "Warning from homeroom teacher"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": 9,
|
"id": 9,
|
||||||
"name": "wyróżnienie w etapie rejonowym"
|
"name": "Warning from principal"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": 10,
|
"id": 10,
|
||||||
"name": "wyróżnienie w etapie wojewódzkim"
|
"name": "Achievements in competitions"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": 11,
|
"id": 11,
|
||||||
"name": "wyróżnienie w etapie ogólnopolskim"
|
"name": "Representing the school"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": 12,
|
"id": 12,
|
||||||
"name": "laureat, finalista ogólnopolski"
|
"name": "Independence"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": 13,
|
"id": 13,
|
||||||
"name": "każdy udział w konkursach"
|
"name": "Engagement in lessons"
|
||||||
},
|
|
||||||
{
|
|
||||||
"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": [
|
"categories": [
|
||||||
{
|
{
|
||||||
"id": "frekwencja",
|
"id": "behavior",
|
||||||
"name": "Frekwencja",
|
"name": "Behavior",
|
||||||
"criteria_ids": [
|
"criteria_ids": [
|
||||||
1,2,3
|
1,
|
||||||
|
2,
|
||||||
|
3,
|
||||||
|
4
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "konkursy-olimpiady",
|
"id": "responsibility",
|
||||||
"name": "Udział w konkursach, olimpiadach przedmiotowych (każdorazowo)",
|
"name": "Responsibility",
|
||||||
"criteria_ids": [
|
"criteria_ids": [
|
||||||
4,
|
|
||||||
5,
|
5,
|
||||||
6,
|
6,
|
||||||
7,
|
7
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "discipline",
|
||||||
|
"name": "Discipline",
|
||||||
|
"criteria_ids": [
|
||||||
8,
|
8,
|
||||||
9,
|
9
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"id": "achievement",
|
||||||
|
"name": "Achievements",
|
||||||
|
"criteria_ids": [
|
||||||
10,
|
10,
|
||||||
11,
|
11
|
||||||
12
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"id": "konkursy-szkolne",
|
"id": "self_assessment",
|
||||||
"name": "Udział w konkursach szkolnych (każdorazowo)",
|
"name": "Self-Assessment",
|
||||||
"criteria_ids": [
|
"criteria_ids": [
|
||||||
13,
|
12,
|
||||||
14
|
13
|
||||||
]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
"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": {
|
"roles": {
|
||||||
"teacher": {
|
"teacher": {
|
||||||
"name": "Nauczyciel",
|
|
||||||
"criteria_ids": [
|
"criteria_ids": [
|
||||||
1,
|
1,
|
||||||
2,
|
2,
|
||||||
|
|
@ -247,26 +107,10 @@
|
||||||
4,
|
4,
|
||||||
5,
|
5,
|
||||||
6,
|
6,
|
||||||
7,
|
7
|
||||||
27,
|
|
||||||
28,
|
|
||||||
29,
|
|
||||||
30,
|
|
||||||
31,
|
|
||||||
32,
|
|
||||||
33,
|
|
||||||
34,
|
|
||||||
35,
|
|
||||||
36,
|
|
||||||
37,
|
|
||||||
38,
|
|
||||||
39,
|
|
||||||
40
|
|
||||||
|
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"homeroom_teacher": {
|
"homeroom_teacher": {
|
||||||
"name": "Wychowawca Klasy",
|
|
||||||
"criteria_ids": [
|
"criteria_ids": [
|
||||||
1,
|
1,
|
||||||
2,
|
2,
|
||||||
|
|
@ -279,7 +123,6 @@
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"principal": {
|
"principal": {
|
||||||
"name": "Dyrektor",
|
|
||||||
"criteria_ids": [
|
"criteria_ids": [
|
||||||
8,
|
8,
|
||||||
9,
|
9,
|
||||||
|
|
@ -288,18 +131,10 @@
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"student": {
|
"student": {
|
||||||
"name": "Uczeń",
|
|
||||||
"criteria_ids": [
|
"criteria_ids": [
|
||||||
12,
|
12,
|
||||||
13
|
13
|
||||||
]
|
]
|
||||||
},
|
|
||||||
"patryk": {
|
|
||||||
"name": "Mpabi",
|
|
||||||
"criteria_ids": [
|
|
||||||
15,
|
|
||||||
16
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"people": [
|
"people": [
|
||||||
|
|
|
||||||
188
index.html
188
index.html
|
|
@ -2,40 +2,20 @@
|
||||||
<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">
|
||||||
<link rel="icon" type="image/x-icon" href="ikona.png">
|
|
||||||
<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>
|
</head>
|
||||||
<body class="dark-background">
|
<body>
|
||||||
|
|
||||||
<header class="header-box">
|
<h1>Ocena Zachowania</h1>
|
||||||
<div class="up-button">
|
|
||||||
<button class="active" onclick="showTab('criteria')">Ocena z zachowania</button>
|
<div>
|
||||||
<button class="active" onclick="showTab('stats')">Statystyka</button>
|
<button onclick="showTab('criteria')">Ocena z zachowania</button>
|
||||||
<button class="active" onclick="showTab('points')">Ustal punkty</button>
|
<button onclick="showTab('stats')">Statystyka</button>
|
||||||
</div>
|
<button onclick="showTab('points')">Ustal punkty</button>
|
||||||
<h1 id="header-title" class="header-title">Ocena Zachowania</h1>
|
|
||||||
</header>
|
|
||||||
<div id="up-button-container" class="button1" class="sa">
|
|
||||||
<button class="active" onclick="changeDay(-1)">Poprzedni Dzień</button>
|
|
||||||
<button class="active" onclick="changeDay(1)">Następny Dzień</button>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Zakładka "Ustal punkty" -->
|
|
||||||
<div id="points" class="tab">
|
<div id="points" class="tab">
|
||||||
<h2>Ustal punkty dla kryteriów</h2>
|
<h2>Ustal punkty dla kryteriów</h2>
|
||||||
<table>
|
<table>
|
||||||
|
|
@ -46,150 +26,92 @@
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<!-- 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>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Brak godzin nieusprawiedliwionych</td>
|
<td>Brak godzin nieusprawiedliwionych</td>
|
||||||
<td><input type="number" id="brak_godzin-punkty" value="20" onchange="calculateStats()"></td>
|
<td><input type="number" id="brak-godzin-punkty" value="20" onchange="calculateStats()"></td>
|
||||||
</tr>
|
</tr>
|
||||||
<!-- Dodaj pozostałe wiersze kryteriów tutaj -->
|
|
||||||
<tr>
|
<tr>
|
||||||
<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>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Etap szkolny</td>
|
<td>Udział w etapie szkolnym olimpiady</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>Udział w etapie rejonowym olimpiady</td>
|
||||||
<td><input type="number" id="etap_rejonowy-punkty" value="10" onchange="calculateStats()"></td>
|
<td><input type="number" id="etap-rejonowy-punkty" value="5" onchange="calculateStats()"></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Etap wojewódzki</td>
|
<td>Udział w etapie wojewódzkim olimpiady</td>
|
||||||
<td><input type="number" id="etap_wojewodzki-punkty" value="15" onchange="calculateStats()"></td>
|
<td><input type="number" id="etap-wojewodzki-punkty" value="10" onchange="calculateStats()"></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
<tr>
|
||||||
<td>Etap ogólnopolski</td>
|
<td>Udział w etapie ogólnopolskim olimpiady</td>
|
||||||
<td><input type="number" id="etap_ogolnopolski-punkty" value="20" onchange="calculateStats()"></td>
|
<td><input type="number" id="etap-ogolnopolski-punkty" value="10" 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>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Zakładka "Kryteria oceny zachowania" -->
|
|
||||||
<div id="criteria" class="tab active">
|
<div id="criteria" class="tab active">
|
||||||
<h2>Kryteria oceny zachowania - <span id="current-date"></span></h2>
|
<h2>Kryteria oceny zachowania - <span id="current-date"></span></h2>
|
||||||
|
<div>
|
||||||
|
<button onclick="changeDay(-1)">Poprzedni Dzień</button>
|
||||||
<div class="select-role">
|
<button onclick="changeDay(1)">Następny Dzień</button>
|
||||||
<p class="tag">Wybierz role:</p>
|
|
||||||
<select onchange="changeRole()" id="select-role" class="select-role">
|
|
||||||
|
|
||||||
</select>
|
|
||||||
</div>
|
</div>
|
||||||
|
<table>
|
||||||
<div class="select-class" id="select-class-container">
|
|
||||||
<p class="tag">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>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>Imię i Nazwisko</th>
|
<th rowSpan="2">Uczeń</th>
|
||||||
<!-- Dynamiczne kolumny będą generowane przez JavaScript -->
|
<th colspan="3">Frekwencja</th>
|
||||||
|
<th colspan="4">Olimpiady</th>
|
||||||
|
<th colspan="2">Konkursy Szkolne</th>
|
||||||
|
<th colspan="3">Reprezentacja Szkoły</th>
|
||||||
|
<th colspan="5">Aktywność</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<th>Frekwencja 95-100%</th>
|
||||||
|
<th>Brak godzin nieusprawiedliwionych</th>
|
||||||
|
<th>Minimum 85% frekwencja</th>
|
||||||
|
<th>Etap szkolny</th>
|
||||||
|
<th>Etap rejonowy</th>
|
||||||
|
<th>Etap wojewódzki</th>
|
||||||
|
<th>Etap ogólnopolski</th>
|
||||||
|
<th>Udział w konkursach</th>
|
||||||
|
<th>Wyróżnienie w konkursie</th>
|
||||||
|
<th>Reprezentacja indywidualna</th>
|
||||||
|
<th>Reprezentacja zespołowa</th>
|
||||||
|
<th>Udział w zawodach</th>
|
||||||
|
<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>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
|
||||||
<!-- Wiersze uczniów będą generowane przez JavaScript -->
|
<tbody id="student-table">
|
||||||
|
<!-- Dane uczniów będą generowane dynamicznie -->
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 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-output"></div>
|
<div id="stats"></div>
|
||||||
</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>B. Bohdan</p>
|
|
||||||
<P>T. Zadworny</P>
|
|
||||||
<p>J. Tocziew</p>
|
|
||||||
</div>
|
|
||||||
<div class="footer-right">
|
|
||||||
<p>M. Pabiszczak</p>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
|
|
||||||
<!-- Przeniesienie skryptu na koniec body -->
|
<script type="module" src="js/script.js"></script>
|
||||||
<script src="js/script.js"></script>
|
<script type="module" src="js/app.js"></script>
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,45 @@
|
||||||
|
// Funkcja do wczytania pliku JSON
|
||||||
|
async function fetchJSONFile(filePath) {
|
||||||
|
try {
|
||||||
|
const response = await fetch(filePath);
|
||||||
|
if (!response.ok) {
|
||||||
|
throw new Error(`HTTP error! Status: ${response.status}`);
|
||||||
|
}
|
||||||
|
return await response.json();
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Error fetching JSON file:", error);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Funkcja do wczytania pliku class.json
|
||||||
|
async function loadClasses() {
|
||||||
|
const classFilePath = '/data/class.json';
|
||||||
|
const classes = await fetchJSONFile(classFilePath);
|
||||||
|
|
||||||
|
if (classes) {
|
||||||
|
console.log('Classes loaded:', classes);
|
||||||
|
|
||||||
|
// Iterowanie po wszystkich klasach i wczytywanie plików z danymi uczniów
|
||||||
|
for (const classInfo of classes) {
|
||||||
|
const studentsFilePath = '/data/'+ classInfo.file_path;
|
||||||
|
const studentsData = await fetchJSONFile(studentsFilePath);
|
||||||
|
|
||||||
|
if (studentsData) {
|
||||||
|
console.log(`Students loaded for class ${classInfo.class}:`, studentsData);
|
||||||
|
// Tutaj możesz przechowywać dane lub je przetwarzać według potrzeb
|
||||||
|
processClassData(classInfo, studentsData);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Funkcja do przetwarzania danych o klasach i uczniach
|
||||||
|
function processClassData(classInfo, studentsData) {
|
||||||
|
console.log(`Class: ${classInfo.class}, Group: ${classInfo.group}, Students Count: ${classInfo.student_count}`);
|
||||||
|
console.log('Student Data:', studentsData);
|
||||||
|
|
||||||
|
// Możesz tutaj np. wyświetlić dane w interfejsie lub przeprowadzić dodatkowe operacje
|
||||||
|
}
|
||||||
|
|
||||||
|
// Uruchomienie wczytywania klas
|
||||||
|
loadClasses();
|
||||||
566
js/script.js
566
js/script.js
|
|
@ -1,257 +1,16 @@
|
||||||
// Zmienne globalne
|
|
||||||
let currentCategory = 'frekwencja';
|
|
||||||
let currentClass = '';
|
|
||||||
let studentsData = [];
|
|
||||||
let currentDay = 0;
|
let currentDay = 0;
|
||||||
let currentRole = "teacher"
|
|
||||||
let currentRoleCriterias = []
|
|
||||||
const baseDate = new Date();
|
const baseDate = new Date();
|
||||||
|
const studentsData = [
|
||||||
|
{ name: "Jan Kowalski", behavior: {} },
|
||||||
|
{ name: "Anna Nowak", behavior: {} },
|
||||||
|
{ name: "Piotr Wiśniewski", behavior: {} },
|
||||||
|
{ name: "Katarzyna Zielińska", behavior: {} }
|
||||||
|
];
|
||||||
|
|
||||||
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) {
|
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();
|
||||||
|
|
@ -260,37 +19,37 @@ function showTab(tabName) {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
// Funkcja do przełączania kategorii w tabeli uczniów
|
function generateTable() {
|
||||||
function showInnerTab(category) {
|
const table = document.getElementById('student-table');
|
||||||
currentCategory = category;
|
table.innerHTML = '';
|
||||||
// Generowanie tabeli na podstawie wybranej kategorii
|
|
||||||
generateTable(category);
|
|
||||||
|
|
||||||
// Podkreślenie aktywnego przycisku
|
studentsData.forEach(student => {
|
||||||
const buttons = document.querySelectorAll('.category-buttons button');
|
const row = document.createElement('tr');
|
||||||
buttons.forEach(button => button.classList.remove('active'));
|
row.innerHTML = `
|
||||||
const activeButton = document.querySelector(`.category-buttons button[data-category="${category}"]`);
|
<td>${student.name}</td>
|
||||||
if (activeButton) {
|
<td><input type="checkbox" id="frekwencja-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
||||||
activeButton.classList.add('active');
|
<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>
|
||||||
// Funkcja, aby ustawić domyślną kategorię i zakładkę
|
<td><input type="checkbox" id="etap-wojewodzki-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
||||||
document.addEventListener("DOMContentLoaded", function() {
|
<td><input type="checkbox" id="etap-ogolnopolski-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
||||||
// Domyślnie pokazujemy kategorię 'frekwencja'
|
<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>
|
||||||
// Ustawienie daty na dziś
|
<td><input type="checkbox" id="reprezentacja-zespolowa-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
||||||
document.getElementById('current-date').innerText = baseDate.toLocaleDateString();
|
<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>
|
||||||
// Uruchomienie wczytywania klas i kryteriów
|
<td><input type="checkbox" id="funkcja-klasa-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
||||||
loadClasses();
|
<td><input type="checkbox" id="uroczystosci-${student.name.replace(' ', '-')}" onchange="calculateStats()"></td>
|
||||||
loadCriteria();
|
<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>
|
||||||
showInnerTab('frekwencja');
|
<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;
|
||||||
|
|
@ -300,73 +59,81 @@ function changeDay(direction) {
|
||||||
loadDayData();
|
loadDayData();
|
||||||
}
|
}
|
||||||
|
|
||||||
// Funkcja do ładowania danych dnia
|
|
||||||
function loadDayData() {
|
function loadDayData() {
|
||||||
studentsData.forEach(student => {
|
studentsData.forEach(student => {
|
||||||
const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-');
|
const studentId = student.name.replace(' ', '-');
|
||||||
const behavior = student.behavior[`day${currentDay}`] || {};
|
const behavior = student.behavior[`day${currentDay}`] || {};
|
||||||
|
|
||||||
// Pobierz kryteria dla aktualnej kategorii
|
document.getElementById(`frekwencja-${studentId}`).checked = behavior.frekwencja || false;
|
||||||
const categoryColumns = categories[currentCategory];
|
document.getElementById(`brak-godzin-${studentId}`).checked = behavior.brak_godzin || false;
|
||||||
categoryColumns.forEach(column => {
|
document.getElementById(`min-85-${studentId}`).checked = behavior.min_85 || false;
|
||||||
const checkbox = document.getElementById(`${column.id}-${studentId}`);
|
document.getElementById(`etap-szkolny-${studentId}`).checked = behavior.etap_szkolny || false;
|
||||||
if (checkbox) {
|
document.getElementById(`etap-rejonowy-${studentId}`).checked = behavior.etap_rejonowy || false;
|
||||||
checkbox.checked = behavior[column.id] || 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.first_name}-${student.last_name}`.replace(/ /g, '-');
|
const studentId = student.name.replace(' ', '-');
|
||||||
|
const behavior = {
|
||||||
// Upewnij się, że 'behavior' jest zdefiniowany
|
frekwencja: document.getElementById(`frekwencja-${studentId}`).checked,
|
||||||
if (!student.behavior) {
|
brak_godzin: document.getElementById(`brak-godzin-${studentId}`).checked,
|
||||||
student.behavior = {};
|
min_85: document.getElementById(`min-85-${studentId}`).checked,
|
||||||
}
|
etap_szkolny: document.getElementById(`etap-szkolny-${studentId}`).checked,
|
||||||
|
etap_rejonowy: document.getElementById(`etap-rejonowy-${studentId}`).checked,
|
||||||
let behavior = student.behavior[`day${currentDay}`] || {};
|
etap_wojewodzki: document.getElementById(`etap-wojewodzki-${studentId}`).checked,
|
||||||
|
etap_ogolnopolski: document.getElementById(`etap-ogolnopolski-${studentId}`).checked,
|
||||||
const categoryColumns = categories[currentCategory];
|
udzial_konkurs: document.getElementById(`udzial-konkurs-${studentId}`).checked,
|
||||||
|
wyroznienie_konkurs: document.getElementById(`wyroznienie-konkurs-${studentId}`).checked,
|
||||||
categoryColumns.forEach(column => {
|
reprezentacja_indywidualna: document.getElementById(`reprezentacja-indywidualna-${studentId}`).checked,
|
||||||
const checkbox = document.getElementById(`${column.id}-${studentId}`);
|
reprezentacja_zespolowa: document.getElementById(`reprezentacja-zespolowa-${studentId}`).checked,
|
||||||
if (checkbox) {
|
udzial_zawody: document.getElementById(`udzial-zawody-${studentId}`).checked,
|
||||||
behavior[column.id] = checkbox.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() {
|
||||||
// Pobieranie punktów z zakładki "Ustal punkty"
|
const frekwencjaPoints = parseInt(document.getElementById('frekwencja-punkty').value);
|
||||||
const points = {
|
const brakGodzinPoints = parseInt(document.getElementById('brak-godzin-punkty').value);
|
||||||
frekwencja: parseInt(document.getElementById('frekwencja-punkty').value) || 0,
|
const min85Points = parseInt(document.getElementById('min-85-punkty').value);
|
||||||
brak_godzin: parseInt(document.getElementById('brak_godzin-punkty').value) || 0,
|
const etapSzkolnyPoints = parseInt(document.getElementById('etap-szkolny-punkty').value);
|
||||||
min_85: parseInt(document.getElementById('min_85-punkty').value) || 0,
|
const etapRejonowyPoints = parseInt(document.getElementById('etap-rejonowy-punkty').value);
|
||||||
etap_szkolny: parseInt(document.getElementById('etap_szkolny-punkty').value) || 5,
|
const etapWojewodzkiPoints = parseInt(document.getElementById('etap-wojewodzki-punkty').value);
|
||||||
etap_rejonowy: parseInt(document.getElementById('etap_rejonowy-punkty').value) || 10,
|
const etapOgolnopolskiPoints = parseInt(document.getElementById('etap-ogolnopolski-punkty').value);
|
||||||
etap_wojewodzki: parseInt(document.getElementById('etap_wojewodzki-punkty').value) || 15,
|
const udzialKonkursPoints = 5; // stała wartość
|
||||||
etap_ogolnopolski: parseInt(document.getElementById('etap_ogolnopolski-punkty').value) || 20,
|
const wyroznienieKonkursPoints = 10; // stała wartość
|
||||||
udzial_konkurs: parseInt(document.getElementById('udzial_konkurs-punkty').value) || 5,
|
const reprezentacjaIndPoints = 5; // stała wartość
|
||||||
wyroznienie_konkurs: parseInt(document.getElementById('wyroznienie_konkurs-punkty').value) || 10,
|
const reprezentacjaZesPoints = 10; // stała wartość
|
||||||
reprezentacja_indywidualna: parseInt(document.getElementById('reprezentacja_indywidualna-punkty').value) || 5,
|
const udzialZawodyPoints = 15; // stała wartość
|
||||||
reprezentacja_zespolowa: parseInt(document.getElementById('reprezentacja_zespolowa-punkty').value) || 10,
|
const organizacjaImprezPoints = 10; // stała wartość
|
||||||
udzial_zawody: parseInt(document.getElementById('udzial_zawody-punkty').value) || 15,
|
const funkcjaKlasyPoints = 10; // stała wartość
|
||||||
organizacja_imprez: parseInt(document.getElementById('organizacja_imprez-punkty').value) || 10,
|
const uroczystosciPoints = 10; // stała wartość
|
||||||
funkcja_klasa: parseInt(document.getElementById('funkcja_klasa-punkty').value) || 10,
|
const pocztaSztandarPoints = 20; // stała wartość
|
||||||
uroczystosci: parseInt(document.getElementById('uroczystosci-punkty').value) || 10,
|
const pomocNauczycielaPoints = 10; // stała wartość
|
||||||
poczta_sztandar: parseInt(document.getElementById('poczta_sztandar-punkty').value) || 20,
|
const wolontariatPoints = 10; // stała wartość
|
||||||
pomoc_nauczyciel: parseInt(document.getElementById('pomoc_nauczyciel-punkty').value) || 10,
|
|
||||||
wolontariat: parseInt(document.getElementById('wolontariat-punkty').value) || 10
|
|
||||||
};
|
|
||||||
|
|
||||||
let stats = '';
|
let stats = '';
|
||||||
|
|
||||||
|
|
@ -376,23 +143,35 @@ 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_nauciciel) dayPoints += pomocNauczycielaPoints;
|
||||||
|
if (behavior.wolontariat) dayPoints += wolontariatPoints;
|
||||||
|
|
||||||
totalPoints += dayPoints;
|
totalPoints += dayPoints;
|
||||||
});
|
});
|
||||||
|
|
||||||
stats += `${student.first_name} ${student.last_name}: ${totalPoints} punktów (${getGrade(totalPoints)})\n`;
|
stats += `${student.name}: ${totalPoints} punktów (${getGrade(totalPoints)})\n`;
|
||||||
});
|
});
|
||||||
|
|
||||||
document.getElementById('stats-output').innerText = stats;
|
document.getElementById('stats').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";
|
||||||
|
|
@ -402,117 +181,8 @@ function getGrade(points) {
|
||||||
return "Naganne";
|
return "Naganne";
|
||||||
}
|
}
|
||||||
|
|
||||||
// Funkcja do generowania tabeli uczniów na podstawie wybranej kategorii
|
// Ustawienie daty na dziś
|
||||||
async function generateTable(category) {
|
document.getElementById('current-date').innerText = baseDate.toLocaleDateString();
|
||||||
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
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
// Generowanie tabeli przy starcie
|
||||||
|
generateTable();
|
||||||
|
|
@ -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