ProjetVM/templates/prof_dashboard.html
2025-12-08 14:18:02 +01:00

225 lines
10 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>Dashboard Professeur - 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-user">
<span class="user-badge">Professeur</span>
<span class="user-name"
>{{ user.prenom }} {{ user.nom }}</span
>
<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="M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z"
/>
</svg>
Dashboard Professeur
</h1>
<p class="page-subtitle">
Gérez vos élèves, matières et notes
</p>
</div>
<div class="dashboard-grid">
<div class="action-card">
<div class="action-icon students">
<svg
width="40"
height="40"
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>
</div>
<h3>Gestion des élèves</h3>
<p>Consultez et gérez vos élèves</p>
<div class="action-buttons">
<a href="/prof/eleves" class="btn btn-outline">
<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 la liste
</a>
<a
href="/prof/eleves/creer"
class="btn btn-primary"
>
<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>
</div>
<div class="action-card">
<div class="action-icon subjects">
<svg
width="40"
height="40"
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-1zm0 13.5c-1.1-.35-2.3-.5-3.5-.5-1.7 0-4.15.65-5.5 1.5V8c1.35-.85 3.8-1.5 5.5-1.5 1.2 0 2.4.15 3.5.5v11.5z"
/>
</svg>
</div>
<h3>Gestion des matières</h3>
<p>Organisez vos UE et matières</p>
<div class="action-buttons">
<a href="/prof/matieres" class="btn btn-outline">
<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 la liste
</a>
<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-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 matière
</a>
</div>
</div>
<div class="action-card highlight">
<div class="action-icon grades">
<svg
width="40"
height="40"
viewBox="0 0 24 24"
fill="currentColor"
>
<path
d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"
/>
</svg>
</div>
<h3>Ajouter une note</h3>
<p>Saisissez rapidement les notes de vos élèves</p>
<a
href="/prof/notes/ajouter"
class="btn btn-primary btn-large"
>
<svg
width="20"
height="20"
viewBox="0 0 24 24"
fill="currentColor"
>
<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
</svg>
Ajouter une note
</a>
</div>
</div>
</div>
</div>
</body>
</html>