Nwz/motrice related

front/package.json

@@ -72,6 +72,7 @@
     "lodash": "^4.17.15",
     "maplibre-gl": "^2.4.0",
     "openapi-typescript-codegen": "^0.24.0",
+    "party-js": "^2.2.0",
     "prop-types": "^15.8.1",
     "react": "^18.2.0",
     "react-beautiful-dnd": "^13.1.1",

front/public/locales/en/home/navbar.json

@@ -14,8 +14,12 @@
     "fr": "Français",
     "it": "Italiano",
     "jp": "やまと",
+    "languageChoice": "Language",
     "ru": "Русский",
-    "uk": "Українська",
-    "languageChoice": "Language"
-  }
-}
+    "uk": "Українська"
+  },
+  "safeWord": "Safe word",
+  "safeWordHelp": "The \"safe word\" is used to filter project list with this word used as a transparent tag. Choose a complex word to ensure it's not already used by someone else. Use it as a tag when creating or updating a project; it will be automatically added as a tag on project creation if already entered here.",
+  "userSettings": "User settings",
+  "yourSafeWord": "Enter your safe word"
+}

front/public/locales/fr/home/navbar.json

@@ -14,8 +14,12 @@
     "fr": "Français",
     "it": "Italiano",
     "jp": "やまと",
+    "languageChoice": "Langue de l'interface",
     "ru": "Русский",
-    "uk": "Українська",
-    "languageChoice": "Langue de l'interface"
-  }
-}
+    "uk": "Українська"
+  },
+  "safeWord": "Mot clé de sécurité",
+  "safeWordHelp": "Le « mot-clé de sécurité » permet de filtrer de manière transparente la liste des projets avec le mot renseigné, utilisé comme une étiquette. Préférez un mot compliqué dans l'idée que personne ne l'utilise par inadvertance. Ajoutez-le comme une étiquette à un projet ; il sera automatiquement ajouté à la création de projet si le mot est renseigné ici.",
+  "userSettings": "Paramètres utilisateur",
+  "yourSafeWord": "Tapez votre mot"
+}

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

@@ -5,18 +5,19 @@
   "deleteProjects": "Supprimer",
   "filterPlaceholder": "Rechercher…",
   "openProject": "Ouvrir",
-  "projectsCount_zero": "Aucun projet",
+  "projects": "Projets",
   "projectsCount_one": "1 projet",
   "projectsCount_other": "{{count}} projets",
-  "projects": "Projets",
+  "projectsCount_zero": "Aucun projet",
+  "safeWordActivated": "Mode « sûr » activé",
+  "selectedProjects_one": "1 projet sélectionné",
+  "selectedProjects_other": "{{count}} projets sélectionnés",
   "sortOptions": {
     "byName": "Tri par nom",
     "byRecentDate": "Plus récents"
   },
-  "selectedProjects_one": "1 projet sélectionné",
-  "selectedProjects_other": "{{count}} projets sélectionnés",
-  "studiesCount_zero": "Aucune étude",
   "studiesCount_one": "1 étude",
   "studiesCount_other": "{{count}} études",
+  "studiesCount_zero": "Aucune étude",
   "unselectAllProjects": "Déselectionner"
 }

front/src/applications/operationalStudies/Home.tsx

@@ -15,6 +15,8 @@ import {
   SearchProjectResult,
   osrdEditoastApi,
 } from 'common/api/osrdEditoastApi';
+import { useSelector } from 'react-redux';
+import { RootState } from 'reducers';
 
 type SortOptions =
   | 'NameAsc'
@@ -26,6 +28,7 @@ type SortOptions =
 
 export default function Home() {
   const { t } = useTranslation('operationalStudies/home');
+  const safeWord = useSelector((state: RootState) => state.main.safeWord);
   const [sortOption, setSortOption] = useState<SortOptions>('LastModifiedDesc');
   const [projectsList, setProjectsList] = useState<ProjectResult[]>([]);
   const [selectedProjectIds, setSelectedProjectIds] = useState<number[]>([]);
@@ -46,7 +49,7 @@ export default function Home() {
   ];
 
   const getProjectList = async () => {
-    if (filter) {
+    if (filter || safeWord !== '') {
       const payload: PostSearchApiArg = {
         body: {
           object: 'project',
@@ -61,6 +64,9 @@ export default function Home() {
           ],
         },
       };
+      if (safeWord !== '') {
+        payload?.body?.query?.push(['search', ['tags'], safeWord]);
+      }
       try {
         const data = await postSearch(payload).unwrap();
         let filteredData = [...data] as SearchProjectResult[];
@@ -140,7 +146,7 @@ export default function Home() {
 
   useEffect(() => {
     getProjectList();
-  }, [sortOption, filter]);
+  }, [sortOption, filter, safeWord]);
 
   return (
     <>

front/src/applications/operationalStudies/components/Home/ProjectCard.tsx

@@ -6,11 +6,12 @@ import { useNavigate } from 'react-router-dom';
 import { AiFillFolderOpen, AiFillCheckCircle } from 'react-icons/ai';
 import nextId from 'react-id-generator';
 import { dateTimeFrenchFormatting } from 'utils/date';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 import { updateProjectID, updateScenarioID, updateStudyID } from 'reducers/osrdconf';
 import { ProjectResult } from 'common/api/osrdEditoastApi';
 import { getDocument } from 'common/api/documentApi';
 import cx from 'classnames';
+import { RootState } from 'reducers';
 
 type Props = {
   setFilterChips: (filterChips: string) => void;
@@ -24,6 +25,7 @@ export default function ProjectCard({ setFilterChips, project, isSelected, toggl
   const [imageUrl, setImageUrl] = useState<string>();
   const dispatch = useDispatch();
   const navigate = useNavigate();
+  const safeWord = useSelector((state: RootState) => state.main.safeWord);
 
   const openProject = () => {
     dispatch(updateProjectID(project.id));
@@ -90,17 +92,19 @@ export default function ProjectCard({ setFilterChips, project, isSelected, toggl
       <div className="projects-list-project-card-tags">
         {project.tags &&
           project.tags.length > 0 &&
-          project.tags?.map((tag) => (
-            <div
-              className="projects-list-project-card-tags-tag"
-              key={nextId()}
-              role="button"
-              tabIndex={0}
-              onClick={() => setFilterChips(tag)}
-            >
-              {tag}
-            </div>
-          ))}
+          project.tags
+            ?.filter((tag) => tag !== safeWord)
+            .map((tag) => (
+              <div
+                className="projects-list-project-card-tags-tag"
+                key={nextId()}
+                role="button"
+                tabIndex={0}
+                onClick={() => setFilterChips(tag)}
+              >
+                {tag}
+              </div>
+            ))}
       </div>
     </div>
   );

front/src/applications/operationalStudies/components/ManageTrainSchedule/Itinerary/DisplayItinerary/Vias.tsx

@@ -32,7 +32,7 @@ function Vias(props: ViasProps) {
           <FaPlus />
         </button>
       )}
-      <div className="mb-2">
+      <div className="vias-list">
         {vias && vias.length > 0 ? (
           <DisplayVias zoomToFeaturePoint={zoomToFeaturePoint} />
         ) : (

front/src/applications/operationalStudies/components/Project/AddOrEditProjectModal.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useState } from 'react';
+import React, { useContext, useEffect, useState } from 'react';
 import projectLogo from 'assets/pictures/views/projects.svg';
 import ChipsSNCF from 'common/BootstrapSNCF/ChipsSNCF';
 import InputSNCF from 'common/BootstrapSNCF/InputSNCF';
@@ -14,7 +14,7 @@ import { FaPencilAlt, FaPlus, FaTrash } from 'react-icons/fa';
 import { MdBusinessCenter, MdDescription, MdTitle } from 'react-icons/md';
 import { RiMoneyEuroCircleLine } from 'react-icons/ri';
 import { ReactMarkdown } from 'react-markdown/lib/react-markdown';
-import { useDispatch } from 'react-redux';
+import { useDispatch, useSelector } from 'react-redux';
 import { useNavigate } from 'react-router-dom';
 import { setFailure, setSuccess } from 'reducers/main';
 import { updateProjectID } from 'reducers/osrdconf';
@@ -27,6 +27,7 @@ import {
   osrdEditoastApi,
 } from 'common/api/osrdEditoastApi';
 import { postDocument } from 'common/api/documentApi';
+import { RootState } from 'reducers';
 import { PROJECTS_URI } from '../operationalStudiesConsts';
 import PictureUploader from './PictureUploader';
 
@@ -45,6 +46,7 @@ export default function AddOrEditProjectModal({ editionMode, project, getProject
   const [displayErrors, setDisplayErrors] = useState(false);
   const dispatch = useDispatch();
   const navigate = useNavigate();
+  const safeWord = useSelector((state: RootState) => state.main.safeWord);
 
   const [postProject] = osrdEditoastApi.usePostProjectsMutation();
   const [patchProject] = osrdEditoastApi.usePatchProjectsByProjectIdMutation();
@@ -163,6 +165,12 @@ export default function AddOrEditProjectModal({ editionMode, project, getProject
 
   const debouncedObjectives = useDebounce(currentProject?.objectives, 500);
 
+  useEffect(() => {
+    if (safeWord !== '') {
+      addTag(safeWord);
+    }
+  }, [safeWord]);
+
   return (
     <div className="project-edition-modal">
       <ModalHeaderSNCF withCloseButton withBorderBottom>
@@ -173,7 +181,7 @@ export default function AddOrEditProjectModal({ editionMode, project, getProject
       </ModalHeaderSNCF>
       <ModalBodySNCF>
         <div className="row mb-3">
-          <div className="col-xl-4 col-lg-5 col-md-6">
+          <div className="col-lg-5 col-md-6">
             <div className="project-edition-modal-picture">
               <PictureUploader
                 image={currentProject?.image}
@@ -182,7 +190,7 @@ export default function AddOrEditProjectModal({ editionMode, project, getProject
               />
             </div>
           </div>
-          <div className="col-xl-8 col-lg-7 col-md-6">
+          <div className="col-lg-7 col-md-6">
             <div className="project-edition-modal-name">
               <InputSNCF
                 id="projectInputName"