Revize ff61085f

Annotators in documents management

webapp/pages/documents/admin/index.tsx

@@ -9 +9 @@
 import { LoggedUserContext } from '../../../contexts/LoggedUserContext';
 import { MainLayout } from '../../../layouts/MainLayout';
 import AddDocumentModal from '../../../components/modals/AddDocumentModal';
-import { AnnotationListInfo, DocumentListInfo, UserInfo } from '../../../api';
+import {
+    AnnotationListInfo,
+    DocumentListInfo,
+    DocumentUserInfo,
+    EState,
+    UserInfo,
+} from '../../../api';
 import { documentController, userController } from '../../../controllers';
 import AssignDocumentModal from '../../../components/modals/AssignDocumentModal';
 import { ShowToast } from '../../../utils/alerts';
 import { TableDocInfo } from '../../../components/types/TableDocInfo';
+import {
+    getAnnotationStateColor,
+    getNameTruncated,
+    getUserInfoAlt,
+} from '../../../utils/strings';
 
 function AdminDocumentPage() {
     const redirecting = useUnauthRedirect('/login');
@@ -79 +90 @@
             title: 'Anotátoři',
             dataIndex: 'annotatingUsers',
             key: 'annotatingUsers',
-            render: (columnData: UserInfo[], record: DocumentListInfo, index: number) => {
+            render: (
+                columnData: DocumentUserInfo[],
+                record: DocumentListInfo,
+                index: number
+            ) => {
                 return (
                     <div>
                         {columnData.map((e) => (
                             <span
                                 key={e.username + '.' + record.id}
-                                title={e.username ?? ''}
+                                title={getUserInfoAlt(e) + '\nStav: ' + e.state}
+                                style={{
+                                    color: getAnnotationStateColor(e.state),
+                                    padding: 3,
+                                }}
+                                className={'me-3'}
                             >
                                 <FontAwesomeIcon
                                     icon={faUser}
-                                    title={e.username ?? ''}
+                                    title={getUserInfoAlt(e)}
                                     className={'me-2'}
                                 />
+                                {getNameTruncated(e)}
                             </span>
                         ))}
                     </div>