Revize dee53692

Disabling tag buttons when adding new tag occurrence

webapp/components/annotation/SubTagItem.tsx

@@ -3 +3 @@
 import { Button } from 'antd';
 import { useContext } from 'react';
 import { TagCategoryContext } from '../../contexts/TagCategoryContext';
+import { AnnotationContext } from '../../contexts/AnnotationContext';
 
 /**
  * Creates a single tag item in a tag panel.
@@ -15 +16 @@
      */
     const { selectTag } = useContext(TagCategoryContext);
 
+    /**
+     * Annotation context
+     */
+    const { submitting } = useContext(AnnotationContext);
+
     /**
      * Selects the sub tag.
      */
@@ -25 +31 @@
     return (
         <Container>
             <Row>
-                <Button onClick={onSelectSubTag} className="w-100 text-start rounded">
+                <Button
+                    onClick={onSelectSubTag}
+                    className="w-100 text-start rounded"
+                    disabled={submitting}
+                >
                     {props.subTag.name}
                 </Button>
             </Row>

webapp/components/annotation/TagItem.tsx

@@ -5 +5 @@
 import React, { useContext, useState } from 'react';
 import { SubTagItem } from './SubTagItem';
 import { TagCategoryContext } from '../../contexts/TagCategoryContext';
+import { AnnotationContext } from '../../contexts/AnnotationContext';
 
 /**
  * Creates a single tag item in a tag panel.
@@ -22 +23 @@
      */
     const { selectTag } = useContext(TagCategoryContext);
 
+    /**
+     * Annotation context
+     */
+    const { submitting } = useContext(AnnotationContext);
+
     /**
      * Button icon.
      */
@@ -55 +61 @@
                         icon={buttonIcon}
                         onClick={changeSubTagsVisibility}
                         className="w-100 text-start rounded"
+                        disabled={submitting}
                     >
                         {props.tag.name}
                         <TagOutlined style={{ color: props.tag.color ?? 'black' }} />
                     </Button>
                 )}
                 {!hasSubTags && (
-                    <Button onClick={onSelectTag} className="w-100 text-start rounded">
+                    <Button
+                        onClick={onSelectTag}
+                        className="w-100 text-start rounded"
+                        disabled={submitting}
+                    >
                         {props.tag.name}
                         <TagOutlined style={{ color: props.tag.color ?? 'black' }} />
                     </Button>

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,