nathan.boileau
/
Scripted
0
3
Fork 0
Code Issues 9 Pull Requests Packages Projects 1 Releases Wiki Activity

Merge branch 'master' of https://codefirst.iut.uca.fr/git/nathan.boileau/Scripted
continuous-integration/drone/push Build is passing Details

Browse Source
ServeurDeTest
johan 2 years ago
parent 1915004e6b 159acbd2bc
commit de51cf3ddb
3 changed files with 126 additions and 177 deletions
Show Stats Download Patch File Download Diff File

1
WEB/View/src/CSS/LogSign.css → WEB/View/src/CSS/Login.css
Unescape View File

@ -160,6 +160,7 @@ body {
background: linear-gradient(270deg, transparent, #6090d1); background: linear-gradient(270deg, transparent, #6090d1);
animation: btn-anim3 1s linear infinite; animation: btn-anim3 1s linear infinite;
animation-delay: 0.5s; animation-delay: 0.5s;
-webkit-animation: btn-anim3 1s linear infinite;
} }
@keyframes btn-anim3 { @keyframes btn-anim3 {

108
WEB/View/src/pages/LogSign/Login.php
Unescape View File

@ -1,68 +1,52 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
<head>
<head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Login</title> <title>Login</title>
<link <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous" />
rel="stylesheet" <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
crossorigin="anonymous" <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
/> <link rel="stylesheet" href="./View/src/CSS/Login.css" />
<script </head>
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" <body>
crossorigin="anonymous" <div class="container user-select-none">
></script> <div class="login-box col-12" id="form">
<script <div class="row mb-4">
src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" <h2 class="text-uppercase font-weight-bold text-center">Login</h2>
integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
crossorigin="anonymous"
></script>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="stylesheet" href="./View/src/CSS/LogSign.css" />
</head>
<body>
<div class="container user-select-none">
<div class="login-box col-12" id="form">
<div class="row mb-4">
<h2 class="text-uppercase font-weight-bold text-center">Login</h2>
</div>
<form action="index.php?action=login" method="POST">
<div class="user-box mb-5 position-relative">
<input type="text" id="email" name="email" required="" />
<label class="py-1">Email</label>
</div>
<div class="user-box mb-3 position-relative">
<input type="password" id="password" name="password" required="" />
<label>Password</label>
</div>
<div class="d-flex justify-content-around mt-5">
<button class="py-2 px-3" type="submit">
<span></span>
<span></span>
<span></span>
<span></span>
Submit
</button>
<a href="index.php?action=goToSignUp" class="right py-2 px-3">
<span></span>
<span></span>
<span></span>
<span></span>
Sign up
</a>
</div>
</form>
</div> </div>
<form action="index.php?action=login" method="POST">
<div class="user-box mb-5 position-relative">
<input type="text" id="email" name="email" required="" />
<label class="py-1">Email</label>
</div>
<div class="user-box mb-3 position-relative">
<input type="password" id="password" name="password" required="" />
<label>Password</label>
</div>
<div class="d-flex justify-content-around mt-5">
<button class="py-2 px-3" type="submit">
<span></span>
<span></span>
<span></span>
<span></span>
Submit
</button>
<a href="index.php?action=goToSignUp" class="right py-2 px-3">
<span></span>
<span></span>
<span></span>
<span></span>
Sign up
</a>
</div>
</form>
</div> </div>
</body> </div>
</body>
</html> </html>

188
WEB/View/src/pages/Main.php
Unescape View File

@ -1,73 +1,47 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Scripted</title>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css"
integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I"
crossorigin="anonymous"
/>
<script
src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js"
integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/"
crossorigin="anonymous"
></script>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="stylesheet" href="./View/src/CSS/Main.css" />
</head>
<body>
<script>
function displayProfil() {
profil.classList.toggle("open");
profilIcon.classList.toggle("open");
profilContainer.classList.toggle("open");
mainPart.classList.toggle("open");
}
</script>
<div id="imgMain" class="container p-0 d-flex"> <head>
<!-- Profile page --> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Scripted</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/css/bootstrap.min.css" integrity="sha384-r4NyP46KrjDleawBgD5tp8Y7UzmLA05oM1iAEQ17CSuDqnUK2+k9luXQOfXJCJ4I" crossorigin="anonymous" />
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/5.0.0-alpha1/js/bootstrap.min.js" integrity="sha384-oesi62hOLfzrys4LxRF63OJCXdXDipiYWBnvTl9Y9/TRlw5xlKIEHpNyvvDShgf/" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
<link rel="stylesheet" href="./View/src/CSS/Main.css" />
</head>
<div class="col-4 d-flex" id="profilContainer"> <body>
<button <script>
class="d-flex p-0 user-select-none" function displayProfil() {
id="btnProfil" profil.classList.toggle("open");
style="background: transparent; border: none; z-index: 10; height: fit-content;" profilIcon.classList.toggle("open");
onclick="displayProfil()" profilContainer.classList.toggle("open");
> mainPart.classList.toggle("open");
<span class="material-symbols-outlined p-1 neonBg" id="profilIcon"> }
clear_all </script>
</span>
</button> <div id="imgMain" class="container p-0 d-flex">
<div <!-- Profile page -->
class="col-4"
id="profil" <div class="col-4 d-flex" id="profilContainer">
style=" <button class="d-flex p-0 user-select-none" id="btnProfil" style="background: transparent; border: none; z-index: 10; height: fit-content;" onclick="displayProfil()">
<span class="material-symbols-outlined p-1 neonBg" id="profilIcon">
clear_all
</span>
</button>
<div class="col-4" id="profil" style="
background-image: linear-gradient(15deg, #434343 0%, black 100%); background-image: linear-gradient(15deg, #434343 0%, black 100%);
border-radius: 10px; border-radius: 10px;
height: 100%; height: 100%;
z-index: 2; z-index: 2;
" ">
> <div class="row py-5 d-flex justify-content-center mx-0">
<div class="row py-5 d-flex justify-content-center mx-0"> <?php
<?php if (isset($_SESSION['role']) && $_SESSION['role'] == 'user') {
if (isset($_SESSION['role']) && $_SESSION['role'] == 'user'){ echo '<img
echo '<img
src="./View/assets/img/CyberpunkGirl4.png" src="./View/assets/img/CyberpunkGirl4.png"
alt="Profil" alt="Profil"
id="imgProfil" id="imgProfil"
@ -79,22 +53,21 @@
border: 2px solid #44fff6; border: 2px solid #44fff6;
" "
/> />
<p class="d-flex justify-content-center m-0 p-0">' .$_SESSION['pseudo'].'</p> <p class="d-flex justify-content-center m-0 p-0">' . $_SESSION['pseudo'] . '</p>
<div <div
class="d-flex justify-content-center align-self-end p-0 m-0 user-select-none" class="d-flex justify-content-center align-self-end p-0 m-0 user-select-none"
id="container" id="container"
>'; >';
echo '<a class="logButton" href="index.php?action=logout"> echo '<a class="logButton" href="index.php?action=logout">
<span class="circle" aria-hidden="true"> <span class="circle" aria-hidden="true">
<span class="icon arrow"></span> <span class="icon arrow"></span>
</span> </span>
<span class="button-text">Logout</span> <span class="button-text">Logout</span>
</a> </a>
</div>'; </div>';
} } elseif (isset($_SESSION['role']) && $_SESSION['role'] == 'admin') {
elseif (isset($_SESSION['role']) && $_SESSION['role'] == 'admin'){ echo '<img
echo '<img
src="./View/assets/img/CyberpunkGirl4.png" src="./View/assets/img/CyberpunkGirl4.png"
alt="Profil" alt="Profil"
id="imgProfil" id="imgProfil"
@ -109,7 +82,7 @@
<p <p
class="d-flex justify-content-center m-0 p-0" class="d-flex justify-content-center m-0 p-0"
style="font-weight: bold; font-size: 18px" style="font-weight: bold; font-size: 18px"
>' .$_SESSION['pseudo'].'</p> >' . $_SESSION['pseudo'] . '</p>
<div <div
class="d-flex flex-column align-items-center align-self-end p-0 m-0 user-select-none" class="d-flex flex-column align-items-center align-self-end p-0 m-0 user-select-none"
@ -157,54 +130,45 @@
<span class="button-text">Logout</span> <span class="button-text">Logout</span>
</a> </a>
</div>'; </div>';
} } else {
else { echo '<div class="d-flex justify-content-center align-self-center p-0 m-0" id="container">';
echo '<div class="d-flex justify-content-center align-self-center p-0 m-0" id="container">'; echo '<a class="logButton" href="index.php?action=goToLogin">';
echo '<a class="logButton" href="index.php?action=goToLogin">'; echo ' <span class="circle" aria-hidden="true">';
echo ' <span class="circle" aria-hidden="true">'; echo ' <span class="icon arrow"></span>';
echo ' <span class="icon arrow"></span>'; echo ' </span>';
echo ' </span>'; echo ' <span class="button-text">Login</span>';
echo ' <span class="button-text">Login</span>'; echo '</a>';
echo '</a>'; echo '</div>';
echo '</div>'; }
} ?>
?>
</div>
</div> </div>
</div> </div>
<!-- End Profile page --> </div>
<!-- End Profile page -->
<!-- Main page --> <!-- Main page -->
<div class="col d-flex align-items-center user-select-none"> <div class="col d-flex align-items-center user-select-none">
<div class="col-6 m-0 neonBg" id="mainPart" style="max-height: 80%; height: 70%"> <div class="col-6 m-0 neonBg" id="mainPart" style="max-height: 80%; height: 70%">
<div class="row mx-0 pt-4 pb-5 text-center"> <div class="row mx-0 pt-4 pb-5 text-center">
<h1>Scripted</h1> <h1>Scripted</h1>
</div> </div>
<!-- Solo --> <!-- Solo -->
<div class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center"> <div class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center">
<a class="cssbuttons-io" <a class="cssbuttons-io" <?php
<?php if (isset($_SESSION['role']) && $_SESSION['role'] == 'user' || isset($_SESSION['role']) && $_SESSION['role'] == 'admin') {
if (isset($_SESSION['role']) && $_SESSION['role'] == 'user' || isset($_SESSION['role']) && $_SESSION['role'] == 'admin'){ echo 'href="index.php?action=goToPresentation"';
echo 'href="index.php?action=goToPresentation"'; } else {
} echo 'href="index.php?action=goToLogin"';
else{ }
echo 'href="index.php?action=goToLogin"'; ?> id="btn-1">
} <span><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
?> <path d="M0 0h24v24H0z" fill="none"></path>
id="btn-1"> <path d="M24 12l-5.657 5.657-1.414-1.414L21.172 12l-4.243-4.243 1.414-1.414L24 12zM2.828 12l4.243 4.243-1.414 1.414L0 12l5.657-5.657L7.07 7.757 2.828 12zm6.96 9H7.66l6.552-18h2.128L9.788 21z" fill="currentColor"></path>
<span </svg>
><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"> CodeQuest</span>
<path d="M0 0h24v24H0z" fill="none"></path> </a>
<path </div>
d="M24 12l-5.657 5.657-1.414-1.414L21.172 12l-4.243-4.243 1.414-1.414L24 12zM2.828 12l4.243 4.243-1.414 1.414L0 12l5.657-5.657L7.07 7.757 2.828 12zm6.96 9H7.66l6.552-18h2.128L9.788 21z"
fill="currentColor"
></path>
</svg>
CodeQuest</span
>
</a>
</div>
<!-- Multijoueur --> <!-- Multijoueur -->
<div class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center"> <div class="row m-0 pt-4 pb-5 d-flex justify-content-center text-center">

Write Preview
Loading…
Cancel
Save