sépare la vitrine de l'application : vraie coquille, barre par rôle, chat
Une fois connecté, plus aucun lien vitrine : nouvelle layouts/app (barre
du haut avec menu avatar, barre latérale par rôle, bulle de chat
Messenger, barre d'onglets mobile). Les 10 entrées de navigation
demandées sont construites en vrai plutôt qu'en renvoi "bientôt
disponible" : Ma classe, Emploi du temps, Mes devoirs, Mes cours, Mes
notes côté élève ; Mes classes, Emploi du temps, Séances en direct,
Bibliothèque, Résultats (avec Observations, la dernière fonction
fictive du tableau de bord démo) côté prof.
Chat élève <-> prof de sa classe, jamais entre élèves. Mon profil,
Paramètres (thème, taille du texte), Signaler un problème, Mes
raccourcis. /eleve vidée des faux contenus ("À faire", "Ma progression",
"Mes QCM") restés avant le chantier "vrai cockpit".
Bug trouvé en testant en réel sur le serveur (pas en local) : le
compteur de messages non lus du chat ne redescendait jamais à zéro
(FilConversation sans lu_par_prof_a/lu_par_eleve_a dans son fillable) —
corrigé avec un test de non-régression.
Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Adam Belkacemi
parent
a41951d4e6
commit
592cba9c4c
89 changed files with 2890 additions and 138 deletions
|
|
@ -1,4 +1,4 @@
|
|||
@extends('layouts.vitrine')
|
||||
@extends('layouts.app')
|
||||
|
||||
@section('titre', $classe->nom)
|
||||
|
||||
|
|
@ -32,6 +32,9 @@
|
|||
<li><a href="#seance" class="flex items-center rounded-lg border-2 border-transparent px-3 py-2 hover:border-black">{{ $classe->estArchivee() ? 'Classe archivée' : 'Séance' }}</a></li>
|
||||
<li><a href="{{ route('mes-classes.quiz.index', $classe) }}" class="flex items-center rounded-lg border-2 border-transparent px-3 py-2 hover:border-black">Quiz flash</a></li>
|
||||
<li><a href="{{ route('mes-classes.devoirs.index', $classe) }}" class="flex items-center rounded-lg border-2 border-transparent px-3 py-2 hover:border-black">Devoirs maison</a></li>
|
||||
<li><a href="#annonces" class="flex items-center rounded-lg border-2 border-transparent px-3 py-2 hover:border-black">Annonces</a></li>
|
||||
<li><a href="#observations" class="flex items-center rounded-lg border-2 border-transparent px-3 py-2 hover:border-black">Observations</a></li>
|
||||
<li><a href="#chat" class="flex items-center rounded-lg border-2 border-transparent px-3 py-2 hover:border-black">Chat</a></li>
|
||||
</ul>
|
||||
@if ($seance)
|
||||
<div class="mt-6 rounded-lg border border-[#dadce0] bg-white p-3 text-sm font-semibold">
|
||||
|
|
@ -320,6 +323,76 @@
|
|||
@endif
|
||||
</section>
|
||||
|
||||
<section id="annonces" class="mt-6 rounded-lg border border-[#dadce0] bg-white p-6" aria-labelledby="t-annonces">
|
||||
<h2 id="t-annonces" class="text-2xl font-extrabold">Annonces</h2>
|
||||
<p class="mt-2 font-semibold">Visibles par tes élèves dans « Ma classe ».</p>
|
||||
<form action="{{ route('mes-classes.annonces.store', $classe) }}" method="post" class="mt-4 grid gap-3">
|
||||
@csrf
|
||||
<label class="grid gap-1 font-bold">Titre<input name="titre" required maxlength="150" class="w-full rounded-xl border border-[#c4c7c5] bg-white px-3 py-2 font-semibold"></label>
|
||||
<label class="grid gap-1 font-bold">Message<textarea name="contenu" required maxlength="3000" rows="3" class="w-full rounded-xl border border-[#c4c7c5] bg-white px-3 py-2 font-semibold"></textarea></label>
|
||||
<button type="submit" class="mt-1 inline-flex h-11 w-fit items-center rounded-full bg-[#0b57d0] px-5 font-bold text-white">Publier</button>
|
||||
</form>
|
||||
@if ($classe->annonces->isNotEmpty())
|
||||
<ul class="mt-6 grid gap-3">
|
||||
@foreach ($classe->annonces as $annonce)
|
||||
<li class="flex flex-wrap items-start justify-between gap-3 rounded-xl border border-[#e3e5e8] p-4">
|
||||
<div>
|
||||
<p class="font-extrabold">{{ $annonce->titre }}</p>
|
||||
<p class="mt-1 font-semibold">{{ $annonce->contenu }}</p>
|
||||
<p class="mt-2 font-mono text-xs text-[#5f6368]">{{ $annonce->created_at->translatedFormat('d/m à H:i') }}</p>
|
||||
</div>
|
||||
<form action="{{ route('mes-classes.annonces.destroy', [$classe, $annonce]) }}" method="post">
|
||||
@csrf
|
||||
<button type="submit" class="font-bold underline underline-offset-4">Retirer</button>
|
||||
</form>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</section>
|
||||
|
||||
@if ($classe->eleves->isNotEmpty())
|
||||
<section id="observations" class="mt-6 rounded-lg border border-[#dadce0] bg-white p-6" aria-labelledby="t-observations">
|
||||
<h2 id="t-observations" class="text-2xl font-extrabold">Observations</h2>
|
||||
<p class="mt-2 font-semibold">Notes rapides pour le conseil de classe — jamais montrées à l'élève.</p>
|
||||
<form action="{{ route('mes-classes.observations.store', $classe) }}" method="post" class="mt-4 grid gap-3">
|
||||
@csrf
|
||||
<label class="grid gap-1 font-bold">Élève<select name="eleve_id" required class="rounded-xl border border-[#c4c7c5] bg-white px-3 py-2 font-semibold">
|
||||
@foreach ($classe->eleves as $eleveOption)
|
||||
<option value="{{ $eleveOption->id }}">{{ $eleveOption->nomAffiche() }}</option>
|
||||
@endforeach
|
||||
</select></label>
|
||||
<label class="grid gap-1 font-bold">Observation<textarea name="contenu" required maxlength="2000" rows="3" class="w-full rounded-xl border border-[#c4c7c5] bg-white px-3 py-2 font-semibold"></textarea></label>
|
||||
<button type="submit" class="mt-1 inline-flex h-11 w-fit items-center rounded-full bg-[#0b57d0] px-5 font-bold text-white">Ajouter</button>
|
||||
</form>
|
||||
@if ($classe->observations->isNotEmpty())
|
||||
<ul class="mt-6 grid gap-2">
|
||||
@foreach ($classe->observations as $observation)
|
||||
<li class="flex flex-wrap items-start justify-between gap-3 rounded-xl border border-[#e3e5e8] p-3">
|
||||
<p class="font-semibold"><span class="font-extrabold">{{ $observation->eleve->nomAffiche() }}</span> — {{ $observation->contenu }}
|
||||
<span class="font-mono text-xs text-[#5f6368]">({{ $observation->created_at->translatedFormat('d/m') }})</span></p>
|
||||
<form action="{{ route('mes-classes.observations.destroy', [$classe, $observation]) }}" method="post">
|
||||
@csrf
|
||||
<button type="submit" class="font-bold underline underline-offset-4">Retirer</button>
|
||||
</form>
|
||||
</li>
|
||||
@endforeach
|
||||
</ul>
|
||||
@endif
|
||||
</section>
|
||||
@endif
|
||||
|
||||
<section id="chat" class="mt-6 rounded-lg border border-[#dadce0] bg-white p-6" aria-labelledby="t-chat">
|
||||
<h2 id="t-chat" class="text-2xl font-extrabold">Chat</h2>
|
||||
<p class="mt-2 font-semibold">
|
||||
{{ $classe->chat_actif ? 'Activé : tes élèves peuvent t\'écrire depuis la bulle en bas à droite.' : 'Désactivé : tes élèves ne peuvent plus t\'écrire.' }}
|
||||
</p>
|
||||
<form action="{{ route('mes-classes.chat.basculer', $classe) }}" method="post" class="mt-4">
|
||||
@csrf
|
||||
<button type="submit" class="inline-flex h-11 items-center rounded-full border border-[#dadce0] px-5 font-bold">{{ $classe->chat_actif ? 'Désactiver le chat' : 'Activer le chat' }}</button>
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<div id="seance">
|
||||
@if ($classe->estArchivee())
|
||||
<section class="mt-6 rounded-lg border border-[#A63D2A] bg-[#fce8e6] p-6" aria-labelledby="t-archivee">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue