Revize 8c45ccb0

Token management implemented, redirections

webapp/pages/login/index.tsx

@@ +1 @@
+import 'antd/dist/antd.css';
 import { Form, Input, Button } from 'antd';
 import { UserOutlined, LockOutlined } from '@ant-design/icons';
-import 'antd/dist/antd.css';
-import { LoginLayout } from '../../layouts/LoginLayout';
+import { LoggedUserContext } from '../../contexts/LoggedUserContext';
+import { LoginLayout } from '../../layouts/loginLayout';
+import { useContext } from 'react';
+import { useRouter } from 'next/router';
+import { ShowToast } from '../../utils/alerts';
+import { getTokenData } from '../../utils/login';
+import { LoginResponse } from '../../api';
 
 /**
  * Creates a login screen.
  * @returns Html structure of the login screen.
  */
 function Login() {
+    const { login, role } = useContext(LoggedUserContext);
+    const router = useRouter();
     /**
      * Handles submission a form when its fields were successfully validated.
      * @param values Fields of the login form.
      */
-    const onFinish = (values: any) => {
-        /**
-         @todo: delete login form log when login API is implemented
-        **/
-        console.log('Values of the login form: ', values);
+    const onFinish = async (values: any) => {
+        const loginRes = await login(values.username, values.password);
+
+        if (!loginRes) {
+            ShowToast(
+                'Chybně zadané heslo nebo uživatelské jméno',
+                'error',
+                3000,
+                'top-end'
+            );
+        } else {
+            let data: LoginResponse | null = await getTokenData();
+            ShowToast('Přihlášení proběhlo úspěšně', 'success', 3000, 'top-end');
+            if (data?.role === 'ADMINISTRATOR') {
+                await router.push('/documents/admin');
+            } else if (data?.role === 'ANNOTATOR') {
+                await router.push('/documents/annotator');
+            }
+        }
     };
 
     /**
@@ -24 +46 @@
      * @param errorInfo Validation errors.
      */
     const onFinishFailed = (errorInfo: any) => {
-        /**
-         @todo: delete log when error handling is implemented
-        **/
-        console.log('Errors: ', errorInfo);
+        ShowToast('Zadané údaje nejsou validní', 'error', 3000, 'top-end');
     };
 
     return (