Merge branch 'main' of https://codefirst.iut.uca.fr/git/lilian.breton/PHP_Project

Style/seeListStyle.css

@@ -131,7 +131,7 @@ h2 {
     box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.1);
   }
   .col-1 {
-    flex-basis: 20%;
+    flex-basis: 15%;
   }
   .col-2 {
     flex-basis: 50%;
@@ -142,6 +142,12 @@ h2 {
   .col-4 {
     flex-basis: 10%;
   }
+  .col-5 {
+    flex-basis: 5%;
+  }
+  .col-6 {
+    flex-basis: 100%;
+  }
   
   @media all and (max-width: 767px) {
     .table-header {

Vues/seeList.php

@@ -4,6 +4,7 @@
   <title>Ajouter une Liste</title>
   <link rel="stylesheet" href="Style/bootstrap.css">
   <link rel="stylesheet" href="Style/seeListStyle.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 </head>
 
 
@@ -36,13 +37,46 @@
 
         if (isset($dataView)): 
     ?>
+    <form>
         <div class="container">
+
+            <ul class="responsive-table">
+                <li class="table-header">
+                    <div class="col col-1">List name</div>
+                    <div class="col col-4">Private</div>
+                    <div class="col col-5">Delete</div>
+
+                </li>
+                <li class="table-row">
+                    <div class="col col-1"><?php echo ($dataView[0]->getName()) ?></div>
+
+                    <?php 
+                    if ($dataView[0]->getCreator()!=null){
+                        if ($dataView[0]->getPrivate()){
+                        ?>
+                            <input type="checkbox" id="private" checked class="col col-4"></input>
+                        <?php 
+                        }
+                        else{
+                        ?>
+                            <input type="checkbox" id="private" class="col col-4"></input>
+
+                        <?php 
+                        }
+                    }
+                        ?>                    
+                    <button class="col col-5"><i class="fa fa-trash"></i></button>
+                </li>
+            </ul>
+
             <ul class="responsive-table">
                 <li class="table-header">
                     <div class="col col-1">Task name</div>
                     <div class="col col-2">Task content</div>
                     <div class="col col-3">Completed</div>
                     <div class="col col-4">Modify</div>
+                    <div class="col col-5">Delete</div>
+
                 </li>
 
                 <?php 
@@ -67,16 +101,26 @@
                     ?>
 
                     <button class="col col-4" data-label="Task content">Modify</button>
+                    <button class="col col-5"><i class="fa fa-trash"></i></button>
                 </li>
                 
+            
                 <?php 
                 }
                 ?>
+                <li class="table-row">
+                    <button class="col col-6" data-label="add Task">Add Task</button>
+
+                </li>
+
             </ul>
+
+            
         </div>
 
         <?php
         endif;
         ?>
+    </form>
     </div>
 </div>