Revize a80db039

Initialization of tags in annotation view

Initialized tags and created event handlers in the annotation view

webapp/pages/annotation/index.tsx

@@ -4 +4 @@
 import { MainLayout } from '../../layouts/mainLayout';
 import 'antd/dist/antd.css';
 import styles from '/styles/annotation.module.scss';
+import { Occurrence, Tag } from '../../components/models/tag';
 
 /**
  * Creates an annotation screen.
  * @returns The annotation screen.
  */
 function Annotation() {
+    const tags = [
+        {
+            name: 'tag a',
+            category: 'kategorie 1',
+            visible: true,
+            occurrences: [
+                { position: 2, length: 5 },
+                { position: 10, length: 2 },
+            ],
+        },
+        {
+            name: 'tag b',
+            category: 'kategorie 2',
+            visible: true,
+            occurrences: [
+                { position: 546, length: 432 },
+                { position: 767, length: 123 },
+            ],
+        },
+    ];
+
+    const addOccurrence = () => {};
+
+    const changeVisibility = (tag: Tag) => {};
+
+    const deleteOccurrence = (occurrence: Occurrence) => {};
+
+    const changePosition = (occurrence: Occurrence, newValue: number) => {};
+
+    const changeLength = (occurrence: Occurrence, newValue: number) => {};
+
     return (
         <MainLayout>
             <div className={styles.layoutwrapper}>
@@ -20 +52 @@
                     <DocumentAnnotationView />
                 </div>
                 <div className={styles.annotations}>
-                    <AnnotationPanel />
+                    <AnnotationPanel
+                        tags={tags}
+                        onAddOccurrence={addOccurrence}
+                        onChangeVisibility={changeVisibility}
+                        onDeleteOccurrence={deleteOccurrence}
+                        onChangePosition={changePosition}
+                        onChangeLength={changeLength}
+                    />
                 </div>
             </div>
         </MainLayout>