From 76a821d43951330f0324ac5f1f6cde618367b650 Mon Sep 17 00:00:00 2001
From: thchazot1 <thchazot1@IUTCLINFB2003>
Date: Thu, 22 Dec 2022 23:34:33 +0100
Subject: [PATCH] wesh

---
 Style/seeListStyle.css |  8 +++++++-
 Vues/seeList.php       | 44 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 51 insertions(+), 1 deletion(-)

diff --git a/Style/seeListStyle.css b/Style/seeListStyle.css
index a3ec539..962d5b4 100644
--- a/Style/seeListStyle.css
+++ b/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 {
diff --git a/Vues/seeList.php b/Vues/seeList.php
index 0f2131a..014de47 100644
--- a/Vues/seeList.php
+++ b/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>