From d8ba16c032f88f7d02b0bdca6b471512ee8665f8 Mon Sep 17 00:00:00 2001
From: bartoszh <sklasik@pseudonim.pl>
Date: Thu, 17 Oct 2024 13:19:34 +0200
Subject: [PATCH] commit

---
 index.html | 158 +++++++++++++++++++++++++++--------------------------
 1 file changed, 82 insertions(+), 76 deletions(-)

diff --git a/index.html b/index.html
index baee786..d6f1fe3 100644
--- a/index.html
+++ b/index.html
@@ -39,7 +39,67 @@
                     <td>Minimum 85% frekwencja</td>
                     <td><input type="number" id="min-85-punkty" value="20" onchange="calculateStats()"></td>
                 </tr>
-                <!-- Kolejne wiersze... -->
+                <tr>
+                    <td>Etap szkolny</td>
+                    <td><input type="number" id="etap-szkolny-punkty" value="5" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Etap rejonowy</td>
+                    <td><input type="number" id="etap-rejonowy-punkty" value="10" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Etap wojewódzki</td>
+                    <td><input type="number" id="etap-wojewodzki-punkty" value="15" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Etap ogólnopolski</td>
+                    <td><input type="number" id="etap-ogolnopolski-punkty" value="20" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Udział w konkursach</td>
+                    <td><input type="number" id="udzial-konkurs-punkty" value="5" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Wyróżnienie w konkursie</td>
+                    <td><input type="number" id="wyroznienie-konkurs-punkty" value="10" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Reprezentacja indywidualna</td>
+                    <td><input type="number" id="reprezentacja-indywidualna-punkty" value="5" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Reprezentacja zespołowa</td>
+                    <td><input type="number" id="reprezentacja-zespolowa-punkty" value="10" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Udział w zawodach</td>
+                    <td><input type="number" id="udzial-zawody-punkty" value="15" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Organizacja imprez</td>
+                    <td><input type="number" id="organizacja-imprez-punkty" value="10" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Funkcje w klasie</td>
+                    <td><input type="number" id="funkcja-klasa-punkty" value="10" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Uroczystości okolicznościowe</td>
+                    <td><input type="number" id="uroczystosci-punkty" value="10" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Udział w poczcie sztandarowej</td>
+                    <td><input type="number" id="poczta-sztandar-punkty" value="20" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Pomoc nauczycielowi</td>
+                    <td><input type="number" id="pomoc-nauczyciel-punkty" value="10" onchange="calculateStats()"></td>
+                </tr>
+                <tr>
+                    <td>Wolontariat</td>
+                    <td><input type="number" id="wolontariat-punkty" value="10" onchange="calculateStats()"></td>
+                </tr>
+                <!-- Dodaj więcej wierszy dla innych punktów, jeśli potrzebne -->
             </tbody>
         </table>
     </div>
@@ -54,87 +114,33 @@
 
         <div class="select-class" id="select-class-container">
             <p>Wybierz klasę:</p>
-            <div>
-                <button onclick="showInnerTab('frekwencja')">Frekwencja</button>
-                <button onclick="showInnerTab('olimpiady')">Olimpiady</button>
-                <button onclick="showInnerTab('konkursy')">Konkursy Szkolne</button>
-                <button onclick="showInnerTab('reprezentacja')">Reprezentacja Szkoły</button>
-                <button onclick="showInnerTab('aktywnosc')">Aktywność</button>
+            <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>
+                <button data-category="reprezentacja" onclick="showInnerTab('reprezentacja')">Reprezentacja Szkoły</button>
+                <button data-category="aktywnosc" onclick="showInnerTab('aktywnosc')">Aktywność</button>
             </div>
-            
             <select class="select-class" id="select-class-select">
-                <option value="">Klasa 1</option>
-                <option value="">Klasa 2</option>
-                <option value="">Klasa 3</option>
+                <option value="">Wybierz klasę</option>
+                <option value="1A">Klasa 1A</option>
+                <option value="2B">Klasa 2B</option>
+                <option value="3C">Klasa 3C</option>
+                <!-- Dodaj więcej klas według potrzeb -->
             </select>
         </div>
 
         <!-- Przykładowa tabela uczniów -->
-<table id="student-table">
-    <thead>
-        <tr>
-            <th>Imię i Nazwisko</th>
-            <!-- Kolumny Frekwencja -->
-            <th class="category-frekwencja">Frekwencja 95-100%</th>
-            <th class="category-frekwencja">Brak godzin nieusprawiedliwionych</th>
-            <th class="category-frekwencja">Minimum 85% frekwencja</th>
-            <!-- Kolumny Olimpiady -->
-            <th class="category-olimpiady">Etap szkolny</th>
-            <th class="category-olimpiady">Etap rejonowy</th>
-            <th class="category-olimpiady">Etap wojewódzki</th>
-            <th class="category-olimpiady">Etap ogólnopolski</th>
-            <!-- Kolumny Konkursy Szkolne -->
-            <th class="category-konkursy">Udział w konkursach</th>
-            <th class="category-konkursy">Wyróżnienie w konkursie</th>
-            <!-- Kolumny Reprezentacja Szkoły -->
-            <th class="category-reprezentacja">Reprezentacja indywidualna</th>
-            <th class="category-reprezentacja">Reprezentacja zespołowa</th>
-            <th class="category-reprezentacja">Udział w zawodach</th>
-            <!-- Kolumny Aktywność -->
-            <th class="category-aktywnosc">Organizacja imprez</th>
-            <th class="category-aktywnosc">Funkcje w klasie</th>
-            <th class="category-aktywnosc">Uroczystości okolicznościowe</th>
-            <th class="category-aktywnosc">Udział w poczcie sztandarowej</th>
-            <th class="category-aktywnosc">Pomoc nauczycielowi</th>
-            <th class="category-aktywnosc">Wolontariat</th>
-        </tr>
-    </thead>
-    <tbody>
-        <!-- Wiersze uczniów będą generowane przez JavaScript -->
-    </tbody>
-</table>
-
-
-        <!-- Wewnętrzne zakładki -->
-        <div id="frekwencja-tab" class="inner-tab active">
-            <h3>Frekwencja</h3>
-            <p>Treść dotycząca frekwencji.</p>
-            <!-- Możesz dodać więcej szczegółów lub tabel tutaj -->
-        </div>
-
-        <div id="olimpiady-tab" class="inner-tab">
-            <h3>Olimpiady</h3>
-            <p>Treść dotycząca olimpiad.</p>
-            <!-- Możesz dodać więcej szczegółów lub tabel tutaj -->
-        </div>
-
-        <div id="konkursy-tab" class="inner-tab">
-            <h3>Konkursy Szkolne</h3>
-            <p>Treść dotycząca konkursów szkolnych.</p>
-            <!-- Możesz dodać więcej szczegółów lub tabel tutaj -->
-        </div>
-
-        <div id="reprezentacja-tab" class="inner-tab">
-            <h3>Reprezentacja Szkoły</h3>
-            <p>Treść dotycząca reprezentacji szkoły.</p>
-            <!-- Możesz dodać więcej szczegółów lub tabel tutaj -->
-        </div>
-
-        <div id="aktywnosc-tab" class="inner-tab">
-            <h3>Aktywność</h3>
-            <p>Treść dotycząca aktywności.</p>
-            <!-- Możesz dodać więcej szczegółów lub tabel tutaj -->
-        </div>
+        <table id="student-table">
+            <thead>
+                <tr>
+                    <!-- Dynamiczne nagłówki będą generowane przez JavaScript -->
+                </tr>
+            </thead>
+            <tbody>
+                <!-- Dynamiczne wiersze będą generowane przez JavaScript -->
+            </tbody>
+        </table>
     </div>
 
     <!-- Zakładka "Statystyka" -->