Proyecto-Titulo
/
alai-server
3
0
Fork 0
Code Issues Pull Requests Releases Activity

fix to login screen

This commit is contained in:
Martin Araneda 2023-02-18 01:10:24 -03:00
parent 8ddd866e49
commit be7707d5f7
1 changed files with 10 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/views/Login.vue
View File

@ -2,9 +2,11 @@
import { ref, onMounted } from 'vue'; import { ref, onMounted } from 'vue';
import axios from 'axios'; import axios from 'axios';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { useToast } from 'primevue/usetoast';
const username = ref(''); const username = ref('');
const password = ref(''); const password = ref('');
const router = useRouter(); const router = useRouter();
const toast = useToast();
async function onLoginClick() { async function onLoginClick() {
var login = var login =
@ -20,7 +22,12 @@ async function onLoginClick() {
} }
} }
catch (error) { catch (error) {
console.error(error); if (error.response.status === 400) {
toast.add({ severity: 'error', summary: 'Error', detail: 'Incorrect Password', life: 3000 });
}
else {
console.log(error);
}
} }
} }
@ -33,8 +40,7 @@ onMounted(() => {
</script> </script>
<template> <template>
<div <div class="surface-ground flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden">
class="surface-ground flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden">
<div class="flex flex-column align-items-center justify-content-center"> <div class="flex flex-column align-items-center justify-content-center">
<div <div
@ -43,7 +49,7 @@ onMounted(() => {
<div class="text-center mb-5"> <div class="text-center mb-5">
<span class="text-600 font-medium">Log in to continue</span> <span class="text-600 font-medium">Log in to continue</span>
</div> </div>
<Toast />
<div> <div>
<label for="username1" class="block text-900 text-xl font-medium mb-2">Username</label> <label for="username1" class="block text-900 text-xl font-medium mb-2">Username</label>
<InputText id="username1" type="text" placeholder="Username" class="w-full md:w-30rem mb-5" <InputText id="username1" type="text" placeholder="Username" class="w-full md:w-30rem mb-5"