stronka widze sie rozwija

Git (komendy).txt

@@ -0,0 +1,12 @@
+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

baza.sql

@@ -0,0 +1,104 @@
+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;

css/style.css

@@ -6,12 +6,36 @@
 .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: #A9A9A9;
+    background-color: s;
 
    
 }
@@ -25,22 +49,99 @@
     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: #4CAF50;
+    background-color: #FEE715;
-    color: white;
+    color: black;
-    border: 1px solid #4CAF50;
+    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 {
@@ -64,40 +165,45 @@ tr:nth-child(even) {
 
 .select-role {
     text-align: center;
+    user-select: none;
 }
 
 .select-class select {
     padding: 5px;
     font-size: 16px;
-    border: 1px solid #ccc;
+    border: 1px solid lightgray;
     border-radius: 4px;
+    user-select: none;
 }
 
 .select-role select {
     padding: 5px;
     font-size: 16px;
-    border: 1px solid #ccc;
+    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 {
     font-family: Arial, sans-serif;
     margin: 20px;
-    background-color: #fafafa;
+    background-color: gray;
+    user-select: none;
 }
 
 /* Stylizacja stopki */
 footer.footer {
     width: 100%;
-    padding: 20px 0;
+    padding: 5px 0;
-    background-color: #fafafa;
+    background-color: #101820;
-    color: #555;
+    color: white;
 }
 
 .footer-container {
@@ -122,7 +228,7 @@ footer.footer {
 
 .footer-line {
     border: none;
-    border-top: 2px solid #ddd;
+    border-top: 2px solid black;
     margin: 20px 0;
     width: 100%;
 }
@@ -131,21 +237,14 @@ footer.footer {
 .footer-left p,
 .footer-right p {
     margin: 5px 0;
-    font-size: 14px;
+    font-size: 10px;
-    color: #333;
+    font-weight: bold;
+    color: whitesmoke;
+    background-color: #101820;
     
     
 }
 
-/* Stylizacja przycisków ogólna */
-button {
-    outline: none;
-}
-
-button:hover {
-    opacity: 0.8;
-}
-
 /* Stylizacja checkboxów */
 input[type="checkbox"] {
     transform: scale(1.2);
@@ -161,12 +260,12 @@ input[type="checkbox"] {
 
 .dark-background {
     background-color: #2e2e2e; /* Ciemnoszare tło */
-    color: #ffffff; /* Jasny kolor tekstu dla lepszej czytelności */
+    color: black; /* Jasny kolor tekstu dla lepszej czytelności */
     margin: 0;
     padding: 0;
     font-family: Arial, sans-serif;
 }
-
 .lead {
     background-color: #555;
 }
+

data/criteria.json

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

get2.php

@@ -0,0 +1,16 @@
+<?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();
+?>

index.html

@@ -4,6 +4,7 @@
     <meta charset="UTF-8">
     <title>Ocena Zachowania</title>
     <link rel="stylesheet" href="css/style.css">
+    <link rel="icon" type="image/x-icon" href="ikona.png">
     <style>
         table {
             width: 100%;
@@ -18,17 +19,40 @@
             padding: 8px;
         }
     </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>
 <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>
-
+            <button class="active" onclick="showTab('stats')">Statystyka</button>
-    <div>
+            <button class="active" onclick="showTab('points')">Ustal punkty</button>
-        <button onclick="showTab('criteria')">Ocena z zachowania</button>
+        </div>
-        <button onclick="showTab('stats')">Statystyka</button>
+        <h1 id="header-title" class="header-title">Ocena Zachowania</h1>
-        <button onclick="showTab('points')">Ustal punkty</button>
+    </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>
 
     <!-- Zakładka "Ustal punkty" -->
@@ -123,21 +147,17 @@
     <!-- Zakładka "Kryteria oceny zachowania" -->
     <div id="criteria" class="tab active">
         <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">
-            <p>Wybierz role:</p>
+            <p class="tag">Wybierz role:</p>
-            <select id="select-role" class="select-role">
+            <select onchange="changeRole()" id="select-role" class="select-role">
-
             </select>
         </div>
 
         <div class="select-class" id="select-class-container">
-            <p>Wybierz klasę:</p>
+            <p class="tag">Wybierz klasę:</p>
-            <select class="select-class" id="select-class-select">
+            <select id="select-class" class="select-class">
                 <!-- Opcje będą ładowane dynamicznie -->
             </select>
         </div>
@@ -176,9 +196,14 @@
             <div class="footer-left">
                 <p>B. Hrynowiecki</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>S. Ptak</p>
-                <p>M. Marszalik</p>
+                <p>B. Bohdan</p>
+                <P>T. Zadworny</P>
+                <p>J. Tocziew</p>
+                <p>o co chodzi ? stronka jest robiona?</p>
             </div>
             <div class="footer-right">
                 <p>M. Pabiszczak</p>
@@ -186,7 +211,7 @@
         </footer>
 
     <!-- Przeniesienie skryptu na koniec body -->
-    <script src="js/script.js"></script>
+    <script src="js/skrypt.js"></script>
 
 </body>
 </html>

js/skrypt.js

@@ -3,8 +3,67 @@ let currentCategory = 'frekwencja';
 let currentClass = '';
 let studentsData = [];
 let currentDay = 0;
+let currentRole = "teacher"
+let currentRoleCriterias = []
 const baseDate = new Date();
 
+function generateTable(category) {
+    const table = document.getElementById('student-table');
+    const thead = table.querySelector('thead tr');
+    const tbody = table.querySelector('tbody');
+
+    // Wyczyść istniejące nagłówki i wiersze
+    thead.innerHTML = '';
+    tbody.innerHTML = '';
+
+    // Dodaj nagłówek 'Imię i Nazwisko'
+    const thName = document.createElement('th');
+    thName.textContent = "Imię i Nazwisko";
+    thead.appendChild(thName);
+
+    // Pobierz kolumny dla wybranej kategorii
+    const categoryColumns = categories[category];
+
+    // Dodaj nagłówki dla kryteriów w kategorii
+    categoryColumns.forEach(column => {
+        const th = document.createElement('th');
+        th.textContent = column.name;
+        thead.appendChild(th);
+    });
+
+    // Generuj wiersze dla uczniów
+    studentsData.forEach(student => {
+        const row = document.createElement('tr');
+
+        // Komórka z imieniem i nazwiskiem
+        const tdName = document.createElement('td');
+        tdName.textContent = `${student.first_name} ${student.last_name}`;
+        row.appendChild(tdName);
+
+        // Upewnij się, że 'behavior' jest zdefiniowany
+        if (!student.behavior) {
+            student.behavior = {};
+        }
+
+        // Komórki z checkboxami dla kryteriów
+        categoryColumns.forEach(column => {
+            const td = document.createElement('td');
+            const checkbox = document.createElement('input');
+            checkbox.type = 'checkbox';
+            const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-');
+            checkbox.id = `${column.id}-${studentId}`;
+            checkbox.onchange = calculateStats;
+
+            // Ustawienie stanu checkboxa na podstawie zapisanych danych
+            checkbox.checked = student.behavior[`day${currentDay}`]?.[column.id] || false;
+
+            td.appendChild(checkbox);
+            row.appendChild(td);
+        });
+
+        tbody.appendChild(row);
+    });
+}
 // Funkcja do wczytywania pliku JSON
 async function fetchJSONFile(filePath) {
     try {
@@ -24,7 +83,7 @@ const classData = {};
 
 // Funkcja do wczytania pliku class.json i danych uczniów
 async function loadClasses() {
-    const classFilePath = '/data/class.json';
+    const classFilePath = 'data/class.json';
     const classes = await fetchJSONFile(classFilePath);
 
     if (classes) {
@@ -64,7 +123,7 @@ async function loadStudents(classFilePath) {
         return;
     }
 
-    const studentsFilePath = `/data/${classFilePath}`;
+    const studentsFilePath = `data/${classFilePath}`;
     const data = await fetchJSONFile(studentsFilePath);
 
     if (data && Array.isArray(data.students)) {
@@ -89,7 +148,7 @@ async function loadStudents(classFilePath) {
 }
 
 async function getCategoriesWithCriteria() {
-    const criteriaFilePath = '/data/criteria.json';
+    const criteriaFilePath = 'data/criteria.json';
     const criteria = await fetchJSONFile(criteriaFilePath);
     let categoriesWithCriteria = {}
     
@@ -97,7 +156,7 @@ async function getCategoriesWithCriteria() {
         let criteriaForCategory = []
         criteria.criteria.forEach(criteria => {
             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})
             }
         })
@@ -111,7 +170,7 @@ async function getCategoriesWithCriteria() {
 
 // Funkcja do wczytania pliku criteria.json
 async function loadCriteria() {
-    const criteriaFilePath = '/data/criteria.json';
+    const criteriaFilePath = 'data/criteria.json';
     const criteria = await fetchJSONFile(criteriaFilePath);
 
     console.log("Załadowane kryteria:", criteria);
@@ -123,9 +182,12 @@ async function loadCriteria() {
     
     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>`;
     }
 
@@ -137,13 +199,47 @@ async function loadCriteria() {
     const categoryButtonsBox = document.getElementById("category-buttons-box");
     let categoryButtonHTML = ""
     categoriesCriteria.forEach(category => {
-        // categoryButtonHTML += `<option value="${key}">${value.name}</option>`;
+        const hasCriteria = category.criteria_ids.some(criteriaId => currentRoleCriterias.includes(criteriaId));
-        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;
 }
 
+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) {
@@ -182,7 +278,7 @@ function showInnerTab(category) {
 // Funkcja, aby ustawić domyślną kategorię i zakładkę
 document.addEventListener("DOMContentLoaded", function() {
     // Domyślnie pokazujemy kategorię 'frekwencja'
-    showInnerTab('frekwencja');
+   
 
     // Ustawienie daty na dziś
     document.getElementById('current-date').innerText = baseDate.toLocaleDateString();
@@ -190,6 +286,8 @@ document.addEventListener("DOMContentLoaded", function() {
     // Uruchomienie wczytywania klas i kryteriów
     loadClasses();
     loadCriteria();
+
+    showInnerTab('frekwencja');
 });
 
 // Funkcja do zmiany dnia
@@ -319,6 +417,9 @@ async function generateTable(category) {
     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)
@@ -327,8 +428,12 @@ async function generateTable(category) {
     // Dodaj nagłówki dla kryteriów w kategorii
     categoryColumns.forEach(column => {
         const th = document.createElement('th');
-        th.textContent = column.name;
+        if(currentRoleCriterias.includes(column.id)) {
-        thead.appendChild(th);
+            th.textContent = column.name;
+            thead.appendChild(th);
+        }
+        
+        
     });
 
     // Generuj wiersze dla uczniów
@@ -347,31 +452,67 @@ async function generateTable(category) {
 
         // Komórki z checkboxami dla kryteriów
         categoryColumns.forEach(column => {
-            const td = document.createElement('td');
+            if(currentRoleCriterias.includes(column.id)) {
-            const checkbox = document.createElement('input');
+                const td = document.createElement('td');
-            checkbox.type = 'checkbox';
+                const checkbox = document.createElement('input');
-            const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-');
+                checkbox.type = 'checkbox';
-            checkbox.id = `${column.id}-${studentId}`;
+                const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-');
-            checkbox.onchange = calculateStats;
+                checkbox.id = `${column.id}-${studentId}`;
+                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);
     });
 }
+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');
-        //}
-    //});
-//};