parent
b501e081f2
commit
ce33549edb
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" href="#!">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,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'));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
});
|
||||||
Loading…
Reference in new issue