commit
814b5219aa
@ -1,28 +0,0 @@
|
||||
body{
|
||||
text-align : center;
|
||||
}
|
||||
|
||||
form{
|
||||
display : flex;
|
||||
flex-flow : column nowrap;
|
||||
align-items : center;
|
||||
}
|
||||
|
||||
input{
|
||||
width : 90%;
|
||||
border-radius : 5px;
|
||||
color : #595959;
|
||||
}
|
||||
|
||||
label{
|
||||
margin-top : 20px;
|
||||
}
|
||||
|
||||
#envoyer{
|
||||
width : 150px;
|
||||
height : 30px;
|
||||
}
|
||||
|
||||
#btnEnvoi{
|
||||
margin: 20px;
|
||||
}
|
||||
@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link href="../view/css/home.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="d-flex" id="wrapper">
|
||||
<!-- Sidebar-->
|
||||
<div class="border-end bg-white" id="sidebar-wrapper">
|
||||
<div class="sidebar-heading border-bottom bg-light">2do</div>
|
||||
<div class="list-group list-group-flush">
|
||||
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Home</a>
|
||||
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">New List +</a>
|
||||
<?php
|
||||
if($user){
|
||||
echo '<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">My Lists 🔒</a>';
|
||||
}
|
||||
?>
|
||||
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">About</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page content wrapper-->
|
||||
<div id="page-content-wrapper">
|
||||
<!-- Top navigation-->
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom">
|
||||
<div class="container-fluid">
|
||||
<button class="btn btn-primary" id="sidebarToggle">Toggle Menu</button>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ms-auto mt-2 mt-lg-0">
|
||||
<?php
|
||||
if($user){
|
||||
echo '<li class="nav-item"><a class="nav-link" href="#!">Log out</a></li>';
|
||||
} else {
|
||||
echo '<li class="nav-item"><a class="nav-link" href="#!">Log In</a></li>';
|
||||
echo '<li class="nav-item"><a class="nav-link" href="#!">Register</a></li>';
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!--Contenue de la page ici-->
|
||||
<div class="container-fluid">
|
||||
<h1 class="text-center my-3 pb-3">Welcome back!</h1>
|
||||
<form>
|
||||
<!-- Login input -->
|
||||
<div class="form-outline mb-4 align-items-center">
|
||||
<input type="email" id="form2Example1" class="form-control" />
|
||||
<label class="form-label" for="form2Example1">Username</label>
|
||||
</div>
|
||||
|
||||
<!-- Password input -->
|
||||
<div class="form-outline mb-4">
|
||||
<input type="password" id="form2Example2" class="form-control" />
|
||||
<label class="form-label" for="form2Example2">Password</label>
|
||||
</div>
|
||||
|
||||
<!-- Submit button -->
|
||||
<button type="button" class="btn btn-primary btn-block mb-4" action="connecter">Sign in</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="../view/js/home.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,116 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link href="../view/css/home.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="d-flex" id="wrapper">
|
||||
<!-- Sidebar-->
|
||||
<div class="border-end bg-white" id="sidebar-wrapper">
|
||||
<div class="sidebar-heading border-bottom bg-light">2do</div>
|
||||
<div class="list-group list-group-flush">
|
||||
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Home</a>
|
||||
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">New List +</a>
|
||||
<?php
|
||||
if($user){
|
||||
echo '<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">My Lists 🔒</a>';
|
||||
}
|
||||
?>
|
||||
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">About</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page content wrapper-->
|
||||
<div id="page-content-wrapper">
|
||||
<!-- Top navigation-->
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom">
|
||||
<div class="container-fluid">
|
||||
<button class="btn btn-primary" id="sidebarToggle">Toggle Menu</button>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ms-auto mt-2 mt-lg-0">
|
||||
<?php
|
||||
if($user){
|
||||
echo '<li class="nav-item"><a class="nav-link" href="#!">Log out</a></li>';
|
||||
} else {
|
||||
echo '<li class="nav-item"><a class="nav-link" action="page_connection">Log In</a></li>';
|
||||
echo '<li class="nav-item"><a class="nav-link" href="#!">Register</a></li>';
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- Page content-->
|
||||
<div class="container-fluid">
|
||||
<h1 class="mt-4">Public lists</h1>
|
||||
|
||||
<?php
|
||||
# check if set
|
||||
foreach($public_lists as $l){
|
||||
echo '
|
||||
<section class="vh-0" style="background-color: #eee;">
|
||||
<div class="container py-5 h-100">
|
||||
<div class="row d-flex justify-content-center align-items-center h-100">
|
||||
<div class="col col-lg-9 col-xl-7">
|
||||
<div class="card rounded-3"><div class="card rounded-3">
|
||||
<div class="card-body p-4">
|
||||
|
||||
<h4 class="text-center my-3 pb-3">'.$l->get_nom().'</h4>
|
||||
<form class="row row-cols-lg-auto g-3 justify-content-center align-items-center mb-4 pb-2">
|
||||
|
||||
<div class="col-12">
|
||||
<button type="submit" class="btn btn-primary">New task 📝</button>
|
||||
</div>
|
||||
</form>
|
||||
<table class="table mb-4">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Task</th>
|
||||
<th scope="col">Importance</th>
|
||||
<th scope="col">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>';
|
||||
# IF NO TASKS, display NO TASKS
|
||||
if(!empty($l->get_taches())){
|
||||
foreach($l->get_taches() as $t){
|
||||
echo '
|
||||
<tr>
|
||||
<td>'.$t->get_titre().'</td>
|
||||
<td>'.$t->get_priorite().'</td>
|
||||
<td>
|
||||
<button type="submit" class="btn btn-success ms-1">Done</button>
|
||||
<button type="submit" class="btn btn-danger">🗑</button>
|
||||
</td>
|
||||
</tr>';
|
||||
}
|
||||
} else {
|
||||
echo '<h6 class="text-center my-3 pb-3">No tasks here yet!</h6>';
|
||||
}
|
||||
|
||||
echo ' </tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>';
|
||||
}
|
||||
?>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Bootstrap core JS-->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="../view/js/home.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -0,0 +1,56 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
|
||||
rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
|
||||
crossorigin="anonymous">
|
||||
</head>
|
||||
<body>
|
||||
<section class="vh-100" style="background-color: #eee;">
|
||||
<div class="container py-5 h-100">
|
||||
<div class="row d-flex justify-content-center align-items-center h-100">
|
||||
<div class="col col-lg-9 col-xl-7">
|
||||
<div class="card rounded-3"><div class="card rounded-3">
|
||||
<div class="card-body p-4">
|
||||
|
||||
<h4 class="text-center my-3 pb-3">My List</h4>
|
||||
<form class="row row-cols-lg-auto g-3 justify-content-center align-items-center mb-4 pb-2">
|
||||
|
||||
<div class="col-12">
|
||||
<button type="submit" class="btn btn-primary">New task 📝</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<table class="table mb-4">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">Task</th>
|
||||
<th scope="col">Importance</th>
|
||||
<th scope="col">Actions</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php
|
||||
foreach($TabTask as $task){
|
||||
echo '<tr>
|
||||
<td scope="col">'.$task->get_titre().'</td>
|
||||
<td scope="col">'.$task->get_priorite().'</td>
|
||||
<td>
|
||||
<button type="submit" class="btn btn-success ms-1">Done</button>
|
||||
<button type="submit" class="btn btn-danger">🗑</button>
|
||||
</td>
|
||||
</tr>';
|
||||
}
|
||||
?>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,59 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link href="../view/css/home.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="d-flex" id="wrapper">
|
||||
<!-- Sidebar-->
|
||||
<div class="border-end bg-white" id="sidebar-wrapper">
|
||||
<div class="sidebar-heading border-bottom bg-light">2do</div>
|
||||
<div class="list-group list-group-flush">
|
||||
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Home</a>
|
||||
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">New List +</a>
|
||||
<?php
|
||||
if($user){
|
||||
echo '<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">My Lists 🔒</a>';
|
||||
}
|
||||
?>
|
||||
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">About</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page content wrapper-->
|
||||
<div id="page-content-wrapper">
|
||||
<!-- Top navigation-->
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom">
|
||||
<div class="container-fluid">
|
||||
<button class="btn btn-primary" id="sidebarToggle">Toggle Menu</button>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ms-auto mt-2 mt-lg-0">
|
||||
<?php
|
||||
if($user){
|
||||
echo '<li class="nav-item"><a class="nav-link" href="#!">Log out</a></li>';
|
||||
} else {
|
||||
echo '<li class="nav-item"><a class="nav-link" href="#!">Log In</a></li>';
|
||||
echo '<li class="nav-item"><a class="nav-link" href="#!">Register</a></li>';
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!--Contenue de la page ici-->
|
||||
<div class="container-fluid">
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="../view/js/home.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,41 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
|
||||
rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
|
||||
crossorigin="anonymous">
|
||||
</head>
|
||||
<body>
|
||||
<section class="vh-100" style="background-color: #eee;">
|
||||
<div class="container py-5 h-100">
|
||||
<div class="row d-flex justify-content-center align-items-center h-100">
|
||||
<div class="col col-lg-9 col-xl-7">
|
||||
<div class="card rounded-3"><div class="card rounded-3">
|
||||
<div class="card-body p-4">
|
||||
|
||||
<h4 class="text-center my-3 pb-3">New List</h4>
|
||||
<form class="row row-cols-lg-auto g-3 justify-content-center align-items-center mb-4 pb-2">
|
||||
<div class="col-12">
|
||||
<div class="form-outline">
|
||||
<input type="text" id="form1" class="form-control" />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<button type="submit" class="btn btn-primary">Save</button>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<button type="submit" class="btn btn-primary">Make private 🔒</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,26 @@
|
||||
/*!
|
||||
* Start Bootstrap - Simple Sidebar v6.0.5 (https://startbootstrap.com/template/simple-sidebar)
|
||||
* Copyright 2013-2022 Start Bootstrap
|
||||
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-simple-sidebar/blob/master/LICENSE)
|
||||
*/
|
||||
//
|
||||
// Scripts
|
||||
//
|
||||
|
||||
window.addEventListener('DOMContentLoaded', event => {
|
||||
|
||||
// Toggle the side navigation
|
||||
const sidebarToggle = document.body.querySelector('#sidebarToggle');
|
||||
if (sidebarToggle) {
|
||||
// Uncomment Below to persist sidebar toggle between refreshes
|
||||
// if (localStorage.getItem('sb|sidebar-toggle') === 'true') {
|
||||
// document.body.classList.toggle('sb-sidenav-toggled');
|
||||
// }
|
||||
sidebarToggle.addEventListener('click', event => {
|
||||
event.preventDefault();
|
||||
document.body.classList.toggle('sb-sidenav-toggled');
|
||||
localStorage.setItem('sb|sidebar-toggle', document.body.classList.contains('sb-sidenav-toggled'));
|
||||
});
|
||||
}
|
||||
|
||||
});
|
||||
@ -0,0 +1,75 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
|
||||
<meta name="description" content="" />
|
||||
<meta name="author" content="" />
|
||||
<!-- Core theme CSS (includes Bootstrap)-->
|
||||
<link href="../view/css/home.css" rel="stylesheet" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="d-flex" id="wrapper">
|
||||
<!-- Sidebar-->
|
||||
<div class="border-end bg-white" id="sidebar-wrapper">
|
||||
<div class="sidebar-heading border-bottom bg-light">2do</div>
|
||||
<div class="list-group list-group-flush">
|
||||
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">Home</a>
|
||||
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">New List +</a>
|
||||
<?php
|
||||
if($user){
|
||||
echo '<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">My Lists 🔒</a>';
|
||||
}
|
||||
?>
|
||||
<a class="list-group-item list-group-item-action list-group-item-light p-3" href="#!">About</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Page content wrapper-->
|
||||
<div id="page-content-wrapper">
|
||||
<!-- Top navigation-->
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light border-bottom">
|
||||
<div class="container-fluid">
|
||||
<button class="btn btn-primary" id="sidebarToggle">Toggle Menu</button>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
|
||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||
<ul class="navbar-nav ms-auto mt-2 mt-lg-0">
|
||||
<?php
|
||||
if($user){
|
||||
echo '<li class="nav-item"><a class="nav-link" href="#!">Log out</a></li>';
|
||||
} else {
|
||||
echo '<li class="nav-item"><a class="nav-link" href="#!">Log In</a></li>';
|
||||
echo '<li class="nav-item"><a class="nav-link" href="#!">Register</a></li>';
|
||||
}
|
||||
?>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<!--Contenue de la page ici-->
|
||||
<div class="container-fluid">
|
||||
<h2 class="text-center my-3 pb-3">Make private lists with a personnal account</h2>
|
||||
<form>
|
||||
<!-- Login input -->
|
||||
<div class="form-outline mb-4 align-items-center">
|
||||
<input type="email" id="form2Example1" class="form-control" />
|
||||
<label class="form-label" for="form2Example1">Username</label>
|
||||
</div>
|
||||
|
||||
<!-- Password input -->
|
||||
<div class="form-outline mb-4">
|
||||
<input type="password" id="form2Example2" class="form-control" />
|
||||
<label class="form-label" for="form2Example2">Password</label>
|
||||
</div>
|
||||
|
||||
<!-- Submit button -->
|
||||
<button type="button" class="btn btn-primary btn-block mb-4" action="register">Register</button>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Core theme JS-->
|
||||
<script src="../view/js/home.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in new issue