react-weekly-planning 1.0.0

package/lib/utils.ts

@@ -0,0 +1,598 @@
+import moment from "moment";
+import {
+  TasksType,
+  TaskType,
+  TaskFeildsType,
+  GroupFeildsType,
+} from "../definitions";
+// Obtenir la date actuelle
+const currentDate = new Date();
+// Obtenir le jour de la semaine (dimanche = 0, lundi = 1, ..., samedi = 6)
+const currentDayOfWeek = currentDate.getDay();
+
+// Calculer la date de début de la semaine en millisecondes
+const startDate = new Date(currentDate);
+startDate.setDate(startDate.getDate() - currentDayOfWeek);
+startDate.setHours(0, 0, 0, 0);
+const startDateMilliseconds = startDate.getTime();
+
+// Calculer la date de fin de la semaine en millisecondes
+const endDate = new Date(currentDate);
+endDate.setDate(endDate.getDate() + (6 - currentDayOfWeek));
+endDate.setHours(23, 59, 59, 999);
+const endDateMilliseconds = endDate.getTime();
+function getDayHourly(weekOffset: number) {
+  const dailyHours: {
+    positionDay: number;
+    day: Date;
+    start: number;
+    end: number;
+  }[] = [];
+
+  // Boucle pour calculer les heures de début et de fin de chaque jour de la semaine
+  for (let i = 0; i < 7; i++) {
+    const dayDate = new Date(startDate);
+    dayDate.setDate(startDate.getDate() + i);
+    const dayStart = new Date(dayDate);
+    dayStart.setHours(1, 0, 0, 0);
+    const dayEnd = new Date(dayDate);
+    dayEnd.setHours(23, 59, 59, 59);
+
+    dailyHours.push({
+      positionDay: i,
+      day: new Date(dayStart.getTime() + weekOffset * 86400000),
+      start: dayStart.getTime() + weekOffset * 86400000,
+      end: dayEnd.getTime() + weekOffset * 86400000,
+    });
+  }
+  return dailyHours;
+}
+// Tableau pour stocker les heures de début et de fin de chaque jour de la semaine
+
+function millisecondsToDate(milliseconds: number) {
+  const date = new Date(milliseconds);
+
+  // Récupération du jour de la semaine
+  const daysOfWeek = ["Mon", "Tues", "Wed", "Thur", "Frid", "Sat", "Sun"];
+  const dayOfWeek = daysOfWeek[date.getDay()];
+  // Récupération de l'heure
+  let hours = date.getHours();
+  // Conversion de l'heure au format 12 heures
+  // hours = hours % 12 || 12;
+
+  // Récupération des minutes
+  const minutes = date.getMinutes();
+
+  // Construction de la date au format souhaité
+  const formattedDate = `${hours.toString().padStart(2, "0")}h:${minutes
+    .toString()
+    .padStart(2, "0")}`;
+
+  return { formattedDate, dayOfWeek };
+}
+
+function millisecondsToInt(milliseconds: number) {
+  const date = new Date(milliseconds);
+
+  // Récupération du jour de la semaine
+  const daysOfWeek = [
+    "Dimanche",
+    "Lundi",
+    "Mardi",
+    "Mercredi",
+    "Jeudi",
+    "Vendredi",
+    "Samedi",
+  ];
+  const dayOfWeek = daysOfWeek[date.getDay()];
+
+  // Récupération du jour du mois
+  const dayOfMonth = date.getDate();
+
+  // Récupération du mois
+  const months = [
+    "janvier",
+    "février",
+    "mars",
+    "avril",
+    "mai",
+    "juin",
+    "juillet",
+    "août",
+    "septembre",
+    "octobre",
+    "novembre",
+    "décembre",
+  ];
+  const month = months[date.getMonth()];
+
+  // Récupération de l'heure
+  let hours = date.getHours();
+  const amOrPm = hours >= 12 ? " pm" : " am";
+
+  // Conversion de l'heure au format 12 heures
+  // hours = hours % 12 || 12;
+
+  // Récupération des minutes
+  const minutes = date.getMinutes();
+
+  // Construction de la date au format souhaité
+  const formattedDate = hours.toString().padStart(2, "0");
+
+  return { formattedDate, dayOfWeek };
+}
+function getWeekDays(jump: number) {
+  const days = ["Sun", "Mon", "Tues", "Wed", "Thur", "Frid", "Sat"];
+  const month = [
+    "Jan",
+    "Fev",
+    "Mar",
+    "Avr",
+    "Mai",
+    "Jui",
+    "Juil",
+    "Aôu",
+    "Sept",
+    "Oct",
+    "Nov",
+    "Dec",
+  ];
+  const currentDate = new Date();
+  const currentDayOfWeek = currentDate.getDay(); // Récupérer le jour de la semaine (0 pour dimanche, 1 pour lundi, etc.)
+  let weekDays = [];
+
+  for (let i = 0; i < 7; i++) {
+    const day = new Date();
+    const diff = i - currentDayOfWeek;
+
+    day.setDate(currentDate.getDate() + diff + jump);
+
+    const formattedDay = `${days[day.getDay()]}. ${day.getDate()},  ${
+      month[day.getMonth()]
+    }  ${day.getFullYear()}`;
+    weekDays.push({
+      day: days[day.getDay()],
+      dayMonth: month[day.getMonth()],
+      dayYear: day.getFullYear(),
+      dayOfTheMonth: day.getDate(),
+    });
+  }
+
+  return weekDays;
+}
+
+function getCalandarDays(jump: number) {
+  const days = ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"];
+  const month = [
+    "Jan",
+    "Fev",
+    "Mar",
+    "Avr",
+    "Mai",
+    "Jui",
+    "Juil",
+    "Aôu",
+    "Sept",
+    "Oct",
+    "Nov",
+    "Dec",
+  ];
+  const currentDate = new Date();
+  const currentDayOfWeek = currentDate.getDay(); // Récupérer le jour de la semaine (0 pour dimanche, 1 pour lundi, etc.)
+  let weekDays = [];
+
+  for (let i = 0; i < 7; i++) {
+    const day = new Date();
+    const diff = i - currentDayOfWeek;
+
+    day.setDate(currentDate.getDate() + diff + jump);
+
+    const formattedDay = day;
+    weekDays.push(formattedDay);
+  }
+
+  return weekDays;
+}
+function getWeekMonthAndYear(jump: number) {
+  const days = ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"];
+  const currentDate = new Date();
+  const currentDayOfWeek = currentDate.getDay(); // Récupérer le jour de la semaine (0 pour dimanche, 1 pour lundi, etc.)
+  let weekMonthYear = [];
+
+  for (let i = 0; i < 7; i++) {
+    const day = new Date();
+    const diff = i - currentDayOfWeek;
+
+    day.setDate(currentDate.getDate() + diff + jump);
+
+    const formattedDay = `${days[day.getMonth()]} - ${day.getFullYear()}`;
+    weekMonthYear.push(formattedDay);
+  }
+
+  return weekMonthYear;
+}
+function displayDayOnModalLeft(jump: number) {
+  const currentDate = new Date();
+  const currentDayOfWeek = currentDate.getDay(); // Récupérer le jour de la semaine (0 pour dimanche, 1 pour lundi, etc.)
+  let dayModal = [];
+
+  for (let i = 0; i < 7; i++) {
+    const day = new Date();
+    const diff = i - currentDayOfWeek;
+
+    day.setDate(currentDate.getDate() + diff + jump);
+    dayModal.push(day);
+  }
+
+  return dayModal;
+}
+function getWeeksListUpdate(annee: any) {
+  // Créer un objet Date pour le premier jour de l'année
+  const premierJour = new Date(annee, 0, 1);
+
+  // Créer un tableau vide pour stocker les semaines
+  const weeksList = [];
+
+  // Créer des tableaux pour les jours de la semaine et les mois
+  const daysOfWeek = ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"];
+  const months = [
+    "Jan",
+    "Fev",
+    "Mar",
+    "Avr",
+    "Mai",
+    "Jui",
+    "Juil",
+    "Aôu",
+    "Sept",
+    "Oct",
+    "Nov",
+    "Dec",
+  ];
+
+  // Obtenir le nombre de semaines dans l'année
+  const nombreSemaines = moment().year(annee).weeksInYear();
+
+  // Faire une boucle sur les semaines
+  for (let i = 0; i < nombreSemaines; i++) {
+    // Calculer le début et la fin de la semaine en ajoutant le nombre de jours correspondant
+    const weekStart = new Date(annee, 0, 1 + i * 7 - premierJour.getDay());
+    const weekEnd = new Date(annee, 0, 1 + i * 7 - premierJour.getDay() + 6);
+
+    // Formater les dates au format souhaité
+    const formattedStart = `${
+      daysOfWeek[weekStart.getDay()]
+    }.${weekStart.getDate()}  ${
+      months[weekStart.getMonth()]
+    }  ${weekStart.getFullYear()}`;
+    const formattedEnd = `${
+      daysOfWeek[weekEnd.getDay()]
+    }.${weekEnd.getDate()}  ${
+      months[weekEnd.getMonth()]
+    }  ${weekEnd.getFullYear()}`;
+
+    // Ajouter la semaine au tableau
+    weeksList.push(`${formattedStart} - ${formattedEnd}`);
+  }
+
+  // Retourner le tableau des semaines
+  return weeksList;
+}
+
+function getWeeksList() {
+  const today = new Date();
+  const weeksList = [];
+  const daysOfWeek = ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"];
+  const months = [
+    "Jan",
+    "Fev",
+    "Mar",
+    "Avr",
+    "Mai",
+    "Jui",
+    "Juil",
+    "Aôu",
+    "Sept",
+    "Oct",
+    "Nov",
+    "Dec",
+  ];
+  for (let i = -5; i <= 5; i++) {
+    const weekStart = new Date(
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate() + i * 7 - today.getDay()
+    );
+    const weekEnd = new Date(
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate() + i * 7 - today.getDay() + 6
+    );
+
+    const options = {
+      weekday: "short",
+      day: "numeric",
+      month: "short",
+      year: "numeric",
+    };
+    const dayOfWeek = daysOfWeek[weekStart.getDay()];
+    const formattedStart = `${
+      daysOfWeek[weekStart.getDay()]
+    }.${weekStart.getDate()}  ${
+      months[weekStart.getMonth()]
+    }  ${weekStart.getFullYear()}`;
+    // const formattedStart = weekStart.toLocaleDateString('fr-FR', options);
+    const formattedEnd = `${
+      daysOfWeek[weekEnd.getDay()]
+    }.${weekEnd.getDate()}  ${
+      months[weekEnd.getMonth()]
+    }  ${weekEnd.getFullYear()}`;
+
+    weeksList.push(`${formattedStart} - ${formattedEnd}`);
+  }
+
+  return weeksList;
+}
+function getDoubleWeeksList() {
+  const today = new Date();
+  const weeksList = [];
+  const daysOfWeek = ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"];
+  const months = [
+    "Jan",
+    "Fev",
+    "Mar",
+    "Avr",
+    "Mai",
+    "Jui",
+    "Juil",
+    "Aôu",
+    "Sept",
+    "Oct",
+    "Nov",
+    "Dec",
+  ];
+  for (let i = -5; i <= 5; i++) {
+    const weekStart = new Date(
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate() + i * 7 - today.getDay()
+    );
+    const weekEnd = new Date(
+      today.getFullYear(),
+      today.getMonth(),
+      today.getDate() + i * 7 - today.getDay() + 13
+    );
+
+    const options = {
+      weekday: "short",
+      day: "numeric",
+      month: "short",
+      year: "numeric",
+    };
+    const dayOfWeek = daysOfWeek[weekStart.getDay()];
+    const formattedStart = `${
+      daysOfWeek[weekStart.getDay()]
+    }.${weekStart.getDate()}  ${
+      months[weekStart.getMonth()]
+    }  ${weekStart.getFullYear()}`;
+    // const formattedStart = weekStart.toLocaleDateString('fr-FR', options);
+    const formattedEnd = `${
+      daysOfWeek[weekEnd.getDay()]
+    }.${weekEnd.getDate()}  ${
+      months[weekEnd.getMonth()]
+    }  ${weekEnd.getFullYear()}`;
+
+    weeksList.push(`${formattedStart} - ${formattedEnd}`);
+  }
+
+  return weeksList;
+}
+
+function formatDateToCustomFormat(dateString: string) {
+  // Tableau contenant les noms des jours de la semaine en français
+  const daysOfWeek = [
+    "Dimanche",
+    "Lundi",
+    "Mardi",
+    "Mercredi",
+    "Jeudi",
+    "Vendredi",
+    "Samedi",
+  ];
+
+  // Tableau contenant les noms des mois en français
+  const months = [
+    "janvier",
+    "février",
+    "mars",
+    "avril",
+    "mai",
+    "juin",
+    "juillet",
+    "août",
+    "septembre",
+    "octobre",
+    "novembre",
+    "décembre",
+  ];
+
+  // Créer un objet Date à partir de la chaîne de caractères
+  const date = new Date(dateString);
+
+  // Récupérer le jour de la semaine, le jour du mois et le mois
+  const dayOfWeek = daysOfWeek[date.getDay()];
+  const dayOfMonth = date.getDate();
+  const month = months[date.getMonth()];
+
+  // Formater la date dans le format 'jour_de_la_semaine jour_du_mois mois'
+  const formattedDate = `${dayOfWeek} ${dayOfMonth} ${month}`;
+
+  return formattedDate;
+}
+
+function clickedDate(dateString: string) {
+  // Créer un objet Date à partir de la chaîne de caractères
+  const date = new Date(dateString);
+  return date;
+}
+const calculateTimeOfDayRange = (start: number, end: number) => {
+  const hourToMillisecond = 3600000;
+  const range = [];
+  for (let i = start; i < end; i += hourToMillisecond) {
+    range.push(i);
+  }
+  return range;
+};
+
+function getWeekNumber(date: Date) {
+  date.setHours(0, 0, 0, 0);
+  date.setDate(date.getDate() + 4 - (date.getDay() || 7));
+  const yearStart = new Date(date.getFullYear(), 0, 1).getTime();
+  const weekNumber = Math.ceil(
+    ((date.getTime() - yearStart) / 86400000 + 1) / 7
+  );
+  return weekNumber;
+}
+function updateSelectedDateForEcartSemaine(dateSelectionnee: Date) {
+  if (dateSelectionnee.getDay() === 0)
+    return new Date(dateSelectionnee.getTime() + 86400000);
+  return dateSelectionnee;
+}
+
+function calculerEcartSemaine(dateSelectionnee: Date) {
+  // Récupérer la date actuelle
+  if (!dateSelectionnee) {
+    return;
+  }
+  const selectedDateUpdated=updateSelectedDateForEcartSemaine(dateSelectionnee)
+
+  const dateActuelle = new Date();
+
+  // Extraire l'année et le numéro de la semaine de la date actuelle
+  const anneeActuelle = dateActuelle.getFullYear();
+  const numeroSemaineActuelle = getWeekNumber(dateActuelle);
+
+  // Extraire l'année et le numéro de la semaine de la date sélectionnée
+
+  const anneeSelectionnee = selectedDateUpdated.getFullYear();
+  const numeroSemaineSelectionnee = getWeekNumber(selectedDateUpdated);
+
+  // Calculer le nombre de semaines depuis une date d'origine arbitraire
+
+  // Calculer l'écart entre les semaines en utilisant la formule
+  const ecartSemaine =
+    semainesDepuisOrigine(anneeSelectionnee, numeroSemaineSelectionnee) -
+    semainesDepuisOrigine(anneeActuelle, numeroSemaineActuelle);
+
+  return ecartSemaine * 7;
+}
+function semainesDepuisOrigine(annee: number, numeroSemaine: number) {
+  // Choisir le 1er janvier 2022 comme date d'origine
+  const dateOrigine = new Date(2022, 0, 1);
+  const anneeOrigine = dateOrigine.getFullYear();
+  const numeroSemaineOrigine = getWeekNumber(dateOrigine);
+
+  // Calculer le nombre total de semaines écoulées depuis la date d'origine
+  let nombreSemaines = 0;
+  for (let i = anneeOrigine; i < annee; i++) {
+    nombreSemaines += moment().year(i).weeksInYear();
+  }
+  nombreSemaines += numeroSemaine - numeroSemaineOrigine;
+
+  return nombreSemaines;
+}
+
+function getSessionStorageRecordForDragAndDrop(
+  tasks: TasksType,
+  positionDay: number,
+  dropGroupId: string
+) {
+  const dragtaskId = window.sessionStorage.getItem("calendardragtaskId");
+  const dragtaskStart = window.sessionStorage.getItem("calendardragtaskStart");
+  const dragtaskEnd = window.sessionStorage.getItem("calendardragtaskEnd");
+  const dragdayIndex = window.sessionStorage.getItem("calendardragdayIndex");
+  let newTask: TaskFeildsType | any;
+  let newTasks: TasksType = [];
+  // window.sessionStorage.clear();
+  if (!dragdayIndex || !dragtaskStart || !dragtaskEnd || !dragtaskId || !tasks)
+    return;
+  const dragTask = tasks.find((task) => task.taskId === dragtaskId);
+  const dayIndex = parseInt(dragdayIndex);
+  const ecartDaysIndex = positionDay - dayIndex;
+  const ecartDays = ecartDaysIndex * 86400000;
+  const taskDropStart = parseInt(dragtaskStart) + ecartDays;
+  const taskDropEnd = parseInt(dragtaskEnd) + ecartDays;
+  const taskDropDate = new Date(taskDropStart);
+  if (dragTask) {
+    const { taskStart, taskEnd, taskDate, groupId, dayIndex, ...rest } =
+      dragTask;
+
+    newTask = {
+      taskStart: taskDropStart,
+      taskEnd: taskDropEnd,
+      taskDate: taskDropDate,
+      groupId: dropGroupId,
+      dayIndex: positionDay,
+      ...rest,
+    };
+
+    const dragTaskIndex = tasks.findIndex((task) => task.taskId === dragtaskId);
+    newTasks = [...tasks];
+    newTasks.splice(dragTaskIndex, 1, newTask);
+  }
+  return { taskDropStart, taskDropEnd, taskDropDate, newTask, newTasks };
+}
+
+function compareWeekOffset(
+  calendarDate: Date,
+  weekOffset: number,
+  taskDate: Date
+) {
+  if (taskDate.getDay() === 0 && calculerEcartSemaine(taskDate) === -7) {
+    return true;
+  }
+  if (calendarDate)
+    return (
+      calculerEcartSemaine(calendarDate) === calculerEcartSemaine(taskDate)
+    );
+  return weekOffset === calculerEcartSemaine(taskDate);
+}
+
+const sumHoursByGroups = (
+  groupId: string,
+  tasks: TasksType | any,
+  weekOffset: number,
+  calendarDate: Date
+) => {
+  let sum: number = 0;
+  tasks?.forEach((task: TaskType | any) => {
+    if (
+      task.groupId === groupId &&
+      compareWeekOffset(calendarDate, weekOffset, task.taskDate) === true
+    ) {
+      sum += (task.taskEnd - task.taskStart) / 3600000;
+    }
+  });
+  return sum;
+};
+export {
+  getWeeksListUpdate,
+  clickedDate,
+  getCalandarDays,
+  startDateMilliseconds,
+  endDateMilliseconds,
+  getDayHourly,
+  millisecondsToDate,
+  getWeekDays,
+  formatDateToCustomFormat,
+  displayDayOnModalLeft,
+  millisecondsToInt,
+  getWeekMonthAndYear,
+  getWeeksList,
+  getDoubleWeeksList,
+  calculerEcartSemaine,
+  calculateTimeOfDayRange,
+  getSessionStorageRecordForDragAndDrop,
+  compareWeekOffset,
+  sumHoursByGroups,
+};