1 |
ac59aec1
|
Dominik Poch
|
/**
|
2 |
|
|
* Creates an annotation view of a document.
|
3 |
|
|
* @returns The annotation view.
|
4 |
|
|
*/
|
5 |
61acc160
|
Dominik Poch
|
import { ChangeEvent, useContext } from 'react';
|
6 |
7652cf88
|
Lukáš Vlček
|
import { AnnotationContext } from '../../contexts/AnnotationContext';
|
7 |
61acc160
|
Dominik Poch
|
import { Button, Input, Space } from 'antd';
|
8 |
7652cf88
|
Lukáš Vlček
|
|
9 |
6d10fe14
|
Dominik Poch
|
export function DocumentAnnotationView() {
|
10 |
61acc160
|
Dominik Poch
|
const { annotation, changeDocumentNote } = useContext(AnnotationContext);
|
11 |
7652cf88
|
Lukáš Vlček
|
|
12 |
|
|
if (!annotation) {
|
13 |
c9762683
|
Vojtěch Bartička
|
return <p>Probíhá načítání anotace ...</p>;
|
14 |
7652cf88
|
Lukáš Vlček
|
}
|
15 |
|
|
|
16 |
61acc160
|
Dominik Poch
|
const onChangeNote = (e: ChangeEvent<HTMLTextAreaElement>) => {
|
17 |
|
|
changeDocumentNote(e.currentTarget.value);
|
18 |
|
|
};
|
19 |
|
|
|
20 |
ac59aec1
|
Dominik Poch
|
return (
|
21 |
|
|
<div>
|
22 |
61acc160
|
Dominik Poch
|
<div className="mb-3">
|
23 |
|
|
<h5>Poznámka</h5>
|
24 |
|
|
<Input.TextArea
|
25 |
|
|
defaultValue={annotation.note ?? ''}
|
26 |
|
|
onBlur={onChangeNote}
|
27 |
|
|
/>
|
28 |
|
|
</div>
|
29 |
|
|
<h5>Obsah</h5>
|
30 |
b5f60842
|
Lukáš Vlček
|
<div
|
31 |
|
|
dangerouslySetInnerHTML={{ __html: annotation.documentToRender ?? '' }}
|
32 |
|
|
/>
|
33 |
ac59aec1
|
Dominik Poch
|
</div>
|
34 |
|
|
);
|
35 |
|
|
}
|