Compare commits
No commits in common. "af6188759953f6fcc1c82e5c56ea93c7eb4a91ed" and "d3d04b837bef7964f8323225ebeac6296af8e7b5" have entirely different histories.
af61887599
...
d3d04b837b
|
@ -1,12 +0,0 @@
|
||||||
git init
|
|
||||||
git remote add priv https://token:token_name@qstack.pl:3000/c2024/projekt
|
|
||||||
git remote set-url priv https://token:token_name@qstack.pl:3000/c2024/projekt
|
|
||||||
git remote remove priv https://token:token_name@qstack.pl:3000/c2024/projekt
|
|
||||||
git remote -v
|
|
||||||
git add .
|
|
||||||
git commit
|
|
||||||
git push priv
|
|
||||||
git checkout -b nazwa_brancha
|
|
||||||
git switch nazwa_brancha
|
|
||||||
git pull priv
|
|
||||||
git log
|
|
104
baza.sql
104
baza.sql
|
@ -1,104 +0,0 @@
|
||||||
CREATE DATABASE IF NOT EXISTS szkola;
|
|
||||||
USE szkola;
|
|
||||||
|
|
||||||
CREATE TABLE IF NOT EXISTS classes (
|
|
||||||
id INT PRIMARY KEY,
|
|
||||||
class_name VARCHAR(50) NOT NULL,
|
|
||||||
file_path VARCHAR(255) NOT NULL
|
|
||||||
);
|
|
||||||
|
|
||||||
CREATE TABLE IF NOT EXISTS students (
|
|
||||||
id INT PRIMARY KEY,
|
|
||||||
first_name VARCHAR(50) NOT NULL,
|
|
||||||
last_name VARCHAR(50) NOT NULL,
|
|
||||||
class_id INT NOT NULL,
|
|
||||||
FOREIGN KEY (class_id) REFERENCES classes(id)
|
|
||||||
);
|
|
||||||
|
|
||||||
CREATE TABLE IF NOT EXISTS roles (
|
|
||||||
id INT PRIMARY KEY,
|
|
||||||
role_name VARCHAR(50) NOT NULL
|
|
||||||
);
|
|
||||||
|
|
||||||
CREATE TABLE IF NOT EXISTS categories (
|
|
||||||
id INT PRIMARY KEY,
|
|
||||||
name VARCHAR(50) NOT NULL
|
|
||||||
);
|
|
||||||
|
|
||||||
CREATE TABLE IF NOT EXISTS criteria (
|
|
||||||
id INT PRIMARY KEY,
|
|
||||||
category_id INT NOT NULL,
|
|
||||||
name VARCHAR(100) NOT NULL,
|
|
||||||
FOREIGN KEY (category_id) REFERENCES categories(id)
|
|
||||||
);
|
|
||||||
|
|
||||||
CREATE TABLE IF NOT EXISTS role_criteria (
|
|
||||||
role_id INT NOT NULL,
|
|
||||||
criteria_id INT NOT NULL,
|
|
||||||
PRIMARY KEY (role_id, criteria_id),
|
|
||||||
FOREIGN KEY (role_id) REFERENCES roles(id),
|
|
||||||
FOREIGN KEY (criteria_id) REFERENCES criteria(id)
|
|
||||||
);
|
|
||||||
|
|
||||||
CREATE TABLE IF NOT EXISTS behavior_records (
|
|
||||||
id INT PRIMARY KEY,
|
|
||||||
student_id INT NOT NULL,
|
|
||||||
criteria_id INT NOT NULL,
|
|
||||||
behavior_date DATE NOT NULL,
|
|
||||||
is_checked BOOLEAN NOT NULL DEFAULT FALSE,
|
|
||||||
FOREIGN KEY (student_id) REFERENCES students(id),
|
|
||||||
FOREIGN KEY (criteria_id) REFERENCES criteria(id)
|
|
||||||
);
|
|
||||||
|
|
||||||
CREATE TABLE IF NOT EXISTS points (
|
|
||||||
criteria_id INT NOT NULL,
|
|
||||||
points_value INT NOT NULL DEFAULT 0,
|
|
||||||
PRIMARY KEY (criteria_id),
|
|
||||||
FOREIGN KEY (criteria_id) REFERENCES criteria(id)
|
|
||||||
);
|
|
||||||
|
|
||||||
INSERT INTO classes (id, class_name, file_path) VALUES
|
|
||||||
(1, 'Class 1A', 'class_1a.json'),
|
|
||||||
(2, 'Class 2B', 'class_2b.json');
|
|
||||||
|
|
||||||
INSERT INTO students (id, first_name, last_name, class_id) VALUES
|
|
||||||
(1, 'Jan', 'Kowalski', 1),
|
|
||||||
(2, 'Anna', 'Nowak', 1),
|
|
||||||
(3, 'Piotr', 'Wiśniewski', 2),
|
|
||||||
(4, 'Maria', 'Kowalczyk', 2);
|
|
||||||
|
|
||||||
INSERT INTO roles (id, role_name) VALUES
|
|
||||||
(1, 'teacher'),
|
|
||||||
(2, 'student');
|
|
||||||
|
|
||||||
INSERT INTO categories (id, name) VALUES
|
|
||||||
(1, 'Attendance'),
|
|
||||||
(2, 'Behavior');
|
|
||||||
|
|
||||||
INSERT INTO criteria (id, category_id, name) VALUES
|
|
||||||
(1, 1, 'Presence'),
|
|
||||||
(2, 2, 'Good Behavior'),
|
|
||||||
(3, 2, 'Punctuality');
|
|
||||||
|
|
||||||
INSERT INTO role_criteria (role_id, criteria_id) VALUES
|
|
||||||
(1, 1),
|
|
||||||
(1, 2),
|
|
||||||
(2, 2),
|
|
||||||
(2, 3);
|
|
||||||
|
|
||||||
INSERT INTO behavior_records (id, student_id, criteria_id, behavior_date, is_checked) VALUES
|
|
||||||
(1, 1, 1, '2024-10-21', TRUE),
|
|
||||||
(2, 2, 2, '2024-10-21', FALSE),
|
|
||||||
(3, 3, 1, '2024-10-21', TRUE),
|
|
||||||
(4, 4, 3, '2024-10-21', TRUE);
|
|
||||||
|
|
||||||
INSERT INTO points (criteria_id, points_value) VALUES
|
|
||||||
(1, 10),
|
|
||||||
(2, 5),
|
|
||||||
(3, 3);
|
|
||||||
|
|
||||||
SELECT s.first_name, s.last_name, c.class_name, br.behavior_date, cr.name AS criteria_name, br.is_checked
|
|
||||||
FROM students s
|
|
||||||
JOIN classes c ON s.class_id = c.id
|
|
||||||
JOIN behavior_records br ON s.id = br.student_id
|
|
||||||
JOIN criteria cr ON br.criteria_id = cr.id;
|
|
149
css/style.css
149
css/style.css
|
@ -6,36 +6,12 @@
|
||||||
.tab.active {
|
.tab.active {
|
||||||
display: block;
|
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 */
|
/* Style dla przycisków kategorii */
|
||||||
.category-buttons {
|
.category-buttons {
|
||||||
margin: 10px 0;
|
margin: 10px 0;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
background-color: s;
|
background-color: #A9A9A9;
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
@ -49,99 +25,22 @@ header {
|
||||||
border: 1px solid black;
|
border: 1px solid black;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
transition: background-color 0.3s, color 0.3s, border 0.3s;
|
transition: background-color 0.3s, color 0.3s, border 0.3s;
|
||||||
user-select: none;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.category-buttons button.active {
|
.category-buttons button.active {
|
||||||
background-color: #FEE715;
|
background-color: #4CAF50;
|
||||||
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;
|
color: white;
|
||||||
user-select: none;
|
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-class {
|
|
||||||
margin: 10px 0; /* Dostosuj odstęp między elementami */
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* Stylizacja tabeli */
|
/* Stylizacja tabeli */
|
||||||
table {
|
table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
border-collapse: collapse;
|
border-collapse: collapse;
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
background-color: whitesmoke;
|
background-color: whitesmoke;
|
||||||
user-select: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
th, td {
|
th, td {
|
||||||
|
@ -165,45 +64,40 @@ tr:nth-child(even) {
|
||||||
|
|
||||||
.select-role {
|
.select-role {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
user-select: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-class select {
|
.select-class select {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
border: 1px solid lightgray;
|
border: 1px solid #ccc;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
user-select: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.select-role select {
|
.select-role select {
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
border: 1px solid lightgray;
|
border: 1px solid #ccc;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Stylizacja nagłówków */
|
/* Stylizacja nagłówków */
|
||||||
h1, h2, h3 {
|
h1, h2, h3 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: whitesmoke;
|
|
||||||
user-select: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Dodatkowe style dla układu */
|
/* Dodatkowe style dla układu */
|
||||||
body {
|
body {
|
||||||
font-family: Arial, sans-serif;
|
font-family: Arial, sans-serif;
|
||||||
margin: 20px;
|
margin: 20px;
|
||||||
background-color: gray;
|
background-color: #fafafa;
|
||||||
user-select: none;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Stylizacja stopki */
|
/* Stylizacja stopki */
|
||||||
footer.footer {
|
footer.footer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 5px 0;
|
padding: 20px 0;
|
||||||
background-color: #101820;
|
background-color: #fafafa;
|
||||||
color: white;
|
color: #555;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-container {
|
.footer-container {
|
||||||
|
@ -228,7 +122,7 @@ footer.footer {
|
||||||
|
|
||||||
.footer-line {
|
.footer-line {
|
||||||
border: none;
|
border: none;
|
||||||
border-top: 2px solid black;
|
border-top: 2px solid #ddd;
|
||||||
margin: 20px 0;
|
margin: 20px 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
@ -237,14 +131,21 @@ footer.footer {
|
||||||
.footer-left p,
|
.footer-left p,
|
||||||
.footer-right p {
|
.footer-right p {
|
||||||
margin: 5px 0;
|
margin: 5px 0;
|
||||||
font-size: 10px;
|
font-size: 14px;
|
||||||
font-weight: bold;
|
color: #333;
|
||||||
color: whitesmoke;
|
|
||||||
background-color: #101820;
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Stylizacja przycisków ogólna */
|
||||||
|
button {
|
||||||
|
outline: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
button:hover {
|
||||||
|
opacity: 0.8;
|
||||||
|
}
|
||||||
|
|
||||||
/* Stylizacja checkboxów */
|
/* Stylizacja checkboxów */
|
||||||
input[type="checkbox"] {
|
input[type="checkbox"] {
|
||||||
transform: scale(1.2);
|
transform: scale(1.2);
|
||||||
|
@ -260,12 +161,12 @@ input[type="checkbox"] {
|
||||||
|
|
||||||
.dark-background {
|
.dark-background {
|
||||||
background-color: #2e2e2e; /* Ciemnoszare tło */
|
background-color: #2e2e2e; /* Ciemnoszare tło */
|
||||||
color: black; /* Jasny kolor tekstu dla lepszej czytelności */
|
color: #ffffff; /* Jasny kolor tekstu dla lepszej czytelności */
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
font-family: Arial, sans-serif;
|
font-family: Arial, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
.lead {
|
.lead {
|
||||||
background-color: #555;
|
background-color: #555;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -2,244 +2,105 @@
|
||||||
"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",
|
"name": "Teacher",
|
||||||
"criteria_ids": [
|
"criteria_ids": [
|
||||||
1,
|
1,
|
||||||
2,
|
2,
|
||||||
|
@ -247,26 +108,11 @@
|
||||||
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",
|
"name": "Homeroom Teacher",
|
||||||
"criteria_ids": [
|
"criteria_ids": [
|
||||||
1,
|
1,
|
||||||
2,
|
2,
|
||||||
|
@ -279,7 +125,7 @@
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"principal": {
|
"principal": {
|
||||||
"name": "Dyrektor",
|
"name": "Principal",
|
||||||
"criteria_ids": [
|
"criteria_ids": [
|
||||||
8,
|
8,
|
||||||
9,
|
9,
|
||||||
|
@ -288,18 +134,11 @@
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
"student": {
|
"student": {
|
||||||
"name": "Uczeń",
|
"name": "Student",
|
||||||
"criteria_ids": [
|
"criteria_ids": [
|
||||||
12,
|
12,
|
||||||
13
|
13
|
||||||
]
|
]
|
||||||
},
|
|
||||||
"patryk": {
|
|
||||||
"name": "Mpabi",
|
|
||||||
"criteria_ids": [
|
|
||||||
15,
|
|
||||||
16
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"people": [
|
"people": [
|
||||||
|
|
16
get2.php
16
get2.php
|
@ -1,16 +0,0 @@
|
||||||
<?php
|
|
||||||
$conn = new mysqli("localhost", "root", "", "szkola");
|
|
||||||
$sql = "SELECT id, class_name FROM classes";
|
|
||||||
$result = $conn->query($sql);
|
|
||||||
|
|
||||||
$roles = [];
|
|
||||||
if ($result->num_rows > 0) {
|
|
||||||
while ($row = $result->fetch_assoc()) {
|
|
||||||
$roles[] = $row;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
header('Content-Type: application/json');
|
|
||||||
echo json_encode($roles);
|
|
||||||
$conn->close();
|
|
||||||
?>
|
|
63
index.html
63
index.html
|
@ -4,7 +4,6 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<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>
|
<style>
|
||||||
table {
|
table {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -19,40 +18,17 @@
|
||||||
padding: 8px;
|
padding: 8px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<script>
|
|
||||||
function fetchClasses() {
|
|
||||||
fetch('get2.php')
|
|
||||||
.then(response => response.json())
|
|
||||||
.then(data => {
|
|
||||||
const select = document.getElementById('select-class');
|
|
||||||
|
|
||||||
data.forEach(cls => {
|
|
||||||
const option = document.createElement('option');
|
|
||||||
option.value = cls.id;
|
|
||||||
option.textContent = cls.class_name;
|
|
||||||
select.appendChild(option);
|
|
||||||
console.log(option);
|
|
||||||
});
|
|
||||||
})
|
|
||||||
}
|
|
||||||
document.addEventListener('DOMContentLoaded', (event) => {
|
|
||||||
fetchClasses();
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
</head>
|
</head>
|
||||||
<body class="dark-background">
|
<body class="dark-background">
|
||||||
|
|
||||||
<header class="header-box">
|
<h1 class="lead" style="font-size: 48px;"><em>Ocena Zachowania</em></h1>
|
||||||
<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>
|
||||||
</div>
|
<button onclick="showTab('criteria')">Ocena z zachowania</button>
|
||||||
<h1 id="header-title" class="header-title">Ocena Zachowania</h1>
|
<button onclick="showTab('stats')">Statystyka</button>
|
||||||
</header>
|
<button onclick="showTab('points')">Ustal punkty</button>
|
||||||
<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" -->
|
<!-- Zakładka "Ustal punkty" -->
|
||||||
|
@ -147,17 +123,21 @@
|
||||||
<!-- Zakładka "Kryteria oceny zachowania" -->
|
<!-- 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>
|
||||||
|
<button onclick="changeDay(1)">Następny Dzień</button>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div class="select-role">
|
<div class="select-role">
|
||||||
<p class="tag">Wybierz role:</p>
|
<p>Wybierz role:</p>
|
||||||
<select onchange="changeRole()" id="select-role" class="select-role">
|
<select id="select-role" class="select-role">
|
||||||
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="select-class" id="select-class-container">
|
<div class="select-class" id="select-class-container">
|
||||||
<p class="tag">Wybierz klasę:</p>
|
<p>Wybierz klasę:</p>
|
||||||
<select id="select-class" class="select-class">
|
<select class="select-class" id="select-class-select">
|
||||||
<!-- Opcje będą ładowane dynamicznie -->
|
<!-- Opcje będą ładowane dynamicznie -->
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
@ -196,14 +176,9 @@
|
||||||
<div class="footer-left">
|
<div class="footer-left">
|
||||||
<p>B. Hrynowiecki</p>
|
<p>B. Hrynowiecki</p>
|
||||||
<p>K. Michalak</p>
|
<p>K. Michalak</p>
|
||||||
<p>J. Kukiela Z miłością wpisany na listę</p>
|
|
||||||
<p>A. Guzik</p>
|
|
||||||
<p>F. Kowalski</p>
|
<p>F. Kowalski</p>
|
||||||
<p>S. Ptak</p>
|
<p>S. Ptak</p>
|
||||||
<p>B. Bohdan</p>
|
<p>M. Marszalik</p>
|
||||||
<P>T. Zadworny</P>
|
|
||||||
<p>J. Tocziew</p>
|
|
||||||
<p>o co chodzi ? stronka jest robiona?</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="footer-right">
|
<div class="footer-right">
|
||||||
<p>M. Pabiszczak</p>
|
<p>M. Pabiszczak</p>
|
||||||
|
@ -211,7 +186,7 @@
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<!-- Przeniesienie skryptu na koniec body -->
|
<!-- Przeniesienie skryptu na koniec body -->
|
||||||
<script src="js/skrypt.js"></script>
|
<script src="js/script.js"></script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -3,67 +3,8 @@ let currentCategory = 'frekwencja';
|
||||||
let currentClass = '';
|
let currentClass = '';
|
||||||
let studentsData = [];
|
let studentsData = [];
|
||||||
let currentDay = 0;
|
let currentDay = 0;
|
||||||
let currentRole = "teacher"
|
|
||||||
let currentRoleCriterias = []
|
|
||||||
const baseDate = new Date();
|
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
|
// Funkcja do wczytywania pliku JSON
|
||||||
async function fetchJSONFile(filePath) {
|
async function fetchJSONFile(filePath) {
|
||||||
try {
|
try {
|
||||||
|
@ -83,7 +24,7 @@ const classData = {};
|
||||||
|
|
||||||
// Funkcja do wczytania pliku class.json i danych uczniów
|
// Funkcja do wczytania pliku class.json i danych uczniów
|
||||||
async function loadClasses() {
|
async function loadClasses() {
|
||||||
const classFilePath = 'data/class.json';
|
const classFilePath = '/data/class.json';
|
||||||
const classes = await fetchJSONFile(classFilePath);
|
const classes = await fetchJSONFile(classFilePath);
|
||||||
|
|
||||||
if (classes) {
|
if (classes) {
|
||||||
|
@ -123,7 +64,7 @@ async function loadStudents(classFilePath) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
|
|
||||||
const studentsFilePath = `data/${classFilePath}`;
|
const studentsFilePath = `/data/${classFilePath}`;
|
||||||
const data = await fetchJSONFile(studentsFilePath);
|
const data = await fetchJSONFile(studentsFilePath);
|
||||||
|
|
||||||
if (data && Array.isArray(data.students)) {
|
if (data && Array.isArray(data.students)) {
|
||||||
|
@ -148,7 +89,7 @@ async function loadStudents(classFilePath) {
|
||||||
}
|
}
|
||||||
|
|
||||||
async function getCategoriesWithCriteria() {
|
async function getCategoriesWithCriteria() {
|
||||||
const criteriaFilePath = 'data/criteria.json';
|
const criteriaFilePath = '/data/criteria.json';
|
||||||
const criteria = await fetchJSONFile(criteriaFilePath);
|
const criteria = await fetchJSONFile(criteriaFilePath);
|
||||||
let categoriesWithCriteria = {}
|
let categoriesWithCriteria = {}
|
||||||
|
|
||||||
|
@ -156,7 +97,7 @@ async function getCategoriesWithCriteria() {
|
||||||
let criteriaForCategory = []
|
let criteriaForCategory = []
|
||||||
criteria.criteria.forEach(criteria => {
|
criteria.criteria.forEach(criteria => {
|
||||||
if(category.criteria_ids.includes(criteria.id)) {
|
if(category.criteria_ids.includes(criteria.id)) {
|
||||||
//console.log(`!!! ${category.name} posiada ${criteria.name}`)
|
console.log(`!!! ${category.name} posiada ${criteria.name}`)
|
||||||
criteriaForCategory.push({name: criteria.name, id: criteria.id})
|
criteriaForCategory.push({name: criteria.name, id: criteria.id})
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
@ -170,7 +111,7 @@ async function getCategoriesWithCriteria() {
|
||||||
|
|
||||||
// Funkcja do wczytania pliku criteria.json
|
// Funkcja do wczytania pliku criteria.json
|
||||||
async function loadCriteria() {
|
async function loadCriteria() {
|
||||||
const criteriaFilePath = 'data/criteria.json';
|
const criteriaFilePath = '/data/criteria.json';
|
||||||
const criteria = await fetchJSONFile(criteriaFilePath);
|
const criteria = await fetchJSONFile(criteriaFilePath);
|
||||||
|
|
||||||
console.log("Załadowane kryteria:", criteria);
|
console.log("Załadowane kryteria:", criteria);
|
||||||
|
@ -182,12 +123,9 @@ async function loadCriteria() {
|
||||||
|
|
||||||
const selectroleByid = document.getElementById("select-role");
|
const selectroleByid = document.getElementById("select-role");
|
||||||
let selectroleHTML = ""; // Zainicjalizuj pusty string na HTML
|
let selectroleHTML = ""; // Zainicjalizuj pusty string na HTML
|
||||||
currentRole = "teacher"
|
|
||||||
// Iteracja przez klucze obiektu roles
|
// Iteracja przez klucze obiektu roles
|
||||||
for (const [key, value] of Object.entries(roles)) {
|
for (const [key, value] of Object.entries(roles)) {
|
||||||
if(key == "teacher") {
|
|
||||||
currentRoleCriterias = value.criteria_ids
|
|
||||||
}
|
|
||||||
selectroleHTML += `<option value="${key}">${value.name}</option>`;
|
selectroleHTML += `<option value="${key}">${value.name}</option>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -199,47 +137,13 @@ async function loadCriteria() {
|
||||||
const categoryButtonsBox = document.getElementById("category-buttons-box");
|
const categoryButtonsBox = document.getElementById("category-buttons-box");
|
||||||
let categoryButtonHTML = ""
|
let categoryButtonHTML = ""
|
||||||
categoriesCriteria.forEach(category => {
|
categoriesCriteria.forEach(category => {
|
||||||
const hasCriteria = category.criteria_ids.some(criteriaId => currentRoleCriterias.includes(criteriaId));
|
// categoryButtonHTML += `<option value="${key}">${value.name}</option>`;
|
||||||
|
categoryButtonHTML += `<button data-category="${category.id}" onclick="showInnerTab('${category.id}')">${category.name}</button>`
|
||||||
// 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;
|
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
|
// Funkcja do przełączania głównych zakładek
|
||||||
function showTab(tabName) {
|
function showTab(tabName) {
|
||||||
|
@ -278,7 +182,7 @@ function showInnerTab(category) {
|
||||||
// Funkcja, aby ustawić domyślną kategorię i zakładkę
|
// Funkcja, aby ustawić domyślną kategorię i zakładkę
|
||||||
document.addEventListener("DOMContentLoaded", function() {
|
document.addEventListener("DOMContentLoaded", function() {
|
||||||
// Domyślnie pokazujemy kategorię 'frekwencja'
|
// Domyślnie pokazujemy kategorię 'frekwencja'
|
||||||
|
showInnerTab('frekwencja');
|
||||||
|
|
||||||
// Ustawienie daty na dziś
|
// Ustawienie daty na dziś
|
||||||
document.getElementById('current-date').innerText = baseDate.toLocaleDateString();
|
document.getElementById('current-date').innerText = baseDate.toLocaleDateString();
|
||||||
|
@ -286,8 +190,6 @@ document.addEventListener("DOMContentLoaded", function() {
|
||||||
// Uruchomienie wczytywania klas i kryteriów
|
// Uruchomienie wczytywania klas i kryteriów
|
||||||
loadClasses();
|
loadClasses();
|
||||||
loadCriteria();
|
loadCriteria();
|
||||||
|
|
||||||
showInnerTab('frekwencja');
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// Funkcja do zmiany dnia
|
// Funkcja do zmiany dnia
|
||||||
|
@ -417,9 +319,6 @@ async function generateTable(category) {
|
||||||
thName.textContent = "Imię i Nazwisko";
|
thName.textContent = "Imię i Nazwisko";
|
||||||
thead.appendChild(thName);
|
thead.appendChild(thName);
|
||||||
|
|
||||||
// get role
|
|
||||||
console.log("currentRole", currentRole)
|
|
||||||
|
|
||||||
// Pobierz kolumny dla wybranej kategorii
|
// Pobierz kolumny dla wybranej kategorii
|
||||||
const categories = await getCategoriesWithCriteria()
|
const categories = await getCategoriesWithCriteria()
|
||||||
console.log("łot:", categories)
|
console.log("łot:", categories)
|
||||||
|
@ -428,12 +327,8 @@ async function generateTable(category) {
|
||||||
// Dodaj nagłówki dla kryteriów w kategorii
|
// Dodaj nagłówki dla kryteriów w kategorii
|
||||||
categoryColumns.forEach(column => {
|
categoryColumns.forEach(column => {
|
||||||
const th = document.createElement('th');
|
const th = document.createElement('th');
|
||||||
if(currentRoleCriterias.includes(column.id)) {
|
th.textContent = column.name;
|
||||||
th.textContent = column.name;
|
thead.appendChild(th);
|
||||||
thead.appendChild(th);
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
// Generuj wiersze dla uczniów
|
// Generuj wiersze dla uczniów
|
||||||
|
@ -452,67 +347,31 @@ async function generateTable(category) {
|
||||||
|
|
||||||
// Komórki z checkboxami dla kryteriów
|
// Komórki z checkboxami dla kryteriów
|
||||||
categoryColumns.forEach(column => {
|
categoryColumns.forEach(column => {
|
||||||
if(currentRoleCriterias.includes(column.id)) {
|
const td = document.createElement('td');
|
||||||
const td = document.createElement('td');
|
const checkbox = document.createElement('input');
|
||||||
const checkbox = document.createElement('input');
|
checkbox.type = 'checkbox';
|
||||||
checkbox.type = 'checkbox';
|
const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-');
|
||||||
const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-');
|
checkbox.id = `${column.id}-${studentId}`;
|
||||||
checkbox.id = `${column.id}-${studentId}`;
|
checkbox.onchange = calculateStats;
|
||||||
checkbox.onchange = calculateStats;
|
|
||||||
|
|
||||||
// Ustawienie stanu checkboxa na podstawie zapisanych danych
|
// Ustawienie stanu checkboxa na podstawie zapisanych danych
|
||||||
checkbox.checked = student.behavior[`day${currentDay}`]?.[column.id] || false;
|
checkbox.checked = student.behavior[`day${currentDay}`]?.[column.id] || false;
|
||||||
|
|
||||||
td.appendChild(checkbox);
|
td.appendChild(checkbox);
|
||||||
row.appendChild(td);
|
row.appendChild(td);
|
||||||
}
|
|
||||||
});
|
});
|
||||||
|
|
||||||
tbody.appendChild(row);
|
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
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
//window.onscroll = function() {
|
||||||
|
// const stickyElements = document.querySelectorAll('.sticky');
|
||||||
|
//stickyElements.forEach(element => {
|
||||||
|
// if (window.pageYOffset > element.offsetTop) {
|
||||||
|
// element.classList.add('active');
|
||||||
|
// } else {
|
||||||
|
// element.classList.remove('active');
|
||||||
|
//}
|
||||||
|
//});
|
||||||
|
//};
|
Loading…
Reference in New Issue