Revize 4bc99591

Adding tag/subtag to selected text

webapp/contexts/AnnotationContext.tsx

@@ -1 +1 @@
 import React, { createContext, useEffect, useState } from 'react';
-import { AnnotationInfo, TagInstanceInfo } from '../api';
+import { AnnotationInfo, ETagType, SubTagInfo, TagInfo, TagInstanceInfo } from '../api';
 import { Tag } from '../components/types/tag';
 import { annotationController } from '../controllers';
+import { GetSelectionInfo } from '../utils/selectionUtils';
 
 /**
  * Interface of an annotation context provider.
@@ -53 +54 @@
     annotation: AnnotationInfo | null;
     mappedTags: Tag[] | null;
     refreshAnnotation: () => void;
+
+    markSelectedText: (
+        tagId: string,
+        subtagId: string | null,
+        instanceID: string | null
+    ) => void;
 }
 
 /**
@@ -119 +126 @@
     refreshAnnotation: () => {
         return;
     },
+
+    markSelectedText: () => {
+        return;
+    },
 });
 
 /**
@@ -139 +150 @@
 
     const [mappedTags, setMappedTags] = useState<Tag[] | null>(null);
 
+    async function markSelectedText(
+        tagId: string,
+        subtagId: string | null,
+        instanceId: string | null
+    ) {
+        if (!annotation) {
+            console.log('annotation not found');
+            return;
+        }
+
+        const selectionInfo = GetSelectionInfo(annotation);
+        if (!selectionInfo) {
+            console.log(
+                'not able to continue, selection processing not completed successfully'
+            );
+            return;
+        }
+
+        const id = subtagId ?? tagId;
+        const type: ETagType = subtagId == null ? ETagType.Tag : ETagType.Subtag;
+
+        const res = await annotationController.annotationAnnotationIdPost(
+            props.annotationId,
+            {
+                id: id,
+                instanceId,
+                type,
+                position: selectionInfo.startPositionOriginalDocument,
+                length: selectionInfo.selectionLengthOriginalDocument,
+            }
+        );
+        console.log('res');
+        console.log(res);
+
+        await refreshAnnotation();
+    }
+
     /**
      * Default implementation of addOccurrence method.
      * @param tag The tag with new occurrence.
      */
-    const addOccurrence = (tag: Tag) => {
-        //TODO: Implement method (should use objects from server API)
+    const addOccurrence = async (tag: Tag) => {
+        await markSelectedText(tag.tagId, tag.subtagId ?? null, tag.instanceId);
     };
 
     /**
@@ -182 +230 @@
     };
 
     const remapAnnotations = (data: AnnotationInfo) => {
-        let map = new Map<number, Tag>();
+        let map = new Map<string, Tag>();
         data.tagInstances?.forEach((tagInstance) => {
-            if (map.has(tagInstance.instance ?? 0)) {
-                let tag = map.get(tagInstance.instance ?? 0);
+            if (map.has(tagInstance.instance ?? '-')) {
+                let tag = map.get(tagInstance.instance ?? '-');
                 tag!.occurrences = [...tag!.occurrences, tagInstance];
             } else {
-                map.set(tagInstance.position ?? 0, {
-                    name: tagInstance.tagName ?? '',
+                map.set(tagInstance.instance ?? '-', {
+                    tagName: tagInstance.tagName ?? '',
+                    subtagName: tagInstance.subTagName ?? null,
                     category: tagInstance.tagCategoryName ?? '',
                     visible: true,
                     occurrences: [tagInstance],
+                    tagId: tagInstance.tagId ?? '',
+                    instanceId: tagInstance.instance ?? '',
+                    subtagId: tagInstance.subTagId ?? null,
                 });
             }
         });
@@ -229 +281 @@
                 refreshAnnotation,
                 annotation,
                 mappedTags,
+                markSelectedText,
             }}
         >
             {props.children}