Files
survey/templates/modern/admin/result_latest.html
2023-03-20 17:22:01 +01:00

78 lines
3.1 KiB
HTML

{if $action == ''}
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Auswertung</title>
<!-- https://www.budde-mediendesign.de/blog/programmierung/das-bootstrap-4-grid-system-->
<link href="../bootstrap/node_modules/bootstrap/dist/css/bootstrap.ali.css" rel="stylesheet">
<!--
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
-->
<style type="text/css">
body {
background-color : #FFF;
}
.headline {
padding-top: 10px;
padding-bottom: 10px;
}
</style>
</head>
<body>
<div class="container">
<div class="grid">
<div class="headline col-12 bg-white">
<h2><p class="text-center">{$result_headline}</p></h2>
<p class="text-center small">({$result_datum_von} bis {$result_datum_bis})</p>
</div>
<div class="col-12 ">
<table class="table table-sm">
<tbody>
<tr>
<th scope="row">Vollständige Teilnehmer</th>
<td>{$result_anz_fertige}</td>
<tr>
<th scope="row">Teilweise beantwortet</th>
<td>{$result_anz_angefangen}</td>
</tr>
</tbody>
</table>
<div class="question col-12 ">
{section name=table_data loop=$table_data}
<table class="table table-striped">
<thead>
<tr>
<th scope="col" colspan="2">
{$table_data[table_data].frage}
{if $table_data[table_data].multiple == '1'}
<br>
<p class="small">(Multiple Choice Frage)</p>
{/if}
</th>
</tr>
</thead>
{section name=inner loop=$table_data[table_data].inner}
<tbody>
<tr>
<th scope="row">
<div class="progress" style="height: 20px;">
<div class="progress-bar" role="progressbar" style="width: {$table_data[table_data].inner[inner].prozent}%;" aria-valuenow="{$table_data[table_data].inner[inner].prozent}" aria-valuemin="0.1" aria-valuemax="100"></div>
{$table_data[table_data].inner[inner].antwort} ({$table_data[table_data].inner[inner].prozent}%)
</div>
</th>
</tr>
</tbody>
{/section}
</table>
{/section}
</div>
</div>
</div>
</div>
</body>
</html>
{/if}