css
This commit is contained in:
commit
df7bdeffc1
|
@ -0,0 +1,277 @@
|
|||
/* Podstawowe style dla zakładek */
|
||||
.tab {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.tab.active {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Style dla przycisków kategorii */
|
||||
.category-buttons {
|
||||
margin: 10px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.category-buttons button {
|
||||
margin: 5px;
|
||||
padding: 10px 15px;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
background-color: #f2f2f2;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
transition: background-color 0.3s, color 0.3s, border 0.3s;
|
||||
}
|
||||
|
||||
.category-buttons button.active {
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
border: 1px solid #4CAF50;
|
||||
}
|
||||
|
||||
/* Stylizacja tabeli */
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
th, td {
|
||||
border: 1px solid #ddd;
|
||||
padding: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: #f2f2f2;
|
||||
}
|
||||
|
||||
tr:nth-child(even) {
|
||||
background-color: #f9f9f9;
|
||||
}
|
||||
|
||||
/* Stylizacja kontenera klasy */
|
||||
.select-class {
|
||||
margin-top: 20px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.select-class select {
|
||||
padding: 5px;
|
||||
font-size: 16px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* Stylizacja nagłówków */
|
||||
h1, h2, h3 {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Dodatkowe style dla układu */
|
||||
body {
|
||||
font-family: Arial, sans-serif;
|
||||
margin: 20px;
|
||||
background-color: #fafafa;
|
||||
}
|
||||
|
||||
/* Stylizacja stopki */
|
||||
footer.footer {
|
||||
width: 100%;
|
||||
padding: 20px 0;
|
||||
background-color: #fafafa;
|
||||
color: #555;
|
||||
}
|
||||
|
||||
.footer-container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.footer-left, .footer-right {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.footer-left {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.footer-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.footer-line {
|
||||
border: none;
|
||||
border-top: 2px solid #ddd;
|
||||
margin: 20px 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Dodatkowe style dla estetyki */
|
||||
.footer-left p,
|
||||
.footer-right p {
|
||||
margin: 5px 0;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
/* Stylizacja przycisków ogólna */
|
||||
button {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
/* Stylizacja checkboxów */
|
||||
input[type="checkbox"] {
|
||||
transform: scale(1.2);
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
|
||||
/* Style dla przycisków kategorii */
|
||||
.category-buttons button {
|
||||
margin: 5px;
|
||||
padding: 10px 15px;
|
||||
font-size: 16px;
|
||||
cursor: pointer;
|
||||
background-color: #4CAF50; /* A vibrant green color */
|
||||
color: white; /* White text for contrast */
|
||||
border: none; /* No border */
|
||||
border-radius: 4px;
|
||||
transition: background-color 0.3s, transform 0.2s;
|
||||
}
|
||||
|
||||
.category-buttons button:hover {
|
||||
background-color: #45a049; /* Slightly darker green on hover */
|
||||
transform: scale(1.05); /* Slight scaling effect */
|
||||
}
|
||||
|
||||
.category-buttons button:active {
|
||||
background-color: #388e3c; /* Darker shade when pressed */
|
||||
transform: scale(0.95); /* Slightly smaller when pressed */
|
||||
}
|
||||
|
||||
/* Active button state */
|
||||
.category-buttons button.active {
|
||||
background-color: #2e7d32; /* Dark green for active button */
|
||||
color: white; /* Keep the text white */
|
||||
border: 1px solid #2e7d32; /* Dark green border */
|
||||
}
|
||||
|
||||
|
||||
/* Style dla głównych przycisków */
|
||||
.button-main {
|
||||
margin: 10px;
|
||||
padding: 12px 20px;
|
||||
font-size: 18px;
|
||||
cursor: pointer;
|
||||
background-color: #2e7d32; /* Bright blue color */
|
||||
color: white; /* White text */
|
||||
border: none; /* No border */
|
||||
border-radius: 5px; /* Rounded corners */
|
||||
transition: background-color 0.3s, transform 0.2s; /* Smooth transitions */
|
||||
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
|
||||
}
|
||||
|
||||
.button-main:hover {
|
||||
background-color: #2e7d32; /* Darker blue on hover */
|
||||
transform: scale(1.05); /* Slight scaling effect */
|
||||
}
|
||||
|
||||
.button-main:active {
|
||||
background-color: #2e7d32; /* Even darker shade when pressed */
|
||||
transform: scale(0.95); /* Slightly smaller when pressed */
|
||||
}
|
||||
|
||||
.day-navigation {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
margin: 20px 0;
|
||||
}
|
||||
|
||||
.day-navigation button {
|
||||
margin: 0 10px; /* Spacing between buttons */
|
||||
padding: 10px 20px; /* Padding for the buttons */
|
||||
font-size: 16px; /* Font size */
|
||||
color: white; /* Text color */
|
||||
background-color: #2e7d32; /* Blue background color */
|
||||
border: none; /* No border */
|
||||
border-radius: 4px; /* Rounded corners */
|
||||
cursor: pointer; /* Pointer cursor on hover */
|
||||
transition: background-color 0.3s, transform 0.2s; /* Smooth transitions */
|
||||
}
|
||||
|
||||
.day-navigation button:hover {
|
||||
background-color: #2e7d32; /* Darker blue on hover */
|
||||
transform: scale(1.05); /* Slight scaling effect */
|
||||
}
|
||||
|
||||
.day-navigation button:active {
|
||||
background-color: #0D47A1; /* Even darker blue when pressed */
|
||||
transform: scale(0.95); /* Slightly smaller when pressed */
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Container for the statistics section */
|
||||
.statistics-container {
|
||||
margin: 20px auto; /* Centering the container */
|
||||
padding: 20px; /* Inner spacing */
|
||||
border: 1px solid #ddd; /* Light border */
|
||||
border-radius: 8px; /* Rounded corners */
|
||||
background-color: #f9f9f9; /* Light background color */
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow for depth */
|
||||
}
|
||||
|
||||
/* Styling for labels */
|
||||
.statistics-container label {
|
||||
display: block; /* Block display for labels */
|
||||
margin: 10px 0 5px; /* Spacing around labels */
|
||||
font-weight: bold; /* Bold text */
|
||||
}
|
||||
|
||||
/* Styling for input fields */
|
||||
.statistics-container input[type="number"] {
|
||||
width: 100%; /* Full width inputs */
|
||||
padding: 10px; /* Inner padding */
|
||||
font-size: 16px; /* Font size */
|
||||
border: 1px solid #ccc; /* Border color */
|
||||
border-radius: 4px; /* Rounded corners */
|
||||
margin-bottom: 15px; /* Space below inputs */
|
||||
transition: border-color 0.3s; /* Smooth border color change */
|
||||
}
|
||||
|
||||
.statistics-container input[type="number"]:focus {
|
||||
border-color: #4CAF50; /* Change border color on focus */
|
||||
outline: none; /* Remove default outline */
|
||||
}
|
||||
|
||||
/* Styling for the table */
|
||||
.statistics-container table {
|
||||
width: 100%; /* Full width table */
|
||||
border-collapse: collapse; /* Remove gaps between table cells */
|
||||
margin-top: 20px; /* Space above table */
|
||||
}
|
||||
|
||||
.statistics-container th,
|
||||
.statistics-container td {
|
||||
border: 1px solid #ddd; /* Cell borders */
|
||||
padding: 10px; /* Inner spacing */
|
||||
text-align: center; /* Centered text */
|
||||
}
|
||||
|
||||
.statistics-container th {
|
||||
background-color: #4CAF50; /* Header background color */
|
||||
color: white; /* Header text color */
|
||||
}
|
||||
|
||||
.statistics-container tr:nth-child(even) {
|
||||
background-color: #f2f2f2; /* Alternating row colors */
|
||||
}
|
|
@ -0,0 +1,34 @@
|
|||
[
|
||||
{
|
||||
"school": "CKZiU",
|
||||
"city": "City",
|
||||
"year": "202/202",
|
||||
"semester": "Semestr 1",
|
||||
"subject": "Programowanie Aplikacji Internetowych I",
|
||||
"level": "Podstawowy",
|
||||
"publisher": "Dokumentacja",
|
||||
"class": "3",
|
||||
"group": "i",
|
||||
"profile": "Technik Informatyk",
|
||||
"max_points": 55,
|
||||
"teacher": "M. Pabi",
|
||||
"file_path": "students/ckziu_class_3i_programowanie_aplikacji_2024_2025.json",
|
||||
"student_count": 17
|
||||
},
|
||||
{
|
||||
"school": "CKZiU",
|
||||
"city": "City",
|
||||
"year": "202/202",
|
||||
"semester": "Semestr 1",
|
||||
"subject": "Programowanie Aplikacji Internetowych II",
|
||||
"level": "Podstawowy",
|
||||
"publisher": "Dokumentacja",
|
||||
"class": "4",
|
||||
"group": "i",
|
||||
"profile": "Technik Informatyk",
|
||||
"max_points": 55,
|
||||
"teacher": "M. Pabi",
|
||||
"file_path": "students/ckziu_class_4i_programowanie_aplikacji_II_2024_2025.json",
|
||||
"student_count": 18
|
||||
}
|
||||
]
|
|
@ -0,0 +1,161 @@
|
|||
{
|
||||
"criteria": [
|
||||
{
|
||||
"id": 1,
|
||||
"name": "Tardiness"
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"name": "Disruption"
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"name": "Disrespect towards teachers"
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"name": "Participation in class"
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"name": "Preparedness for class"
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"name": "Attendance"
|
||||
},
|
||||
{
|
||||
"id": 7,
|
||||
"name": "Involvement in projects"
|
||||
},
|
||||
{
|
||||
"id": 8,
|
||||
"name": "Warning from homeroom teacher"
|
||||
},
|
||||
{
|
||||
"id": 9,
|
||||
"name": "Warning from principal"
|
||||
},
|
||||
{
|
||||
"id": 10,
|
||||
"name": "Achievements in competitions"
|
||||
},
|
||||
{
|
||||
"id": 11,
|
||||
"name": "Representing the school"
|
||||
},
|
||||
{
|
||||
"id": 12,
|
||||
"name": "Independence"
|
||||
},
|
||||
{
|
||||
"id": 13,
|
||||
"name": "Engagement in lessons"
|
||||
}
|
||||
],
|
||||
"categories": [
|
||||
{
|
||||
"id": "behavior",
|
||||
"name": "Behavior",
|
||||
"criteria_ids": [
|
||||
1,
|
||||
2,
|
||||
3,
|
||||
4
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "responsibility",
|
||||
"name": "Responsibility",
|
||||
"criteria_ids": [
|
||||
5,
|
||||
6,
|
||||
7
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "discipline",
|
||||
"name": "Discipline",
|
||||
"criteria_ids": [
|
||||
8,
|
||||
9
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "achievement",
|
||||
"name": "Achievements",
|
||||
"criteria_ids": [
|
||||
10,
|
||||
11
|
||||
]
|
||||
},
|
||||
{
|
||||
"id": "self_assessment",
|
||||
"name": "Self-Assessment",
|
||||
"criteria_ids": [
|
||||
12,
|
||||
13
|
||||
]
|
||||
}
|
||||
],
|
||||
"roles": {
|
||||
"teacher": {
|
||||
"criteria_ids": [
|
||||
1,
|
||||
2,
|
||||
3,
|
||||
4,
|
||||
5,
|
||||
6,
|
||||
7
|
||||
]
|
||||
},
|
||||
"homeroom_teacher": {
|
||||
"criteria_ids": [
|
||||
1,
|
||||
2,
|
||||
3,
|
||||
4,
|
||||
5,
|
||||
6,
|
||||
7,
|
||||
8
|
||||
]
|
||||
},
|
||||
"principal": {
|
||||
"criteria_ids": [
|
||||
8,
|
||||
9,
|
||||
10,
|
||||
11
|
||||
]
|
||||
},
|
||||
"student": {
|
||||
"criteria_ids": [
|
||||
12,
|
||||
13
|
||||
]
|
||||
}
|
||||
},
|
||||
"people": [
|
||||
{
|
||||
"name": "M. Pabiszczak",
|
||||
"roles": [
|
||||
"teacher",
|
||||
"homeroom_teacher"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "A. Nowak",
|
||||
"roles": [
|
||||
"principal"
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "K. Kowalski",
|
||||
"roles": [
|
||||
"teacher"
|
||||
]
|
||||
}
|
||||
]
|
||||
}
|
|
@ -0,0 +1,105 @@
|
|||
{
|
||||
"$schema": "http://json-schema.org/draft-07/schema#",
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"header": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"school": {
|
||||
"type": "string"
|
||||
},
|
||||
"city": {
|
||||
"type": "string"
|
||||
},
|
||||
"year": {
|
||||
"type": "string"
|
||||
},
|
||||
"semester": {
|
||||
"type": "string"
|
||||
},
|
||||
"subject": {
|
||||
"type": "string"
|
||||
},
|
||||
"level": {
|
||||
"type": "string"
|
||||
},
|
||||
"publisher": {
|
||||
"type": "string"
|
||||
},
|
||||
"class": {
|
||||
"type": "string"
|
||||
},
|
||||
"group": {
|
||||
"type": "string"
|
||||
},
|
||||
"profile": {
|
||||
"type": "string"
|
||||
},
|
||||
"max_points": {
|
||||
"type": "integer"
|
||||
},
|
||||
"teacher": {
|
||||
"type": "string"
|
||||
}
|
||||
},
|
||||
"required": [
|
||||
"school",
|
||||
"city",
|
||||
"year",
|
||||
"semester",
|
||||
"subject",
|
||||
"class",
|
||||
"group",
|
||||
"profile",
|
||||
"teacher"
|
||||
]
|
||||
},
|
||||
"students": {
|
||||
"type": "array",
|
||||
"items": {
|
||||
"type": "object",
|
||||
"properties": {
|
||||
"id": {
|
||||
"type": "integer"
|
||||
},
|
||||
"first_name": {
|
||||
"type": "string"
|
||||
},
|
||||
"last_name": {
|
||||
"type": "string"
|
||||
},
|
||||
"name": {
|
||||
"type": "string"
|
||||
},
|
||||
"grade": {
|
||||
"type": [
|
||||
"string",
|
||||
"null"
|
||||
]
|
||||
},
|
||||
"points": {
|
||||
"type": [
|
||||
"number",
|
||||
"null"
|
||||
]
|
||||
},
|
||||
"status": {
|
||||
"type": "integer"
|
||||
}
|
||||
},
|
||||
"required": [
|
||||
"id",
|
||||
"first_name",
|
||||
"last_name",
|
||||
"name",
|
||||
"grade",
|
||||
"status"
|
||||
]
|
||||
}
|
||||
}
|
||||
},
|
||||
"required": [
|
||||
"header",
|
||||
"students"
|
||||
]
|
||||
}
|
|
@ -0,0 +1,37 @@
|
|||
import json
|
||||
import sys
|
||||
from jsonschema import validate, ValidationError
|
||||
|
||||
def validate_json(schema_file, json_file):
|
||||
try:
|
||||
# Wczytaj schemat JSON
|
||||
with open(schema_file, 'r') as f:
|
||||
schema = json.load(f)
|
||||
|
||||
# Wczytaj dane JSON
|
||||
with open(json_file, 'r') as f:
|
||||
data = json.load(f)
|
||||
|
||||
# Sprawdź, czy dane JSON są zgodne ze schematem
|
||||
validate(instance=data, schema=schema)
|
||||
print("JSON jest zgodny z schematem")
|
||||
|
||||
except ValidationError as e:
|
||||
print("JSON nie jest zgodny z schematem:", e.message)
|
||||
except json.JSONDecodeError as e:
|
||||
print("Błąd wczytywania JSON:", e)
|
||||
except FileNotFoundError as e:
|
||||
print("Plik nie został znaleziony:", e)
|
||||
except Exception as e:
|
||||
print("Wystąpił błąd:", e)
|
||||
|
||||
if __name__ == "__main__":
|
||||
if len(sys.argv) != 3:
|
||||
print("Użycie: python validate_json.py <schemat.json> <plik.json>")
|
||||
sys.exit(1)
|
||||
|
||||
schema_file = sys.argv[1]
|
||||
json_file = sys.argv[2]
|
||||
|
||||
validate_json(schema_file, json_file)
|
||||
|
|
@ -0,0 +1,171 @@
|
|||
{
|
||||
"header": {
|
||||
"school": "CKZiU",
|
||||
"city": "City",
|
||||
"year": "202/202",
|
||||
"semester": "Semestr 1",
|
||||
"subject": "Programowanie Aplikacji Internetowych I",
|
||||
"level": "Podstawowy",
|
||||
"publisher": "Dokumentacja",
|
||||
"class": "3",
|
||||
"group": "i",
|
||||
"profile": "Technik Informatyk",
|
||||
"max_points": 55,
|
||||
"teacher": "M. Pabi"
|
||||
},
|
||||
"students": [
|
||||
{
|
||||
"id": 1,
|
||||
"first_name": "Nikodem",
|
||||
"last_name": "And",
|
||||
"name": "And N",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"first_name": "Karol",
|
||||
"last_name": "Bar",
|
||||
"name": "Bar K",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"first_name": "Roman",
|
||||
"last_name": "Baz",
|
||||
"name": "Baz R",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"first_name": "Jakub",
|
||||
"last_name": "Bed",
|
||||
"name": "Bed J",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"first_name": "Marcel",
|
||||
"last_name": "Gaj",
|
||||
"name": "Gaj M",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"first_name": "Rostyslav",
|
||||
"last_name": "Hum",
|
||||
"name": "Hum R",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 7,
|
||||
"first_name": "Szymon",
|
||||
"last_name": "Jacz",
|
||||
"name": "Jacz S",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 8,
|
||||
"first_name": "Eryk",
|
||||
"last_name": "Kar",
|
||||
"name": "Kar E",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 9,
|
||||
"first_name": "Fabian",
|
||||
"last_name": "Korz",
|
||||
"name": "Korz F",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 10,
|
||||
"first_name": "Zuzanna",
|
||||
"last_name": "Lo",
|
||||
"name": "Lo Z",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 11,
|
||||
"first_name": "Maja",
|
||||
"last_name": "Miz",
|
||||
"name": "Miz M",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 12,
|
||||
"first_name": "Jakub",
|
||||
"last_name": "Ole",
|
||||
"name": "Ole J",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 13,
|
||||
"first_name": "Łukasz",
|
||||
"last_name": "Oś",
|
||||
"name": "Oś Ł",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 14,
|
||||
"first_name": "Maciej",
|
||||
"last_name": "Pac",
|
||||
"name": "Pac M",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 15,
|
||||
"first_name": "Lena",
|
||||
"last_name": "Pło",
|
||||
"name": "Pło L",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 16,
|
||||
"first_name": "Hubert",
|
||||
"last_name": "Py",
|
||||
"name": "Py H",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 17,
|
||||
"first_name": "Antoni",
|
||||
"last_name": "Wó",
|
||||
"name": "Wó A",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"status": 1
|
||||
}
|
||||
]
|
||||
}
|
|
@ -0,0 +1,198 @@
|
|||
{
|
||||
"header": {
|
||||
"school": "CKZiU",
|
||||
"city": "City",
|
||||
"year": "202/202",
|
||||
"semester": "Semestr 1",
|
||||
"subject": "Programowanie Aplikacji Internetowych II",
|
||||
"level": "Podstawowy",
|
||||
"publisher": "Dokumentacja",
|
||||
"class": "4",
|
||||
"group": "i",
|
||||
"profile": "Technik Informatyk",
|
||||
"max_points": 55,
|
||||
"teacher": "M. Pabi"
|
||||
},
|
||||
"students": [
|
||||
{
|
||||
"id": 1,
|
||||
"first_name": "Aleksander",
|
||||
"last_name": "Adam",
|
||||
"name": "Adam A",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 2,
|
||||
"first_name": "Bartosz",
|
||||
"last_name": "Boh",
|
||||
"name": "Boh B",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "Na prośbę rodzica proszę o zwolnienie ucznia z 9 lekcji",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 3,
|
||||
"first_name": "Jakub",
|
||||
"last_name": "Gj",
|
||||
"name": "Gj J",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "Na prośbę rodzica proszę o zwolnienie ucznia z 9 lekcji",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 4,
|
||||
"first_name": "Wiktor",
|
||||
"last_name": "Kier",
|
||||
"name": "Kier W",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 5,
|
||||
"first_name": "Jakub",
|
||||
"last_name": "Km",
|
||||
"name": "Km J",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 6,
|
||||
"first_name": "Fabian",
|
||||
"last_name": "Kow",
|
||||
"name": "Kow F",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 7,
|
||||
"first_name": "Patryk",
|
||||
"last_name": "Mac",
|
||||
"name": "Mac P",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 8,
|
||||
"first_name": "Marcel",
|
||||
"last_name": "Mars",
|
||||
"name": "Mars M",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 9,
|
||||
"first_name": "Szymon",
|
||||
"last_name": "Pt",
|
||||
"name": "Pt S",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 10,
|
||||
"first_name": "Dmytro",
|
||||
"last_name": "Shev",
|
||||
"name": "Shev D",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 11,
|
||||
"first_name": "Anna",
|
||||
"last_name": "Sik",
|
||||
"name": "Sik A",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 12,
|
||||
"first_name": "Szymon",
|
||||
"last_name": "Spili",
|
||||
"name": "Spili S",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "Na prośbę rodzica proszę o zwolnienie ucznia z 9 lekcji",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 13,
|
||||
"first_name": "Alan",
|
||||
"last_name": "Stas",
|
||||
"name": "Stas A",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 14,
|
||||
"first_name": "Kamil",
|
||||
"last_name": "Szy",
|
||||
"name": "Szy K",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 15,
|
||||
"first_name": "Jakub",
|
||||
"last_name": "Toc",
|
||||
"name": "Toc J",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "Na prośbę rodzica proszę o zwolnienie ucznia z 9 lekcji",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 16,
|
||||
"first_name": "Mateusz",
|
||||
"last_name": "Wój",
|
||||
"name": "Wój M",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "Na prośbę rodzica proszę o zwolnienie ucznia z 9 lekcji",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 17,
|
||||
"first_name": "Tomasz",
|
||||
"last_name": "Zad",
|
||||
"name": "Zad T",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "",
|
||||
"status": 1
|
||||
},
|
||||
{
|
||||
"id": 18,
|
||||
"first_name": "Wiktor",
|
||||
"last_name": "Zal",
|
||||
"name": "Zal W",
|
||||
"grade": "Brak ocen",
|
||||
"points": null,
|
||||
"info": "",
|
||||
"status": 1
|
||||
}
|
||||
]
|
||||
}
|
|
@ -0,0 +1,176 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="pl">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Ocena Zachowania</title>
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>Ocena Zachowania</h1>
|
||||
|
||||
<div>
|
||||
<!-- <button onclick="showTab('criteria')">Ocena z zachowania</button>
|
||||
<button onclick="showTab('stats')">Statystyka</button>
|
||||
<button onclick="showTab('points')">Ustal punkty</button> -->
|
||||
<div>
|
||||
<button class="button-main" onclick="showTab('criteria')">Ocena z zachowania</button>
|
||||
<button class="button-main" onclick="showTab('stats')">Statystyka</button>
|
||||
<button class="button-main" onclick="showTab('points')">Ustal punkty</button>
|
||||
<!-- </div> -->
|
||||
</div>
|
||||
|
||||
<!-- Zakładka "Ustal punkty" -->
|
||||
<div id="points" class="tab">
|
||||
<h2>Ustal punkty dla kryteriów</h2>
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Kryterium</th>
|
||||
<th>Punkty</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- Wiersze dla wszystkich kryteriów -->
|
||||
<tr>
|
||||
<td>Frekwencja 95-100%</td>
|
||||
<td><input type="number" id="frekwencja-punkty" value="30" onchange="calculateStats()"></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Brak godzin nieusprawiedliwionych</td>
|
||||
<td><input type="number" id="brak_godzin-punkty" value="20" onchange="calculateStats()"></td>
|
||||
</tr>
|
||||
<!-- Dodaj pozostałe wiersze kryteriów tutaj -->
|
||||
<tr>
|
||||
<td>Minimum 85% frekwencja</td>
|
||||
<td><input type="number" id="min_85-punkty" value="20" onchange="calculateStats()"></td>
|
||||
</tr>
|
||||
<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>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- 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="day-navigation">
|
||||
<button onclick="changeDay(-1)">Poprzedni Dzień</button>
|
||||
<button onclick="changeDay(1)">Następny Dzień</button>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="select-class" id="select-class-container">
|
||||
<p>Wybierz klasę:</p>
|
||||
<select class="select-class" id="select-class-select">
|
||||
<!-- Opcje będą ładowane dynamicznie -->
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
|
||||
<!-- Tabela uczniów -->
|
||||
<table id="student-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Imię i Nazwisko</th>
|
||||
<!-- Dynamiczne kolumny będą generowane przez JavaScript -->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- Wiersze uczniów będą generowane przez JavaScript -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<!-- Zakładka "Statystyka" -->
|
||||
<div id="stats" class="tab">
|
||||
<h2>Statystyka dla wszystkich dni</h2>
|
||||
<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">
|
||||
<div class="footer-right">
|
||||
<p>Led and Authored by M. Pabiszczak</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Przeniesienie skryptu na koniec body -->
|
||||
<script src="js/script.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,345 @@
|
|||
// 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;
|
||||
const baseDate = new Date();
|
||||
|
||||
// Funkcja do wczytywania pliku JSON
|
||||
async function fetchJSONFile(filePath) {
|
||||
try {
|
||||
const response = await fetch(filePath);
|
||||
if (!response.ok) {
|
||||
throw new Error(`Błąd HTTP! Status: ${response.status}`);
|
||||
}
|
||||
return await response.json();
|
||||
} catch (error) {
|
||||
console.error("Błąd podczas pobierania pliku JSON:", error);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
// Funkcja do wczytania pliku class.json
|
||||
async function loadClasses() {
|
||||
const classFilePath = '/data/class.json';
|
||||
const classes = await fetchJSONFile(classFilePath);
|
||||
|
||||
if (classes) {
|
||||
console.log('Załadowane klasy:', classes);
|
||||
|
||||
const selectClass = document.getElementById("select-class-select");
|
||||
selectClass.innerHTML = ""; // Wyczyść istniejące opcje
|
||||
|
||||
classes.forEach(classInfo => {
|
||||
const option = document.createElement('option');
|
||||
option.value = classInfo.file_path;
|
||||
option.textContent = `Klasa: ${classInfo.class}`;
|
||||
selectClass.appendChild(option);
|
||||
console.log("Dodano klasę ", classInfo.class, " do SELECT");
|
||||
});
|
||||
|
||||
// Dodaj nasłuchiwacz zdarzeń na zmianę wyboru klasy
|
||||
selectClass.addEventListener('change', function() {
|
||||
const selectedClassFile = this.value;
|
||||
console.log(`Wybrano klasę: ${selectedClassFile}`);
|
||||
loadStudents(selectedClassFile);
|
||||
});
|
||||
|
||||
// Opcjonalnie, ustaw domyślnie pierwszą klasę i załaduj jej uczniów
|
||||
if (classes.length > 0) {
|
||||
selectClass.selectedIndex = 0;
|
||||
const defaultClassFile = classes[0].file_path;
|
||||
loadStudents(defaultClassFile);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Funkcja do wczytania danych uczniów dla wybranej klasy
|
||||
async function loadStudents(classFilePath) {
|
||||
if (!classFilePath) {
|
||||
console.warn("Nie wybrano żadnej klasy.");
|
||||
return;
|
||||
}
|
||||
|
||||
const studentsFilePath = `/data/${classFilePath}`;
|
||||
const data = await fetchJSONFile(studentsFilePath);
|
||||
|
||||
if (data && Array.isArray(data.students)) {
|
||||
console.log(`Uczniowie załadowani z pliku ${classFilePath}:`, data);
|
||||
studentsData = data.students; // Aktualizuj globalną tablicę uczniów
|
||||
|
||||
// Inicjalizacja 'behavior' dla każdego ucznia, jeśli jest niezdefiniowany
|
||||
studentsData.forEach(student => {
|
||||
if (!student.behavior) {
|
||||
student.behavior = {};
|
||||
}
|
||||
});
|
||||
|
||||
currentClass = classFilePath; // Ustaw aktualną klasę
|
||||
generateTable(currentCategory); // Regeneruj tabelę z aktualną kategorią
|
||||
} else {
|
||||
console.error("Błąd: Nie udało się załadować danych uczniów lub dane są niepoprawne.");
|
||||
studentsData = []; // Jeśli nie udało się załadować danych, wyczyść tablicę uczniów
|
||||
currentClass = '';
|
||||
generateTable(currentCategory); // Regeneruj pustą tabelę
|
||||
}
|
||||
}
|
||||
|
||||
// Funkcja do wczytania pliku criteria.json
|
||||
async function loadCriteria() {
|
||||
const criteriaFilePath = '/data/criteria.json';
|
||||
const criteria = await fetchJSONFile(criteriaFilePath);
|
||||
|
||||
console.log("Załadowane kryteria:", criteria);
|
||||
// Implementacja dalszego przetwarzania kryteriów, jeśli jest potrzebna
|
||||
}
|
||||
|
||||
// Funkcja do przełączania głównych zakładek
|
||||
function showTab(tabName) {
|
||||
// Ukryj wszystkie główne taby
|
||||
const tabs = document.querySelectorAll('.tab');
|
||||
tabs.forEach(tab => tab.classList.remove('active'));
|
||||
|
||||
// Pokaż wybrany tab
|
||||
const selectedTab = document.getElementById(tabName);
|
||||
if (selectedTab) {
|
||||
selectedTab.classList.add('active');
|
||||
}
|
||||
|
||||
if (tabName === 'criteria') {
|
||||
loadDayData();
|
||||
} else if (tabName === 'points') {
|
||||
calculateStats();
|
||||
}
|
||||
}
|
||||
|
||||
// Funkcja do przełączania kategorii w tabeli uczniów
|
||||
function showInnerTab(category) {
|
||||
currentCategory = category;
|
||||
// Generowanie tabeli na podstawie wybranej kategorii
|
||||
generateTable(category);
|
||||
|
||||
// Podkreślenie aktywnego przycisku
|
||||
const buttons = document.querySelectorAll('.category-buttons button');
|
||||
buttons.forEach(button => button.classList.remove('active'));
|
||||
const activeButton = document.querySelector(`.category-buttons button[data-category="${category}"]`);
|
||||
if (activeButton) {
|
||||
activeButton.classList.add('active');
|
||||
}
|
||||
}
|
||||
|
||||
// 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();
|
||||
|
||||
// Uruchomienie wczytywania klas i kryteriów
|
||||
loadClasses();
|
||||
loadCriteria();
|
||||
});
|
||||
|
||||
// Funkcja do zmiany dnia
|
||||
function changeDay(direction) {
|
||||
saveDayData();
|
||||
currentDay += direction;
|
||||
const newDate = new Date(baseDate);
|
||||
newDate.setDate(baseDate.getDate() + currentDay);
|
||||
document.getElementById('current-date').innerText = newDate.toLocaleDateString();
|
||||
loadDayData();
|
||||
}
|
||||
|
||||
// Funkcja do ładowania danych dnia
|
||||
function loadDayData() {
|
||||
studentsData.forEach(student => {
|
||||
const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-');
|
||||
const behavior = student.behavior[`day${currentDay}`] || {};
|
||||
|
||||
// Pobierz kryteria dla aktualnej kategorii
|
||||
const categoryColumns = categories[currentCategory];
|
||||
categoryColumns.forEach(column => {
|
||||
const checkbox = document.getElementById(`${column.id}-${studentId}`);
|
||||
if (checkbox) {
|
||||
checkbox.checked = behavior[column.id] || false;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
calculateStats();
|
||||
}
|
||||
|
||||
// Funkcja do zapisywania danych dnia
|
||||
function saveDayData() {
|
||||
studentsData.forEach(student => {
|
||||
const studentId = `${student.first_name}-${student.last_name}`.replace(/ /g, '-');
|
||||
|
||||
// Upewnij się, że 'behavior' jest zdefiniowany
|
||||
if (!student.behavior) {
|
||||
student.behavior = {};
|
||||
}
|
||||
|
||||
let behavior = student.behavior[`day${currentDay}`] || {};
|
||||
|
||||
const categoryColumns = categories[currentCategory];
|
||||
|
||||
categoryColumns.forEach(column => {
|
||||
const checkbox = document.getElementById(`${column.id}-${studentId}`);
|
||||
if (checkbox) {
|
||||
behavior[column.id] = checkbox.checked;
|
||||
}
|
||||
});
|
||||
|
||||
student.behavior[`day${currentDay}`] = behavior;
|
||||
});
|
||||
}
|
||||
|
||||
// Funkcja do obliczania statystyk
|
||||
function calculateStats() {
|
||||
// Pobieranie punktów z zakładki "Ustal punkty"
|
||||
const points = {
|
||||
frekwencja: parseInt(document.getElementById('frekwencja-punkty').value) || 0,
|
||||
brak_godzin: parseInt(document.getElementById('brak_godzin-punkty').value) || 0,
|
||||
min_85: parseInt(document.getElementById('min_85-punkty').value) || 0,
|
||||
etap_szkolny: parseInt(document.getElementById('etap_szkolny-punkty').value) || 5,
|
||||
etap_rejonowy: parseInt(document.getElementById('etap_rejonowy-punkty').value) || 10,
|
||||
etap_wojewodzki: parseInt(document.getElementById('etap_wojewodzki-punkty').value) || 15,
|
||||
etap_ogolnopolski: parseInt(document.getElementById('etap_ogolnopolski-punkty').value) || 20,
|
||||
udzial_konkurs: parseInt(document.getElementById('udzial_konkurs-punkty').value) || 5,
|
||||
wyroznienie_konkurs: parseInt(document.getElementById('wyroznienie_konkurs-punkty').value) || 10,
|
||||
reprezentacja_indywidualna: parseInt(document.getElementById('reprezentacja_indywidualna-punkty').value) || 5,
|
||||
reprezentacja_zespolowa: parseInt(document.getElementById('reprezentacja_zespolowa-punkty').value) || 10,
|
||||
udzial_zawody: parseInt(document.getElementById('udzial_zawody-punkty').value) || 15,
|
||||
organizacja_imprez: parseInt(document.getElementById('organizacja_imprez-punkty').value) || 10,
|
||||
funkcja_klasa: parseInt(document.getElementById('funkcja_klasa-punkty').value) || 10,
|
||||
uroczystosci: parseInt(document.getElementById('uroczystosci-punkty').value) || 10,
|
||||
poczta_sztandar: parseInt(document.getElementById('poczta_sztandar-punkty').value) || 20,
|
||||
pomoc_nauczyciel: parseInt(document.getElementById('pomoc_nauczyciel-punkty').value) || 10,
|
||||
wolontariat: parseInt(document.getElementById('wolontariat-punkty').value) || 10
|
||||
};
|
||||
|
||||
let stats = '';
|
||||
|
||||
studentsData.forEach(student => {
|
||||
let totalPoints = 0;
|
||||
|
||||
Object.keys(student.behavior).forEach(day => {
|
||||
const behavior = student.behavior[day];
|
||||
|
||||
let dayPoints = 0;
|
||||
for (const [criterion, value] of Object.entries(behavior)) {
|
||||
if (value && points[criterion]) {
|
||||
dayPoints += points[criterion];
|
||||
}
|
||||
}
|
||||
|
||||
totalPoints += dayPoints;
|
||||
});
|
||||
|
||||
stats += `${student.first_name} ${student.last_name}: ${totalPoints} punktów (${getGrade(totalPoints)})\n`;
|
||||
});
|
||||
|
||||
document.getElementById('stats-output').innerText = stats;
|
||||
}
|
||||
|
||||
// Funkcja do przypisywania ocen na podstawie punktów
|
||||
function getGrade(points) {
|
||||
if (points >= 250) return "Wzorowe";
|
||||
if (points >= 180) return "Bardzo dobre";
|
||||
if (points >= 100) return "Dobre";
|
||||
if (points >= 50) return "Poprawne";
|
||||
if (points >= 0) return "Nieodpowiednie";
|
||||
return "Naganne";
|
||||
}
|
||||
|
||||
// Funkcja do generowania tabeli uczniów na podstawie wybranej kategorii
|
||||
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);
|
||||
});
|
||||
}
|
|
@ -0,0 +1,7 @@
|
|||
<div>
|
||||
<h2>Kryteria Weryfikacyjne</h2>
|
||||
<ul id="criteria-list">
|
||||
<!-- Kryteria weryfikacyjne będą generowane dynamicznie -->
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Behavior Assessment Dashboard</title>
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
</head>
|
||||
<body>
|
||||
<h1>Behavior Assessment Dashboard</h1>
|
||||
|
||||
<div class="filters">
|
||||
<!-- Wybór roli -->
|
||||
<label for="role">Select Role:</label>
|
||||
<select id="role">
|
||||
<option value="teacher">Teacher</option>
|
||||
<option value="homeroom_teacher">Homeroom Teacher</option>
|
||||
<option value="principal">Principal</option>
|
||||
<option value="student">Student (Self-Assessment)</option>
|
||||
</select>
|
||||
|
||||
<!-- Wybór osoby -->
|
||||
<label for="person">Select Person:</label>
|
||||
<select id="person">
|
||||
<!-- Osoby będą generowane dynamicznie na podstawie roli -->
|
||||
</select>
|
||||
|
||||
<!-- Wybór kategorii -->
|
||||
<label for="category">Select Category:</label>
|
||||
<select id="category">
|
||||
<!-- Kategorie będą generowane dynamicznie na podstawie roli -->
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<h2>Criteria Table</h2>
|
||||
<table id="criteria-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Student</th>
|
||||
<!-- Nagłówki dla kryteriów zostaną dodane dynamicznie -->
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- Wiersze uczniów i kryteriów zostaną dodane dynamicznie -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<script src="app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
<div style="background-color: #4CAF50; color: white; padding: 10px;">
|
||||
<h1>Ocena Zachowania</h1>
|
||||
<p>Zalogowany jako: <span id="user-role">Nauczyciel</span></p>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
// Skrypt do ustawiania roli użytkownika po zalogowaniu
|
||||
// Można pobrać rolę z sesji po wdrożeniu API
|
||||
const userRole = 'Nauczyciel'; // Tymczasowe dane
|
||||
document.getElementById('user-role').innerText = userRole;
|
||||
</script>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<div>
|
||||
<h2>Statystyki i Ustalanie Wag</h2>
|
||||
<!-- Wprowadź elementy do zarządzania wagami, np. suwaki lub pola numeryczne -->
|
||||
<label for="waga-pomoc">Pomoc nauczycielowi:</label>
|
||||
<input type="number" id="waga-pomoc" value="10"><br>
|
||||
|
||||
<label for="waga-spoznienie">Spóźnienie:</label>
|
||||
<input type="number" id="waga-spoznienie" value="-5"><br>
|
||||
|
||||
<!-- Więcej wag dla innych kryteriów -->
|
||||
|
||||
<h3>Statystyki dla uczniów</h3>
|
||||
<!-- Tabela statystyk dla uczniów -->
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Uczeń</th>
|
||||
<th>Punkty</th>
|
||||
<th>Ocena</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<!-- Dane będą dynamicznie ładowane -->
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue