45 lines
1.3 KiB
HTML
45 lines
1.3 KiB
HTML
{{ define "index-html" }}
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>AGECEM | Assemblée Générale</title>
|
|
<script src="/public/js/htmx.min.js"></script>
|
|
<script src="/public/js/membreid-selected-and-cleared.js"></script>
|
|
<style>
|
|
#app-dialog {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
background-color: white;
|
|
border: 1px solid #ccc;
|
|
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
|
|
padding: 20px;
|
|
z-index: 555;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<h2>Présences en Assemblée Générale</h2>
|
|
|
|
{{ if .Error }}<h3>Error: {{ .Error }}</h3>{{ end }}
|
|
|
|
<form action="" hx-post="/scan" hx-target="#app-content">
|
|
<label for="membre_id">Numéro étudiant:</label>
|
|
<input id="membre_id" name="membre_id" value="" required />
|
|
<button type="submit">enregistrer</button>
|
|
</form>
|
|
|
|
<button hx-get="/decompte" hx-target="#app-dialog" hx-on:click="document.getElementById('app-dialog').style.display = 'block';">Afficher décompte</button>
|
|
|
|
<div id="app-dialog" style="display: none;">
|
|
</div>
|
|
|
|
<div id="app-content">
|
|
</div>
|
|
|
|
|
|
</body>
|
|
</html>
|
|
{{ end }}
|