acasini/n3wt-school
1
0
Fork 0
mirror of https://git.v0id.ovh/n3wt-innov/n3wt-school.git synced 2026-01-28 23:43:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

chore: application prettier

Browse Source
This commit is contained in:
Luc SORIGNET
2025-04-15 19:37:47 +02:00
parent dd0884bbce
commit f7666c894b
174 changed files with 10609 additions and 8760 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
Front-End/src/components/Structure/Tarification/DiscountsSection.js
View File

@ -1,5 +1,14 @@
import React, { useState } from 'react';
import { Plus, Trash2, Edit3, Check, X, Percent, EuroIcon, Tag } from 'lucide-react';
import {
Plus,
Trash2,
Edit3,
Check,
X,
Percent,
EuroIcon,
Tag,
} from 'lucide-react';
import Table from '@/components/Table';
import Popup from '@/components/Popup';
import CheckBox from '@/components/CheckBox';
@ -7,27 +16,47 @@ import InputText from '@/components/InputText';
import logger from '@/utils/logger';
import { ESTABLISHMENT_ID } from '@/utils/Url';
const DiscountsSection = ({ discounts, setDiscounts, handleCreate, handleEdit, handleDelete, type, subscriptionMode = false, selectedDiscounts, handleDiscountSelection }) => {
const DiscountsSection = ({
discounts,
setDiscounts,
handleCreate,
handleEdit,
handleDelete,
type,
subscriptionMode = false,
selectedDiscounts,
handleDiscountSelection,
}) => {
const [editingDiscount, setEditingDiscount] = useState(null);
const [newDiscount, setNewDiscount] = useState(null);
const [formData, setFormData] = useState({});
const [localErrors, setLocalErrors] = useState({});
const [popupVisible, setPopupVisible] = useState(false);
const [popupMessage, setPopupMessage] = useState("");
const [popupMessage, setPopupMessage] = useState('');
const [removePopupVisible, setRemovePopupVisible] = useState(false);
const [removePopupMessage, setRemovePopupMessage] = useState("");
const [removePopupMessage, setRemovePopupMessage] = useState('');
const [removePopupOnConfirm, setRemovePopupOnConfirm] = useState(() => {});
const handleAddDiscount = () => {
setNewDiscount({ id: Date.now(), name: '', amount: '', description: '', discount_type: 0, type: type, establishment: ESTABLISHMENT_ID });
setNewDiscount({
id: Date.now(),
name: '',
amount: '',
description: '',
discount_type: 0,
type: type,
establishment: ESTABLISHMENT_ID,
});
};
const handleRemoveDiscount = (id) => {
return handleDelete(id)
.then(() => {
setDiscounts(prevDiscounts => prevDiscounts.filter(discount => discount.id !== id));
setDiscounts((prevDiscounts) =>
prevDiscounts.filter((discount) => discount.id !== id)
);
})
.catch(error => {
.catch((error) => {
logger.error(error);
});
};
@ -40,7 +69,7 @@ const DiscountsSection = ({ discounts, setDiscounts, handleCreate, handleEdit, h
setNewDiscount(null);
setLocalErrors({});
})
.catch(error => {
.catch((error) => {
if (error && typeof error === 'object') {
setLocalErrors(error);
} else {
@ -48,7 +77,7 @@ const DiscountsSection = ({ discounts, setDiscounts, handleCreate, handleEdit, h
}
});
} else {
setPopupMessage("Tous les champs doivent être remplis");
setPopupMessage('Tous les champs doivent être remplis');
setPopupVisible(true);
}
};
@ -60,7 +89,7 @@ const DiscountsSection = ({ discounts, setDiscounts, handleCreate, handleEdit, h
setEditingDiscount(null);
setLocalErrors({});
})
.catch(error => {
.catch((error) => {
if (error && typeof error === 'object') {
setLocalErrors(error);
} else {
@ -68,25 +97,31 @@ const DiscountsSection = ({ discounts, setDiscounts, handleCreate, handleEdit, h
}
});
} else {
setPopupMessage("Tous les champs doivent être remplis");
setPopupMessage('Tous les champs doivent être remplis');
setPopupVisible(true);
}
};
const handleToggleDiscountType = (id) => {
const discount = discounts.find(discount => discount.id === id);
const discount = discounts.find((discount) => discount.id === id);
if (!discount) return;
const updatedData = {
...discount,
discount_type: discount.discount_type === 0 ? 1 : 0
discount_type: discount.discount_type === 0 ? 1 : 0,
};
handleEdit(id, updatedData)
.then(() => {
setDiscounts(prevDiscounts => prevDiscounts.map(discount => discount.id === id ? { ...discount, discount_type: updatedData.discount_type } : discount));
setDiscounts((prevDiscounts) =>
prevDiscounts.map((discount) =>
discount.id === id
? { ...discount, discount_type: updatedData.discount_type }
: discount
)
);
})
.catch(error => {
.catch((error) => {
logger.error(error);
});
};
@ -129,7 +164,13 @@ const DiscountsSection = ({ discounts, setDiscounts, handleCreate, handleEdit, h
value={value}
onChange={onChange}
placeholder={placeholder}
errorMsg={localErrors && localErrors[field] && Array.isArray(localErrors[field]) ? localErrors[field][0] : ''}
errorMsg={
localErrors &&
localErrors[field] &&
Array.isArray(localErrors[field])
? localErrors[field][0]
: ''
}
/>
</div>
</div>
@ -143,36 +184,61 @@ const DiscountsSection = ({ discounts, setDiscounts, handleCreate, handleEdit, h
if (isEditing || isCreating) {
switch (column) {
case 'LIBELLE':
return renderInputField('name', currentData.name, handleChange, 'Libellé de la réduction');
return renderInputField(
'name',
currentData.name,
handleChange,
'Libellé de la réduction'
);
case 'REMISE':
return (
<div className="flex justify-center space-x-2">
{renderInputField('amount', currentData.amount, handleChange,'Montant')}
{renderInputField(
'amount',
currentData.amount,
handleChange,
'Montant'
)}
<button
type="button"
onClick={() => handleToggleDiscountTypeEdition(discount.id)}
className="flex justify-center items-center text-emerald-500 hover:text-emerald-700 ml-2"
>
{currentData.discount_type === 0 ? <EuroIcon className="w-5 h-5" /> : <Percent className="w-5 h-5" />}
{currentData.discount_type === 0 ? (
<EuroIcon className="w-5 h-5" />
) : (
<Percent className="w-5 h-5" />
)}
</button>
</div>
);
case 'DESCRIPTION':
return renderInputField('description', currentData.description, handleChange, 'Description');
return renderInputField(
'description',
currentData.description,
handleChange,
'Description'
);
case 'ACTIONS':
return (
<div className="flex justify-center space-x-2">
<button
type="button"
onClick={() => (isEditing ? handleUpdateDiscount(editingDiscount, formData) : handleSaveNewDiscount())}
onClick={() =>
isEditing
? handleUpdateDiscount(editingDiscount, formData)
: handleSaveNewDiscount()
}
className="text-green-500 hover:text-green-700"
>
<Check className="w-5 h-5" />
</button>
<button
type="button"
onClick={() => (isEditing ? setEditingDiscount(null) : setNewDiscount(null))}
onClick={() =>
isEditing ? setEditingDiscount(null) : setNewDiscount(null)
}
className="text-red-500 hover:text-red-700"
>
<X className="w-5 h-5" />
@ -187,7 +253,9 @@ const DiscountsSection = ({ discounts, setDiscounts, handleCreate, handleEdit, h
case 'LIBELLE':
return discount.name;
case 'REMISE':
return discount.discount_type === 0 ? `${discount.amount} €` : `${discount.amount} %`;
return discount.discount_type === 0
? `${discount.amount} €`
: `${discount.amount} %`;
case 'DESCRIPTION':
return discount.description;
case 'MISE A JOUR':
@ -200,11 +268,17 @@ const DiscountsSection = ({ discounts, setDiscounts, handleCreate, handleEdit, h
onClick={() => handleToggleDiscountType(discount.id)}
className="flex justify-center items-center text-emerald-500 hover:text-emerald-700"
>
{discount.discount_type === 0 ? <EuroIcon className="w-5 h-5" /> : <Percent className="w-5 h-5" />}
{discount.discount_type === 0 ? (
<EuroIcon className="w-5 h-5" />
) : (
<Percent className="w-5 h-5" />
)}
</button>
<button
type="button"
onClick={() => setEditingDiscount(discount.id) || setFormData(discount)}
onClick={() =>
setEditingDiscount(discount.id) || setFormData(discount)
}
className="text-blue-500 hover:text-blue-700"
>
<Edit3 className="w-5 h-5" />
@ -213,18 +287,22 @@ const DiscountsSection = ({ discounts, setDiscounts, handleCreate, handleEdit, h
type="button"
onClick={() => {
setRemovePopupVisible(true);
setRemovePopupMessage("Attentions ! \nVous êtes sur le point de supprimer un tarif personnalisé.\nÊtes-vous sûr(e) de vouloir poursuivre l'opération ?");
setRemovePopupMessage(
"Attentions ! \nVous êtes sur le point de supprimer un tarif personnalisé.\nÊtes-vous sûr(e) de vouloir poursuivre l'opération ?"
);
setRemovePopupOnConfirm(() => () => {
handleRemoveDiscount(discount.id)
.then(data => {
.then((data) => {
logger.debug('Success:', data);
setPopupMessage("Réduction correctement supprimé");
setPopupMessage('Réduction correctement supprimé');
setPopupVisible(true);
setRemovePopupVisible(false);
})
.catch(error => {
.catch((error) => {
logger.error('Error archiving data:', error);
setPopupMessage("Erreur lors de la suppression de la réduction");
setPopupMessage(
'Erreur lors de la suppression de la réduction'
);
setPopupVisible(true);
setRemovePopupVisible(false);
});
@ -236,17 +314,17 @@ const DiscountsSection = ({ discounts, setDiscounts, handleCreate, handleEdit, h
</button>
</div>
);
case '':
return (
<div className="flex justify-center">
<CheckBox
item={discount}
formData={{ selectedDiscounts }}
handleChange={() => handleDiscountSelection(discount.id)}
fieldName="selectedDiscounts"
/>
</div>
);
case '':
return (
<div className="flex justify-center">
<CheckBox
item={discount}
formData={{ selectedDiscounts }}
handleChange={() => handleDiscountSelection(discount.id)}
fieldName="selectedDiscounts"
/>
</div>
);
default:
return null;
}
@ -254,19 +332,19 @@ const DiscountsSection = ({ discounts, setDiscounts, handleCreate, handleEdit, h
};
const columns = subscriptionMode
? [
{ name: 'LIBELLE', label: 'Libellé' },
{ name: 'DESCRIPTION', label: 'Description' },
{ name: 'REMISE', label: 'Remise' },
{ name: '', label: 'Sélection' }
]
: [
{ name: 'LIBELLE', label: 'Libellé' },
{ name: 'REMISE', label: 'Remise' },
{ name: 'DESCRIPTION', label: 'Description' },
{ name: 'MISE A JOUR', label: 'Date mise à jour' },
{ name: 'ACTIONS', label: 'Actions' }
];
? [
{ name: 'LIBELLE', label: 'Libellé' },
{ name: 'DESCRIPTION', label: 'Description' },
{ name: 'REMISE', label: 'Remise' },
{ name: '', label: 'Sélection' },
]
: [
{ name: 'LIBELLE', label: 'Libellé' },
{ name: 'REMISE', label: 'Remise' },
{ name: 'DESCRIPTION', label: 'Description' },
{ name: 'MISE A JOUR', label: 'Date mise à jour' },
{ name: 'ACTIONS', label: 'Actions' },
];
return (
<div className="space-y-4">
@ -276,7 +354,11 @@ const DiscountsSection = ({ discounts, setDiscounts, handleCreate, handleEdit, h
<Tag className="w-6 h-6 text-emerald-500 mr-2" />
<h2 className="text-xl font-semibold">Liste des réductions</h2>
</div>
<button type="button" onClick={handleAddDiscount} className="text-emerald-500 hover:text-emerald-700">
<button
type="button"
onClick={handleAddDiscount}
className="text-emerald-500 hover:text-emerald-700"
>
<Plus className="w-5 h-5" />
</button>
</div>
@ -285,7 +367,7 @@ const DiscountsSection = ({ discounts, setDiscounts, handleCreate, handleEdit, h
data={newDiscount ? [newDiscount, ...discounts] : discounts}
columns={columns}
renderCell={renderDiscountCell}
defaultTheme='bg-yellow-100'
defaultTheme="bg-yellow-100"
/>
<Popup
visible={popupVisible}
@ -304,4 +386,4 @@ const DiscountsSection = ({ discounts, setDiscounts, handleCreate, handleEdit, h
);
};
export default DiscountsSection;
export default DiscountsSection;