Revize ef5792a8

Annotators removing from documents

webapp/pages/documents/admin/index.tsx

@@ -38 +38 @@
 } from '@ant-design/icons';
 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;
 
 function AdminDocumentPage() {
     const redirecting = useUnauthRedirect('/login');
@@ -58 +62 @@
     const [annotationCount, setAnnotationCount] = useState<number>();
 
     async function fetchData() {
-        const docs = (await documentController.documentsGet(0, 1000)).data.documents;
+        const docs = (await documentController.documentsGet()).data.documents;
         // @ts-ignore
         const tableDocs: TableDocInfo[] = docs?.map((doc, index) => {
             return { key: index, ...doc };
@@ -161 +165 @@
         setFinalizing(false);
     };
 
+    async function removeUserFromDocument(documentID: string, annotatorID: string) {
+        const res =
+            await documentController.documentsDocumentIdAnnotatorsAnnotatorIdDelete(
+                documentID,
+                annotatorID
+            );
+
+        if (res.status === 200) {
+            ShowToast('Uživatel byl úspěšně odebrán z dokumentu');
+        }
+        await fetchData();
+    }
+
     const getFinalizationStateIcon = (state: EState) => {
         const color = getAnnotationStateColor(state);
         const label = getAnnotationStateString(state);
@@ -226 +243 @@
         setVisiblePreview(false);
     };
 
+    function getUserTag(user: DocumentUserInfo, record: DocumentListInfo) {
+        return (
+            <span
+                className={'userTagWrapper'}
+                title={getUserInfoAlt(user) + '\nStav: ' + user.state}
+                onClick={() => {
+                    ShowConfirm(
+                        async () => {
+                            if (!record.id || !user?.id) {
+                                return;
+                            }
+                            await removeUserFromDocument(record.id, user.id);
+                        },
+                        'odebrat uživatele ' +
+                            user.name +
+                            ' ' +
+                            user.surname +
+                            ' (' +
+                            user.username +
+                            ') z tohoto dokumentu',
+                        'Dosavadní postup tohoto anotátora na daném dokumentu bude nenávratně smazán'
+                    );
+                }}
+            >
+                <span
+                    key={user.username + '.' + record.id}
+                    style={{
+                        color: getAnnotationStateColor(user.state),
+                    }}
+                    className={'me-3 userTag'}
+                >
+                    <FontAwesomeIcon
+                        icon={faUser}
+                        title={getUserInfoAlt(user)}
+                        className={'me-2'}
+                    />
+                    {record.finalAnnotations?.some(
+                        (annot) => annot.userId === user.id
+                    ) ? (
+                        <u>{getNameTruncated(user)}</u>
+                    ) : (
+                        getNameTruncated(user)
+                    )}
+                </span>
+                <span className={'remove'}>Odebrat</span>
+            </span>
+        );
+    }
+
     const columns = [
         {
             title: 'Název dokumentu',
@@ -305 +371 @@
                 record: DocumentListInfo,
                 index: number
             ) => {
-                return (
-                    <div>
-                        {columnData.map((e) => (
-                            <span
-                                key={e.username + '.' + record.id}
-                                title={getUserInfoAlt(e) + '\nStav: ' + e.state}
-                                style={{
-                                    color: getAnnotationStateColor(e.state),
-                                    padding: 3,
-                                }}
-                                className={'me-3'}
-                            >
-                                <FontAwesomeIcon
-                                    icon={faUser}
-                                    title={getUserInfoAlt(e)}
-                                    className={'me-2'}
-                                />
-                                {record.finalAnnotations?.some(
-                                    (annot) => annot.userId === e.id
-                                ) ? (
-                                    <u>{getNameTruncated(e)}</u>
-                                ) : (
-                                    getNameTruncated(e)
-                                )}
-                            </span>
-                        ))}
-                    </div>
-                );
+                return <div>{columnData.map((e) => getUserTag(e, record))}</div>;
             },
             filters: userFilters,
             filterSearch: true,