Lucie Bedouret
2 years ago
parent
e1f8669426
commit
87163c1035
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
Before Width: | Height: | Size: 16 KiB After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 44 KiB |
@ -1,17 +1,33 @@
|
||||
<?php
|
||||
|
||||
Class Tache {
|
||||
public int $id;
|
||||
public string $nom;
|
||||
public bool $isCompleted;
|
||||
public int $idListe;
|
||||
private int $id;
|
||||
private string $nom;
|
||||
private bool $isCompleted;
|
||||
private int $idListe;
|
||||
|
||||
function __construct(int $i, string $in, bool $is, int $idListe){
|
||||
public function __construct(int $i, string $in, bool $is, int $idListe){
|
||||
$this->id = $i;
|
||||
$this->nom = $in;
|
||||
$this->isCompleted = $is;
|
||||
$this->idListe=$idListe;
|
||||
}
|
||||
|
||||
public function get_id():int{
|
||||
return $this->id;
|
||||
}
|
||||
|
||||
public function get_nom():string{
|
||||
return $this->nom;
|
||||
}
|
||||
|
||||
public function get_isCompleted():bool{
|
||||
return $this->isCompleted;
|
||||
}
|
||||
|
||||
public function get_idListe():int{
|
||||
return $this->idListe;
|
||||
}
|
||||
}
|
||||
|
||||
?>
|
||||
@ -0,0 +1,69 @@
|
||||
.head-body{
|
||||
display:flex;
|
||||
flex-direction: row;
|
||||
height: 100px;
|
||||
margin-bottom: 50px;
|
||||
place-content: end space-between;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.connection{
|
||||
width: 125px;
|
||||
padding: 15%;
|
||||
background: none;
|
||||
font-family: sans-serif;
|
||||
font-size: 20;
|
||||
color: #212F3D;
|
||||
border: solid 2px;
|
||||
border-radius: 10px;
|
||||
border-color: #212F3D;
|
||||
}
|
||||
|
||||
.deconnection{
|
||||
width: 125px;
|
||||
padding: 15%;
|
||||
border: none;
|
||||
color:#B2BABB;
|
||||
background-color: #212F3D;
|
||||
font-family: sans-serif;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
#accessList{
|
||||
color: #212F3D;
|
||||
background-color: #E4F8FF;
|
||||
margin: 2%;
|
||||
padding: 3%;
|
||||
border-radius: 30px;
|
||||
display: flex;
|
||||
place-content: end space-between;
|
||||
}
|
||||
|
||||
.private-lists{
|
||||
background: none;
|
||||
border:none;
|
||||
color: #212F3D;
|
||||
background-color: #F7F9F9;
|
||||
font-family: sans-serif;
|
||||
font-size: 25;
|
||||
padding : 40px;
|
||||
border-radius: 25px;
|
||||
}
|
||||
|
||||
.create-list{
|
||||
margin-top: 2%;
|
||||
background: none;
|
||||
border:none;
|
||||
color: #212F3D;
|
||||
background-color: #F7F9F9;
|
||||
font-family: sans-serif;
|
||||
font-size: 25;
|
||||
padding : 40px;
|
||||
border-radius: 50px;
|
||||
margin-left: 25%;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.private-lists:hover{
|
||||
background-color: #E4F8FF;
|
||||
}
|
||||
@ -0,0 +1,80 @@
|
||||
header{
|
||||
padding-top: 2%;
|
||||
padding-bottom: 2%;
|
||||
height: 5%;
|
||||
width: 100%;
|
||||
background:none;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
vertical-align: middle;
|
||||
place-content: start space-evenly;
|
||||
}
|
||||
body{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
align-content: center;
|
||||
}
|
||||
h1{
|
||||
font-family: sans-serif;
|
||||
font-size: 30;
|
||||
}
|
||||
h2{
|
||||
margin-top: 35px;
|
||||
font-family: sans-serif;
|
||||
font-size: 25;
|
||||
color: #E4F8FF;
|
||||
}
|
||||
|
||||
.body{
|
||||
animation: changeColor 5s infinite alternate linear;
|
||||
width: 81%;
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
padding-bottom: 10%;
|
||||
padding-top: 5%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
@keyframes changeColor{
|
||||
0% {
|
||||
background-color: #004D67;
|
||||
}
|
||||
25% {
|
||||
background: #005F80;
|
||||
}
|
||||
50%{
|
||||
background: #007198;
|
||||
}
|
||||
75%{
|
||||
background: #0081AD;
|
||||
}
|
||||
100%{
|
||||
background: #0089B8;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
h4{
|
||||
margin-left: 5%;
|
||||
align-self: center;
|
||||
font-size: 20;
|
||||
font-family: sans-serif;
|
||||
color: #212F3D;
|
||||
}
|
||||
|
||||
.button{
|
||||
border: none;
|
||||
color:#B2BABB;
|
||||
background-color: #212F3D;
|
||||
font-family: sans-serif;
|
||||
padding:30px;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
#GoHome > input[type="image"] {
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
@ -0,0 +1,60 @@
|
||||
.body{
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
header{
|
||||
place-content: start center;
|
||||
}
|
||||
|
||||
h1{
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
#connectionForm{
|
||||
background-color: #E4F8FF;
|
||||
width: 50%;
|
||||
padding: 5%;
|
||||
border-radius: 50px;
|
||||
place-content: start center;
|
||||
}
|
||||
|
||||
#connectionForm > input[type="text"]{
|
||||
width: 60%;
|
||||
height: 40px;
|
||||
margin-left: 20%;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #212F3D;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
|
||||
#connectionForm > input[type="password"]{
|
||||
width: 60%;
|
||||
height: 40px;
|
||||
margin-left: 20%;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #212F3D;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
|
||||
.button{
|
||||
border-radius: 50px;
|
||||
width: 50%;
|
||||
margin-left: 25%;
|
||||
margin-top: 10%;
|
||||
}
|
||||
|
||||
.accesInscription{
|
||||
margin-top: 2%;
|
||||
background: none;
|
||||
border:none;
|
||||
color: #212F3D;
|
||||
background-color: #F7F9F9;
|
||||
font-family: sans-serif;
|
||||
font-size: 25;
|
||||
padding-left : 100px;
|
||||
padding-right : 100px;
|
||||
padding-top:30px;
|
||||
padding-bottom:30px;
|
||||
border-radius: 50px;
|
||||
width: 100%;
|
||||
}
|
||||
@ -0,0 +1,46 @@
|
||||
header{
|
||||
place-content: start center;
|
||||
}
|
||||
|
||||
h1{
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
.body{
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#creationForm{
|
||||
background-color: #E4F8FF;
|
||||
width: 50%;
|
||||
padding: 5%;
|
||||
border-radius: 50px;
|
||||
place-content: start center;
|
||||
}
|
||||
|
||||
#creationForm > input[type="text"]{
|
||||
width: 60%;
|
||||
height: 40px;
|
||||
margin-left: 20%;
|
||||
border-radius: 10px;
|
||||
border: 1px solid #212F3D;
|
||||
margin-bottom: 3%;
|
||||
}
|
||||
|
||||
label{
|
||||
font-family: sans-serif;
|
||||
font-weight: bold;
|
||||
font-size: 20;
|
||||
color: #212F3D;
|
||||
}
|
||||
|
||||
p{
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
.button{
|
||||
border-radius: 50px;
|
||||
width: 50%;
|
||||
margin-left: 25%;
|
||||
margin-top: 10%;
|
||||
}
|
||||
@ -0,0 +1,61 @@
|
||||
header{
|
||||
place-content: start center;
|
||||
}
|
||||
|
||||
h1{
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
#delTache > input[type='image']{
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
#check > input[type='image']{
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
#uncheck > input[type='image']{
|
||||
height: 50px;
|
||||
width: 50px;
|
||||
}
|
||||
|
||||
.tache{
|
||||
color: #212F3D;
|
||||
background-color: #E4F8FF;
|
||||
margin: 2%;
|
||||
padding: 3%;
|
||||
border-radius: 30px;
|
||||
display: flex;
|
||||
place-content: end space-between;
|
||||
}
|
||||
|
||||
.add-task{
|
||||
margin-top: 2%;
|
||||
background: none;
|
||||
border:none;
|
||||
color: #212F3D;
|
||||
background-color: #F7F9F9;
|
||||
font-family: sans-serif;
|
||||
font-size: 25;
|
||||
padding : 40px;
|
||||
border-radius: 50px;
|
||||
margin-left: 25%;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.del-list{
|
||||
margin-top: 2%;
|
||||
background: none;
|
||||
border:none;
|
||||
color: #212F3D;
|
||||
background-color: #F7F9F9;
|
||||
font-family: sans-serif;
|
||||
font-size: 25;
|
||||
padding : 25px;
|
||||
border-radius: 50px;
|
||||
margin-left: 35%;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
@ -0,0 +1,8 @@
|
||||
header{
|
||||
place-content: start center;
|
||||
}
|
||||
|
||||
h1{
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
@ -1,63 +1,70 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<header>
|
||||
<h2><?=$dataView->nom?></h2>
|
||||
<form method="POST" name="goBackHome" id="Go Home">
|
||||
<input type="submit" value="Home Page"/>
|
||||
<input type="hidden" name="action" value="goHome"/>
|
||||
</form>
|
||||
</header>
|
||||
<head>
|
||||
<title>detailList</title>
|
||||
<link rel="stylesheet" href="styles/commonStyles.css"/>
|
||||
<link rel="stylesheet" href="styles/detailsListStyles.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<header>
|
||||
<form method="POST" name="goBackHome" id="GoHome">
|
||||
<input type="image" src="assets/logo.png"/>
|
||||
<input type="hidden" name="action" value="goHome"/>
|
||||
</form>
|
||||
<h1><?=$dataView->get_nom()?></h1>
|
||||
</header>
|
||||
<div class="body">
|
||||
<?php
|
||||
if (isset($dataView)) {
|
||||
if($dataView->taches != null){
|
||||
foreach($dataView->taches as $tache){
|
||||
if($tache->isCompleted == true){
|
||||
if($dataView->get_taches() != null){
|
||||
foreach($dataView->get_taches() as $tache){
|
||||
if($tache->get_isCompleted() == true){
|
||||
echo '
|
||||
<input type="checkbox" id="tache'.$tache->id.'" name="tache'.$tache->id.'" value="'.$tache->id.'" disabled checked>
|
||||
<label for="tache'.$tache->id.'">'.$tache->nom.'</label>
|
||||
<form method="POST" id="check'.$tache->id.'" name="check'.$tache->id.'">
|
||||
<input type="submit" value="Undo"/>
|
||||
<input type="hidden" name="action" value="changeCompletedTache"/>
|
||||
<input type="hidden" name="tache" value="'.$tache->id.'"/>
|
||||
<input type="hidden" name="liste" value="'.$dataView->id.'"/>
|
||||
</form>
|
||||
<div class="tache">
|
||||
<form method="POST" id="check" name="check">
|
||||
<input type="image" src="assets/done.png"/>
|
||||
<input type="hidden" name="action" value="changeCompletedTache"/>
|
||||
<input type="hidden" name="tache" value="'.$tache->get_id().'"/>
|
||||
<input type="hidden" name="liste" value="'.$dataView->get_id().'"/>
|
||||
</form>
|
||||
<h4>'.$tache->get_nom().'</h4>
|
||||
|
||||
';
|
||||
}
|
||||
else{
|
||||
echo '
|
||||
<input type="checkbox" id="tache'.$tache->id.'" name="tache'.$tache->id.'" value="'.$tache->id.'" disabled>
|
||||
<label for="tache'.$tache->id.'">'.$tache->nom.'</label>
|
||||
<form method="POST" id="uncheck'.$tache->id.'" name="uncheck'.$tache->id.'">
|
||||
<input type="submit" value="Done"/>
|
||||
<input type="hidden" name="action" value="changeCompletedTache"/>
|
||||
<input type="hidden" name="tache" value="'.$tache->id.'"/>
|
||||
<input type="hidden" name="liste" value="'.$dataView->id.'"/>
|
||||
</form>
|
||||
<div class="tache">
|
||||
<form method="POST" id="uncheck" name="uncheck">
|
||||
<input type="image" src="assets/to-do.png"/>
|
||||
<input type="hidden" name="action" value="changeCompletedTache"/>
|
||||
<input type="hidden" name="tache" value="'.$tache->get_id().'"/>
|
||||
<input type="hidden" name="liste" value="'.$dataView->get_id().'"/>
|
||||
</form>
|
||||
<h4>'.$tache->get_nom().'</h4>
|
||||
';
|
||||
}
|
||||
echo '
|
||||
<form method="POST" id="delTache'.$tache->id.'" name="delTache'.$tache->id.'">
|
||||
<input type="submit" value="Delete"/>
|
||||
<form method="POST" id="delTache" name="delTache">
|
||||
<input type="image" src="assets/bin.png"/>
|
||||
<input type="hidden" name="action" value="delTache"/>
|
||||
<input type="hidden" name="tache" value="'.$tache->id.'"/>
|
||||
<input type="hidden" name="liste" value="'.$dataView->id.'"/>
|
||||
</form>';
|
||||
<input type="hidden" name="tache" value="'.$tache->get_id().'"/>
|
||||
<input type="hidden" name="liste" value="'.$dataView->get_id().'"/>
|
||||
</form>
|
||||
</div>';
|
||||
echo '<br/>';
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
<form method="POST" id="addTache" name="addTache">
|
||||
<input type="submit" value="Add a Task"/></p>
|
||||
<input class="add-task" type="submit" value="Add a Task"/></p>
|
||||
<input type="hidden" name="action" value="accessCreationTachePage"/>
|
||||
<input type="hidden" name="liste" value="<?=$dataView->id?>"/>
|
||||
<input type="hidden" name="liste" value="<?=$dataView->get_id()?>"/>
|
||||
</form>
|
||||
<form method="POST" id="delListe" name="delListe">
|
||||
<input type="submit" value="Delete the list"/></p>
|
||||
<input class="del-list" type="submit" value="Delete the list"/></p>
|
||||
<input type="hidden" name="action" value="delListe"/>
|
||||
<input type="hidden" name="liste" value="<?=$dataView->id?>"/>
|
||||
<input type="hidden" name="liste" value="<?=$dataView->get_id()?>"/>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
@ -1,31 +1,44 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<header>
|
||||
<h2>Private Lists</h2>
|
||||
<form method="POST" name="goBackHome" id="Go Home">
|
||||
<input type="submit" value="Home Page"/>
|
||||
<input type="hidden" name="action" value="goHome"/>
|
||||
</form>
|
||||
</header>
|
||||
<head>
|
||||
<title>Acceuil</title>
|
||||
<link rel="stylesheet" href="styles/commonStyles.css"/>
|
||||
<link rel="stylesheet" href="styles/acceuilStyles.css"/>
|
||||
<link rel="stylesheet" href="styles/privateListsStyles.css"/>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<header>
|
||||
<form method="POST" name="goBackHome" id="GoHome">
|
||||
<input type="image" src="assets/logo.png"/>
|
||||
<input type="hidden" name="action" value="goHome"/>
|
||||
</form>
|
||||
<h1>Private lists</h1>
|
||||
</header>
|
||||
<div class="body">
|
||||
|
||||
<?php
|
||||
if(isset($dataView)) {
|
||||
if(isset($dataView) && !empty($dataView)) {
|
||||
foreach ($dataView as $liste){
|
||||
echo '
|
||||
<div>
|
||||
<form method="post" name="accessList" id="accessList">
|
||||
<p>• '.$liste->nom.'
|
||||
<input type="submit" value="View List"/></p>
|
||||
<h4>• '.$liste->get_nom().'</h4>
|
||||
<input class="button" type="submit" value="View List"/>
|
||||
<input type="hidden" name="action" value="accessListInfos"/>
|
||||
<input type="hidden" name="liste" value="'.$liste->id.'"/>
|
||||
<input type="hidden" name="liste" value="'.$liste->get_id().'"/>
|
||||
</form>
|
||||
</div>';
|
||||
}
|
||||
}
|
||||
else{
|
||||
echo '
|
||||
<h2>You do not have any list for the moment</h2>';
|
||||
}
|
||||
?>
|
||||
|
||||
<form method="post" name="createList" id="createList">
|
||||
<input class="create-list" type="submit" value="Create List"/>
|
||||
<input type="hidden" name="action" value="accessCreationListePage"/>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,19 +0,0 @@
|
||||
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<header>
|
||||
<h2>What you wanna do young padawan?</h2>
|
||||
<form method="POST" name="goBackHome" id="Go Home">
|
||||
<input type="submit" value="Home Page"/>
|
||||
<input type="hidden" name="action" value="goHome"/>
|
||||
</form>
|
||||
</header>
|
||||
<body>
|
||||
<div>
|
||||
<form method="POST" name="deconnection">
|
||||
<input class="button" type="submit" value="Déconnection"/>
|
||||
<input type="hidden" name="action" value="deconnection"/>
|
||||
</form>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,26 +0,0 @@
|
||||
header{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
background-color: #0971C9;
|
||||
}
|
||||
body{
|
||||
background-color: #0D2350;
|
||||
|
||||
}
|
||||
h1, h2, h3, h4, p{
|
||||
font-family: sans-serif;
|
||||
font-weight: bolder;
|
||||
color: #FFFEFD;
|
||||
}
|
||||
.button{
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
background-color: #FFFEFD;
|
||||
border-radius: 20%;
|
||||
border-color: #0971C9;
|
||||
color: #0D2350;
|
||||
|
||||
}
|
||||
.button:hover{
|
||||
background-color: grey;
|
||||
}
|
||||
@ -1,33 +0,0 @@
|
||||
html,
|
||||
body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding-top: 40px;
|
||||
padding-bottom: 40px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.form-signin {
|
||||
max-width: 330px;
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.form-signin .form-floating:focus-within {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.form-signin input[type="text"] {
|
||||
margin-bottom: -1px;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 0;
|
||||
}
|
||||
|
||||
.form-signin input[type="password"] {
|
||||
margin-bottom: 10px;
|
||||
border-top-left-radius: 0;
|
||||
border-top-right-radius: 0;
|
||||
}
|
||||
Loading…
Reference in new issue