Skip to content

feat(i18n): paramètres — vagues 2 à 4 (matières → structures de frais) (FR/EN) #336

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
horacioskrp merged 12 commits into from
Nov 13, 2026
Merged

feat(i18n): paramètres — vagues 2 à 4 (matières → structures de frais) (FR/EN) #336

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
2d4ec22
feat(i18n): paramètres — matières (liste, création, édition, détail) …
horacioskrp Nov 12, 2026
b2dcdf5
feat(i18n): paramètres — catégories de frais (liste, création, éditio…
horacioskrp Nov 12, 2026
6767cab
feat(i18n): paramètres — types de classes (liste, création, édition, …
horacioskrp Nov 12, 2026
d9ff2a7
feat(i18n): paramètres — bourses (liste, création, édition, détail) (…
horacioskrp Nov 12, 2026
8f8df9d
feat(i18n): paramètres — modèle de bulletin (FR/EN)
horacioskrp Nov 12, 2026
3757162
feat(i18n): paramètres — fichiers & stockage, sauvegardes (FR/EN)
horacioskrp Nov 12, 2026
2362070
feat(i18n): paramètres — années scolaires (liste, création, édition, …
horacioskrp Nov 13, 2026
3fd58d4
feat(i18n): paramètres — périodes académiques (liste, création, éditi…
horacioskrp Nov 13, 2026
3aacdf5
feat(i18n): paramètres — classes & attributions de matières (FR/EN)
horacioskrp Nov 13, 2026
ff47520
feat(i18n): paramètres — documents (modèles, registre, détail, éditio…
horacioskrp Nov 13, 2026
b0991cf
feat(i18n): paramètres — attribution matières/classes (liste, créatio…
horacioskrp Nov 13, 2026
3827ec0
feat(i18n): paramètres — structures de frais (liste, création, éditio…
horacioskrp Nov 13, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
841 changes: 841 additions & 0 deletions lang/en/parametres.php
View file
Open in desktop

Large diffs are not rendered by default.

841 changes: 841 additions & 0 deletions lang/fr/parametres.php
View file
Open in desktop

Large diffs are not rendered by default.

34 changes: 18 additions & 16 deletions resources/js/components/ClassroomTypes/classroom-type-form.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@ import { Checkbox } from '@/components/ui/checkbox';
import { Input } from '@/components/ui/input';
import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
import { Textarea } from '@/components/ui/textarea';
import { useTranslation } from '@/helpers/i18n';

export interface ClassroomTypeFormData {
name: string;
Expand Down Expand Up @@ -31,14 +32,15 @@ export function ClassroomTypeForm({
onSubmit,
setData,
}: Readonly<ClassroomTypeFormProps>) {
let submitLabel = 'Mettre à jour';
const { t } = useTranslation();
let submitLabel = t('parametres.common.update');

if (processing && mode === 'create') {
submitLabel = 'Création...';
submitLabel = t('parametres.common.creating');
} else if (processing) {
submitLabel = 'Mise à jour...';
submitLabel = t('parametres.common.updating');
} else if (mode === 'create') {
submitLabel = 'Créer le type';
submitLabel = t('parametres.classroom_types.submit_create');
}

return (
Expand All @@ -48,50 +50,50 @@ export function ClassroomTypeForm({
<div className="w-9 h-9 rounded-full bg-blue-100 flex items-center justify-center">
<Tag className="w-5 h-5 text-blue-600" />
</div>
<h3 className="text-lg font-semibold text-gray-900">Informations du type</h3>
<h3 className="text-lg font-semibold text-gray-900">{t('parametres.classroom_types.form_section')}</h3>
</div>

<div className="grid grid-cols-1 gap-4">
<div>
<label htmlFor="name" className="block text-sm font-medium text-gray-900 mb-2">Nom *</label>
<label htmlFor="name" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.classroom_types.name_label')}</label>
<Input
id="name"
value={data.name}
onChange={(event) => setData('name', event.target.value)}
disabled={processing}
className={errors.name ? 'border-red-500 bg-red-50/40' : 'border-gray-200 bg-white focus-visible:ring-blue-500'}
placeholder="Ex: Classe générale"
placeholder={t('parametres.classroom_types.name_ph')}
/>
{errors.name && <p className="text-sm text-red-600 mt-1">{errors.name}</p>}
</div>

<div>
<label htmlFor="description" className="block text-sm font-medium text-gray-900 mb-2">Description</label>
<label htmlFor="description" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.classroom_types.description_label')}</label>
<Textarea
id="description"
rows={4}
value={data.description}
onChange={(event) => setData('description', event.target.value)}
disabled={processing}
className={errors.description ? 'border-red-500 bg-red-50/40' : 'border-gray-200 bg-white focus-visible:ring-blue-500'}
placeholder="Description du type de classe..."
placeholder={t('parametres.classroom_types.description_ph')}
/>
{errors.description && <p className="text-sm text-red-600 mt-1">{errors.description}</p>}
</div>

<div>
<label className="flex items-center gap-2 text-sm font-medium text-gray-900 mb-2">
<CalendarRange className="w-4 h-4 text-blue-600" />
Système de périodes *
{t('parametres.classroom_types.period_label')}
</label>
<Select value={data.period_system} onValueChange={(v) => setData('period_system', v as 'trimestre' | 'semestre')} disabled={processing}>
<SelectTrigger className={errors.period_system ? 'border-red-500' : ''}><SelectValue /></SelectTrigger>
<SelectContent>
<SelectItem value="trimestre">Trimestre (3 périodes)</SelectItem>
<SelectItem value="semestre">Semestre (2 périodes)</SelectItem>
<SelectItem value="trimestre">{t('parametres.classroom_types.period_trimestre')}</SelectItem>
<SelectItem value="semestre">{t('parametres.classroom_types.period_semestre')}</SelectItem>
</SelectContent>
</Select>
<p className="text-xs text-gray-400 mt-1">Détermine le découpage de l'année (bulletins, évaluations) pour ce type de classe.</p>
<p className="text-xs text-gray-400 mt-1">{t('parametres.classroom_types.period_hint')}</p>
{errors.period_system && <p className="text-sm text-red-600 mt-1">{errors.period_system}</p>}
</div>
</div>
Expand All @@ -102,7 +104,7 @@ export function ClassroomTypeForm({
<div className="w-9 h-9 rounded-full bg-emerald-100 flex items-center justify-center">
<CheckCircle2 className="w-5 h-5 text-emerald-600" />
</div>
<h3 className="text-lg font-semibold text-gray-900">Statut</h3>
<h3 className="text-lg font-semibold text-gray-900">{t('parametres.classroom_types.status_section')}</h3>
</div>

<div className="flex items-center gap-3">
Expand All @@ -111,13 +113,13 @@ export function ClassroomTypeForm({
checked={data.active}
onCheckedChange={(checked) => setData('active', checked === true)}
/>
<label htmlFor="active" className="text-sm font-medium text-gray-700">Type actif</label>
<label htmlFor="active" className="text-sm font-medium text-gray-700">{t('parametres.classroom_types.active_label')}</label>
</div>
</div>

<div className="flex gap-3 pt-2">
<Button type="button" variant="outline" onClick={onCancel} disabled={processing} className="flex-1 border-gray-200 text-gray-700 hover:bg-gray-50">
Annuler
{t('parametres.common.cancel')}
</Button>
<Button type="submit" disabled={processing} className="flex-1 gap-2 bg-blue-600 hover:bg-blue-700 shadow-sm">
<Save className="w-4 h-4" />
Expand Down
38 changes: 20 additions & 18 deletions resources/js/components/Classrooms/classroom-form.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import { Building2, Save, Users } from 'lucide-react';
import { Button } from '@/components/ui/button';
import { Input } from '@/components/ui/input';
import { useTranslation } from '@/helpers/i18n';

export interface ClassroomTypeOption {
id: string;
Expand Down Expand Up @@ -36,14 +37,15 @@ export function ClassroomForm({
onSubmit,
setData,
}: Readonly<ClassroomFormProps>) {
let submitLabel = 'Mettre à jour';
const { t } = useTranslation();
let submitLabel = t('parametres.common.update');

if (processing && mode === 'create') {
submitLabel = 'Création...';
submitLabel = t('parametres.classrooms.creating');
} else if (processing) {
submitLabel = 'Mise à jour...';
submitLabel = t('parametres.common.updating');
} else if (mode === 'create') {
submitLabel = 'Créer la classe';
submitLabel = t('parametres.classrooms.submit_create');
}

return (
Expand All @@ -53,38 +55,38 @@ export function ClassroomForm({
<div className="w-9 h-9 rounded-full bg-blue-100 flex items-center justify-center">
<Building2 className="w-5 h-5 text-blue-600" />
</div>
<h3 className="text-lg font-semibold text-gray-900">Informations de la classe</h3>
<h3 className="text-lg font-semibold text-gray-900">{t('parametres.classrooms.form_info')}</h3>
</div>

<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
<div>
<label htmlFor="name" className="block text-sm font-medium text-gray-900 mb-2">Nom *</label>
<label htmlFor="name" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.classrooms.label_name')} *</label>
<Input
id="name"
value={data.name}
onChange={(event) => setData('name', event.target.value)}
disabled={processing}
className={errors.name ? 'border-red-500 bg-red-50/40' : 'border-gray-200 bg-white focus-visible:ring-blue-500'}
placeholder="Ex: 6e A"
placeholder={t('parametres.classrooms.name_ph')}
/>
{errors.name && <p className="text-sm text-red-600 mt-1">{errors.name}</p>}
</div>

<div>
<label htmlFor="code" className="block text-sm font-medium text-gray-900 mb-2">Code *</label>
<label htmlFor="code" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.classrooms.label_code')} *</label>
<Input
id="code"
value={data.code}
onChange={(event) => setData('code', event.target.value)}
disabled={processing}
className={errors.code ? 'border-red-500 bg-red-50/40' : 'border-gray-200 bg-white focus-visible:ring-blue-500'}
placeholder="Ex: 6A-2026"
placeholder={t('parametres.classrooms.code_ph')}
/>
{errors.code && <p className="text-sm text-red-600 mt-1">{errors.code}</p>}
</div>

<div>
<label htmlFor="capacity" className="block text-sm font-medium text-gray-900 mb-2">Capacité *</label>
<label htmlFor="capacity" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.classrooms.label_capacity')} *</label>
<Input
id="capacity"
type="number"
Expand All @@ -102,13 +104,13 @@ export function ClassroomForm({
</div>

<div>
<label htmlFor="expected_age" className="block text-sm font-medium text-gray-900 mb-2">Âge attendu</label>
<label htmlFor="expected_age" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.classrooms.label_expected_age')}</label>
<Input
id="expected_age"
type="number"
min={3}
max={30}
placeholder="Ex. 12"
placeholder={t('parametres.classrooms.expected_age_ph')}
value={data.expected_age ?? ''}
onChange={(event) => {
const v = event.target.value;
Expand All @@ -117,12 +119,12 @@ export function ClassroomForm({
disabled={processing}
className={errors.expected_age ? 'border-red-500 bg-red-50/40' : 'border-gray-200 bg-white focus-visible:ring-blue-500'}
/>
<p className="text-xs text-gray-400 mt-1">Âge officiel attendu (base du calcul de sur-âge).</p>
<p className="text-xs text-gray-400 mt-1">{t('parametres.classrooms.expected_age_hint')}</p>
{errors.expected_age && <p className="text-sm text-red-600 mt-1">{errors.expected_age}</p>}
</div>

<div>
<label htmlFor="classroom_type_id" className="block text-sm font-medium text-gray-900 mb-2">Type de classe</label>
<label htmlFor="classroom_type_id" className="block text-sm font-medium text-gray-900 mb-2">{t('parametres.classrooms.label_type')}</label>
<select
id="classroom_type_id"
value={data.classroom_type_id}
Expand All @@ -134,7 +136,7 @@ export function ClassroomForm({
: 'border-gray-200 bg-white focus-visible:ring-2 focus-visible:ring-blue-500'
}`}
>
<option value="">Aucun type</option>
<option value="">{t('parametres.classrooms.type_none')}</option>
{classroomTypes.map((type) => (
<option key={type.id} value={type.id}>
{type.name}
Expand All @@ -151,16 +153,16 @@ export function ClassroomForm({
<div className="w-9 h-9 rounded-full bg-emerald-100 flex items-center justify-center">
<Users className="w-5 h-5 text-emerald-600" />
</div>
<h3 className="text-lg font-semibold text-gray-900">Aperçu</h3>
<h3 className="text-lg font-semibold text-gray-900">{t('parametres.classrooms.preview')}</h3>
</div>
<p className="text-sm text-gray-700">
Cette classe accueillera jusqu'à <span className="font-semibold">{data.capacity || 0}</span> élèves.
{t('parametres.classrooms.preview_text_before')} <span className="font-semibold">{data.capacity || 0}</span> {t('parametres.classrooms.preview_text_after')}
</p>
</div>

<div className="flex gap-3 pt-2">
<Button type="button" variant="outline" onClick={onCancel} disabled={processing} className="flex-1 border-gray-200 text-gray-700 hover:bg-gray-50">
Annuler
{t('parametres.common.cancel')}
</Button>
<Button type="submit" disabled={processing} className="flex-1 gap-2 bg-blue-600 hover:bg-blue-700 shadow-sm">
<Save className="w-4 h-4" />
Expand Down
Loading
Loading