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

Fixed some css

Browse Source
This commit is contained in:
LeoMoulin 2024-04-01 11:43:42 +02:00
parent bce53305b3
commit 8442101c40
5 changed files with 47 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/src/Apps/AboutRequest.vue
View File

@ -52,10 +52,11 @@ function getPP(){
<style scoped> <style scoped>
.container{ .container{
min-width:675px;
display:grid; display:grid;
grid-template-columns:200px 900px; grid-template-columns:10vw 50vw;
grid-template-rows:200px auto; grid-template-rows:200px auto;
column-gap:30px; column-gap:2.7%;
row-gap:45px; row-gap:45px;
grid-template-areas: grid-template-areas:
"profilPic globalInfos" "profilPic globalInfos"
@ -64,6 +65,7 @@ function getPP(){
.profilPic{ .profilPic{
grid-area:profilPic; grid-area:profilPic;
width:100%;
} }
.globalInfos { .globalInfos {
@ -73,8 +75,12 @@ function getPP(){
} }
.body { .body {
min-width:960px;
width:100%; width:100%;
margin-bottom:10px; display:flex;
align-items:center;
justify-content:center;
margin-top:5%;
} }
.subContainter{ .subContainter{
@ -138,4 +144,12 @@ function getPP(){
column-gap:40px; column-gap:40px;
padding-left: 25px; padding-left: 25px;
} }
button{
font-size:15px;
height:50px;
width:100px;
border:none;
border-radius:20px;
}
</style> </style>

14
frontend/src/Apps/AboutStudent.vue
View File

@ -85,10 +85,11 @@
<style scoped> <style scoped>
.container{ .container{
min-width:675px;
display:grid; display:grid;
grid-template-columns:200px 900px; grid-template-columns:10vw 50vw;
grid-template-rows:200px auto; grid-template-rows:200px auto;
column-gap:30px; column-gap:2.7%;
row-gap:45px; row-gap:45px;
grid-template-areas: grid-template-areas:
"profilPic globalInfos" "profilPic globalInfos"
@ -106,8 +107,12 @@
} }
.body { .body {
min-width:960px;
width:100%; width:100%;
margin-bottom:10px; display:flex;
align-items:center;
justify-content:center;
margin-top:5%;
} }
.subContainter{ .subContainter{
@ -135,6 +140,9 @@
grid-template-areas: grid-template-areas:
"minfos minfos"; "minfos minfos";
grid-template-columns:600px 600px; grid-template-columns:600px 600px;
align-items:center;
justify-content:center;
margin-left: 320%;
} }
.listTitle{ .listTitle{

14
frontend/src/Apps/Inscription.vue
View File

@ -21,10 +21,10 @@
<template> <template>
<div v-if="windowsState === 1"> <div v-if="windowsState === 1">
<AboutRequest :target="targetId"></AboutRequest> <AboutRequest :target="targetId"></AboutRequest>
<button style="background-color:rgb(105,05,105);" @click="windowsState=0;">Retour</button> <button style="background-color:rgb(105,05,105);margin-left: 30%" @click="windowsState=0;">Retour</button>
</div> </div>
<div v-if="windowsState === 0"> <div v-if="windowsState === 0">
<div v-for="item of requests"> <div style='display:flex; justify-content:center; min-width:1140px;' v-for="item of requests">
<div class="bodu"> <div class="bodu">
<div class="container"> <div class="container">
<div class="date">{{item.submissionDate.slice(0, 10)}}</div> <div class="date">{{item.submissionDate.slice(0, 10)}}</div>
@ -38,7 +38,7 @@
</div> </div>
</div> </div>
</div> </div>
<div v-if="windowsState === 2"> <div style='display:flex; justify-content:center; min-width:1140px;margin-top: 10%' v-if="windowsState === 2">
<p>Etes vous sur de vouloir accepter cette demande ?</p> <p>Etes vous sur de vouloir accepter cette demande ?</p>
<button style="background-color:rgb(105,05,105);" @click="upPage(targetId,'Accepted');windowsState=0;">Valider</button> <button style="background-color:rgb(105,05,105);" @click="upPage(targetId,'Accepted');windowsState=0;">Valider</button>
<button style="background-color:rgb(105,05,105);" @click="windowsState=0;">Retour</button> <button style="background-color:rgb(105,05,105);" @click="windowsState=0;">Retour</button>
@ -51,7 +51,7 @@
height:100px; height:100px;
font-size:20px; font-size:20px;
display:grid; display:grid;
grid-template-columns:[firstCol-start]150px[firstCol-end secondCol-start]200px[secondCol-end thirdCol-start]200px[thirdCol-end fourthCol-start]150px[fourthCol-end]150px[fifthCol-end]150px[sixthCol-end]150px[endCol]; grid-template-columns:15% 15% 10% 14.2% 14.2% 14.2% 14.2%;
grid-template-areas: grid-template-areas:
"date state surname firstname accept refuse infos"; "date state surname firstname accept refuse infos";
column-gap:10px; column-gap:10px;
@ -74,7 +74,7 @@
.titles { .titles {
grid-area:titles; grid-area:titles;
background-color:rgb(215,215,215); align-self:center;
} }
.date{ .date{
grid-area:date; grid-area:date;
@ -119,8 +119,8 @@
} }
.bodu { .bodu {
width:100%; margin-top:2%;
margin-bottom:10px; width:66%;
border:2px solid black; border:2px solid black;
border-radius:9px; border-radius:9px;
background-color:rgb(50,50,50); background-color:rgb(50,50,50);

13
frontend/src/Apps/Login.vue
View File

@ -53,18 +53,22 @@
async function uploadPP(arg){ async function uploadPP(arg){
const data = await uploadProfilePicture(arg); const data = await uploadProfilePicture(arg);
ppData = data.url; ppData = data.url;
console.log(ppData);
} }
//This functions makes the distinction between a master cursus (year 4 or more) and a bachelor cursus (year 3 or less) //This functions makes the distinction between a master cursus (year 4 or more) and a bachelor cursus (year 3 or less)
function getCursusDisplay(cursus){ function getCursusDisplay(cursus){
if (cursus.year <= 3){ if (cursus.year <= 3){
return "BAB " + cursus.year + " " + cursus.option; return cursus.curriculumId + " BAB " + cursus.year + " " + cursus.option;
}else{ }else{
return "MA" + (parseInt(cursus.year)-3).toString() + " " + cursus.option; return cursus.curriculumId + " MA" + (parseInt(cursus.year)-3).toString() + " " + cursus.option;
} }
} }
//This function return the id of a decorated cursus (decorated by the function up)
function parseDecoratedCursus(cursus){
let id = cursus.substring(0, cursus.indexOf(" ")+1);
return id;
}
</script> </script>
@ -164,7 +168,7 @@
changer de cursus/réinscription sinon continuez ici. changer de cursus/réinscription sinon continuez ici.
</p> </p>
<div style="align-self:center;" class="inputBox"> <div style="align-self:center;" class="inputBox">
<button style="margin-top:25px;" @click="page++; register(outputs.firstname, outputs.surname, outputs.birthday, outputs.password, outputs.email, outputs.address, outputs.country, outputs.curriculum, ppData, null, new Date());"> <button style="margin-top:25px;" @click="page++; register(outputs.firstname, outputs.surname, outputs.birthday, outputs.password, outputs.email, outputs.address, outputs.country, parseDecoratedCursus(outputs.curriculum), ppData, null, new Date());">
{{i18n("login.guest.nextpage")}} {{i18n("login.guest.nextpage")}}
</button> </button>
</div> </div>
@ -249,7 +253,6 @@
.switchpage{ .switchpage{
width:100px; width:100px;
background:rgb(255, 0,255);
border: none; border: none;
padding-right:0; padding-right:0;
padding-top:10px; padding-top:10px;

8
frontend/src/Apps/StudentsList.vue
View File

@ -12,7 +12,7 @@
<template style="margin-top:5%;"> <template style="margin-top:5%;">
<div v-if="list === false"> <div v-if="list === false">
<AboutStudent :target=targetRegNo /> <AboutStudent :target=targetRegNo />
<button style="background-color:rgb(105,05,105);" @click="list = true;">Back</button> <button style="background-color:rgb(105,05,105);width:5%; margin-left: 10%;" @click="list = true;">Back</button>
</div> </div>
<div style="display:flex; justify-content:center; " v-for="item in users" v-if="list === true"> <div style="display:flex; justify-content:center; " v-for="item in users" v-if="list === true">
<div class="bodu"> <div class="bodu">
@ -35,7 +35,7 @@
height:100px; height:100px;
font-size:30px; font-size:30px;
display:grid; display:grid;
grid-template-columns:21.7% 21.7% 21.7% 21.7% 13.1%; grid-template-columns:21.7% 21.7% 21.7% 20% 13.1%;
grid-template-areas: grid-template-areas:
"status option surname firstname infos"; "status option surname firstname infos";
column-gap:10px; column-gap:10px;
@ -74,8 +74,8 @@
button{ button{
font-size:15px; font-size:15px;
height:50px; height:50px;
width:75%; width:75%;
border:none; border:none;
border-radius:20px; border-radius:20px;