Revize afd6a1e8

AnnotationStrings refactor

webapp/pages/documents/annotator/index.tsx

@@ -9 +9 @@
 import { LoggedUserContext } from '../../../contexts/LoggedUserContext';
 import { MainLayout } from '../../../layouts/MainLayout';
 import { userController } from '../../../controllers';
-import { AnnotationListInfo } from '../../../api';
+import { AnnotationListInfo, EState } from '../../../api';
+import {
+    getAnnotationStateString,
+    getAnnotationStateColor,
+} from '../../../utils/strings';
 
 function UserDocumentPage() {
     const redirecting = useUnauthRedirect('/login');
@@ -43 +47 @@
             title: 'Stav anotace',
             key: 'state',
             dataIndex: 'state',
-            render: (state: string) => {
-                let color = 'green';
-                let label = 'Hotovo';
-                if (state === 'NEW') {
-                    color = 'volcano';
-                    label = 'Nový';
-                }
-                if (state === 'IN_PROGRESS') {
-                    color = 'orange';
-                    label = 'Rozpracováno';
-                }
+            render: (state: EState) => {
+                const color = getAnnotationStateColor(state);
+                const label = getAnnotationStateString(state);
+
                 return (
                     <Tag color={color} key={label}>
                         {label.toUpperCase()}

webapp/utils/strings.ts

@@ +1 @@
+import { EState, UserInfo } from '../api';
+
+export function getName(user: UserInfo) {
+    //return `${user.name} ${user.surname}`;
+    return `${user.surname} ${user.name}`;
+}
+
+export function getNameTruncated(user: UserInfo, maxLength: number = 15) {
+    const name = getName(user);
+    if (name.length > maxLength) {
+        return name.substring(0, maxLength - 3) + '...';
+    } else {
+        return name;
+    }
+}
+
+export function getUserInfoAlt(user: UserInfo) {
+    return `${getName(user)}\nUživatelské jméno: ${user.username}`;
+}
+
+export function getAnnotationStateString(state: EState) {
+    switch (state) {
+        case 'NEW':
+            return 'Nový';
+        case 'IN_PROGRESS':
+            return 'Rozpracovaný';
+        case 'DONE':
+            return 'Hotovo';
+    }
+}
+
+export function getAnnotationStateColor(state: EState | undefined) {
+    switch (state) {
+        case 'NEW':
+            return 'indianred';
+        case 'IN_PROGRESS':
+            return 'orange';
+        case 'DONE':
+            return 'green';
+    }
+    return 'black';
+}