mentorenwahl/backend/templates/html/assignments.html.ecr

130 lines
2.8 KiB
Plaintext

<!DOCTYPE html>
<html lang="de-DE">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Zuordnungen</title>
<link rel="preconnect" href="https://fonts.bunny.net">
<link href="https://fonts.bunny.net/css?family=jetbrains-mono:400" rel="stylesheet" />
<style>
html,
body {
font-family: "JetBrains Mono", monospace;
}
.column {
width: 25%;
}
.border {
border: 1px solid;
}
.padded {
padding: 1%;
}
.left,
.right {
float: left;
}
hr {
border-top: 1px solid;
}
code {
font-family: "JetBrains Mono", monospace;
background: #f4f4f4;
word-wrap: break-word;
box-decoration-break: clone;
padding: 0.1rem 0.3rem 0.2rem;
border-radius: 0.2rem;
}
ul {
margin: 0;
padding: 0;
}
ul.dashed {
list-style-type: none;
}
ul.dashed > li {
text-indent: -5px;
}
ul.dashed > li:before {
content: "-";
text-indent: -5px;
}
hr {
border: none;
height: 1px;
background: black;
}
.link {
font-style: italic;
font-size: small;
font-weight: lighter;
}
</style>
</head>
<body>
<div>
<h1>Mentorenwahl: Zuordnungen</h1>
<table width="100%" cellspacing="0" border="0" class="border-table">
<colgroup>
<col width="25%" />
<col width="75%" />
</colgroup>
<tr>
<th class="border">Zeitpunkt</th>
<%- time_unix = @time.to_unix -%>
<td class="border padded"><%= @time %> (<%= time_unix.negative? ? "-" : "+" %><%= time_unix %>)</td>
</tr>
<tr>
<th class="border">Anzahl Lehrer</th>
<td class="border padded"><%= @assignments.size %></td>
</tr>
</table>
</div>
<div>
<h2>Zuordnungen</h2>
<table width="100%" cellspacing="0" border="0">
<colgroup>
<col width="25%" />
<col width="75%" />
</colgroup>
<tr>
<th class="border">Lehrer</th>
<th class="border">Schüler</th>
</tr>
<%- @assignments.each do |a| -%>
<tr>
<td class="border padded"><%= a.teacher.last_name %>, <%= a.teacher.first_name %></td>
<td class="border padded">
<ul class="dashed">
<%- a.students.each do |s| -%>
<li><%= s[:user].last_name %>, <%= s[:user].first_name %> (<%= s[:class] %>)</li>
<%- end -%>
</ul>
</td>
</tr>
<%- end -%>
</table>
</div>
</body>
</html>