LouisMazin/Boulangerie_Website
LouisMazin/Boulangerie_Website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

test

Browse Source
This commit is contained in:
Louis Mazin 2026-09-20 02:43:41 +02:00
parent 0780f2da4a
commit 17de4fa65a
1 changed files with 143 additions and 162 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

147
frontend/src/pages/WeeklySummaryPage.jsx
View File

@ -44,14 +44,24 @@ const USER_COLORS = [
const expandOvernightAttendances = (entries) => {
return entries.map((entry) => {
if (entry.start_time && !entry.end_time) {
const start =
entry.start_time ??
entry.startTime ??
'';
const end =
entry.end_time ??
entry.endTime ??
'';
if (start && !end) {
return {
...entry,
end_time: '24:00:00',
};
}
if (!entry.start_time && entry.end_time) {
if (!start && end) {
return {
...entry,
start_time: '00:00:00',
@ -429,10 +439,8 @@ const WeeklySummaryPage = ({ userId }) => {
);
/*
* Sur mobile, la hauteur du conteneur est volontairement
* limitée afin que le contenu interne puisse défiler.
*
* On ne calcule donc pas availableScheduleHeight ici.
* Sur mobile, le planning possède sa propre hauteur
* visible et son propre scroll.
*/
if (window.innerWidth < 768) {
return;
@ -576,11 +584,11 @@ const WeeklySummaryPage = ({ userId }) => {
: 'endTime';
const value =
attendance[key] ||
attendance[legacyKey] ||
attendance[key] ??
attendance[legacyKey] ??
'';
return value.slice(0, 5);
return String(value).slice(0, 5);
};
const getMinutes = (time) => {
@ -972,6 +980,48 @@ const WeeklySummaryPage = ({ userId }) => {
);
};
/*
* ------------------------------------------------------------
* Créneaux réellement affichables
* ------------------------------------------------------------
*
* Cette fonction est utilisée par le rendu mobile ET permet
* de garantir que les créneaux sont filtrés de la même manière.
*/
const getRenderableAttendancesForDay = (
dayAttendances,
) => {
return getSelectedUserAttendances(
dayAttendances,
)
.map((attendance, index) => ({
attendance,
index,
start: getMinutes(
getTimeValue(
attendance,
'start_time',
),
),
end: getMinutes(
getTimeValue(
attendance,
'end_time',
),
),
}))
.filter(
({
start,
end,
}) =>
start !== null &&
end !== null &&
end > start,
);
};
/*
* ------------------------------------------------------------
* États
@ -1021,14 +1071,6 @@ const WeeklySummaryPage = ({ userId }) => {
* ------------------------------------------------------------
* Hauteur du planning
* ------------------------------------------------------------
*
* Desktop :
* la hauteur calculée doit tenir dans la Card.
*
* Mobile :
* chaque heure possède une hauteur fixe confortable.
* Le planning est donc volontairement plus haut que
* sa fenêtre visible et devient réellement scrollable.
*/
const scheduleHeight = isMobile
@ -1587,41 +1629,13 @@ const WeeklySummaryPage = ({ userId }) => {
)}
</div>
) : (
getSelectedUserAttendances(
getRenderableAttendancesForDay(
getAttendancesForDay(
weekDays[
selectedDayIndex
],
),
)
.map(
(attendance, index) => ({
attendance,
index,
start: getMinutes(
getTimeValue(
attendance,
'start_time',
),
),
end: getMinutes(
getTimeValue(
attendance,
'end_time',
),
),
}),
)
.filter(
({
start,
end,
}) =>
start !== null &&
end !== null &&
end > start,
)
.map(
).map(
({
attendance,
start,
@ -1648,9 +1662,7 @@ const WeeklySummaryPage = ({ userId }) => {
)}-${start}-${end}-${index}`
}
className="absolute left-0 right-0 overflow-hidden rounded-sm border border-blue-600/30 bg-blue-500/80"
style={
style
}
style={style}
>
<div className="p-1 text-xs text-white">
{formatSegmentTime(
@ -1863,40 +1875,9 @@ const WeeklySummaryPage = ({ userId }) => {
)}
</div>
) : (
getSelectedUserAttendances(
getRenderableAttendancesForDay(
dayAttendances,
)
.map(
(
attendance,
index,
) => ({
attendance,
index,
start: getMinutes(
getTimeValue(
attendance,
'start_time',
),
),
end: getMinutes(
getTimeValue(
attendance,
'end_time',
),
),
}),
)
.filter(
({
start,
end,
}) =>
start !== null &&
end !== null &&
end > start,
)
.map(
).map(
({
attendance,
start,