front: handle duplicate paced trains

Signed-off-by: SharglutDev <[email protected]>

Author: SharglutDev

front/public/locales/en/operationalStudies/scenario.json

@@ -81,6 +81,7 @@
     "noSpeedLimitTagsShort": "None",
     "noTrain": "No train",
     "pacedTrain": "Service",
+    "pacedTrainAdded": "Service added",
     "pacedTrainDeleted": "{{name}} service has been deleted",
     "punctuality": "Punctuality",
     "rollingStockFilterPlaceholder": "Family, detail, serie",

front/public/locales/fr/operationalStudies/scenario.json

@@ -81,6 +81,7 @@
     "noSpeedLimitTagsShort": "Aucun",
     "noTrain": "Aucun train",
     "pacedTrain": "Mission",
+    "pacedTrainAdded": "Mission ajoutée",
     "pacedTrainDeleted": "La mission {{name}} a bien été supprimée",
     "punctuality": "Ponctualité",
     "rollingStockFilterPlaceholder": "Famille, détail, série",

front/src/applications/operationalStudies/helpers/formatTimetableItemSummaries.ts

@@ -82,7 +82,7 @@ const formatTimetableItemSummaries = (
 
       const formattedItem = {
         ...timetableItem,
-        trainName: timetableItem.train_name,
+        name: timetableItem.train_name,
         startTime,
         stopsCount:
           (timetableItem.schedule?.filter(

front/src/applications/operationalStudies/helpers/formatTrainScheduleSummaries.ts

@@ -72,7 +72,7 @@ const formatTrainScheduleSummaries = (
 
     return {
       ...trainSchedule,
-      trainName: trainSchedule.train_name,
+      name: trainSchedule.train_name,
       startTime,
       stopsCount:
         (trainSchedule.schedule?.filter(

front/src/applications/operationalStudies/hooks/useScenarioData.ts

@@ -28,10 +28,10 @@ import {
 import { mapBy } from 'utils/types';
 
 import useAutoUpdateProjection from './useAutoUpdateProjection';
+import useLazyLoadTimetableItems from './useLazyLoadTimatableItems';
 import useLazyLoadTrains from './useLazyLoadTrains';
 import usePathProjection from './usePathProjection';
 import formatTrainScheduleSummaries from '../helpers/formatTrainScheduleSummaries';
-import useLazyLoadTimetableItems from './useLazyLoadTimatableItems';
 
 const useScenarioData = (scenario: ScenarioResponse, infra: InfraWithState) => {
   const electricalProfileSetId = useSelector(getOperationalStudiesElectricalProfileSetId);

front/src/modules/trainschedule/components/Timetable/PacedTrain/PacedTrainItem.tsx

@@ -4,15 +4,26 @@ import { Checkbox } from '@osrd-project/ui-core';
 import { ChevronDown, ChevronRight, Clock, Flame, Manchette } from '@osrd-project/ui-icons';
 import cx from 'classnames';
 import dayjs from 'dayjs';
+import { omit } from 'lodash';
 import { useTranslation } from 'react-i18next';
 
-import { osrdEditoastApi } from 'common/api/osrdEditoastApi';
+import { osrdEditoastApi, type PacedTrainBase } from 'common/api/osrdEditoastApi';
 import { setFailure, setSuccess } from 'reducers/main';
-import type { PacedTrainId, TimetableItemId, TrainId } from 'reducers/osrdconf/types';
+import type {
+  PacedTrainId,
+  PacedTrainResultWithPacedTrainId,
+  TimetableItemId,
+  TimetableItemWithTimetableId,
+  TrainId,
+} from 'reducers/osrdconf/types';
 import { useAppDispatch } from 'store';
+import { addDurationToDate, Duration } from 'utils/duration';
 import { castErrorToFailure } from 'utils/error';
 import { ms2min } from 'utils/timeManipulation';
-import { formatPacedTrainIdToEditoastTrainId } from 'utils/trainId';
+import {
+  formatEditoastTrainIdToPacedTrainId,
+  formatPacedTrainIdToEditoastTrainId,
+} from 'utils/trainId';
 
 import TimetableItemActions from '../TimetableItemActions';
 import useOccurrences from './hooks/useOccurrences';
@@ -28,6 +39,7 @@ type PacedTrainItemProps = {
   isProjectionPathUsed: boolean;
   selectedTimeTableItemId: TrainId | undefined;
   selectPacedTrainToEdit: (pacedTrain: PacedTrainWithDetails) => void;
+  upsertTimetableItems: (timetableItems: TimetableItemWithTimetableId[]) => void;
   removePaceTrains: (pacedTrainIdsToRemove: TimetableItemId[]) => void;
   // dtoImport: () => void;
 };
@@ -41,6 +53,7 @@ const PacedTrainItem = ({
   isProjectionPathUsed,
   selectPacedTrainToEdit,
   selectedTimeTableItemId,
+  upsertTimetableItems,
   removePaceTrains,
   // dtoImport,
 }: PacedTrainItemProps) => {
@@ -50,11 +63,12 @@ const PacedTrainItem = ({
   const [isOccurrencesListOpen, setIsOccurrencesListOpen] = useState(false);
   const { occurrences, occurrencesCount } = useOccurrences(pacedTrain);
 
+  const [postPacedTrain] = osrdEditoastApi.endpoints.postTimetableByIdPacedTrains.useMutation();
+  const [getPacedTrainById] = osrdEditoastApi.endpoints.getPacedTrainById.useLazyQuery();
   const [deletePacedTrains] = osrdEditoastApi.endpoints.deletePacedTrain.useMutation();
 
   const toggleOccurrencesList = () => setIsOccurrencesListOpen((open) => !open);
   const selectPathProjection = async () => {};
-  const duplicatePacedTrain = async () => {};
 
   const deletePacedTrain = async () => {
     // if (isSelected) {
@@ -63,7 +77,6 @@ const PacedTrainItem = ({
     //   dispatch(updateSelectedTrainId(undefined));
     // }
 
-    // TODO Paced train : Adapt this to handle paced trains in issue https://github.com/OpenRailAssociation/osrd/issues/10615
     deletePacedTrains({
       body: { ids: [formatPacedTrainIdToEditoastTrainId(pacedTrain.id)] },
     })
@@ -73,7 +86,7 @@ const PacedTrainItem = ({
         // dtoImport();
         dispatch(
           setSuccess({
-            title: t('timetable.pacedTrainDeleted', { name: pacedTrain.trainName }),
+            title: t('timetable.pacedTrainDeleted', { name: pacedTrain.name }),
             text: '',
           })
         );
@@ -86,6 +99,55 @@ const PacedTrainItem = ({
       });
   };
 
+  const duplicatePacedTrain = async () => {
+    // Static for now, will be dynamic when UI will be ready
+    const pacedTrainName = `${pacedTrain.name} (${t('timetable.copy')})`;
+    const pacedTrainDelta = 5;
+
+    const editoastTrainId = formatPacedTrainIdToEditoastTrainId(pacedTrain.id);
+    const pacedTrainDetail = await getPacedTrainById({
+      id: editoastTrainId,
+    })
+      .unwrap()
+      .catch((e) => {
+        dispatch(setFailure(castErrorToFailure(e)));
+      });
+
+    if (pacedTrainDetail) {
+      const startTime = new Date(pacedTrainDetail.start_time);
+      const newStartTimeString = addDurationToDate(
+        startTime,
+        new Duration({ minutes: pacedTrainDelta })
+      );
+      const newPacedTrain: PacedTrainBase = {
+        ...omit(pacedTrainDetail, ['id', 'timetable_id']),
+        start_time: newStartTimeString.toISOString(),
+        train_name: pacedTrainName,
+      };
+
+      try {
+        const [pacedTrainResult] = await postPacedTrain({
+          id: pacedTrainDetail.timetable_id,
+          body: [newPacedTrain],
+        }).unwrap();
+        const formattedTrainScheduleResult: PacedTrainResultWithPacedTrainId = {
+          ...pacedTrainResult,
+          id: formatEditoastTrainIdToPacedTrainId(pacedTrainResult.id),
+        };
+        upsertTimetableItems([formattedTrainScheduleResult]);
+        // dtoImport();
+        dispatch(
+          setSuccess({
+            title: t('timetable.pacedTrainAdded'),
+            text: `${pacedTrainName}`,
+          })
+        );
+      } catch (e) {
+        dispatch(setFailure(castErrorToFailure(e)));
+      }
+    }
+  };
+
   return (
     <div
       data-testid="scenario-timetable-train"
@@ -113,7 +175,7 @@ const PacedTrainItem = ({
         </div>
 
         <div
-          title={pacedTrain.trainName}
+          title={pacedTrain.name}
           className="paced-train-main-info"
           onClick={toggleOccurrencesList}
           role="button"
@@ -131,7 +193,7 @@ const PacedTrainItem = ({
             <ChevronRight className="toggle-icon center-icon" />
           )}
           <div className="train-info">
-            <span className="train-name">{pacedTrain.trainName}</span>
+            <span className="train-name">{pacedTrain.name}</span>
           </div>
         </div>
 

front/src/modules/trainschedule/components/Timetable/Timetable.tsx

@@ -226,6 +226,7 @@ const Timetable = ({
                   isOnEdit={timetableItem.id === itemIdToEdit}
                   isProjectionPathUsed={false}
                   selectedTimeTableItemId={selectedTrainId}
+                  upsertTimetableItems={upsertTimetableItems}
                   removePaceTrains={removeAndUnselectTrains}
                   // TODO Paced trains : update this to handle delete paced trains in https://github.com/OpenRailAssociation/osrd/issues/10612
                   // dtoImport={dtoImport}

front/src/modules/trainschedule/components/Timetable/TrainScheduleItem.tsx

@@ -80,7 +80,6 @@ const TrainScheduleItem = ({
       dispatch(updateSelectedTrainId(undefined));
     }
 
-    // TODO Paced train : Adapt this to handle paced trains in issue https://github.com/OpenRailAssociation/osrd/issues/10615
     deleteTrainSchedule({
       body: { ids: [formatTrainScheduleIdToEditoastTrainId(train.id)] },
     })
@@ -90,7 +89,7 @@ const TrainScheduleItem = ({
         dtoImport();
         dispatch(
           setSuccess({
-            title: t('timetable.trainDeleted', { name: train.trainName }),
+            title: t('timetable.trainDeleted', { name: train.name }),
             text: '',
           })
         );
@@ -105,12 +104,11 @@ const TrainScheduleItem = ({
 
   const duplicateTrain = async () => {
     // Static for now, will be dynamic when UI will be ready
-    const trainName = `${train.trainName} (${t('timetable.copy')})`;
+    const trainName = `${train.name} (${t('timetable.copy')})`;
     const trainDelta = 5;
     const trainCount = 1;
     const actualTrainCount = 1;
 
-    // TODO Paced train : Adapt this to handle paced trains in issue https://github.com/OpenRailAssociation/osrd/issues/10615
     const editoastTrainId = formatTrainScheduleIdToEditoastTrainId(train.id);
     const trainDetail = await getTrainSchedule({
       id: editoastTrainId,
@@ -189,14 +187,14 @@ const TrainScheduleItem = ({
                   small
                 />
               </div>
-              <div title={train.trainName} className="checkbox-label">
+              <div title={train.name} className="checkbox-label">
                 <div className="train-info">
                   {projectionPathIsUsed && (
                     <div className="train-projected">
                       <Manchette iconColor="var(--white100)" />
                     </div>
                   )}
-                  <span className="train-name">{train.trainName}</span>
+                  <span className="train-name">{train.name}</span>
                 </div>
               </div>
             </div>

front/src/modules/trainschedule/components/Timetable/types.ts

@@ -20,7 +20,7 @@ type TimetableItemWithSummaries = Omit<
   TrainScheduleResult,
   'id' | 'train_name' | 'rolling_stock_name' | 'timetable_id' | 'start_time'
 > & {
-  trainName: string;
+  name: string;
   startTime: Date;
   arrivalTime: Date | null;
   duration: Duration | null;