front: source extension for editor

* remove source edition if object has no source data
* if object has source data, on form, source are readonly
* add source data on entity sumup

See message in #384
Fix #7314

Author: sim51

front/public/locales/en/infraEditor.json

@@ -582,6 +582,18 @@
       }
     }
   },
+  "TrackSectionSourceExtension": {
+    "properties": {
+      "name": {
+        "title": "Source",
+        "description": "Name of the source"
+      },
+      "id": {
+        "title": "Source ID",
+        "description": "ID of the element within the source"
+      }
+    }
+  },
   "TvmSystem": {
     "properties": {
       "next_signaling_systems": {

front/public/locales/en/translation.json

@@ -394,6 +394,7 @@
         "of-type": "of type",
         "selection": "{{count}} item selected",
         "selection_plural": "{{count}} items selected",
+        "sources": "Sources",
         "title": "Select",
         "unselect": "Deselect"
       },

front/public/locales/fr/infraEditor.json

@@ -582,6 +582,18 @@
       }
     }
   },
+  "TrackSectionSourceExtension": {
+    "properties": {
+      "name": {
+        "title": "Source",
+        "description": "Nom de la source"
+      },
+      "id": {
+        "title": "Source ID",
+        "description": "Identifiant de l'élément dans la source"
+      }
+    }
+  },
   "TvmSystem": {
     "properties": {
       "next_signaling_systems": {

front/public/locales/fr/translation.json

@@ -377,6 +377,7 @@
         "of-type": "de type",
         "selection": "{{count}} élément sélectionné",
         "selection_plural": "{{count}} éléments sélectionnés",
+        "sources": "Sources",
         "title": "Sélection",
         "unselect": "Désélectionner"
       },

front/src/applications/editor/components/EntitySumUp.tsx

@@ -1,4 +1,4 @@
-import React, { type FC, useEffect, useState } from 'react';
+import React, { type FC, useEffect, useState, Fragment } from 'react';
 
 import cx from 'classnames';
 import type { TFunction } from 'i18next';
@@ -113,6 +113,7 @@ function getSumUpContent(
   let text = '';
   const subtexts: (string | JSX.Element)[] = [];
   const classes = { ...DEFAULT_CLASSES, ...(classesOverride || {}) };
+  const sources: string[] = [];
 
   switch (entity.objType) {
     case 'TrackSection': {
@@ -125,6 +126,10 @@ function getSumUpContent(
         text = trackSection.properties.id;
       }
       if (attrs.line_name) subtexts.unshift(attrs.line_name);
+      const source = trackSection.properties.extensions?.source;
+      if (source) {
+        sources.push(`${source.name} ${source.id}`);
+      }
       break;
     }
     // @ts-expect-error: Here we only deal with the installation_type, the rest is handled with BufferStop and Detector.
@@ -280,6 +285,14 @@ function getSumUpContent(
           {s}
         </div>
       ))}
+      {sources.length > 0 && (
+        <div>
+          <span className={cx(classes.strong, 'mr-2')}>
+            {t(`Editor.tools.select-items.sources`)}
+          </span>
+          {sources.join(', ')}
+        </div>
+      )}
     </div>
   );
 }

front/src/applications/editor/tools/trackEdition/components/TrackEditionLeftPanel.tsx

@@ -1,12 +1,17 @@
-import React, { useContext, useEffect, useRef } from 'react';
+import React, { useContext, useEffect, useRef, useMemo } from 'react';
 
 import type { WidgetProps } from '@rjsf/utils';
+import { isNil, omit } from 'lodash';
 import { useTranslation } from 'react-i18next';
 
 import EditorForm from 'applications/editor/components/EditorForm';
 import EntityError from 'applications/editor/components/EntityError';
 import EditorContext from 'applications/editor/context';
-import { NEW_ENTITY_ID } from 'applications/editor/data/utils';
+import {
+  NEW_ENTITY_ID,
+  getJsonSchemaForLayer,
+  getLayerForObjectType,
+} from 'applications/editor/data/utils';
 import type {
   TrackEditionState,
   TrackSectionEntity,
@@ -32,7 +37,7 @@ const TrackEditionLeftPanel: React.FC = () => {
   const dispatch = useAppDispatch();
   const { t } = useTranslation();
   const infraID = useInfraID();
-  const { state, setState, isFormSubmited, setIsFormSubmited } = useContext(
+  const { state, setState, isFormSubmited, setIsFormSubmited, editorState } = useContext(
     EditorContext
   ) as ExtendedEditorContextType<TrackEditionState>;
   const submitBtnRef = useRef<HTMLButtonElement>(null);
@@ -49,14 +54,40 @@ const TrackEditionLeftPanel: React.FC = () => {
     }
   }, [isFormSubmited]);
 
+  const schema = useMemo(
+    () =>
+      getJsonSchemaForLayer(
+        editorState.editorSchema,
+        getLayerForObjectType(editorState.editorSchema, track.objType) || ''
+      ),
+    [editorState.editorSchema, track.objType]
+  );
+
   return (
     <>
       <EditorForm
         data={track}
+        // Remove the source from schema if there is no source in the object
+        // To avoid to display it on the form
+        overrideSchema={
+          isNil(track.properties.extensions?.source)
+            ? omit(schema, ['$defs.TrackSectionExtensions.properties.source'])
+            : schema
+        }
         overrideUiSchema={{
           length: {
             'ui:widget': CustomLengthInput,
           },
+          extensions: {
+            source: {
+              id: {
+                'ui:readonly': true,
+              },
+              name: {
+                'ui:readonly': true,
+              },
+            },
+          },
         }}
         onSubmit={async (savedEntity) => {
           // eslint-disable-next-line @typescript-eslint/no-explicit-any

front/src/applications/editor/tools/trackEdition/types.ts

@@ -21,6 +21,10 @@ export type TrackSectionEntity = EditorEntity<
         track_name?: string;
         track_number?: number;
       };
+      source?: {
+        id: string;
+        name: string;
+      };
     };
   }
 > & {