Revize 61acc160

Added note of a document

webapp/components/annotation/DocumentAnnotationView.tsx

@@ -2 +2 @@
  * Creates an annotation view of a document.
  * @returns The annotation view.
  */
-import { useContext } from 'react';
+import { ChangeEvent, useContext } from 'react';
 import { AnnotationContext } from '../../contexts/AnnotationContext';
-import { Button } from 'antd';
+import { Button, Input, Space } from 'antd';
 
 export function DocumentAnnotationView() {
-    const { annotation } = useContext(AnnotationContext);
+    const { annotation, changeDocumentNote } = useContext(AnnotationContext);
 
     if (!annotation) {
         return <p>Probíhá načítání anotace ...</p>;
     }
 
+    const onChangeNote = (e: ChangeEvent<HTMLTextAreaElement>) => {
+        changeDocumentNote(e.currentTarget.value);
+    };
+
     return (
         <div>
+            <div className="mb-3">
+                <h5>Poznámka</h5>
+                <Input.TextArea
+                    defaultValue={annotation.note ?? ''}
+                    onBlur={onChangeNote}
+                />
+            </div>
+            <h5>Obsah</h5>
             <div
                 dangerouslySetInnerHTML={{ __html: annotation.documentToRender ?? '' }}
             />

webapp/contexts/AnnotationContext.tsx

@@ -58 +58 @@
      */
     changeLength: (occurrence: TagInstanceInfo, newValue: number) => void;
 
+    changeDocumentNote: (newValue: string) => void;
+
     /**
      * Changes a note of an occurrence of an annotation.
      * @param occurrence Occurrence whose note should be changed.
@@ -139 +141 @@
         return;
     },
 
+    changeDocumentNote: (newValue: string) => {
+        return;
+    },
+
     /**
      * Changes a note of an occurrence of an annotation.
      * @param occurrence Occurrence whose note should be changed.
@@ -272 +278 @@
         //TODO: Implement method (should use objects from server API)
     };
 
+    const changeDocumentNote = async (newValue: string) => {
+        const posRes = await annotationController.annotationAnnotationIdNotePost(
+            props.annotationId,
+            { note: newValue }
+        );
+
+        if (annotation) {
+            annotation.note = newValue;
+        }
+    };
+
     /**
      * Changes a note of an occurrence of an annotation.
      * @param occurrence Occurrence whose note should be changed.
@@ -366 +383 @@
                 deleteOccurrence,
                 changeLength,
                 changePosition,
+                changeDocumentNote,
                 changeNote,
                 changeSentiment,
                 refreshAnnotation,