PGL/Clyde
PGL/Clyde
3
2
Fork 3
Code Issues 13 Pull Requests Actions Projects 3 Releases 2 Wiki Activity

tonitch/front/User_API #56

Merged
tonitch merged 9 commits from tonitch/front/User_API into master 2024-03-07 14:12:50 +01:00
Conversation 0 Commits 9 Files Changed 7 +19 -5
3 changed files with 19 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 837db9aba9 - Show all commits

17
frontend/src/Login.vue
View File

@ -1,16 +1,25 @@
<script setup>
import { ref } from 'vue'
import { login } from './rest/Users.js'
const username = ref("");
const password = ref("");
</script>
<template>
<body>
<div class="logBoxCenterer">
<div class='loginBox'>
<div class="form">
<form @submit.prevent="login(username, password)" class="form">
<h1 style="color:rgb(239,60,168); font-family: sans-serif;">SIGN IN</h1>
<div class="inputBox">
<p>USERNAME</p>
<input type="text" required>
<input v-model="username" type="text" required>
</div>
<div class="inputBox">
<p>PASSWORD</p>
<input type="password" required>
<input v-model=password type="password" required>
</div>
<div class="register">
<a>Register</a>
@ -18,7 +27,7 @@
<div class="inputBox">
<input type="submit" value="Login">
</div>
</div>
</form>
</div>
</div>
</body>

5
frontend/src/rest/Users.js Normal file
View File

@ -0,0 +1,5 @@
import { restGet, restPost } from './restConsumer.js'
export async function login(user, pass, exp){
restPost("/login", {login: user, password: pass, expiration: exp})
}

2
frontend/src/rest/restConsumer.js
View File

@ -1,4 +1,4 @@
import { getCookie } from './utils.js'
import { getCookie } from '../utils.js'
const restURL = import.meta.env.PROD ? "https://clyde.herisson.ovh/api" : "http://localhost:8080"