bug(markings): fix the markings in Namplate Submodel (#490)

* bug(markings): fix the marking display, if they are in a submodelelementlist like in DNP3.0

* Fix typing

Author: hofermo

src/app/[locale]/viewer/_components/submodel-elements/document-component/useDocumentVersionData.tsx

@@ -6,6 +6,7 @@ import {
     SubmodelElementChoice,
     Property,
     MultiLanguageProperty,
+    SubmodelElementList,
 } from 'lib/api/aas/models';
 import { findSubmodelElementBySemanticIdsOrIdShort, getTranslationText } from 'lib/util/SubmodelResolverUtil';
 import {
@@ -31,7 +32,7 @@ export type FileViewObject = {
  * @param submodelElement
  * @param submodelId
  */
-export function useFileViewObject(submodelElement: SubmodelElementCollection, submodelId: string) {
+export function useFileViewObject(submodelElement: SubmodelElementCollection | SubmodelElementList, submodelId: string) {
     const locale = useLocale();
     const { aasOriginUrl } = useCurrentAasContext();
     const [fileViewObject, setFileViewObject] = useState<FileViewObject>();

src/app/[locale]/viewer/_components/submodel-elements/marking-components/MarkingsComponent.tsx

@@ -20,7 +20,9 @@ export function MarkingsComponent(props: MarkingsComponentProps) {
         let additionalText: Property | undefined;
 
         let idShortPath = '';
-        if (props.submodelElement?.idShort) {
+        if (props.submodelElement?.modelType == 'SubmodelElementList') {
+            idShortPath = props.submodelElement?.idShort + encodeURIComponent('[' + index.toString() + ']');
+        } else if (props.submodelElement?.idShort) {
             idShortPath = props.submodelElement?.idShort + '.' + el.idShort;
         }
 

src/app/[locale]/viewer/_components/submodel/generic-submodel/GenericSubmodelDetailComponent.tsx

@@ -1,4 +1,4 @@
-import { SubmodelElementCollection } from 'lib/api/aas/models';
+import { SubmodelElementCollection, SubmodelElementList } from 'lib/api/aas/models';
 import { idEquals } from 'lib/util/IdValidationUtil';
 import { submodelElementCustomVisualizationMap } from '../../submodel-elements/SubmodelElementCustomVisualizationMap';
 import { Fragment } from 'react';
@@ -7,7 +7,7 @@ import { SubmodelVisualizationProps } from 'app/[locale]/viewer/_components/subm
 import { KeyTypes } from 'lib/api/aas/models';
 
 export interface CustomSubmodelElementComponentProps {
-    readonly submodelElement: SubmodelElementCollection;
+    readonly submodelElement: SubmodelElementCollection | SubmodelElementList;
     readonly hasDivider: boolean;
     readonly submodelId: string;
     readonly repositoryUrl?: string;