Work on login

vue/routes/login.vue

@@ -0,0 +1,53 @@
+<template>
+  <div class="columns is-vcentered" style="height: 50rem;">
+    <div class="column is-2 is-offset-5">
+      <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 { ref } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { displayName, isLogedIn } from '../global';
+import { useRouter } from 'vue-router';
+const { t } = useI18n();
+const route = useRouter();
+
+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": mes,
+    "method": "POST"
+  });
+  const body = await res.json();
+  isLogedIn.value = true;
+  displayName.value = body.displayname;
+  route.push("/");
+}
+
+</script>