Revize dee53692

Disabling tag buttons when adding new tag occurrence

webapp/contexts/AnnotationContext.tsx

@@ -1 +1 @@
 import React, { createContext, useEffect, useState } from 'react';
 import { AnnotationInfo, ETagType, SubTagInfo, TagInfo, TagInstanceInfo } from '../api';
 import { Tag } from '../components/types/tag';
-import { annotationController } from '../controllers';
+import { annotationController, userController } from '../controllers';
 import { GetSelectionInfo } from '../utils/selectionUtils';
+import { ShowConfirmDelete, ShowToast } from '../utils/alerts';
 
 /**
  * Interface of an annotation context provider.
@@ -13 +14 @@
      */
     tags: TagInstanceInfo[] | null;
 
+    /**
+     * Submitting boolean
+     */
+    submitting: boolean;
+
     /**
      * Sets new tags.
      * @param newTags An array of new tags.
@@ -71 +77 @@
      */
     tags: null,
 
+    /**
+     * Submitting boolean
+     */
+    submitting: false,
+
     /**
      * Default implementation of setTags method.
      * @param v Array of new tags.
@@ -150 +161 @@
 
     const [mappedTags, setMappedTags] = useState<Tag[] | null>(null);
 
+    const [submitting, setSubmitting] = useState(false);
+
     async function markSelectedText(
         tagId: string,
         subtagId: string | null,
         instanceId: string | null
     ) {
+        setSubmitting(true);
         if (!annotation) {
             console.log('annotation not found');
             return;
@@ -170 +184 @@
 
         const id = subtagId ?? tagId;
         const type: ETagType = subtagId == null ? ETagType.Tag : ETagType.Subtag;
-
-        const res = await annotationController.annotationAnnotationIdPost(
-            props.annotationId,
-            {
+        const res = await annotationController
+            .annotationAnnotationIdPost(props.annotationId, {
                 id: id,
                 instanceId,
                 type,
                 position: selectionInfo.startPositionOriginalDocument,
                 length: selectionInfo.selectionLengthOriginalDocument,
-            }
-        );
+            })
+            .catch((e) => ShowToast('Duplicitní výskyt anotace!', 'warning'));
 
         await refreshAnnotation();
     }
@@ -211 +223 @@
             return;
         }
 
-        const deleteRes =
-            await annotationController.annotationAnnotationIdOccurenceIdDelete(
-                props.annotationId,
-                occurrence.occurenceId
-            );
-
-        await refreshAnnotation();
+        ShowConfirmDelete(() => {
+            annotationController
+                .annotationAnnotationIdOccurenceIdDelete(
+                    props.annotationId,
+                    occurrence.occurenceId ?? ''
+                )
+                .then(() => refreshAnnotation());
+        }, 'značku');
     };
 
     /**
@@ -268 +281 @@
 
         remapAnnotations(data.data);
         setAnnotation(data.data ?? null);
+        setSubmitting(false);
     }
 
     /**
@@ -281 +295 @@
         <AnnotationContext.Provider
             value={{
                 tags,
+                submitting,
                 setTags,
                 addOccurrence,
                 changeVisibility,