css/style.css

@@ -6,38 +6,11 @@
 .tab.active {
     display: block;
 }
-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: right;
-}
-.header-box {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    background-color:  #101820; /* Kolor tła nagłówka */
-    padding: px; /* Padding wewnętrzny dla lepszego wyglądu */
-    color: whitesmoke; /* Kolor tekstu */
-    padding-bottom: 10px;
-    padding-top: 10px;
-    border-radius: 2px;
-}
-
-.header-title {
-    margin-left: auto; /* Przesuwa tytuł na prawo */
-    user-select: none;
-    margin-right: 25px;
-    margin-top: 0px;
-    margin-bottom: 0px;
-}
 
 /* Style dla przycisków kategorii */
 .category-buttons {
     margin: 10px 0;
     text-align: center;
-    background-color: s;
-
-   
 }
 
 .category-buttons button {
@@ -45,117 +18,37 @@ header {
     padding: 10px 15px;
     font-size: 16px;
     cursor: pointer;
-    background-color: lightgray;
+    background-color: #f2f2f2;
-    border: 1px solid black;
+    border: 1px solid #ccc;
     border-radius: 4px;
     transition: background-color 0.3s, color 0.3s, border 0.3s;
-    user-select: none;
-    font-weight: bold;
 }
 
 .category-buttons button.active {
-    background-color: #FEE715;
+    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;
-    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 */
 table {
     width: 100%;
     border-collapse: collapse;
     margin-top: 20px;
-    background-color: whitesmoke;
-    user-select: none;
 }
 
 th, td {
-    border: 1px solid grey;
+    border: 1px solid #ddd;
     padding: 8px;
     text-align: center;
 }
 
 th {
-    background-color: whitesmoke;
+    background-color: #f2f2f2;
 }
 
 tr:nth-child(even) {
-    background-color: whitesmoke;
+    background-color: #f9f9f9;
 }
 
 /* Stylizacja kontenera klasy */
@@ -165,45 +58,40 @@ tr:nth-child(even) {
 
 .select-role {
     text-align: center;
-    user-select: none;
 }
 
 .select-class select {
     padding: 5px;
     font-size: 16px;
-    border: 1px solid lightgray;
+    border: 1px solid #ccc;
     border-radius: 4px;
-    user-select: none;
 }
 
 .select-role select {
     padding: 5px;
     font-size: 16px;
-    border: 1px solid lightgray;
+    border: 1px solid #ccc;
     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: gray;
+    background-color: #fafafa;
-    user-select: none;
 }
 
 /* Stylizacja stopki */
 footer.footer {
     width: 100%;
-    padding: 5px 0;
+    padding: 20px 0;
-    background-color: #101820;
+    background-color: #fafafa;
-    color: white;
+    color: #555;
 }
 
 .footer-container {
@@ -228,7 +116,7 @@ footer.footer {
 
 .footer-line {
     border: none;
-    border-top: 2px solid black;
+    border-top: 2px solid #ddd;
     margin: 20px 0;
     width: 100%;
 }
@@ -237,12 +125,17 @@ footer.footer {
 .footer-left p,
 .footer-right p {
     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 */
@@ -250,22 +143,3 @@ input[type="checkbox"] {
     transform: scale(1.2);
     cursor: pointer;
 }
-.sticky {
-    position: sticky;
-    top: 0;
-    background-color: white; /* lub inny kolor, aby tło było widoczne */
-    z-index: 1000; /* zapewnia, że będzie na wierzchu */
-    border-bottom: 1px solid #ccc; /* opcjonalnie, aby oddzielić od treści */
-}
-
-.dark-background {
-    background-color: #2e2e2e; /* Ciemnoszare tło */
-    color: black; /* Jasny kolor tekstu dla lepszej czytelności */
-    margin: 0;
-    padding: 0;
-    font-family: Arial, sans-serif;
-}
-.lead {
-    background-color: #555;
-}
-

data/criteria.json

@@ -2,244 +2,105 @@
     "criteria": [
         {
             "id": 1,
-            "name": "95-100% raz w semestrze"
+            "name": "Tardiness"
         },
         {
             "id": 2,
-            "name": "brak godzin nieusprawiedliwionych w semestrze"
+            "name": "Disruption"
         },
         {
             "id": 3,
-            "name": "minimum 85% frekwencje w semestrze"
+            "name": "Disrespect towards teachers"
         },
         {
             "id": 4,
-            "name": "uczestnictwo w etapie szkolnym"
+            "name": "Participation in class"
         },
         {
             "id": 5,
-            "name": "uczestnictwo w etapie rejonowym"
+            "name": "Preparedness for class"
         },
         {
             "id": 6,
-            "name": "uczestnictwo w etapie wojewódzkim"
+            "name": "Attendance"
         },
         {
             "id": 7,
-            "name": "uczestnictwo w etapie ogólnopolskim"
+            "name": "Involvement in projects"
         },
         {
             "id": 8,
-            "name": "wyróżnienie w etapie szkolnym"
+            "name": "Warning from homeroom teacher"
         },
         {
             "id": 9,
-            "name": "wyróżnienie w etapie rejonowym"
+            "name": "Warning from principal"
         },
         {
             "id": 10,
-            "name": "wyróżnienie w etapie wojewódzkim"
+            "name": "Achievements in competitions"
         },
         {
             "id": 11,
-            "name": "wyróżnienie w etapie ogólnopolskim"
+            "name": "Representing the school"
         },
         {
             "id": 12,
-            "name": "laureat, finalista ogólnopolski"
+            "name": "Independence"
         },
         {
             "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": [
         {
-            "id": "frekwencja",
+            "id": "behavior",
-            "name": "Frekwencja",
+            "name": "Behavior",
             "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": [
-                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": "konkursy-szkolne",
+            "id": "self_assessment",
-            "name": "Udział w konkursach szkolnych (każdorazowo)",
+            "name": "Self-Assessment",
             "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": {
         "teacher": {
-            "name": "Nauczyciel",
+            "name": "Teacher",
             "criteria_ids": [
                 1,
                 2,
@@ -247,26 +108,11 @@
                 4,
                 5,
                 6,
-                7,
+                7
-                27,
-                28,
-                29,
-                30,
-                31,
-                32,
-                33,
-                34,
-                35,
-                36,
-                37,
-                38,
-                39,
-                40
-
             ]
         },
         "homeroom_teacher": {
-            "name": "Wychowawca Klasy",
+            "name": "Homeroom Teacher",
             "criteria_ids": [
                 1,
                 2,
@@ -279,7 +125,7 @@
             ]
         },
         "principal": {
-            "name": "Dyrektor",
+            "name": "Principal",
             "criteria_ids": [
                 8,
                 9,
@@ -288,18 +134,11 @@
             ]
         },
         "student": {
-            "name": "Uczeń",
+            "name": "Student",
             "criteria_ids": [
                 12,
                 13
             ]
-        },
-        "patryk": {
-            "name": "Mpabi",
-            "criteria_ids": [
-                15,
-                16
-            ]
         }
     },
     "people": [

index.html

@@ -4,35 +4,15 @@
     <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%;
-            border-collapse: collapse;
-        }
-        th {
-            position: sticky;
-            top: 0;
-            background-color: lightgray; /* Kolor tła nagłówka */
-            z-index: 10; /* Zapewnia, że nagłówek będzie nad innymi elementami */
-            border: 1px solid #ddd; /* Opcjonalnie: Dodanie obramowania */
-            padding: 8px;
-        }
-    </style>
 </head>
-<body class="dark-background">
+<body>
 
-    <header class="header-box">
+    <h1>Ocena Zachowania</h1>
-        <div class="up-button">
+
-            <button class="active" onclick="showTab('criteria')">Ocena z zachowania</button>
+    <div>
-            <button class="active" onclick="showTab('stats')">Statystyka</button>
+        <button onclick="showTab('criteria')">Ocena z zachowania</button>
-            <button class="active" onclick="showTab('points')">Ustal punkty</button>
+        <button onclick="showTab('stats')">Statystyka</button>
-        </div>
+        <button onclick="showTab('points')">Ustal punkty</button>
-        <h1 id="header-title" class="header-title">Ocena Zachowania</h1>
-    </header>
-    <div id="up-button-container" class="button1" class="sa">
-        <button class="active" onclick="changeDay(-1)">Poprzedni Dzień</button>
-        <button class="active" onclick="changeDay(1)">Następny Dzień</button>
     </div>
 
     <!-- Zakładka "Ustal punkty" -->
@@ -127,23 +107,26 @@
     <!-- 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 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>
         </div>
 
         <div class="select-class" id="select-class-container">
-            <p class="tag">Wybierz klasę:</p>
+            <p>Wybierz klasę:</p>
             <select class="select-class" id="select-class-select">
                 <!-- Opcje będą ładowane dynamicznie -->
             </select>
         </div>
 
-        <div class="category-buttons" id="category-buttons-box">
+        <div class="category-buttons">
             <button data-category="frekwencja" onclick="showInnerTab('frekwencja')">Frekwencja</button>
             <button data-category="olimpiady" onclick="showInnerTab('olimpiady')">Olimpiady</button>
             <button data-category="konkursy" onclick="showInnerTab('konkursy')">Konkursy Szkolne</button>
@@ -171,22 +154,17 @@
         <div id="stats-output"></div>
     </div>
 
-    
+    <footer class="footer">
+        <div class="footer-left">
+            <p>B. Hrynowiecki</p>
+            <p>K. Michalak</p>
+            <p>F. Kowalski</p>
+        </div>
         <hr class="footer-line">
-        <footer class="footer">
+        <div class="footer-right">
-            <div class="footer-left">
+            <p>Led and Authored by M. Pabiszczak</p>
-                <p>B. Hrynowiecki</p>
+        </div>
-                <p>K. Michalak</p>
+    </footer>
-                <p>F. Kowalski</p>
-                <p>S. Ptak</p>
-                <p>B. Bohdan</p>
-                <P>T. Zadworny</P>
-                <p>J. Tocziew</p>
-            </div>
-            <div class="footer-right">
-                <p>M. Pabiszczak</p>
-            </div>
-        </footer>
 
     <!-- Przeniesienie skryptu na koniec body -->
     <script src="js/script.js"></script>

js/script.js

@@ -1,69 +1,42 @@
+// Definicja kategorii i ich kryteriów
+const categories = {
+    frekwencja: [
+        { name: "Frekwencja 95-100%", id: "frekwencja" },
+        { name: "Brak godzin nieusprawiedliwionych", id: "brak_godzin" },
+        { name: "Minimum 85% frekwencja", id: "min_85" }
+    ],
+    olimpiady: [
+        { name: "Etap szkolny", id: "etap_szkolny" },
+        { name: "Etap rejonowy", id: "etap_rejonowy" },
+        { name: "Etap wojewódzki", id: "etap_wojewodzki" },
+        { name: "Etap ogólnopolski", id: "etap_ogolnopolski" }
+    ],
+    konkursy: [
+        { name: "Udział w konkursach", id: "udzial_konkurs" },
+        { name: "Wyróżnienie w konkursie", id: "wyroznienie_konkurs" }
+    ],
+    reprezentacja: [
+        { name: "Reprezentacja indywidualna", id: "reprezentacja_indywidualna" },
+        { name: "Reprezentacja zespołowa", id: "reprezentacja_zespolowa" },
+        { name: "Udział w zawodach", id: "udzial_zawody" }
+    ],
+    aktywnosc: [
+        { name: "Organizacja imprez", id: "organizacja_imprez" },
+        { name: "Funkcje w klasie", id: "funkcja_klasa" },
+        { name: "Uroczystości okolicznościowe", id: "uroczystosci" },
+        { name: "Udział w poczcie sztandarowej", id: "poczta_sztandar" },
+        { name: "Pomoc nauczycielowi", id: "pomoc_nauczyciel" },
+        { name: "Wolontariat", id: "wolontariat" }
+    ]
+};
+
 // Zmienne globalne
 let currentCategory = 'frekwencja';
 let currentClass = '';
 let studentsData = [];
 let currentDay = 0;
-let currentRole = "teacher"
-let currentRoleCriterias = []
 const baseDate = new Date();
 
-function generateTable(category) {
-    const table = document.getElementById('student-table');
-    const thead = table.querySelector('thead tr');
-    const tbody = table.querySelector('tbody');
-
-    // Wyczyść istniejące nagłówki i wiersze
-    thead.innerHTML = '';
-    tbody.innerHTML = '';
-
-    // Dodaj nagłówek 'Imię i Nazwisko'
-    const thName = document.createElement('th');
-    thName.textContent = "Imię i Nazwisko";
-    thead.appendChild(thName);
-
-    // Pobierz kolumny dla wybranej kategorii
-    const categoryColumns = categories[category];
-
-    // Dodaj nagłówki dla kryteriów w kategorii
-    categoryColumns.forEach(column => {
-        const th = document.createElement('th');
-        th.textContent = column.name;
-        thead.appendChild(th);
-    });
-
-    // Generuj wiersze dla uczniów
-    studentsData.forEach(student => {
-        const row = document.createElement('tr');
-
-        // Komórka z imieniem i nazwiskiem
-        const tdName = document.createElement('td');
-        tdName.textContent = `${student.first_name} ${student.last_name}`;
-        row.appendChild(tdName);
-
-        // Upewnij się, że 'behavior' jest zdefiniowany
-        if (!student.behavior) {
-            student.behavior = {};
-        }
-
-        // Komórki z checkboxami dla kryteriów
-        categoryColumns.forEach(column => {
-            const td = document.createElement('td');
-            const checkbox = document.createElement('input');
-            checkbox.type = 'checkbox';
-            const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-');
-            checkbox.id = `${column.id}-${studentId}`;
-            checkbox.onchange = calculateStats;
-
-            // Ustawienie stanu checkboxa na podstawie zapisanych danych
-            checkbox.checked = student.behavior[`day${currentDay}`]?.[column.id] || false;
-
-            td.appendChild(checkbox);
-            row.appendChild(td);
-        });
-
-        tbody.appendChild(row);
-    });
-}
 // Funkcja do wczytywania pliku JSON
 async function fetchJSONFile(filePath) {
     try {
@@ -147,27 +120,6 @@ async function loadStudents(classFilePath) {
     }
 }
 
-async function getCategoriesWithCriteria() {
-    const criteriaFilePath = '/data/criteria.json';
-    const criteria = await fetchJSONFile(criteriaFilePath);
-    let categoriesWithCriteria = {}
-    
-    criteria.categories.forEach(category => {
-        let criteriaForCategory = []
-        criteria.criteria.forEach(criteria => {
-            if(category.criteria_ids.includes(criteria.id)) {
-                //console.log(`!!! ${category.name} posiada ${criteria.name}`)
-                criteriaForCategory.push({name: criteria.name, id: criteria.id})
-            }
-        })
-        categoriesWithCriteria[category.id] = criteriaForCategory
-    })
-
-    return categoriesWithCriteria
-
-    
-}
-
 // Funkcja do wczytania pliku criteria.json
 async function loadCriteria() {
     const criteriaFilePath = '/data/criteria.json';
@@ -175,71 +127,19 @@ async function loadCriteria() {
 
     console.log("Załadowane kryteria:", criteria);
     
-    //
-    // LADOWANIE ROL
-    //
     const roles = criteria.roles;
-    
     const selectroleByid = document.getElementById("select-role");
     let selectroleHTML = ""; // Zainicjalizuj pusty string na HTML
-    currentRole = "teacher"
+
     // Iteracja przez klucze obiektu roles
     for (const [key, value] of Object.entries(roles)) {
-        if(key == "teacher") {
-            currentRoleCriterias = value.criteria_ids
-        }
         selectroleHTML += `<option value="${key}">${value.name}</option>`;
     }
 
     // Wstawienie HTML do elementu select
     selectroleByid.innerHTML = selectroleHTML;
-
-    // category-buttons-box
-    const categoriesCriteria = criteria.categories;
-    const categoryButtonsBox = document.getElementById("category-buttons-box");
-    let categoryButtonHTML = ""
-    categoriesCriteria.forEach(category => {
-        const hasCriteria = category.criteria_ids.some(criteriaId => currentRoleCriterias.includes(criteriaId));
-        
-        // Jeśli kategoria ma kryteria, dodajemy przycisk
-        if (hasCriteria) {
-            categoryButtonHTML += `<button data-category="${category.id}" onclick="showInnerTab('${category.id}')">${category.name}</button>`;
-        }
-    });
-
-    categoryButtonsBox.innerHTML = categoryButtonHTML;
 }
 
-async function changeRole(role) {
-    const select = document.getElementById('select-role');
-    const selectedValue = select.value;
-
-    const criteriaFilePath = '/data/criteria.json';
-    const criteria = await fetchJSONFile(criteriaFilePath);
-
-    currentRole = selectedValue
-    currentRoleCriterias = criteria.roles[currentRole].criteria_ids
-    console.log("currentRole:", currentRole)
-    console.log("currentRoleCriterias:", currentRoleCriterias)
-
-    // category-buttons-box
-    const categoriesCriteria = criteria.categories;
-    const categoryButtonsBox = document.getElementById("category-buttons-box");
-    let categoryButtonHTML = ""
-    categoriesCriteria.forEach(category => {
-        const hasCriteria = category.criteria_ids.some(criteriaId => currentRoleCriterias.includes(criteriaId));
-
-        
-        // Jeśli kategoria ma kryteria, dodajemy przycisk
-        if (hasCriteria) {
-            categoryButtonHTML += `<button data-category="${category.id}" onclick="showInnerTab('${category.id}')">${category.name}</button>`;
-        }
-    });
-
-    categoryButtonsBox.innerHTML = categoryButtonHTML;
-
-    generateTable(currentCategory)
-}
 
 // Funkcja do przełączania głównych zakładek
 function showTab(tabName) {
@@ -278,7 +178,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();
@@ -286,8 +186,6 @@ document.addEventListener("DOMContentLoaded", function() {
     // Uruchomienie wczytywania klas i kryteriów
     loadClasses();
     loadCriteria();
-
-    showInnerTab('frekwencja');
 });
 
 // Funkcja do zmiany dnia
@@ -403,7 +301,7 @@ function getGrade(points) {
 }
 
 // Funkcja do generowania tabeli uczniów na podstawie wybranej kategorii
-async function generateTable(category) {
+function generateTable(category) {
     const table = document.getElementById('student-table');
     const thead = table.querySelector('thead tr');
     const tbody = table.querySelector('tbody');
@@ -417,23 +315,14 @@ 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)
     const categoryColumns = categories[category];
 
     // Dodaj nagłówki dla kryteriów w kategorii
     categoryColumns.forEach(column => {
         const th = document.createElement('th');
-        if(currentRoleCriterias.includes(column.id)) {
+        th.textContent = column.name;
-            th.textContent = column.name;
+        thead.appendChild(th);
-            thead.appendChild(th);
-        }
-        
-        
     });
 
     // Generuj wiersze dla uczniów
@@ -452,67 +341,20 @@ async function generateTable(category) {
 
         // Komórki z checkboxami dla kryteriów
         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);
     });
 }
-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
-    }
-}
-

token

@@ -1 +0,0 @@
-1759b8c94bb4761dba7fd73e976925ae2a07726e