Compare commits

..

No commits in common. "db0752d3e05f90f7fd8dda802b2366f3c6942b87" and "388fcd43ee82317804d7dddf3e1f1632d179bb6b" have entirely different histories.

4 changed files with 142 additions and 136 deletions

View File

@ -15,27 +15,23 @@ header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
background-color: #101820; /* Kolor tła nagłówka */ background-color: cornflowerblue; /* Kolor tła nagłówka */
padding: px; /* Padding wewnętrzny dla lepszego wyglądu */ padding: 10px; /* Padding wewnętrzny dla lepszego wyglądu */
color: whitesmoke; /* Kolor tekstu */ color: white; /* Kolor tekstu */
padding-bottom: 10px; }
padding-top: 10px; .up-button {
border-radius: 2px; display: flex;
} }
.header-title { .header-title {
margin-left: auto; /* Przesuwa tytuł na prawo */ margin-left: auto; /* Przesuwa tytuł na prawo */
user-select: none;
margin-right: 25px;
margin-top: 0px;
margin-bottom: 0px;
} }
/* Style dla przycisków kategorii */ /* Style dla przycisków kategorii */
.category-buttons { .category-buttons {
margin: 10px 0; margin: 10px 0;
text-align: center; text-align: center;
background-color: s; background-color: #A9A9A9;
} }
@ -49,80 +45,38 @@ header {
border: 1px solid black; border: 1px solid black;
border-radius: 4px; border-radius: 4px;
transition: background-color 0.3s, color 0.3s, border 0.3s; transition: background-color 0.3s, color 0.3s, border 0.3s;
user-select: none;
font-weight: bold;
} }
.category-buttons button.active { .category-buttons button.active {
background-color: #FEE715; background-color: #4CAF50;
color: black; color: white;
font-weight: bold; border: 1px solid #4CAF50;
border: 1px solid #FEE715;
} }
.up-button {
margin: 10px 0;
text-align: left;
}
.up-button button { .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; margin: 5px;
padding: 10px 15px; padding: 10px 15px;
font-size: 16px; font-size: 16px;
font-weight: bold;
cursor: pointer; cursor: pointer;
background-color: #f2f2f2;
border: 1px solid #ccc;
border-radius: 4px; border-radius: 4px;
margin-left: 12.5px; transition: background-color 0.3s, color 0.3s, border 0.3s;
user-select: none;
margin-top: 15px;
margin-left: 15px;
} }
.button1 button:hover { .up-button button.active {
opacity: 0.8; background-color: #4CAF50;
transition: 0.2s;
}
.button1 button:active {
opacity: 0.5;
}
.tag {
color: white; color: white;
user-select: none; border: 1px solid #4CAF50;
} }
.container { .container {
display: flex; display: flex;
flex-direction: column; /* Elementy jeden pod drugim */ flex-direction: column; /* Elementy jeden pod drugim */
@ -130,18 +84,17 @@ header {
margin-left: 20px; /* Możesz dostosować margines według potrzeb */ margin-left: 20px; /* Możesz dostosować margines według potrzeb */
} }
.select-role,
.select-class { .select-class {
margin: 10px 0; /* Dostosuj odstęp między elementami */ margin: 10px 0; /* Dostosuj odstęp między elementami */
} }
/* Stylizacja tabeli */ /* Stylizacja tabeli */
table { table {
width: 100%; width: 100%;
border-collapse: collapse; border-collapse: collapse;
margin-top: 20px; margin-top: 20px;
background-color: whitesmoke; background-color: whitesmoke;
user-select: none;
} }
th, td { th, td {
@ -165,45 +118,40 @@ tr:nth-child(even) {
.select-role { .select-role {
text-align: center; text-align: center;
user-select: none;
} }
.select-class select { .select-class select {
padding: 5px; padding: 5px;
font-size: 16px; font-size: 16px;
border: 1px solid lightgray; border: 1px solid #ccc;
border-radius: 4px; border-radius: 4px;
user-select: none;
} }
.select-role select { .select-role select {
padding: 5px; padding: 5px;
font-size: 16px; font-size: 16px;
border: 1px solid lightgray; border: 1px solid #ccc;
border-radius: 4px; border-radius: 4px;
} }
/* Stylizacja nagłówków */ /* Stylizacja nagłówków */
h1, h2, h3 { h1, h2, h3 {
text-align: center; text-align: center;
color: whitesmoke;
user-select: none;
} }
/* Dodatkowe style dla układu */ /* Dodatkowe style dla układu */
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
margin: 20px; margin: 20px;
background-color: gray; background-color: #fafafa;
user-select: none;
} }
/* Stylizacja stopki */ /* Stylizacja stopki */
footer.footer { footer.footer {
width: 100%; width: 100%;
padding: 5px 0; padding: 20px 0;
background-color: #101820; background-color: #fafafa;
color: white; color: #555;
} }
.footer-container { .footer-container {
@ -228,7 +176,7 @@ footer.footer {
.footer-line { .footer-line {
border: none; border: none;
border-top: 2px solid black; border-top: 2px solid #ddd;
margin: 20px 0; margin: 20px 0;
width: 100%; width: 100%;
} }
@ -237,14 +185,21 @@ footer.footer {
.footer-left p, .footer-left p,
.footer-right p { .footer-right p {
margin: 5px 0; 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 */ /* Stylizacja checkboxów */
input[type="checkbox"] { input[type="checkbox"] {
transform: scale(1.2); transform: scale(1.2);
@ -265,7 +220,7 @@ input[type="checkbox"] {
padding: 0; padding: 0;
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
} }
.lead { .lead {
background-color: #555; background-color: #555;
} }

View File

@ -74,7 +74,7 @@
}, },
{ {
"id": 19, "id": 19,
"name": "aktywny udział w organizowaniu imprez klasowych, szkolnych, uroczystości okolicznościowych (każdorazowo)" "name": "aktywny udział w organizowaniu imprez klasowych, szkolnych, uroczystości okolicznościowych ( każdorazowo)"
}, },
{ {
"id": 20, "id": 20,
@ -98,7 +98,7 @@
}, },
{ {
"id": 25, "id": 25,
"name": "udział w akcjach charytatywnych (każdorazowo)" "name": "udział w akcjach charytatywnych ( każdorazowo)"
}, },
{ {
"id": 26, "id": 26,
@ -170,7 +170,7 @@
}, },
{ {
"id": "konkursy-olimpiady", "id": "konkursy-olimpiady",
"name": "Udział w konkursach, olimpiadach przedmiotowych (każdorazowo)", "name": "udział w konkursach, olimpiadach przedmiotowych ( każdorazowo)",
"criteria_ids": [ "criteria_ids": [
4, 4,
5, 5,
@ -185,7 +185,7 @@
}, },
{ {
"id": "konkursy-szkolne", "id": "konkursy-szkolne",
"name": "Udział w konkursach szkolnych (każdorazowo)", "name": "udział w konkursach szkolnych (każdorazowo)",
"criteria_ids": [ "criteria_ids": [
13, 13,
14 14
@ -193,7 +193,7 @@
}, },
{ {
"id": "reprezentowanie-szkoły", "id": "reprezentowanie-szkoły",
"name": "Reprezentowanie szkoły w zawodach sportowych indywidualnie i w zespole:", "name": "reprezentowanie szkoły w zawodach sportowych indywidualnie i w zespole:",
"criteria_ids": [ "criteria_ids": [
15, 15,
16, 16,
@ -239,7 +239,7 @@
], ],
"roles": { "roles": {
"teacher": { "teacher": {
"name": "Nauczyciel", "name": "Teacher",
"criteria_ids": [ "criteria_ids": [
1, 1,
2, 2,
@ -266,7 +266,7 @@
] ]
}, },
"homeroom_teacher": { "homeroom_teacher": {
"name": "Wychowawca Klasy", "name": "Homeroom Teacher",
"criteria_ids": [ "criteria_ids": [
1, 1,
2, 2,
@ -279,7 +279,7 @@
] ]
}, },
"principal": { "principal": {
"name": "Dyrektor", "name": "Principal",
"criteria_ids": [ "criteria_ids": [
8, 8,
9, 9,
@ -288,14 +288,14 @@
] ]
}, },
"student": { "student": {
"name": "Uczeń", "name": "Student",
"criteria_ids": [ "criteria_ids": [
12, 12,
13 13
] ]
}, },
"patryk": { "patryk": {
"name": "Mpabi", "name": "patryk",
"criteria_ids": [ "criteria_ids": [
15, 15,
16 16

BIN
ikona.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 41 KiB

View File

@ -4,7 +4,6 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Ocena Zachowania</title> <title>Ocena Zachowania</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="icon" type="image/x-icon" href="ikona.png">
<style> <style>
table { table {
width: 100%; width: 100%;
@ -20,21 +19,45 @@
} }
</style> </style>
</head> </head>
<<<<<<< HEAD
<body class="dark-background"> <body class="dark-background">
<h1 class="lead" style="font-size: 48px;"><em>Ocena Zachowania</em></h1>
<div>
<button onclick="showTab('criteria')">Ocena z zachowania</button>
<button onclick="showTab('stats')">Statystyka</button>
<button onclick="showTab('points')">Ustal punkty</button>
=======
<body>
<header class="header-box"> <header class="header-box">
<div class="up-button"> <div class="up-button">
<button class="active" onclick="showTab('criteria')">Ocena z zachowania</button> <button class="active" onclick="showTab('criteria')">Ocena z zachowania</button>
<button class="active" onclick="showTab('stats')">Statystyka</button> <button class="active" onclick="showTab('stats')">Statystyka</button>
<button class="active" onclick="showTab('points')">Ustal punkty</button> <button class="active" onclick="showTab('points')">Ustal punkty</button>
</div> >>>>>>> g/tom
<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> </div>
<h1 id="header-title" class="header-title">Ocena Zachowania</h1>
</header>
<div id="up-button-container" class="up-button" class="sa">
<button class="active" onclick="changeDay(-1)">Poprzedni Dzień</button>
<button class="active" onclick="changeDay(1)">Następny Dzień</button>
</div>
<div id="select-role-container" class="select-role" style="display: none;">
<p>Wybierz rolę:</p>
<select id="select-role" class="select-role">
<!-- Opcje będą ładowane dynamicznie -->
</select>
</div>
<div id="select-class-container" class="select-class" style="display: none;">
<p>Wybierz klasę:</p>
<select class="select-class" id="select-class-select">
<!-- Opcje będą ładowane dynamicznie -->
</select>
</div>
<!-- Zakładka "Ustal punkty" --> <!-- Zakładka "Ustal punkty" -->
<div id="points" class="tab"> <div id="points" class="tab">
<h2>Ustal punkty dla kryteriów</h2> <h2>Ustal punkty dla kryteriów</h2>
@ -124,33 +147,62 @@
</table> </table>
</div> </div>
<!-- Zakładka "Kryteria oceny zachowania" --> <!-- Zakładka "Kryteria oceny zachowania" -->
<div id="criteria" class="tab active"> <div id="criteria" class="tab active">
<h2>Kryteria oceny zachowania - <span id="current-date"></span></h2> <h2>Kryteria oceny zachowania - <span id="current-date"></span></h2>
<!-- 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 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>
</div>
<div class="select-role"> <!-- Zakładka "Statystyka" -->
<p class="tag">Wybierz role:</p> <div id="stats" class="tab">
<select onchange="changeRole()" id="select-role" class="select-role"> <h2>Statystyka dla wszystkich dni</h2>
<div id="stats-output"></div>
</select> </div>
</div>
<div class="select-class" id="select-class-container">
<p class="tag">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">
<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>
<!-- 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 -->
</tbody>
</table>
</div>
<!-- Tabela uczniów --> <!-- Tabela uczniów -->
<table id="student-table"> <table id="student-table">
<thead> <thead>
@ -180,8 +232,7 @@
<p>F. Kowalski</p> <p>F. Kowalski</p>
<p>S. Ptak</p> <p>S. Ptak</p>
<p>B. Bohdan</p> <p>B. Bohdan</p>
<P>T. Zadworny</P> <p>P. Maciejeski</p>
<p>J. Tocziew</p>
</div> </div>
<div class="footer-right"> <div class="footer-right">
<p>M. Pabiszczak</p> <p>M. Pabiszczak</p>