Revize 99a58334

Tables - scroll instead pagination, export and delete buttons

webapp/pages/documents/admin/index.tsx

@@ -3 +3 @@
 
 import { useUnauthRedirect } from '../../../hooks';
 import { useRouter } from 'next/router';
-import { Button, Row, Space, Table, Tag, Typography, Input } from 'antd';
-import { faFileLines, faUser } from '@fortawesome/free-solid-svg-icons';
+import { Button, Input, Row, Space, Table, Tag, Typography } from 'antd';
+import { faArrowsRotate, faFileLines, faUser } from '@fortawesome/free-solid-svg-icons';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { LoggedUserContext } from '../../../contexts/LoggedUserContext';
 import { MainLayout } from '../../../layouts/MainLayout';
 import AddDocumentModal from '../../../components/modals/AddDocumentModal';
 import {
+    DeleteDocumentsRequest,
     DocumentListInfo,
     DocumentListResponse,
     DocumentUserInfo,
     EState,
+    ExportRequest,
 } from '../../../api';
 import { documentController, userController } from '../../../controllers';
 import AssignDocumentModal from '../../../components/modals/AssignDocumentModal';
-import { ShowConfirm, ShowToast } from '../../../utils/alerts';
+import { ShowConfirm, ShowConfirmDelete, ShowToast } from '../../../utils/alerts';
 import { TableDocInfo } from '../../../components/types/TableDocInfo';
 import {
     getAnnotationStateColor,
@@ -32 +34 @@
 import { getColumnSearchProps, getLocaleProps } from '../../../utils/tableUtils';
 import { SweetAlertIcon } from 'sweetalert2';
 import { Stack } from 'react-bootstrap';
-import { AxiosRequestConfig } from 'axios';
-import { constants } from 'http2';
-import HTTP_STATUS_ACCEPTED = module;
-import HTTP_STATUS_OK = module;
-
-import { faArrowsRotate } from '@fortawesome/free-solid-svg-icons';
 
 import { faCircleCheck, faClock } from '@fortawesome/free-regular-svg-icons';
 import styles from '/styles/Icon.module.scss';
@@ -71 +67 @@
         // @ts-ignore
         const filters: UserFilter[] = users?.map((user) => {
             return {
-                text: user.name + ' ' + user.surname,
+                text: user.surname + ' ' + user.name,
                 value: user.username,
             };
         });
@@ -228 +224 @@
         }
     };
 
+    const deleteDocuments = () => {
+        const req: DeleteDocumentsRequest = { documentIds: selectedDocs };
+
+        ShowConfirmDelete(() => {
+            documentController.documentsDelete(req).then(() => {
+                ShowToast('Dokumenty byly úspěšně odstraněny');
+                fetchData();
+            });
+        }, 'dokumenty');
+    };
+
+    const exportDocuments = () => {
+        const req: ExportRequest = { documentIds: selectedDocs };
+        documentController.documentsExportPost(req);
+    };
+
     const changeDefaultAnotationCount = (e: FocusEvent<HTMLInputElement>) => {
         documentController.documentsRequiredAnnotationsGlobalPost({
             requiredAnnotations: parseInt(e.currentTarget.value),
@@ -516 +528 @@
                     flexDirection: 'row',
                     justifyContent: 'flex-start',
                     gap: '20px',
+                    marginBottom: '20px',
                 }}
             >
                 <Button type={'primary'} onClick={showAddModal}>
                     Nahrát dokument
                 </Button>
 
+                <Button
+                    danger
+                    disabled={!(selectedDocs?.length > 0)}
+                    onClick={() => deleteDocuments()}
+                >
+                    Smazat dokumenty
+                </Button>
+
+                <Button
+                    disabled={!(selectedDocs?.length > 0)}
+                    onClick={() => exportDocuments()}
+                >
+                    Export
+                </Button>
+
                 <div>
                     <Button
                         onClick={showAssignModal}
@@ -568 +596 @@
                 columns={columns}
                 dataSource={documents}
                 size="middle"
-                scroll={{ y: 600 }}
+                scroll={{ y: 'calc(65vh - 4em)' }}
+                pagination={false}
             />
         </MainLayout>
     );