71 lines
1.8 KiB
Vue
71 lines
1.8 KiB
Vue
<template>
|
|
<div class="columns is-vcentered" style="height: 50rem;">
|
|
<div class="column is-4 is-offset-4">
|
|
<form @submit.prevent="logIn">
|
|
<div class="field">
|
|
<label class="label">{{ t('login.username') }}</label>
|
|
<div class="control">
|
|
<input class="input" type="text" v-model="userName">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<label class="label">{{ t('login.password') }}</label>
|
|
<div class="control">
|
|
<input class="input" type="password" v-model="password">
|
|
</div>
|
|
</div>
|
|
<div class="field">
|
|
<div class="control">
|
|
<button class="button is-primary">{{ t('common.confirm') }}</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { onMounted, ref } from 'vue';
|
|
import { useI18n } from 'vue-i18n';
|
|
import { displayName, isLogedIn } from '../global';
|
|
import { useRouter } from 'vue-router';
|
|
const { t } = useI18n();
|
|
const route = useRouter();
|
|
|
|
onMounted(async () => {
|
|
console.log("HE");
|
|
const res = await fetch("/php/user/is_loged_in.php");
|
|
if (res.ok) {
|
|
const body = await res.json();
|
|
displayName.value = body.displayname;
|
|
isLogedIn.value = true;
|
|
route.push("/");
|
|
}
|
|
});
|
|
|
|
|
|
const userName = ref();
|
|
const password = ref();
|
|
|
|
async function logIn() {
|
|
const mes = {
|
|
"username": userName.value,
|
|
"pass": password.value
|
|
}
|
|
const res = await fetch("/php/user/ldapLogin.php", {
|
|
"body": JSON.stringify(mes),
|
|
"method": "POST"
|
|
});
|
|
|
|
const body = await res.json();
|
|
if (res.ok) {
|
|
isLogedIn.value = true;
|
|
displayName.value = body.displayname;
|
|
route.push("/");
|
|
} else {
|
|
console.log(body.error);
|
|
isLogedIn.value = true;
|
|
}
|
|
}
|
|
|
|
</script> |