Revize 87a3d8d1

Showing counts of annotations in admin document management

webapp/pages/documents/admin/index.tsx

@@ -3 +3 @@
 
 import { useUnauthRedirect } from '../../../hooks';
 import { useRouter } from 'next/router';
-import { Button, Table, Tag, Typography } from 'antd';
+import { Button, Table, Typography } from 'antd';
 import { 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 {
-    AnnotationListInfo,
     DocumentListInfo,
+    DocumentListResponse,
     DocumentUserInfo,
     EState,
-    UserInfo,
 } from '../../../api';
-import { documentController, userController } from '../../../controllers';
+import { documentController } from '../../../controllers';
 import AssignDocumentModal from '../../../components/modals/AssignDocumentModal';
 import { ShowToast } from '../../../utils/alerts';
 import { TableDocInfo } from '../../../components/types/TableDocInfo';
@@ -25 +24 @@
     getNameTruncated,
     getUserInfoAlt,
 } from '../../../utils/strings';
+import { ABadge, BadgeStyle } from '../../../components/common/ABadge';
 
 function AdminDocumentPage() {
     const redirecting = useUnauthRedirect('/login');
@@ -86 +86 @@
             dataIndex: 'length',
             key: 'length',
         },
+        {
+            title: 'Dokončeno | přiřazeno | vyžadováno',
+            key: 'annotationCounts',
+            render: (
+                columnData: DocumentListResponse,
+                record: DocumentListInfo,
+                index: number
+            ) => {
+                const finished =
+                    record.annotatingUsers?.filter((d) => d.state === EState.Done)
+                        .length ?? 0;
+
+                return (
+                    <div>
+                        <ABadge
+                            style={
+                                finished === record.annotatingUsers?.length
+                                    ? BadgeStyle.SUCCESS
+                                    : BadgeStyle.WARNING
+                            }
+                        >
+                            {finished}
+                        </ABadge>
+                        {' | '}
+                        <ABadge
+                            style={
+                                record.annotatingUsers?.length ===
+                                record.requiredAnnotations
+                                    ? BadgeStyle.SUCCESS
+                                    : BadgeStyle.WARNING
+                            }
+                        >
+                            {record.annotatingUsers?.length}
+                        </ABadge>
+                        {' | '}
+                        <ABadge style={BadgeStyle.GENERAL}>
+                            {record.requiredAnnotations}
+                        </ABadge>
+                    </div>
+                );
+            },
+        },
         {
             title: 'Anotátoři',
             dataIndex: 'annotatingUsers',