Compare commits

..

No commits in common. "af6188759953f6fcc1c82e5c56ea93c7eb4a91ed" and "d3d04b837bef7964f8323225ebeac6296af8e7b5" have entirely different histories.

8 changed files with 122 additions and 680 deletions

View File

@ -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
View File

@ -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;

View File

@ -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;
} }

View File

@ -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": [

View File

@ -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();
?>

BIN
ikona.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

View File

@ -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">
<h1 class="lead" style="font-size: 48px;"><em>Ocena Zachowania</em></h1>
<header class="header-box">
<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" --> <!-- 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>

View File

@ -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');
//}
//});
//};