Revize e7eca311

Required annotations count changing - modal - done

webapp/components/modals/SetRequiredAnnotationsCountModal.tsx

@@ +1 @@
+import { Button, Form, Input, Modal } from 'antd';
+import 'antd/dist/antd.css';
+import React from 'react';
+import { SetRequiredAnnotationsRequest } from '../../api';
+import { documentController } from '../../controllers';
+import { ShowToast } from '../../utils/alerts';
+
+interface ModalProps {
+    onCancel: () => void;
+    documentsIds: string[];
+}
+
+function SetRequiredAnnotationsCountModal({ onCancel, documentsIds }: ModalProps) {
+    const handleOk = () => {
+        onCancel();
+    };
+
+    const handleCancel = () => {
+        onCancel();
+    };
+
+    const onFinish = async (values: any) => {
+        if (documentsIds && documentsIds.length !== 0) {
+            const req: SetRequiredAnnotationsRequest = {
+                requiredAnnotations: values.annotationsCount,
+                documentIds: documentsIds,
+            };
+
+            await documentController.documentsRequiredAnnotationsPost(req);
+
+            ShowToast(
+                'Požadovaný počet anotací úspěšně nastaven',
+                'success',
+                3000,
+                'top-end'
+            );
+        }
+
+        handleOk();
+    };
+
+    const onFinishFailed = (errorInfo: any) => {
+        ShowToast('Zadané údaje nejsou validní', 'error', 3000, 'top-end');
+    };
+
+    return (
+        <Modal
+            title={'Nastavit požadovaný počet anotací'}
+            onOk={handleOk}
+            visible={true}
+            onCancel={handleCancel}
+            footer={null}
+            width={400}
+            centered
+        >
+            <Form
+                onFinish={onFinish}
+                onFinishFailed={onFinishFailed}
+                autoComplete="off"
+                labelCol={{ span: 4 }}
+                layout="horizontal"
+            >
+                Požadovaný počet anotací:
+                <Form.Item
+                    name="annotationsCount"
+                    rules={[
+                        {
+                            required: true,
+                            message: 'Zadejte počet anotací',
+                        },
+                    ]}
+                >
+                    <Input placeholder="Počet anotací" />
+                </Form.Item>
+                <Form.Item>
+                    <Button type="primary" htmlType="submit" className="w-100">
+                        Změnit
+                    </Button>
+                </Form.Item>
+            </Form>
+        </Modal>
+    );
+}
+
+export default SetRequiredAnnotationsCountModal;

webapp/pages/documents/admin/index.tsx

@@ -25 +25 @@
     getUserInfoAlt,
 } from '../../../utils/strings';
 import { ABadge, BadgeStyle } from '../../../components/common/ABadge';
+import SetRequiredAnnotationsCountModal from '../../../components/modals/SetRequiredAnnotationsCountModal';
 
 function AdminDocumentPage() {
     const redirecting = useUnauthRedirect('/login');
     const { logout, role } = useContext(LoggedUserContext);
     const [visibleAdd, setVisibleAdd] = React.useState(false);
     const [visibleAssign, setVisibleAssign] = React.useState(false);
+    const [visibleSetCount, setVisibleSetCount] = React.useState(false);
+
     const router = useRouter();
 
     const [documents, setDocuments] = useState<TableDocInfo[]>([]);
@@ -64 +67 @@
             setVisibleAssign(true);
         }
     };
-
+    const showRequiredAnnotationsCountModal = () => {
+        if (selectedDocs.length == 0) {
+            ShowToast(
+                'Vyberte dokument, pro které chcete nastavit požadovaný počet anotací',
+                'warning',
+                3000,
+                'top-end'
+            );
+        } else {
+            setVisibleSetCount(true);
+        }
+    };
     const showAddModal = () => {
         setVisibleAdd(true);
     };
@@ -73 +87 @@
         fetchData();
         setVisibleAdd(false);
         setVisibleAssign(false);
+        setVisibleSetCount(false);
     };
 
     const columns = [
@@ -179 +194 @@
                 Nahrát dokument
             </Button>
             <Button onClick={showAssignModal}>Přiřadit dokumenty</Button>
+            <Button onClick={showRequiredAnnotationsCountModal}>
+                Nastavit požadovaný počet anotací
+            </Button>
             {visibleAdd && <AddDocumentModal onCancel={hideModal} />}
             {visibleAssign && (
                 <AssignDocumentModal documentsIds={selectedDocs} onCancel={hideModal} />
             )}
+            {visibleSetCount && (
+                <SetRequiredAnnotationsCountModal
+                    documentsIds={selectedDocs}
+                    onCancel={hideModal}
+                />
+            )}
 
             <Table
                 rowSelection={{