fix to login screen
This commit is contained in:
parent
24c9835c00
commit
466dc9ef89
@ -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"
|
||||||
|
Loading…
Reference in New Issue
Block a user