From 039438847cf85d146d2d8e7dd1ef784e905912e4 Mon Sep 17 00:00:00 2001
From: faizahmed <faizahmed01072@gmail.com>
Date: Mon, 2 Jan 2023 21:02:58 +0500
Subject: [PATCH 1/3] design a view to create a list or project

---
 js/index.js          |  14 +++++-
 views/view-task.html | 101 ++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 106 insertions(+), 9 deletions(-)

diff --git a/js/index.js b/js/index.js
index 856ea83..cf41eb8 100644
--- a/js/index.js
+++ b/js/index.js
@@ -25,12 +25,20 @@ let upcoming = [{
     title: "Lorem3",
     description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
 }]
+
+
+
 let projectList = {
     "today": today,
-    "upcoming": upcoming
+    "upcoming": upcoming,
+    "project1": project1,
+    "project2": project2,
+    "project3": project3
 }
 
-let currentView; 
+
+
+let currentView;
 
 
 function removeTask(id) {
@@ -87,3 +95,5 @@ function showProject(listId) {
 
 
 
+
+
diff --git a/views/view-task.html b/views/view-task.html
index 249af41..d7e87f7 100644
--- a/views/view-task.html
+++ b/views/view-task.html
@@ -100,7 +100,7 @@
                 <!-- Navigation Bar -->
                 <div class="row">
                     <div class="col-3 collapse collapse-horizontal show" id="side-bar">
-                        <nav>
+                        <div>
                             <ul class="list-group pt-4">
                                 <a href="#" class="list-group-item list-group-item-action">
                                     <li class="d-flex justify-content-between align-items-center">
@@ -118,7 +118,8 @@
                                     </li>
                                 </a>
 
-                                <a href="#" class="list-group-item list-group-item-action" onclick="showProject('today')">
+                                <a href="#" class="list-group-item list-group-item-action"
+                                    onclick="showProject('today')">
                                     <li class="d-flex justify-content-between align-items-center">
                                         <div>
                                             <span>
@@ -137,7 +138,8 @@
                                     </li>
                                 </a>
 
-                                <a href="#" class="list-group-item list-group-item-action" onclick="showProject('upcoming')">
+                                <a href="#" class="list-group-item list-group-item-action"
+                                    onclick="showProject('upcoming')">
                                     <li class="d-flex justify-content-between align-items-center">
                                         <div>
                                             <span>
@@ -171,9 +173,27 @@
                                     </li>
                                 </a>
                             </ul>
-                        </nav>
-                    </div>
+                        </div>
+
+                        <!-- starting of project list -->
+                        <div class="pt-4">
+                            <div class="d-flex">
+                                <button class="btn btn-light flex-grow-1 d-flex justify-content-between align-items-center" onclick="showProjectList()">Projects <span>
+                                        <svg data-bs-toggle="modal" data-bs-target="#addProjectModal" xmlns="http://www.w3.org/2000/svg" width="20" height="20"
+                                            fill="currentColor" class="bi bi-plus-lg" viewBox="0 0 16 16">
+                                            <path fill-rule="evenodd"
+                                                d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z" />
+                                        </svg>
+                                    </span></button>
+                            </div>
+
+                            <div id="projects">
 
+                            </div>
+
+                        </div>
+                        <!-- ending of project list -->
+                    </div>
 
                     <div class="col align-center px-5 py-4">
                         <h4>Today</h4>
@@ -265,8 +285,10 @@ <h5 class="modal-title" id="exampleModalLabel">Add Task</h5>
                         </div>
 
                         <div class="modal-footer">
+                            <button type="button" class="btn btn-light" data-bs-dismiss="modal"
+                                aria-label="Close">Cancel</button>
                             <button type="submit" class="btn btn-primary">
-                                Add
+                                Add task
                             </button>
                         </div>
                     </div>
@@ -299,6 +321,37 @@ <h5 class="modal-title" id="exampleModalLabel">Add Task</h5>
             </div>
         </div>
 
+        <!-- Add New Project Modal -->
+        <section>
+            <div class="modal fade" id="addProjectModal" tabindex="-1" aria-labelledby="addProjectModal"
+                aria-hidden="true">
+                <div class="modal-dialog">
+                    <div class="modal-content">
+
+                        <div class="modal-header">
+                            <h5 class="modal-title" id="exampleModalLabel">Add Project</h5>
+                            <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+                        </div>
+
+                        <div class="modal-body">
+                            <div class="mb-3">
+                                <label for="project-name" class="col-form-label">Name</label>
+                                <input id="name" type="text" class="form-control" name="project-name">
+                            </div>
+                        </div>
+
+                        <div class="modal-footer">
+                            <button type="button" class="btn btn-light" data-bs-dismiss="modal"
+                                aria-label="Close">Cancel</button>
+                            <button type="submit" class="btn btn-primary">
+                                Add
+                            </button>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+
     </main>
 
     <!-- Custom Js -->
@@ -311,4 +364,38 @@ <h5 class="modal-title" id="exampleModalLabel">Add Task</h5>
 
 </body>
 
-</html>
\ No newline at end of file
+</html>
+
+<!-- <div class="d-flex list-group-item">
+    <a href="#" class="list-group-item-action">
+        <div>
+            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"
+                fill="currentColor" class="bi bi-circle-fill" viewBox="0 0 16 16">
+                <circle cx="8" cy="8" r="8" />
+            </svg>
+        </div>
+        <div class="ps-2">
+            Project 03
+        </div>
+
+    </a>
+    <div class="ms-auto">
+        <button type="button" class="btn btn-light dropdown-toggle"
+            data-bs-toggle="dropdown" aria-expanded="false">
+            <span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
+                    fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
+                    <path
+                        d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z" />
+                </svg></span>
+        </button>
+        <ul class="dropdown-menu">
+            <li><a class="dropdown-item" href="#">Action</a></li>
+            <li><a class="dropdown-item" href="#">Another action</a></li>
+            <li><a class="dropdown-item" href="#">Something else here</a></li>
+            <li>
+                <hr class="dropdown-divider">
+            </li>
+            <li><a class="dropdown-item" href="#">Separated link</a></li>
+        </ul>
+    </div>
+</div> -->
\ No newline at end of file

From 29349f6b4a2f250aac1400c59554f0a2450da025 Mon Sep 17 00:00:00 2001
From: faizahmed <faizahmed01072@gmail.com>
Date: Mon, 2 Jan 2023 21:17:49 +0500
Subject: [PATCH 2/3] list should be displayed based on object array

---
 js/index.js | 64 ++++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 63 insertions(+), 1 deletion(-)

diff --git a/js/index.js b/js/index.js
index cf41eb8..c6f9a21 100644
--- a/js/index.js
+++ b/js/index.js
@@ -26,6 +26,47 @@ let upcoming = [{
     description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
 }]
 
+let project1 = [{
+    id: 10,
+    title: "Lorem1",
+    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+}, {
+    id: 12,
+    title: "Lorem2",
+    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+}, {
+    id: 11,
+    title: "Lorem3",
+    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+}]
+
+let project2 = [{
+    id: 13,
+    title: "Lorem1",
+    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+}, {
+    id: 15,
+    title: "Lorem2",
+    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+}, {
+    id: 14,
+    title: "Lorem3",
+    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+}]
+
+let project3 = [{
+    id: 16,
+    title: "Lorem1",
+    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+}, {
+    id: 18,
+    title: "Lorem2",
+    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+}, {
+    id: 17,
+    title: "Lorem3",
+    description: "Lorem ipsum dolor sit amet, consectetur adipiscing elit."
+}]
 
 
 let projectList = {
@@ -36,7 +77,11 @@ let projectList = {
     "project3": project3
 }
 
-
+let projectList1 = {
+    "project1": project1,
+    "project2": project2,
+    "project3": project3
+}
 
 let currentView;
 
@@ -92,6 +137,23 @@ function showProject(listId) {
 }
 
 
+function showProjectList() {
+    projectListArray = Object.keys(projectList1);
+    let projects = "";
+    for (let i = 0; i < projectListArray.length; i++) {
+        projects +="<li class='list-unstyled px-3'>" +
+            "<div class='d-flex justify-content-center align-items-center'>" +
+            "<a href='#' class='list-group-item list-group-item-action' id='"+projectListArray[i]+"'onclick=''>"+ projectListArray[i]+"</a>" +
+            "<div class='dropdown'>" +
+            "<button class='btn dropdown-toggle' type='button' id='dropdownMenuButton1' data-bs-toggle='dropdown' aria-expanded='false'></button>"+
+            "</div>" +
+            "</div>" +
+            "</li>";
+    }
+    document.getElementById("projects").innerHTML = projects;
+}
+
+
 
 
 

From 6ee81132a75a5b27f0a6853f0dcd254b23547d5a Mon Sep 17 00:00:00 2001
From: faizahmed <faizahmed01072@gmail.com>
Date: Mon, 2 Jan 2023 21:51:57 +0500
Subject: [PATCH 3/3] remove comments from code

---
 views/view-task.html | 36 +-----------------------------------
 1 file changed, 1 insertion(+), 35 deletions(-)

diff --git a/views/view-task.html b/views/view-task.html
index d7e87f7..7f4d92b 100644
--- a/views/view-task.html
+++ b/views/view-task.html
@@ -364,38 +364,4 @@ <h5 class="modal-title" id="exampleModalLabel">Add Project</h5>
 
 </body>
 
-</html>
-
-<!-- <div class="d-flex list-group-item">
-    <a href="#" class="list-group-item-action">
-        <div>
-            <svg xmlns="http://www.w3.org/2000/svg" width="10" height="10"
-                fill="currentColor" class="bi bi-circle-fill" viewBox="0 0 16 16">
-                <circle cx="8" cy="8" r="8" />
-            </svg>
-        </div>
-        <div class="ps-2">
-            Project 03
-        </div>
-
-    </a>
-    <div class="ms-auto">
-        <button type="button" class="btn btn-light dropdown-toggle"
-            data-bs-toggle="dropdown" aria-expanded="false">
-            <span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16"
-                    fill="currentColor" class="bi bi-three-dots" viewBox="0 0 16 16">
-                    <path
-                        d="M3 9.5a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3zm5 0a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3z" />
-                </svg></span>
-        </button>
-        <ul class="dropdown-menu">
-            <li><a class="dropdown-item" href="#">Action</a></li>
-            <li><a class="dropdown-item" href="#">Another action</a></li>
-            <li><a class="dropdown-item" href="#">Something else here</a></li>
-            <li>
-                <hr class="dropdown-divider">
-            </li>
-            <li><a class="dropdown-item" href="#">Separated link</a></li>
-        </ul>
-    </div>
-</div> -->
\ No newline at end of file
+</html>
\ No newline at end of file