+
+
+ Cliquez sur le calendrier pour créer une réservation.
+
+
+ {/* Invitation status */}
+
+ Status
+
+ setShowValidated(v)}
+ color="success"
+ />
+ }
+ label="Validées"
+ />
+ setShowRejected(v)}
+ color="error"
+ />
+ }
+ label="Rejetées"
+ />
+ setShowPending(v)}
+ color="info"
+ />
+ }
+ label="En attente de validation"
+ />
+
+
+
+ {/* Accommodations */}
+
+ Logements
+
+ {accommodations.accommodations.fullList.map((a) => (
+ {
+ if (v) hiddenAccommodations.delete(a.id);
+ else hiddenAccommodations.add(a.id);
+ setHiddenAccommodations(
+ new Set(hiddenAccommodations)
+ );
+ }}
+ />
+ }
+ label={a.name}
+ />
+ ))}
+
+
+
+ {/* People */}
+
+ Personnes
+
+ {users?.map((u) => (
+ {
+ if (v) hiddenPeople.delete(u.user_id);
+ else hiddenPeople.add(u.user_id);
+ setHiddenPeople(new Set(hiddenPeople));
+ }}
+ />
+ }
+ label={u.user_name}
+ />
+ ))}
+
+
+
+
+ {/* The calendar */}
+
+ {
+ const a = accommodations.accommodations.get(
+ r.accommodation_id
+ )!;
+ const u = users?.find((u) => u.user_id === r.user_id);
+ return {
+ title: `${u?.user_name} - ${a.name}`,
+ start: fmtUnixDateFullCalendar(r.reservation_start, false),
+ end: fmtUnixDateFullCalendar(r.reservation_end, true),
+ allDay: true,
+ color: a.color ? "#" + a.color : undefined,
+ borderColor:
+ r.validated === true
+ ? "green"
+ : r.validated === false
+ ? "red"
+ : "grey ",
+ extendedProps: {
+ id: r.id,
+ },
+ };
+ })}
+ />
+
+
+ {/* Calendar event popover */}
+
+
{
+ setActiveEvent(undefined);
+ }}
+ anchorOrigin={{
+ vertical: "bottom",
+ horizontal: "left",
+ }}
+ >
+
+
+ {activeEvent?.user.user_name
+ .substring(0, 1)
+ .toLocaleUpperCase()}
+
+ }
+ title={activeEvent?.user.user_name}
+ subheader={activeEvent?.user.user_mail}
+ />
+
+
+
+
+ Réservation de {activeEvent?.accommodation.name}
+
+ {activeEvent?.accommodation.description}
+
+
+ Du{" "}
+ {fmtUnixDate(
+ activeEvent?.reservation.reservation_start ?? 0
+ )}{" "}
+
+ Au{" "}
+ {fmtUnixDate(
+ activeEvent?.reservation.reservation_end ?? 0
+ )}
+
+
+
+ {activeEvent?.reservation.validated === false ? (
+ Refusée
+ ) : activeEvent?.reservation.validated === true ? (
+ Validée
+ ) : (
+
+ En attente de validation
+
+ )}
+
+
+
+
+
+ {activeEvent?.accommodation.need_validation &&
+ family.family.is_admin && (
+ <>
+
+
+ setValidateResaAnchorEl(e.currentTarget)
+ }
+ >
+
+
+
+
+
+ )}
+
+ {user.user.id === activeEvent?.reservation.user_id && (
+ <>
+
+
+ changeReservation(activeEvent?.reservation)
+ }
+ >
+
+
+
+
+
+ deleteReservation(activeEvent?.reservation)
+ }
+ >
+
+
+
+
+ )}
+
+
+
+