212 lines
9.2 KiB
HTML
212 lines
9.2 KiB
HTML
<!doctype html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<link rel="stylesheet" href="/static/style.css" />
|
|
<title>Liste des élèves - EduGrade</title>
|
|
</head>
|
|
<body>
|
|
<div class="dashboard-wrapper">
|
|
<nav class="navbar">
|
|
<div class="nav-brand">
|
|
<svg
|
|
width="35"
|
|
height="35"
|
|
viewBox="0 0 60 60"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<rect
|
|
width="60"
|
|
height="60"
|
|
rx="15"
|
|
fill="white"
|
|
fill-opacity="0.2"
|
|
/>
|
|
<path
|
|
d="M30 15L40 25L30 35L20 25L30 15Z"
|
|
fill="white"
|
|
/>
|
|
<path
|
|
d="M30 25L40 35L30 45L20 35L30 25Z"
|
|
fill="white"
|
|
fill-opacity="0.7"
|
|
/>
|
|
</svg>
|
|
<span>EduGrade</span>
|
|
</div>
|
|
<div class="nav-links">
|
|
<a href="/prof/dashboard" class="nav-link">
|
|
<svg
|
|
width="18"
|
|
height="18"
|
|
viewBox="0 0 24 24"
|
|
fill="currentColor"
|
|
>
|
|
<path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z" />
|
|
</svg>
|
|
Dashboard
|
|
</a>
|
|
<a href="/logout" class="btn-logout">
|
|
<svg
|
|
width="18"
|
|
height="18"
|
|
viewBox="0 0 20 20"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M17 7l-1.41 1.41L18.17 11H8v2h10.17l-2.58 2.58L17 17l5-5zM4 5h8V3H4c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h8v-2H4V5z"
|
|
/>
|
|
</svg>
|
|
Déconnexion
|
|
</a>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="content-wrapper">
|
|
<div class="page-header">
|
|
<h1>
|
|
<svg
|
|
width="30"
|
|
height="30"
|
|
viewBox="0 0 24 24"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"
|
|
/>
|
|
</svg>
|
|
Liste des élèves
|
|
</h1>
|
|
</div>
|
|
|
|
<div class="search-section">
|
|
<form
|
|
action="/prof/eleves"
|
|
method="get"
|
|
class="search-form"
|
|
>
|
|
<div class="search-input-group">
|
|
<svg
|
|
width="20"
|
|
height="20"
|
|
viewBox="0 0 24 24"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
|
|
/>
|
|
</svg>
|
|
<input
|
|
type="text"
|
|
name="search"
|
|
placeholder="Rechercher par nom, prénom ou login..."
|
|
value="{{ search }}"
|
|
/>
|
|
</div>
|
|
<button type="submit" class="btn btn-primary">
|
|
Rechercher
|
|
</button>
|
|
{% if search %}
|
|
<a href="/prof/eleves" class="btn btn-outline">
|
|
Réinitialiser
|
|
</a>
|
|
{% endif %}
|
|
</form>
|
|
<a href="/prof/eleves/creer" class="btn btn-success">
|
|
<svg
|
|
width="18"
|
|
height="18"
|
|
viewBox="0 0 24 24"
|
|
fill="currentColor"
|
|
>
|
|
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
|
|
</svg>
|
|
Créer un élève
|
|
</a>
|
|
</div>
|
|
|
|
{% if search %}
|
|
<div class="search-info">
|
|
<svg
|
|
width="18"
|
|
height="18"
|
|
viewBox="0 0 24 24"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
|
|
/>
|
|
</svg>
|
|
Recherche : "{{ search }}"
|
|
</div>
|
|
{% endif %} {% if eleves %}
|
|
<div class="table-container">
|
|
<table>
|
|
<thead>
|
|
<tr>
|
|
<th>Login</th>
|
|
<th>Nom</th>
|
|
<th>Prénom</th>
|
|
<th class="text-center">Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for eleve in eleves %}
|
|
<tr>
|
|
<td>
|
|
<span class="badge-login"
|
|
>{{ eleve.login }}</span
|
|
>
|
|
</td>
|
|
<td><strong>{{ eleve.nom }}</strong></td>
|
|
<td>{{ eleve.prenom }}</td>
|
|
<td class="text-center">
|
|
<a
|
|
href="/prof/eleves/{{ eleve.id }}/notes"
|
|
class="btn-action"
|
|
>
|
|
<svg
|
|
width="18"
|
|
height="18"
|
|
viewBox="0 0 24 24"
|
|
fill="currentColor"
|
|
>
|
|
<path
|
|
d="M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z"
|
|
/>
|
|
</svg>
|
|
Voir notes
|
|
</a>
|
|
</td>
|
|
</tr>
|
|
{% endfor %}
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
{% else %}
|
|
<div class="empty-state">
|
|
<svg
|
|
width="80"
|
|
height="80"
|
|
viewBox="0 0 24 24"
|
|
fill="currentColor"
|
|
opacity="0.3"
|
|
>
|
|
<path
|
|
d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"
|
|
/>
|
|
</svg>
|
|
<h3>Aucun élève trouvé</h3>
|
|
<p>
|
|
{% if search %}Aucun résultat pour "{{ search }}"{% else
|
|
%}Commencez par créer un élève{% endif %}
|
|
</p>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|