From eb919708d25facf39470da5d4d8eb5bed195b322 Mon Sep 17 00:00:00 2001
From: TropiiDev <colinbassett28@proton.me>
Date: Mon, 28 Apr 2025 13:23:25 -0400
Subject: [PATCH] Finish modal for adding tasks v0.0.16

---
 .DS_Store              | Bin 0 -> 6148 bytes
 assets/.DS_Store       | Bin 0 -> 6148 bytes
 assets/js/user.js      |  27 ++++++++++++++++++++++++++-
 assets/pages/user.html |   8 ++++----
 4 files changed, 30 insertions(+), 5 deletions(-)
 create mode 100644 .DS_Store
 create mode 100644 assets/.DS_Store

diff --git a/.DS_Store b/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..ad4b69309f185867554e89231bbbb0221bbcec8d
GIT binary patch
literal 6148
zcmeHKOHRWu5S?kGDyR~wSh4hu9a2xwP=y1aTmVW@L28srEqmVrPQ*1h1RIvT@t6=3
z$`T=%iN?>FkDWY68JmcBe!rX&O^7Im3Jwm?d?Df&?a3fo#K|(odNr-Cn|jlWG{bLY
zK-Mm!Q(Dm-?UME5lUdhSH)Xk4Hw)PE>hbmH<@xC>^)J8mZ*Du^#>gR+Ms!76TsO3%
zZ8A4KTzvL-=Rcga^Cx4}&BrtBi%Fh?<-0dA28;n?;NLNTnk|x#6|FS}i~(byWkCK9
z4k}ng^orrvfhHUQfEmm|&<}empc4bIi0Bnzfv~0mHI?HLgEbv?7vqYEUQyGD!^{{b
z&dl+I^1h>E7s81PMQe=#V<2T<sJ9cT|L6P9|7nul83V?^pJITsvMT3zrC3{gFDJFu
rK`)^q66Y1$6m&u<My!<LV`vcAopgXjM6U=7#5Mwf25XFgA7$VTzluq<

literal 0
HcmV?d00001

diff --git a/assets/.DS_Store b/assets/.DS_Store
new file mode 100644
index 0000000000000000000000000000000000000000..91dd371c3b863afed767e2e3d043e801baddfd49
GIT binary patch
literal 6148
zcmeHLOHRWu5FMvQ3ZF%n?CKjpZ(yphN9vMIX^V<bqeQCM=MLNjZom$)L}J5|Yw*V7
zrcP2=q6*DO_H*XrC%;IUx<q8g4~r4efQV8I#^eyw4&ykFjwQi!0yMnGXfiMIvXiHd
z{Z)Y9U61CpruAwWzrXX-Z6q(UY_=+9@T9}Xr`Pw-my0;M_$6B2#k)>XMhV@w+0H&T
z{+R3Qt>*GId9h_`$C^A>%yU2`-O!S5+ib(@W;Et>N6(w{MfEZB?u;hCV}3PNKow90
z_EiD&Y_{}RP-j&@6;K6g1^D}5F&JIIO3;5gF!?J0un)I4tobg%H8!9NSP3EmGg1na
zQWLHiM#|y0A<qS@1f`rzxO|wvY{Cu2cy{b>eL5K@sIw}d3N#hy$>V_g|K-p3|7MXs
zsRF9Nzf!>Tvq?6_kwS0n9FBXf#h7BSab6`@mtf&rF><*T^S?*l;J3U0x`34+JTUzs
N;APNB75GyHz5%LRWE21Z

literal 0
HcmV?d00001

diff --git a/assets/js/user.js b/assets/js/user.js
index 8774d12..46ef7cd 100644
--- a/assets/js/user.js
+++ b/assets/js/user.js
@@ -24,12 +24,23 @@ changeEmailBtn.addEventListener("click", function() {
 addTaskBtn.addEventListener("click", function() {
   const taskModal = document.querySelector('.add-task-modal');
   const closeTaskModalBtn = document.querySelector('.close-task-modal');
+  const submitTaskBtn = document.querySelector('.submit-add-task-btn');
   taskModal.classList.add('visible');
 
   closeTaskModalBtn.addEventListener('click', function() {
     taskModal.classList.remove("visible");
+  });
+
+  submitTaskBtn.addEventListener("click", function() {
+    const taskName = document.querySelector('.add-task-modal-name-input').value;
+    const taskDescription = document.querySelector('.add-task-modal-description-input').value;
+
+    const newTaskPromise = newTask(taskName, taskDescription, token);
+    newTaskPromise.then((res) => res.json()).then((json => {
+      console.log(json);
+    }))
   })
-})
+});
 
 // Check if the user is logged in
 const getCookie = (returnType) => {
@@ -149,4 +160,18 @@ const updateTask = (userToken, taskTitle, taskDescription, completedStatus) => {
   return res;
 }
 
+const newTask = (name, description, userToken) => {
+  const res = fetch(`${url}/user/update-tasks`, {
+    method: "PATCH",
+    headers: {Authorization: `Bearer ${userToken}`, "Content-Type": "application/json"},
+    body: JSON.stringify({
+      name: name,
+      description: description,
+      is_completed: false
+    })
+  });
+
+  return res;
+}
+
 loadUserTasks();
\ No newline at end of file
diff --git a/assets/pages/user.html b/assets/pages/user.html
index 6811cac..29e8f60 100644
--- a/assets/pages/user.html
+++ b/assets/pages/user.html
@@ -94,12 +94,12 @@
         </div>
         <div class="modal-content">
           <label for="modal-name-input">Name</label>
-          <input id="modal-name-input" class="modal-name-input" />
-          <label for="modal-description-input">Description</label>
-          <input id="modal-description-input" class="modal-description-input" />
+          <input id="add-task-modal-name-input" class="add-task-modal-name-input" placeholder="Finish work" />
+          <label for="add-task-modal-description-input">Description</label>
+          <input id="modal-description-input" class="add-task-modal-description-input" placeholder="Finish work by 5pm" />
         </div>
 
-        <button class="submit-task-btn">Save Changes</button>
+        <button class="submit-add-task-btn">Save Changes</button>
       </div>
     </section>