benedikt/rki-impfparser
1
0
Fork 0
Code Releases Activity

fix: Scroll only table, not figcaption

Browse source
This commit is contained in:
Benedikt Bastin 2021-01-17 20:36:10 +01:00
parent 83281b8f53
commit c29acf3a65
2 changed files with 69 additions and 62 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

126
dashboard_template.xhtml
View file

@ -34,68 +34,70 @@
<section>
<h1>Details</h1>
<figure>
<table>
<thead>
<tr>
<th rowspan="3">Land</th>
<th rowspan="2" colspan="2">
Impfungen<br />
gesamt
</th>
<th colspan="8">Impfung wegen<sup><a href="#footnote-006">6</a></sup></th>
</tr>
<tr>
<th colspan="2">Alter</th>
<th colspan="2">Beruf</th>
<th colspan="2">Gesundheit</th>
<th colspan="2">Pflegeheim</th>
</tr>
<tr>
<th>Anzahl</th>
<th>%</th>
<th>Anzahl</th>
<th>%</th>
<th>Anzahl</th>
<th>%</th>
<th>Anzahl</th>
<th>%</th>
<th>Anzahl</th>
<th>%</th>
</tr>
</thead>
<tbody>
{% for land in details_per_land %}
<tr>
<th>{{ land }}</th>
<td class="number">{{ details_per_land[land].total_vaccinations }}</td>
<td class="number">{{ details_per_land[land].total_vaccinations_percentage }} %</td>
<td class="number">{{ details_per_land[land].vaccination_reason_age }}</td>
<td class="number">{{ details_per_land[land].vaccination_reason_age_percentage }} %</td>
<td class="number">{{ details_per_land[land].vaccination_reason_job }}</td>
<td class="number">{{ details_per_land[land].vaccination_reason_job_percentage }} %</td>
<td class="number">{{ details_per_land[land].vaccination_reason_medical }}</td>
<td class="number">{{ details_per_land[land].vaccination_reason_medical_percentage }} %</td>
<td class="number">{{ details_per_land[land].vaccination_reason_oldhome }}</td>
<td class="number">{{ details_per_land[land].vaccination_reason_oldhome_percentage }} %</td>
</tr>
{% endfor %}
</tbody>
<tfoot>
<tr>
<th>Gesamt</th>
<td class="number">{{ details_total.total_vaccinations }}</td>
<td class="number">{{ details_total.total_vaccinations_percentage }} %</td>
<td class="number">{{ details_total.vaccination_reason_age }}</td>
<td class="number">{{ details_total.vaccination_reason_age_percentage }} %</td>
<td class="number">{{ details_total.vaccination_reason_job }}</td>
<td class="number">{{ details_total.vaccination_reason_job_percentage }} %</td>
<td class="number">{{ details_total.vaccination_reason_medical }}</td>
<td class="number">{{ details_total.vaccination_reason_medical_percentage }} %</td>
<td class="number">{{ details_total.vaccination_reason_oldhome }}</td>
<td class="number">{{ details_total.vaccination_reason_oldhome_percentage }} %</td>
</tr>
</tfoot>
</table>
<div>
<table>
<thead>
<tr>
<th rowspan="3">Land</th>
<th rowspan="2" colspan="2">
Impfungen<br />
gesamt
</th>
<th colspan="8">Impfung wegen<sup><a href="#footnote-006">6</a></sup></th>
</tr>
<tr>
<th colspan="2">Alter</th>
<th colspan="2">Beruf</th>
<th colspan="2">Gesundheit</th>
<th colspan="2">Pflegeheim</th>
</tr>
<tr>
<th>Anzahl</th>
<th>%</th>
<th>Anzahl</th>
<th>%</th>
<th>Anzahl</th>
<th>%</th>
<th>Anzahl</th>
<th>%</th>
<th>Anzahl</th>
<th>%</th>
</tr>
</thead>
<tbody>
{% for land in details_per_land %}
<tr>
<th>{{ land }}</th>
<td class="number">{{ details_per_land[land].total_vaccinations }}</td>
<td class="number">{{ details_per_land[land].total_vaccinations_percentage }} %</td>
<td class="number">{{ details_per_land[land].vaccination_reason_age }}</td>
<td class="number">{{ details_per_land[land].vaccination_reason_age_percentage }} %</td>
<td class="number">{{ details_per_land[land].vaccination_reason_job }}</td>
<td class="number">{{ details_per_land[land].vaccination_reason_job_percentage }} %</td>
<td class="number">{{ details_per_land[land].vaccination_reason_medical }}</td>
<td class="number">{{ details_per_land[land].vaccination_reason_medical_percentage }} %</td>
<td class="number">{{ details_per_land[land].vaccination_reason_oldhome }}</td>
<td class="number">{{ details_per_land[land].vaccination_reason_oldhome_percentage }} %</td>
</tr>
{% endfor %}
</tbody>
<tfoot>
<tr>
<th>Gesamt</th>
<td class="number">{{ details_total.total_vaccinations }}</td>
<td class="number">{{ details_total.total_vaccinations_percentage }} %</td>
<td class="number">{{ details_total.vaccination_reason_age }}</td>
<td class="number">{{ details_total.vaccination_reason_age_percentage }} %</td>
<td class="number">{{ details_total.vaccination_reason_job }}</td>
<td class="number">{{ details_total.vaccination_reason_job_percentage }} %</td>
<td class="number">{{ details_total.vaccination_reason_medical }}</td>
<td class="number">{{ details_total.vaccination_reason_medical_percentage }} %</td>
<td class="number">{{ details_total.vaccination_reason_oldhome }}</td>
<td class="number">{{ details_total.vaccination_reason_oldhome_percentage }} %</td>
</tr>
</tfoot>
</table>
</div>
<figcaption>
<a name="table-001"><span class="ref">Tabelle 1:</span></a>
Details der Impfungen, aufgeschlüsselt nach Ländern<br />

5
site/rki-dashboard.css
View file

@ -63,6 +63,11 @@ figure figcaption .ref {
}
figure {
margin: 0px;
padding: 1em 0.2em;
}
figure div {
overflow-y: auto;
}