219 lines
9.3 KiB
HTML
219 lines
9.3 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 matières - 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="M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1z"
|
||
/>
|
||
</svg>
|
||
Liste des matières
|
||
</h1>
|
||
</div>
|
||
|
||
<div class="search-section">
|
||
<form
|
||
action="/prof/matieres"
|
||
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 ou code..."
|
||
value="{{ search }}"
|
||
/>
|
||
</div>
|
||
<button type="submit" class="btn btn-primary">
|
||
Rechercher
|
||
</button>
|
||
{% if search %}
|
||
<a href="/prof/matieres" class="btn btn-outline">
|
||
Réinitialiser
|
||
</a>
|
||
{% endif %}
|
||
</form>
|
||
<div class="quick-actions">
|
||
<a href="/prof/ue/creer" class="btn btn-secondary">
|
||
<svg
|
||
width="18"
|
||
height="18"
|
||
viewBox="0 0 24 24"
|
||
fill="currentColor"
|
||
>
|
||
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
|
||
</svg>
|
||
Créer une UE
|
||
</a>
|
||
<a href="/prof/matieres/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 une matière
|
||
</a>
|
||
</div>
|
||
</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 matieres %}
|
||
<div class="table-container">
|
||
<table>
|
||
<thead>
|
||
<tr>
|
||
<th>Code</th>
|
||
<th>Nom de la matière</th>
|
||
<th>UE</th>
|
||
<th class="text-center">Coefficient</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
{% for matiere in matieres %}
|
||
<tr>
|
||
<td>
|
||
<span class="badge-code"
|
||
>{{ matiere.code }}</span
|
||
>
|
||
</td>
|
||
<td><strong>{{ matiere.nom }}</strong></td>
|
||
<td>
|
||
<span class="badge-ue"
|
||
>{{ matiere.ue_code }}</span
|
||
>
|
||
<span class="text-muted"
|
||
>{{ matiere.ue_nom }}</span
|
||
>
|
||
</td>
|
||
<td class="text-center">
|
||
<span class="coef-badge"
|
||
>×{{ matiere.coefficient }}</span
|
||
>
|
||
</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="M21 5c-1.11-.35-2.33-.5-3.5-.5-1.95 0-4.05.4-5.5 1.5-1.45-1.1-3.55-1.5-5.5-1.5S2.45 4.9 1 6v14.65c0 .25.25.5.5.5.1 0 .15-.05.25-.05C3.1 20.45 5.05 20 6.5 20c1.95 0 4.05.4 5.5 1.5 1.35-.85 3.8-1.5 5.5-1.5 1.65 0 3.35.3 4.75 1.05.1.05.15.05.25.05.25 0 .5-.25.5-.5V6c-.6-.45-1.25-.75-2-1z"
|
||
/>
|
||
</svg>
|
||
<h3>Aucune matière trouvée</h3>
|
||
<p>
|
||
{% if search %}Aucun résultat pour "{{ search }}"{% else
|
||
%}Commencez par créer une UE et une matière{% endif %}
|
||
</p>
|
||
</div>
|
||
{% endif %}
|
||
</div>
|
||
</div>
|
||
</body>
|
||
</html>
|