Revize 9a41c02f

Added mapped annotation

Mapped annotation to instance and separated them to different tag occurrences

webapp/contexts/AnnotationContext.tsx

@@ -1 +1 @@
 import React, { createContext, useEffect, useState } from 'react';
 import { AnnotationInfo, TagInstanceInfo } from '../api';
-import { Occurrence, Tag } from '../components/types/tag';
+import { Tag } from '../components/types/tag';
 import { annotationController } from '../controllers';
 
 /**
@@ -34 +34 @@
      * Deletes an occurrence of an annotation.
      * @param occurrence Occurrence that should be deleted.
      */
-    deleteOccurrence: (occurrence: Occurrence) => void;
+    deleteOccurrence: (occurrence: TagInstanceInfo) => void;
 
     /**
      * Changes a position of an occurrence of an annotation.
      * @param occurrence Occurrence whose position should be changed.
      * @param newValue New value of the position.
      */
-    changePosition: (occurrence: Occurrence, newValue: number) => void;
+    changePosition: (occurrence: TagInstanceInfo, newValue: number) => void;
 
     /**
      * Changes a length of an occurrence of an annotation.
      * @param occurrence Occurrence whose length should be changed.
      * @param newValue New value of the length.
      */
-    changeLength: (occurrence: Occurrence, newValue: number) => void;
+    changeLength: (occurrence: TagInstanceInfo, newValue: number) => void;
 
     annotation: AnnotationInfo | null;
+    mappedTags: Tag[] | null;
     refreshAnnotation: () => void;
 }
 
@@ -91 +92 @@
      * Default implementation of deleteOccurrence method.
      * @param occurrence Occurrence that should be deleted.
      */
-    deleteOccurrence: (occurrence: Occurrence) => {
+    deleteOccurrence: (occurrence: TagInstanceInfo) => {
         return;
     },
 
@@ -100 +101 @@
      * @param occurrence Occurrence whose position should be changed.
      * @param newValue A new position.
      */
-    changePosition: (occurrence: Occurrence, newValue: number) => {
+    changePosition: (occurrence: TagInstanceInfo, newValue: number) => {
         return;
     },
 
@@ -109 +110 @@
      * @param occurrence Occurrence whose length should be changed.
      * @param newValue A new length.
      */
-    changeLength: (occurrence: Occurrence, newValue: number) => {
+    changeLength: (occurrence: TagInstanceInfo, newValue: number) => {
         return;
     },
 
     annotation: null,
+    mappedTags: null,
     refreshAnnotation: () => {
         return;
     },
@@ -135 +137 @@
      */
     const [tags, setTags] = useState<TagInstanceInfo[] | null>(null);
 
+    const [mappedTags, setMappedTags] = useState<Tag[] | null>(null);
+
     /**
      * Default implementation of addOccurrence method.
      * @param tag The tag with new occurrence.
@@ -155 +159 @@
      * Deletes an occurrence of an annotation.
      * @param occurrence Occurrence that should be deleted.
      */
-    const deleteOccurrence = (occurrence: Occurrence) => {
+    const deleteOccurrence = (occurrence: TagInstanceInfo) => {
         //TODO: Implement method (should use objects from server API)
     };
 
@@ -164 +168 @@
      * @param occurrence Occurrence whose position should be changed.
      * @param newValue New value of the position.
      */
-    const changePosition = (occurrence: Occurrence, newValue: number) => {
+    const changePosition = (occurrence: TagInstanceInfo, newValue: number) => {
         //TODO: Implement method (should use objects from server API)
     };
 
@@ -173 +177 @@
      * @param occurrence Occurrence whose length should be changed.
      * @param newValue New value of the length.
      */
-    const changeLength = (occurrence: Occurrence, newValue: number) => {
+    const changeLength = (occurrence: TagInstanceInfo, newValue: number) => {
         //TODO: Implement method (should use objects from server API)
     };
 
+    const remapAnnotations = (data: AnnotationInfo) => {
+        let map = new Map<number, Tag>();
+        data.tagInstances?.forEach((tagInstance) => {
+            if (map.has(tagInstance.instance ?? 0)) {
+                let tag = map.get(tagInstance.instance ?? 0);
+                tag!.occurrences = [...tag!.occurrences, tagInstance];
+            } else {
+                map.set(tagInstance.position ?? 0, {
+                    name: tagInstance.tagName ?? '',
+                    category: tagInstance.tagCategoryName ?? '',
+                    visible: true,
+                    occurrences: [tagInstance],
+                });
+            }
+        });
+
+        setMappedTags(Array.from(map.values()));
+    };
+
     async function refreshAnnotation() {
         const data = await annotationController.annotationAnnotationIdGet(
             props.annotationId
         );
 
+        remapAnnotations(data.data);
         setAnnotation(data.data ?? null);
     }
 
@@ -204 +228 @@
                 changePosition,
                 refreshAnnotation,
                 annotation,
+                mappedTags,
             }}
         >
             {props.children}