tonitch/Clyde
1
0
Fork 0
forked from PGL/Clyde
Code Pull Requests Activity

Merge pull request 'tonitch/front/User_API' (#56) from tonitch/front/User_API into master

Browse Source 
Reviewed-on: PGL/Clyde#56
Reviewed-by: Maxime <231026@umons.ac.be>
Reviewed-by: Wal <karpinskiwal@gmail.com>
This commit is contained in:
Debucquoy Anthony 2024-03-07 14:12:49 +01:00
commit dbbf74f2c3
2 changed files with 41 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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> <template>
<body> <body>
<div class="logBoxCenterer"> <div class="logBoxCenterer">
<div class='loginBox'> <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> <h1 style="color:rgb(239,60,168); font-family: sans-serif;">SIGN IN</h1>
<div class="inputBox"> <div class="inputBox">
<p>USERNAME</p> <p>USERNAME</p>
<input type="text" required> <input v-model="username" type="text" required>
</div> </div>
<div class="inputBox"> <div class="inputBox">
<p>PASSWORD</p> <p>PASSWORD</p>
<input type="password" required> <input v-model=password type="password" required>
</div> </div>
<div class="register"> <div class="register">
<a>Register</a> <a>Register</a>
@ -18,7 +27,7 @@
<div class="inputBox"> <div class="inputBox">
<input type="submit" value="Login"> <input type="submit" value="Login">
</div> </div>
</div> </form>
</div> </div>
</div> </div>
</body> </body>

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

@ -0,0 +1,28 @@
import { restGet, restPost } from './restConsumer.js'
export async function login(user, pass, exp){
return restPost("/login", {login: user, password: pass, expiration: exp});
}
export async function register(user, pass, mail){
return restPost("/user", {name: user, password: pass, mail: mail});
restPost("/login", {login: user, password: pass, expiration: exp})
}
/**
* get informations on a specific user.
* Leaving the id empty will return the user's value based on his token
* if the user is not authenticated. then an empty array should be returned
*/
export async function getUser(id){
const endpoint = "/user" + id != null ? "/" + id : "";
return restGet(endpoint);
}
/**
* Reserved for secretary roles. Allow to list all user on the plateform
*/
export async function getAllUsers(){
return restGet("/users");
}