Revize 9bfa1e39

Document assigning implemented

webapp/pages/documents/admin/index.tsx

@@ -11 +11 @@
 import AddDocumentModal from '../../../components/modals/AddDocumentModal';
 import { AnnotationListInfo, DocumentListInfo, UserInfo } from '../../../api';
 import { documentController, userController } from '../../../controllers';
+import AssignDocumentModal from '../../../components/modals/AssignDocumentModal';
+import { ShowToast } from '../../../utils/alerts';
 
 function AdminDocumentPage() {
     const redirecting = useUnauthRedirect('/login');
     const { logout, role } = useContext(LoggedUserContext);
-    const [visible, setVisible] = React.useState(false);
+    const [visibleAdd, setVisibleAdd] = React.useState(false);
+    const [visibleAssign, setVisibleAssign] = React.useState(false);
     const router = useRouter();
 
     const [documents, setDocuments] = useState<DocumentListInfo[]>([]);
+    const [selectedDocs, setSelectedDocs] = useState<string[] | undefined[]>([]);
 
     useEffect(() => {
         async function fetchData() {
             let docs = (await documentController.documentsGet(0, 1000)).data.documents;
+            docs?.forEach((doc) => (doc.key = doc.id));
+
             if (!docs) {
                 setDocuments([]);
             } else {
@@ -35 +41 @@
         }
     }, [logout, redirecting, role, router]);
 
-    const showModal = () => {
-        setVisible(true);
+    const showAssignModal = () => {
+        if (selectedDocs.length == 0) {
+            ShowToast('Vyberte dokument pro přiřazení', 'warning', 3000, 'top-end');
+        } else {
+            setVisibleAssign(true);
+        }
+    };
+
+    const showAddModal = () => {
+        setVisibleAdd(true);
     };
 
     const hideModal = () => {
-        setVisible(false);
+        setVisibleAdd(false);
+        setVisibleAssign(false);
     };
 
     const columns = [
@@ -79 +94 @@
         },
     ];
 
+    const rowSelection = {
+        onChange: (selectedRowKeys: React.Key[], selectedRows: DocumentListInfo[]) => {
+            setSelectedDocs(selectedRows.map((row) => row.id));
+        },
+    };
+
     return redirecting || role !== 'ADMINISTRATOR' ? null : (
         <MainLayout>
             <Typography.Title level={2}>
                 <FontAwesomeIcon icon={faFileLines} /> Dokumenty
             </Typography.Title>
-            <Button type={'primary'} onClick={showModal}>
+            <Button type={'primary'} onClick={showAddModal}>
                 Nahrát dokument
             </Button>
-            {visible && <AddDocumentModal onCancel={hideModal} />}
+            <Button onClick={showAssignModal}>Přiřadit dokumenty</Button>
+            {visibleAdd && <AddDocumentModal onCancel={hideModal} />}
+            {visibleAssign && (
+                <AssignDocumentModal documentsIds={selectedDocs} onCancel={hideModal} />
+            )}
 
             <Table
+                rowSelection={{
+                    type: 'checkbox',
+                    ...rowSelection,
+                }}
                 columns={columns}
                 dataSource={documents}
-                size="small"
-                scroll={{ y: 500 }}
+                size="middle"
+                scroll={{ y: 600 }}
             />
         </MainLayout>
     );