Revize 937bfbee

User annotation preview added

webapp/api/api.ts

@@ -850 +850 @@
      * @memberof DocumentUserInfo
      */
     'state'?: EState;
+    /**
+     * 
+     * @type {string}
+     * @memberof DocumentUserInfo
+     */
+    'annotationId'?: string;
 }
 /**
  * 

webapp/pages/documents/admin/index.tsx

@@ -3 +3 @@
 
 import { useUnauthRedirect } from '../../../hooks';
 import { useRouter } from 'next/router';
-import { Button, Input, Row, Space, Table, Tag, Typography } from 'antd';
+import { Button, Dropdown, Input, Menu, 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';
@@ -37 +37 @@
 
 import { faCircleCheck, faClock } from '@fortawesome/free-regular-svg-icons';
 import styles from '/styles/Icon.module.scss';
+import { FileSearchOutlined, UserDeleteOutlined } from '@ant-design/icons';
 
 function AdminDocumentPage() {
     const redirecting = useUnauthRedirect('/login');
@@ -274 +275 @@
         setVisiblePreview(false);
     };
 
+    const removeUserDocument = (user: DocumentUserInfo, record: DocumentListInfo) => {
+        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'
+        );
+    };
+
+    const menu = (user: DocumentUserInfo, record: DocumentListInfo) => {
+        return (
+            <Menu>
+                <Menu.ItemGroup title={getNameTruncated(user)}>
+                    <Menu.Item
+                        icon={<FileSearchOutlined />}
+                        onClick={() =>
+                            router.push({
+                                pathname: '/annotation/[annotationId]',
+                                query: { annotationId: user.annotationId, final: false },
+                            })
+                        }
+                    >
+                        Zobrazit anotaci
+                    </Menu.Item>
+                    <Menu.Item
+                        icon={<UserDeleteOutlined />}
+                        onClick={() => removeUserDocument(user, record)}
+                    >
+                        Odebrat
+                    </Menu.Item>
+                </Menu.ItemGroup>
+            </Menu>
+        );
+    };
+
     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}
+            <Dropdown overlay={menu(user, record)}>
+                <Space
+                    size={2}
                     style={{
+                        paddingRight: 10,
                         color: getAnnotationStateColor(user.state),
                     }}
-                    className={'me-3 userTag'}
                 >
                     <FontAwesomeIcon
                         icon={faUser}
@@ -317 +342 @@
                     ) : (
                         getNameTruncated(user)
                     )}
-                </span>
-                <span className={'remove'}>Odebrat</span>
-            </span>
+                </Space>
+            </Dropdown>
         );
     }