small tweaks

This commit is contained in:
Mitchell Marino
2023-04-16 16:08:47 -05:00
parent 9e6168b5e1
commit ad4377b52c
4 changed files with 68 additions and 19 deletions
+40 -6
View File
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>Student Point Report Grade {{ grade }}</title>
<title>Student Point Report</title>
<style>
/* color theme */
:root {
@@ -15,12 +15,19 @@
}
/* table styling */
table {
font-family: Arial, sans-serif;
color: var(--text-color);
width: 100%;
}
.styled-table{
border-collapse: collapse;
width: 100%;
margin: 20px 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
font-family: Arial, sans-serif;
color: var(--text-color);
}
.inner-table{
margin: 0;
padding: 0;
}
th, td {
text-align: left;
@@ -30,7 +37,7 @@
th {
background-color: var(--primary-color);
color: white;
font-weight: normal;
font-weight: bold;
}
/* header styling */
header {
@@ -51,21 +58,48 @@
</head>
<body>
<header>
<h1>Student Point Report Grade {{ grade }}</h1>
<h1>Student Point Report</h1>
<p style="margin: 0;">{{ date }}</p>
</header>
<table>
<table class="styled-table">
<thead>
<tr>
<th>Name</th>
<th>Grade</th>
<th>Points</th>
{% if detailed_event_view %}
<th>Events</th>
{% endif %}
</tr>
</thead>
<tbody>
{% for user in users %}
<tr>
<td>{{ user.username }}</td>
<td>{{ user.grade }}</td>
<td>{{ user.points }}</td>
{% if detailed_event_view %}
<td>
<table class="inner-table">
<thead>
<tr>
<th>Points</td>
<th>Type</td>
<th>Title</td>
</tr>
</thead>
<tbody>
{% for i in range(end=user.event_titles|length) %}
<tr>
<td>{{user.event_points[i]}}</td>
<td>{{user.event_types[i]}}</td>
<td>{{user.event_titles[i]}}</td>
</tr>
{% endfor %}
</tbody>
</table>
</td>
{% endif %}
</tr>
{% endfor %}
</tbody>