You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
123 lines
2.9 KiB
123 lines
2.9 KiB
<template>
|
|
<div class="login-section">
|
|
<h2
|
|
v-t="'Sign in'"
|
|
class="login-section__title"
|
|
/>
|
|
|
|
<form
|
|
class="login-section__form p-input-filled"
|
|
@submit.prevent="performLogin"
|
|
>
|
|
<div class="field">
|
|
<InputText
|
|
id="login"
|
|
v-model="login"
|
|
:placeholder="t('Username')"
|
|
type="text"
|
|
/>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<Password
|
|
v-model="password"
|
|
:feedback="false"
|
|
:placeholder="t('Password')"
|
|
input-id="password"
|
|
toggle-mask
|
|
/>
|
|
</div>
|
|
|
|
<div class="field login-section__remember-me">
|
|
<InputSwitch
|
|
id="binary"
|
|
v-model="remember"
|
|
:binary="true"
|
|
name="remember_me"
|
|
tabindex="4"
|
|
/>
|
|
<label
|
|
v-t="'Remember me'"
|
|
for="binary"
|
|
/>
|
|
</div>
|
|
|
|
<div class="field login-section__buttons">
|
|
<Button
|
|
:label="t('Sign in')"
|
|
:loading="isLoading"
|
|
type="submit"
|
|
/>
|
|
|
|
<a
|
|
v-t="'Register oneself'"
|
|
class="btn btn--primary-outline"
|
|
href="/main/auth/inscription.php"
|
|
tabindex="3"
|
|
/>
|
|
</div>
|
|
|
|
<div class="field text-center">
|
|
<a
|
|
id="forgot"
|
|
v-t="'Forgot your password?'"
|
|
class="field"
|
|
href="/main/auth/lostPassword.php"
|
|
tabindex="5"
|
|
/>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useStore } from "vuex"
|
|
import { computed, ref } from "vue"
|
|
import { useRoute, useRouter } from "vue-router"
|
|
import Button from "primevue/button"
|
|
import InputText from "primevue/inputtext"
|
|
import Password from "primevue/password"
|
|
import InputSwitch from "primevue/inputswitch"
|
|
import { useI18n } from "vue-i18n"
|
|
import { useSecurityStore } from "../store/securityStore"
|
|
|
|
const route = useRoute()
|
|
const router = useRouter()
|
|
const store = useStore()
|
|
const { t } = useI18n()
|
|
const securityStore = useSecurityStore()
|
|
|
|
const login = ref("")
|
|
const password = ref("")
|
|
const remember = ref(false)
|
|
|
|
const isLoading = computed(() => store.getters["security/isLoading"])
|
|
|
|
let redirect = route.query.redirect
|
|
|
|
if (securityStore.isAuthenticated) {
|
|
if (typeof redirect !== "undefined") {
|
|
router.push({ path: redirect.toString() })
|
|
} else {
|
|
router.replace({ name: "Home" })
|
|
}
|
|
}
|
|
|
|
async function performLogin() {
|
|
let payload = { login: login.value, password: password.value }
|
|
let redirect = route.query.redirect
|
|
|
|
await store.dispatch("security/login", payload)
|
|
|
|
if (!store.getters["security/hasError"]) {
|
|
securityStore.user = store.state["security/user"]
|
|
|
|
if (typeof redirect !== "undefined") {
|
|
await router.push({ path: redirect.toString() })
|
|
} else {
|
|
// router.replace({path: "/home"});
|
|
window.location.href = "/home"
|
|
}
|
|
}
|
|
}
|
|
</script> |