c2023
/
p22.10
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: c2023:388fcd43ee82317804d7dddf3e1f1632d179bb6b
Branches Tags
c2023:z1
c2023:mpabi-p25.10
...
compare: c2023:db0752d3e05f90f7fd8dda802b2366f3c6942b87
Branches Tags
c2023:mpabi-p25.10
c2023:z1

10 Commits
388fcd43ee ... db0752d3e0

Author SHA1 Message Date
tocziew db0752d3e0 c 2024-10-20 13:54:50 +02:00
tocziew 84a8035548 d 2024-10-20 13:07:58 +02:00
tocziew af08dbe732 kolejne zmiany 2024-10-20 12:57:19 +02:00
tocziew 376859a850 zmiany stylistyczne/usuwanie niepotrzebnych rzeczy 2024-10-19 20:35:29 +02:00
user 8c44f64135 ok 2024-10-19 18:33:51 +02:00
user 88a42e9ff4 fix under 2024-10-19 18:28:38 +02:00
user 820f9d0ad3 some colours edited 2024-10-19 17:58:47 +02:00
user 1cf4e5b79d naprawiono nie zmieniajace sie funkcje po mergu z tommkiem 2024-10-19 13:16:29 +02:00
Tomasz 633e2ec577 changes and something to repair 2024-10-18 14:56:26 +02:00
Tomasz 5bb646fa54 update layout 2024-10-18 14:27:30 +02:00
4 changed files with 137 additions and 143 deletions
Show Stats Expand all files Collapse all files

133
css/style.css
View File

@ -15,23 +15,27 @@ header {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
background-color: cornflowerblue; /* Kolor tła nagłówka */ background-color: #101820; /* Kolor tła nagłówka */
padding: 10px; /* Padding wewnętrzny dla lepszego wyglądu */ padding: px; /* Padding wewnętrzny dla lepszego wyglądu */
color: white; /* Kolor tekstu */ color: whitesmoke; /* Kolor tekstu */
} padding-bottom: 10px;
.up-button { padding-top: 10px;
display: flex; border-radius: 2px;
} }
.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: #A9A9A9; background-color: s;
} }
@ -45,38 +49,80 @@ 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: #4CAF50; background-color: #FEE715;
color: white; color: black;
border: 1px solid #4CAF50; font-weight: bold;
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;
transition: background-color 0.3s, color 0.3s, border 0.3s; margin-left: 12.5px;
user-select: none;
margin-top: 15px;
margin-left: 15px;
} }
.up-button button.active { .button1 button:hover {
background-color: #4CAF50; opacity: 0.8;
color: white; transition: 0.2s;
border: 1px solid #4CAF50;
} }
.button1 button:active {
opacity: 0.5;
}
.tag {
color: white;
user-select: none;
}
.container { .container {
display: flex; display: flex;
flex-direction: column; /* Elementy jeden pod drugim */ flex-direction: column; /* Elementy jeden pod drugim */
@ -84,17 +130,18 @@ 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 {
@ -118,40 +165,45 @@ 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 #ccc; border: 1px solid lightgray;
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 #ccc; border: 1px solid lightgray;
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: #fafafa; background-color: gray;
user-select: none;
} }
/* Stylizacja stopki */ /* Stylizacja stopki */
footer.footer { footer.footer {
width: 100%; width: 100%;
padding: 20px 0; padding: 5px 0;
background-color: #fafafa; background-color: #101820;
color: #555; color: white;
} }
.footer-container { .footer-container {
@ -176,7 +228,7 @@ footer.footer {
.footer-line { .footer-line {
border: none; border: none;
border-top: 2px solid #ddd; border-top: 2px solid black;
margin: 20px 0; margin: 20px 0;
width: 100%; width: 100%;
} }
@ -185,21 +237,14 @@ footer.footer {
.footer-left p, .footer-left p,
.footer-right p { .footer-right p {
margin: 5px 0; margin: 5px 0;
font-size: 14px; font-size: 10px;
color: #333; font-weight: bold;
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);
@ -220,7 +265,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;
} }

20
data/criteria.json
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": "Teacher", "name": "Nauczyciel",
"criteria_ids": [ "criteria_ids": [
1, 1,
2, 2,
@ -266,7 +266,7 @@
] ]
}, },
"homeroom_teacher": { "homeroom_teacher": {
"name": "Homeroom Teacher", "name": "Wychowawca Klasy",
"criteria_ids": [ "criteria_ids": [
1, 1,
2, 2,
@ -279,7 +279,7 @@
] ]
}, },
"principal": { "principal": {
"name": "Principal", "name": "Dyrektor",
"criteria_ids": [ "criteria_ids": [
8, 8,
9, 9,
@ -288,14 +288,14 @@
] ]
}, },
"student": { "student": {
"name": "Student", "name": "Uczeń",
"criteria_ids": [ "criteria_ids": [
12, 12,
13 13
] ]
}, },
"patryk": { "patryk": {
"name": "patryk", "name": "Mpabi",
"criteria_ids": [ "criteria_ids": [
15, 15,
16 16

BIN
ikona.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 41 KiB

127
index.html
View File

@ -4,6 +4,7 @@
<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%;
@ -19,45 +20,21 @@
} }
</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>
>>>>>>> g/tom </div>
<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>
@ -147,62 +124,33 @@
</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>
<!-- Zakładka "Statystyka" --> <div class="select-role">
<div id="stats" class="tab"> <p class="tag">Wybierz role:</p>
<h2>Statystyka dla wszystkich dni</h2> <select onchange="changeRole()" id="select-role" class="select-role">
<div id="stats-output"></div>
</div> </select>
</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>
@ -232,7 +180,8 @@
<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>P. Maciejeski</p> <P>T. Zadworny</P>
<p>J. Tocziew</p>
</div> </div>
<div class="footer-right"> <div class="footer-right">
<p>M. Pabiszczak</p> <p>M. Pabiszczak</p>