56 lines
2.3 KiB
HTML
56 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Zarządzanie Uczniami</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Zarządzanie Uczniami</h1>
|
|
<!-- Zakładki -->
|
|
<div class="tabs">
|
|
<button id="students-tab">Uczniowie</button>
|
|
<button id="stats-tab">Statystyka</button>
|
|
<button id="criteria-tab">Zarządzanie kryteriami</button>
|
|
</div>
|
|
<!-- Lista uczniów -->
|
|
<div id="students-list"></div>
|
|
<!-- Statystyki -->
|
|
<div id="stats-content" style="display: none;"></div>
|
|
<!-- Zarządzanie kryteriami -->
|
|
<div id="criteria-content" style="display: none;">
|
|
<h2>Lista kryteriów</h2>
|
|
<div id="criteria-list"></div>
|
|
<h2>Dodaj nowe kryterium</h2>
|
|
<form id="add-criteria-form">
|
|
<label for="new-criteria-name">Nazwa:</label>
|
|
<input type="text" id="new-criteria-name" required>
|
|
<label for="new-criteria-points">Punkty:</label>
|
|
<input type="number" id="new-criteria-points" required>
|
|
<button type="submit">Dodaj</button>
|
|
</form>
|
|
<h2>Edytuj kryterium</h2>
|
|
<form id="edit-criteria-form">
|
|
<label for="edit-criteria-name">Wybierz kryterium:</label>
|
|
<select id="edit-criteria-name" required></select>
|
|
<label for="edit-criteria-new-name">Nowa nazwa:</label>
|
|
<input type="text" id="edit-criteria-new-name" required>
|
|
<label for="edit-criteria-points">Punkty:</label>
|
|
<input type="number" id="edit-criteria-points" required>
|
|
<button type="submit">Zapisz zmiany</button>
|
|
</form>
|
|
<h2>Usuń kryterium</h2>
|
|
<form id="delete-criteria-form">
|
|
<label for="delete-criteria-name">Wybierz kryterium:</label>
|
|
<select id="delete-criteria-name" required></select>
|
|
<button type="submit">Usuń</button>
|
|
</form>
|
|
</div>
|
|
<!-- Przycisk do zapisywania danych -->
|
|
<button id="save-button">Zapisz dane</button>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html> |