Revize 812ee966

Added notes

webapp/components/annotation/AnnotationItem.tsx

@@ -34 +34 @@
         addOccurrence,
         deleteOccurrence,
         changePosition,
+        changeNote,
         changeSentiment,
         changeLength,
     } = useContext(AnnotationContext);
@@ -75 +76 @@
         changeSentiment(occurrence, val);
     };
 
+    const onChangeNote =
+        (occurrence: TagInstanceInfo) => (e: ChangeEvent<HTMLTextAreaElement>) => {
+            changeNote(occurrence, e.currentTarget.value);
+        };
+
     /**
      * Changes visibility of properties of this annotation.
      */
@@ -117 +123 @@
                                 <Row>
                                     <Col>
                                         <Row>
-                                            <Col
-                                                className="d-flex align-items-center"
-                                                sm="4"
-                                            >
-                                                Pozice:
-                                            </Col>
-                                            <Col>
-                                                <Input
-                                                    value={occurrence.position}
-                                                    onChange={onChangePosition(
-                                                        occurrence
-                                                    )}
-                                                />
-                                            </Col>
+                                            <Col>Pozice: {occurrence.position}</Col>
+                                        </Row>
+                                        <Row>
+                                            <Col>Délka: {occurrence.length}</Col>
                                         </Row>
                                         <Row>
                                             <Col
                                                 className="d-flex align-items-center"
                                                 sm="4"
                                             >
-                                                Délka:
+                                                Poznámka:
                                             </Col>
                                             <Col>
-                                                <Input
-                                                    value={occurrence.length}
-                                                    onChange={onChangeLength(occurrence)}
+                                                <Input.TextArea
+                                                    defaultValue={occurrence.note ?? ''}
+                                                    onChange={onChangeNote(occurrence)}
                                                 />
                                             </Col>
                                         </Row>
@@ -156 +152 @@
                                                 </Col>
                                                 <Col>
                                                     <Select
-                                                        value={occurrence.sentiment}
+                                                        defaultValue={
+                                                            occurrence.sentiment
+                                                        }
                                                         style={{ width: '100%' }}
                                                         onChange={onChangeSentiment(
                                                             occurrence

webapp/contexts/AnnotationContext.tsx

@@ -52 +52 @@
      */
     changeLength: (occurrence: TagInstanceInfo, newValue: number) => void;
 
+    /**
+     * Changes a note of an occurrence of an annotation.
+     * @param occurrence Occurrence whose note should be changed.
+     * @param newValue New value of the note.
+     */
+    changeNote: (occurrence: TagInstanceInfo, newValue: string) => void;
+
     /**
      * Changes sentiment of an annotation.
      * @param occurrence Occurrence whose sentiment should be changed.
@@ -121 +128 @@
         return;
     },
 
+    /**
+     * Changes a note of an occurrence of an annotation.
+     * @param occurrence Occurrence whose note should be changed.
+     * @param newValue New value of the note.
+     */
+    changeNote: (occurrence: TagInstanceInfo, newValue: string) => {
+        return;
+    },
+
     /**
      * Changes sentiment of an annotation.
      * @param occurrence Occurrence whose sentiment should be changed.
@@ -239 +255 @@
         //TODO: Implement method (should use objects from server API)
     };
 
+    /**
+     * Changes a note of an occurrence of an annotation.
+     * @param occurrence Occurrence whose note should be changed.
+     * @param newValue New value of the note.
+     */
+    const changeNote = async (occurrence: TagInstanceInfo, newValue: string) => {
+        if (!occurrence.occurenceId) {
+            console.log('invalid occurrence');
+            return;
+        }
+
+        const postRes =
+            await annotationController.annotationAnnotationIdTagOccurenceIdNotePost(
+                props.annotationId,
+                occurrence.occurenceId,
+                { note: newValue }
+            );
+
+        await refreshAnnotation();
+    };
+
     /**
      * Changes sentiment of an annotation.
      * @param occurrence Occurrence whose sentiment should be changed.
@@ -310 +347 @@
                 deleteOccurrence,
                 changeLength,
                 changePosition,
+                changeNote,
                 changeSentiment,
                 refreshAnnotation,
                 annotation,