lionsdev/btpxpress-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Update PrimeReact to v10.8.3 and fix all compilation errors

Browse Source
This commit is contained in:
dahoud
2025-10-13 03:01:36 +00:00
parent 2a2e54c0e3
commit 30cad6220b
85 changed files with 928 additions and 2020 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
app/(main)/devis/[id]/convert/page.tsx
View File

@@ -18,6 +18,7 @@ import { InputNumber } from 'primereact/inputnumber';
import { devisService, factureService } from '../../../../../services/api';
import { formatCurrency, formatDate } from '../../../../../utils/formatters';
import type { Devis, Facture } from '../../../../../types/btp';
import { StatutFacture, TypeFacture } from '../../../../../types/btp';
const ConvertDevisPage = () => {
const params = useParams();
@@ -27,15 +28,15 @@ const ConvertDevisPage = () => {
const [devis, setDevis] = useState<Devis | null>(null);
const [facture, setFacture] = useState<Partial<Facture>>({
numero: '',
dateEmission: new Date(),
dateEcheance: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000),
dateEmission: new Date().toISOString(),
dateEcheance: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString(),
objet: '',
description: '',
montantHT: 0,
montantTTC: 0,
tauxTVA: 20,
statut: 'BROUILLON',
type: 'FACTURE',
statut: StatutFacture.BROUILLON,
typeFacture: TypeFacture.FACTURE,
actif: true,
lignes: []
});
@@ -62,9 +63,8 @@ const ConvertDevisPage = () => {
const loadDevis = async () => {
try {
setLoading(true);
const response = await devisService.getById(devisId);
const devisData = response.data;
const devisData = await devisService.getById(devisId);
if (devisData.statut !== 'ACCEPTE') {
toast.current?.show({
severity: 'warn',
@@ -81,20 +81,17 @@ const ConvertDevisPage = () => {
// Initialiser la facture avec les données du devis
setFacture({
numero: newNumero,
dateEmission: new Date(),
dateEcheance: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000),
dateEmission: new Date().toISOString(),
dateEcheance: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString(),
objet: devisData.objet,
description: devisData.description,
montantHT: devisData.montantHT,
montantTTC: devisData.montantTTC,
tauxTVA: devisData.tauxTVA,
statut: 'BROUILLON',
type: 'FACTURE',
statut: StatutFacture.BROUILLON,
typeFacture: TypeFacture.FACTURE,
actif: true,
clientId: devisData.clientId,
client: devisData.client,
devisId: devisData.id,
lignes: devisData.lignes ? [...devisData.lignes] : []
client: devisData.client
});
// Initialiser toutes les lignes comme sélectionnées
@@ -127,8 +124,8 @@ const ConvertDevisPage = () => {
const calculateMontants = () => {
if (!facture.lignes) return;
const lignesSelectionnees = facture.lignes.filter((_, index) => selectedLignes[index]);
let montantHT = lignesSelectionnees.reduce((sum, ligne) => sum + (ligne.montantHT || 0), 0);
const lignesSelectionnees = facture.lignes?.filter((_, index) => selectedLignes[index]) || [];
let montantHT = lignesSelectionnees.reduce((sum, ligne) => sum + (ligne.montantLigne || 0), 0);
// Appliquer le pourcentage d'acompte si nécessaire
if (createAcompte && acomptePercentage > 0) {
@@ -177,26 +174,26 @@ const ConvertDevisPage = () => {
// Ajuster les montants si c'est un acompte
if (createAcompte && acomptePercentage > 0) {
lignesFacture.forEach(ligne => {
ligne.montantHT = (ligne.montantHT || 0) * (acomptePercentage / 100);
ligne.prixUnitaire = ligne.montantHT / (ligne.quantite || 1);
ligne.montantLigne = (ligne.montantLigne || 0) * (acomptePercentage / 100);
ligne.prixUnitaire = ligne.montantLigne / (ligne.quantite || 1);
});
}
const factureData = {
...facture,
lignes: lignesFacture,
type: createAcompte ? 'ACOMPTE' : facture.type
typeFacture: createAcompte ? TypeFacture.ACOMPTE : facture.typeFacture
};
const response = await factureService.create(factureData);
const createdFacture = await factureService.create(factureData);
toast.current?.show({
severity: 'success',
summary: 'Succès',
detail: 'Facture créée avec succès'
});
router.push(`/factures/${response.data.id}`);
router.push(`/factures/${createdFacture.id}`);
} catch (error) {
console.error('Erreur lors de la conversion:', error);
@@ -372,9 +369,9 @@ const ConvertDevisPage = () => {
<label htmlFor="type" className="font-semibold">Type de facture</label>
<Dropdown
id="type"
value={facture.type}
value={facture.typeFacture}
options={typeFactureOptions}
onChange={(e) => setFacture(prev => ({ ...prev, type: e.value }))}
onChange={(e) => setFacture(prev => ({ ...prev, typeFacture: e.value }))}
className="w-full"
/>
</div>

44
app/(main)/devis/[id]/duplicate/page.tsx
View File

@@ -17,6 +17,7 @@ import { Message } from 'primereact/message';
import { devisService, clientService } from '../../../../../services/api';
import { formatCurrency } from '../../../../../utils/formatters';
import type { Devis } from '../../../../../types/btp';
import { StatutDevis } from '../../../../../types/btp';
const DuplicateDevisPage = () => {
const params = useParams();
@@ -24,17 +25,17 @@ const DuplicateDevisPage = () => {
const toast = useRef<Toast>(null);
const [originalDevis, setOriginalDevis] = useState<Devis | null>(null);
const [newDevis, setNewDevis] = useState<Devis>({
const [newDevis, setNewDevis] = useState<Partial<Devis>>({
id: '',
numero: '',
dateEmission: new Date(),
dateValidite: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000),
dateEmission: new Date().toISOString(),
dateValidite: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString(),
objet: '',
description: '',
montantHT: 0,
montantTTC: 0,
tauxTVA: 20,
statut: 'BROUILLON',
statut: StatutDevis.BROUILLON,
actif: true,
lignes: []
});
@@ -52,14 +53,13 @@ const DuplicateDevisPage = () => {
const loadData = async () => {
try {
setLoading(true);
const [devisResponse, clientsResponse] = await Promise.all([
const [original, clients] = await Promise.all([
devisService.getById(originalDevisId),
clientService.getAll()
]);
const original = devisResponse.data;
setOriginalDevis(original);
setClients(clientsResponse.data);
setClients(clients);
// Générer un nouveau numéro de devis
const newNumero = await generateNewNumero();
@@ -68,16 +68,15 @@ const DuplicateDevisPage = () => {
setNewDevis({
id: '',
numero: newNumero,
dateEmission: new Date(),
dateValidite: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000),
dateEmission: new Date().toISOString(),
dateValidite: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString(),
objet: `${original.objet} (Copie)`,
description: original.description,
montantHT: original.montantHT,
montantTTC: original.montantTTC,
tauxTVA: original.tauxTVA,
statut: 'BROUILLON',
statut: StatutDevis.BROUILLON,
actif: true,
clientId: original.clientId,
client: original.client,
lignes: original.lignes ? [...original.lignes] : []
});
@@ -107,8 +106,8 @@ const DuplicateDevisPage = () => {
};
const calculateMontants = () => {
const montantHT = (newDevis.lignes || []).reduce((sum, ligne) => sum + (ligne.montantHT || 0), 0);
const montantTTC = montantHT * (1 + newDevis.tauxTVA / 100);
const montantHT = (newDevis.lignes || []).reduce((sum, ligne) => sum + (ligne.montantLigne || 0), 0);
const montantTTC = montantHT * (1 + (newDevis.tauxTVA || 0) / 100);
setNewDevis(prev => ({
...prev,
@@ -126,7 +125,7 @@ const DuplicateDevisPage = () => {
setSaving(true);
// Validation
if (!newDevis.numero || !newDevis.objet || !newDevis.clientId) {
if (!newDevis.numero || !newDevis.objet || !newDevis.client) {
toast.current?.show({
severity: 'warn',
summary: 'Attention',
@@ -135,15 +134,15 @@ const DuplicateDevisPage = () => {
return;
}
const response = await devisService.create(newDevis);
const createdDevis = await devisService.create(newDevis);
toast.current?.show({
severity: 'success',
summary: 'Succès',
detail: 'Devis dupliqué avec succès'
});
router.push(`/devis/${response.data.id}`);
router.push(`/devis/${createdDevis.id}`);
} catch (error) {
console.error('Erreur lors de la duplication:', error);
@@ -297,9 +296,12 @@ const DuplicateDevisPage = () => {
<label htmlFor="client" className="font-semibold">Client *</label>
<Dropdown
id="client"
value={newDevis.clientId}
value={newDevis.client?.id}
options={clients}
onChange={(e) => setNewDevis(prev => ({ ...prev, clientId: e.value }))}
onChange={(e) => {
const selectedClient = clients.find(c => c.id === e.value);
setNewDevis(prev => ({ ...prev, client: selectedClient }));
}}
optionLabel="nom"
optionValue="id"
placeholder="Sélectionner un client"

46
app/(main)/devis/[id]/edit/page.tsx
View File

@@ -18,23 +18,24 @@ import { Dialog } from 'primereact/dialog';
import { devisService, clientService } from '../../../../../services/api';
import { formatCurrency } from '../../../../../utils/formatters';
import type { Devis, LigneDevis } from '../../../../../types/btp';
import { StatutDevis } from '../../../../../types/btp';
const EditDevisPage = () => {
const params = useParams();
const router = useRouter();
const toast = useRef<Toast>(null);
const [devis, setDevis] = useState<Devis>({
const [devis, setDevis] = useState<Partial<Devis>>({
id: '',
numero: '',
dateEmission: new Date(),
dateValidite: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000),
dateEmission: new Date().toISOString(),
dateValidite: new Date(Date.now() + 30 * 24 * 60 * 60 * 1000).toISOString(),
objet: '',
description: '',
montantHT: 0,
montantTTC: 0,
tauxTVA: 20,
statut: 'BROUILLON',
statut: StatutDevis.BROUILLON,
actif: true,
lignes: []
});
@@ -43,13 +44,13 @@ const EditDevisPage = () => {
const [loading, setLoading] = useState(true);
const [saving, setSaving] = useState(false);
const [showLigneDialog, setShowLigneDialog] = useState(false);
const [editingLigne, setEditingLigne] = useState<LigneDevis | null>(null);
const [nouvelleLigne, setNouvelleLigne] = useState<LigneDevis>({
const [editingLigne, setEditingLigne] = useState<any>(null);
const [nouvelleLigne, setNouvelleLigne] = useState<Partial<LigneDevis>>({
designation: '',
quantite: 1,
unite: 'unité',
prixUnitaire: 0,
montantHT: 0
montantLigne: 0
});
const devisId = params.id as string;
@@ -81,13 +82,13 @@ const EditDevisPage = () => {
const loadData = async () => {
try {
setLoading(true);
const [devisResponse, clientsResponse] = await Promise.all([
const [devisData, clientsData] = await Promise.all([
devisService.getById(devisId),
clientService.getAll()
]);
setDevis(devisResponse.data);
setClients(clientsResponse.data);
setDevis(devisData);
setClients(clientsData);
} catch (error) {
console.error('Erreur lors du chargement:', error);
toast.current?.show({
@@ -101,8 +102,8 @@ const EditDevisPage = () => {
};
const calculateMontants = () => {
const montantHT = (devis.lignes || []).reduce((sum, ligne) => sum + (ligne.montantHT || 0), 0);
const montantTTC = montantHT * (1 + devis.tauxTVA / 100);
const montantHT = (devis.lignes || []).reduce((sum, ligne) => sum + (ligne.montantLigne || 0), 0);
const montantTTC = montantHT * (1 + (devis.tauxTVA || 0) / 100);
setDevis(prev => ({
...prev,
@@ -144,7 +145,7 @@ const EditDevisPage = () => {
quantite: 1,
unite: 'unité',
prixUnitaire: 0,
montantHT: 0
montantLigne: 0
});
setShowLigneDialog(true);
};
@@ -156,11 +157,11 @@ const EditDevisPage = () => {
};
const handleSaveLigne = () => {
const montantHT = nouvelleLigne.quantite * nouvelleLigne.prixUnitaire;
const ligneComplete = { ...nouvelleLigne, montantHT };
const nouvelleLignes = [...(devis.lignes || [])];
const montantLigne = (nouvelleLigne.quantite || 0) * (nouvelleLigne.prixUnitaire || 0);
const ligneComplete = { ...nouvelleLigne, montantLigne };
const nouvelleLignes = [...(devis.lignes || [])] as any[];
if (editingLigne && editingLigne.index !== undefined) {
nouvelleLignes[editingLigne.index] = ligneComplete;
} else {
@@ -267,9 +268,12 @@ const EditDevisPage = () => {
<label htmlFor="client" className="font-semibold">Client *</label>
<Dropdown
id="client"
value={devis.clientId}
value={devis.client?.id}
options={clients}
onChange={(e) => setDevis(prev => ({ ...prev, clientId: e.value }))}
onChange={(e) => {
const selectedClient = clients.find(c => c.id === e.value);
setDevis(prev => ({ ...prev, client: selectedClient }));
}}
optionLabel="nom"
optionValue="id"
placeholder="Sélectionner un client"

16
app/(main)/devis/[id]/page.tsx
View File

@@ -37,8 +37,8 @@ const DevisDetailPage = () => {
const loadDevis = async () => {
try {
setLoading(true);
const response = await devisService.getById(devisId);
setDevis(response.data);
const devisData = await devisService.getById(devisId);
setDevis(devisData);
} catch (error) {
console.error('Erreur lors du chargement du devis:', error);
setError('Impossible de charger le devis');
@@ -140,7 +140,7 @@ const DevisDetailPage = () => {
const handleAccept = async () => {
try {
await devisService.updateStatut(devisId, 'ACCEPTE');
await devisService.update(devisId, { statut: 'ACCEPTE' as any });
loadDevis();
toast.current?.show({
severity: 'success',
@@ -158,7 +158,7 @@ const DevisDetailPage = () => {
const handleReject = async () => {
try {
await devisService.updateStatut(devisId, 'REFUSE');
await devisService.update(devisId, { statut: 'REFUSE' as any });
loadDevis();
toast.current?.show({
severity: 'success',
@@ -187,7 +187,7 @@ const DevisDetailPage = () => {
const toolbarEndTemplate = () => (
<div className="flex align-items-center gap-2">
{devis?.statut === 'EN_ATTENTE' && (
{devis?.statut === 'ENVOYE' && (
<>
<Button
label="Accepter"
@@ -252,9 +252,9 @@ const DevisDetailPage = () => {
<div>
<h2 className="text-2xl font-bold mb-2">Devis #{devis.numero}</h2>
<p className="text-600 mb-3">{devis.objet}</p>
<Tag
value={devis.statut}
severity={getStatutSeverity(devis.statut)}
<Tag
value={devis.statut}
severity={getStatutSeverity(devis.statut) as any}
className="mb-2"
/>
</div>