From 60ed4f4a0353f60e578f2a82e2215dd1c150f0b8 Mon Sep 17 00:00:00 2001
From: Martin Duong <tun82434@temple.edu>
Date: Wed, 10 Apr 2024 10:28:30 -0400
Subject: [PATCH 1/5] Located where to add checkbox

---
 receiptifyv1/public/index.html |  1 +
 receiptifyv1/users.csv         | 13 +++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/receiptifyv1/public/index.html b/receiptifyv1/public/index.html
index 7e566fe..2fa4519 100644
--- a/receiptifyv1/public/index.html
+++ b/receiptifyv1/public/index.html
@@ -232,6 +232,7 @@ <h2>Top Track Generator</h2>
                 </div>
               </div>
               <div class="customize">
+                <!-- Somewhere here add the checkbox-->
                 <div class="mobile-ad"><div id="home_header"></div></div>
                 <p class="customize-header">Customize Receipt</p>
                 <p>Metric</p>
diff --git a/receiptifyv1/users.csv b/receiptifyv1/users.csv
index c186ae6..3f174f3 100644
--- a/receiptifyv1/users.csv
+++ b/receiptifyv1/users.csv
@@ -1 +1,14 @@
 display_name, access_token, sessionID
+
+✧  jizzica ✧,BQBsD00kO9j9gymVOO9WH1_BSNgZ3kpkYi9ku7Qm7XyOMAwgKMz322ZFf3xBvx8ajCiW4CiwELRwzuc68LXSyczONw3h-KVUKJvKqnxe_UXZaMwXh5BneyEH4CU0x_xbZXCsfQ8XCid0Tz65CVx3BTm2VoALvKWiEL_dpiLu5XuSBqfFxDNDeRyKEcjoMK3NEg6WTS2d-PeQU0cwtBxF4ipLSyYr_LnfBGpf7IQ,165468,
+Martin Duong,BQAE6CNFRRMrKilIPUe1xDUurKmsldr6l9y5s9LdQQWrI24ciVeJP2b51ucxCD2PWjX3RaMJa9NXFYcd7hOrkHPOGXOyV0osQi4w00Hj-09ILnaJiXBGoqYIZhUgJr9xSYoFmUny9g4plVWgRiT1o57Ypvql20tkPxU0XobybocpCJ6-VrFyke-H7v88wvLwx3QySKMx_sOp_ARDHQUlXtBKC7KRtYk6b9dhOqA,165468,
+Ari,BQBlmR-gC2L7K426KaDpxOlqu6NQHHzy5nkFHy3b4Y_lxRy9D_sjbzV7HxdF9uVdPb1ZH_-sxX8v3Ziq3Cz8GPsS5h-0DFiyAF4IHm-NhLbFkhPvRCqOEkAzQVzkgafbtw5lYB_R8sFmwiEP-h4v0SE9_Gc5sTrrbRfWZZRdwF1lGXENItUmyaZZ6WrCFl5KZILrTS5ydvpJMxf7-fmdMhtZ6QTK5LZQBWpvez15zMmqcWtu9C9H7fi0,165468,
+Nina Perone,BQCe57Q8k5KpOROi-ds0-o3rE24uTlUv4FHtHecGcc2e8G2RHNlgvPuhrSf-S8OpBXVmhPVlEIQrOtG7CzkS0dbxrQEDRPR1fJ4YjXuiTnX8OZhcg1vTpHnLpLMZiqDYYdY-XUYFQTijeOZUfoVBEqGqGBq1DXVFJDE_nlG7kWHQp9WR4_4xWCzIjnsahRTjN5g2E1CaVVEgDhdjzBlMj12ZsUBXrdEYqULSFIkq4_g_zFL2myNVTYfI,165468,
+✧  jizzica ✧,BQDAfcfSCzxEp8iuTRmtXSbCXZLpnaFz-dtPcckejUKYPanMeZlfRkCL4DNIhFxMTyEmr6040nX8wTupVQIjiUQT63sf0zUgUF3aZGhn845XdV1GX_6e1pb5uKGh05JjifX6NVMpqCOaCf9BntIuelCcWTJ_CgqT9EWYvoQn7gUCMEIIw10hB6hpyZWoNl21elmCzbcCL991PGJEGiZrfQ07qMIeN_pkrfoX8BQ,635414,
+Nina Perone,BQDMcZZ7t3AaTxgO8u5-reLr7EqOaylPoeGIwJAhXZ6R7GK9MswVg42uyu1eEXDsQZ75I4IVG8lg-E5Lr-rHC8IcQrhwoVQ1iU1LgfeZ47zc0SRmCCj3FbF_5CnjAj3hkszjj_5ZwP98yEVYt5Ltttitq82WT6j2h3aNddH5xC5ZgK4O2F6CFMDddyE8XFRUPI1Zt336aFJFOpXE8j5MXfFxhUV38OAem8vIil4frsy7tSk4bE0bivhr,635414,
+Ari,BQA0O7SSboe9BCnFlMbBrTf6LnCJusxjKBSwSuhi8IF3RJzzRimvk7_LYlrtqfzEdNVX4oxeOYWxi1KDpjcv1q8VFWhBX1U9yqDbnp0SEwyKiqYtu-WmviZcH67BhYCirUVi03dxNlYTAV0he5XjcmMjWwtgqIKpE31_OUE8oeZWosH6AbTdeJpNI2WlHKv6WZ7-tIeO24j3pvqW3XE1XhkDqTeks5pspTZRKIhMaZ_fpBVyK0AYEO5K,635414,
+Prince Nahar,BQC4XZ8u-aPk9RNJGLmfeCIwDe78vZS9mbR-u9S1ai9sorlcZmVFyLaALcwNBiQK0WR_REF630uOtDGr2NGJKVPx-auWHKooP1tZ3zr-wfwFKjYZ-MqSIXS7VZQOW7730bFyz7aRscl7veEJ97M5RBnI3fIk9hNWEWjpWsj-1N1R1tskB-8p3G8zQf_rtawCgr5reoAxLtr4A_2eRzymT3MLShOf5QxVVQlpfTeqvoy8CCoxx6yzmlLN,044687,
+ella,BQBnmCatCrEio1jj7Fbv8B4irty2Q14A0HomRUfESeBhoNSg04ZBtbw05wBCmI2tyijHUZKzRZ2md7ttEwcz-FY8S4y1U7-o3vvZcXfkGzTPlawHmdoQy3y9FbNRFMaLOiphwLB9zLnYGXFxbO4kNMEFKXtDyKMmwsfL2_w8fnJorUjpwT8ocIhFhmOOW-EdsapLGQ4zRpJRuq38PBRFdh9-OdCD5RK4UMlcMgC9ffYwTyTklJWaZiWx,044687,
+Martin Duong,BQDlYGW6It7H6wjhsJUCcEamLNqSr7mQmcF5N-3RX6BKJ5CQdI1ZhwEfbr7WwFBVvqcdFSz-ffV5AobmXBh75sXxC3hS0yXWtuRTxejaYc-dSV5C8kSkENllUxrL6onhVb1LrZP8sSJaBiyK4asCOa8UVx5yby-X0EGAYfqK7gn_wQFMqx08oq5DzRBqdIuHxBe66GozSv2hO8_NAGZ8azdwn9wogFZ520h2Kw4,044687,
+ella,BQBELs8yJ54WxHy0MS7pVOPdjiSYL0wFfODGI5MmPkVmCgN-Up8bDyejIiGTI0VJwIAP9K47apTWpOtFi83Bh6d6ypl1OqniOr5__s2fsCrCCO90hDoC1DaTitGdlMZvuWqkOmmIXlb60_7bl1CiMG3ikeEdQU9l4ctjnTSjtvciDRYOTSexKghWGj58-cCvBfn7jmDtuHcmVERhVyEl-9TY0GEm9PJgReS3DDIjCw0R2ZbxJCnzKwV5,044687,
+Martin Duong,BQDIlI6500yZs6MTkC7Qw7zq4eXiEmOlXrlrGgicg8OG9kxDH8Vjxp5YpzJhtZQOXefjEwR9rklV0OrkP0dILz6EY0IlGBQyNQq8xl6x2V-Rqkwetzau_6PfsZFSZQgHJlzdJOqOucT67cIY2dxUnfGCNUd0-4Bf2BMVFAR59vUwZx7qxYVReYfDRl24648BS0AEFDTgaLldZg66-ljiiT2qkFPYyS-qwlB5XRk,044687,
\ No newline at end of file

From 00f6b820d3576a5280baf09e1e6348861bc53ac9 Mon Sep 17 00:00:00 2001
From: Martin Duong <tun82434@temple.edu>
Date: Wed, 10 Apr 2024 15:24:40 -0400
Subject: [PATCH 2/5] created js to inject in checheckbox

---
 receiptifyv1/public/index.html |  5 +++++
 receiptifyv1/public/server.js  | 20 ++++++++++++++++++++
 receiptifyv1/users.csv         |  3 ++-
 3 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/receiptifyv1/public/index.html b/receiptifyv1/public/index.html
index 2fa4519..d37e55f 100644
--- a/receiptifyv1/public/index.html
+++ b/receiptifyv1/public/index.html
@@ -233,8 +233,13 @@ <h2>Top Track Generator</h2>
               </div>
               <div class="customize">
                 <!-- Somewhere here add the checkbox-->
+                
                 <div class="mobile-ad"><div id="home_header"></div></div>
                 <p class="customize-header">Customize Receipt</p>
+
+                <div id="user-checkbox">
+                </div>
+
                 <p>Metric</p>
                 <form
                   class="form-group"
diff --git a/receiptifyv1/public/server.js b/receiptifyv1/public/server.js
index 3de52b9..1f66d4b 100644
--- a/receiptifyv1/public/server.js
+++ b/receiptifyv1/public/server.js
@@ -695,6 +695,26 @@ const displayReceipt = (response, stats) => {
       });
       const totalFormatted =
         type === 'tracks' || showSearch ? getMinSeconds(total) : total.toFixed(2);
+      
+      //const users= ['User 1', 'User 2', 'User 3'];
+      // users is alr used, use something else
+      const userCheckbox = document.getElementById('user-checkbox');
+      
+      for (let i = 0; i < users.length; i++) {
+        const user = users[i];
+        const checkbox = document.createElement('input');
+        checkbox.type = 'checkbox';
+        checkbox.id = `user${i}`;
+        const userCheckboxTitle = document.createElement('p');
+        userCheckboxTitle.textContent = "Select Users";
+        const label = document.createElement('label');
+        label.textContent = user;
+        label.htmlFor = checkbox.id;
+        userCheckbox.appendChild(userCheckboxTitle);
+        userCheckbox.appendChild(checkbox);
+        userCheckbox.appendChild(label);
+        userCheckbox.appendChild(document.createElement('br'));
+      }
 
       userProfilePlaceholder.innerHTML = userProfileTemplate({
         tracks: tracksFormatted,
diff --git a/receiptifyv1/users.csv b/receiptifyv1/users.csv
index 3f174f3..e181288 100644
--- a/receiptifyv1/users.csv
+++ b/receiptifyv1/users.csv
@@ -11,4 +11,5 @@ Prince Nahar,BQC4XZ8u-aPk9RNJGLmfeCIwDe78vZS9mbR-u9S1ai9sorlcZmVFyLaALcwNBiQK0WR
 ella,BQBnmCatCrEio1jj7Fbv8B4irty2Q14A0HomRUfESeBhoNSg04ZBtbw05wBCmI2tyijHUZKzRZ2md7ttEwcz-FY8S4y1U7-o3vvZcXfkGzTPlawHmdoQy3y9FbNRFMaLOiphwLB9zLnYGXFxbO4kNMEFKXtDyKMmwsfL2_w8fnJorUjpwT8ocIhFhmOOW-EdsapLGQ4zRpJRuq38PBRFdh9-OdCD5RK4UMlcMgC9ffYwTyTklJWaZiWx,044687,
 Martin Duong,BQDlYGW6It7H6wjhsJUCcEamLNqSr7mQmcF5N-3RX6BKJ5CQdI1ZhwEfbr7WwFBVvqcdFSz-ffV5AobmXBh75sXxC3hS0yXWtuRTxejaYc-dSV5C8kSkENllUxrL6onhVb1LrZP8sSJaBiyK4asCOa8UVx5yby-X0EGAYfqK7gn_wQFMqx08oq5DzRBqdIuHxBe66GozSv2hO8_NAGZ8azdwn9wogFZ520h2Kw4,044687,
 ella,BQBELs8yJ54WxHy0MS7pVOPdjiSYL0wFfODGI5MmPkVmCgN-Up8bDyejIiGTI0VJwIAP9K47apTWpOtFi83Bh6d6ypl1OqniOr5__s2fsCrCCO90hDoC1DaTitGdlMZvuWqkOmmIXlb60_7bl1CiMG3ikeEdQU9l4ctjnTSjtvciDRYOTSexKghWGj58-cCvBfn7jmDtuHcmVERhVyEl-9TY0GEm9PJgReS3DDIjCw0R2ZbxJCnzKwV5,044687,
-Martin Duong,BQDIlI6500yZs6MTkC7Qw7zq4eXiEmOlXrlrGgicg8OG9kxDH8Vjxp5YpzJhtZQOXefjEwR9rklV0OrkP0dILz6EY0IlGBQyNQq8xl6x2V-Rqkwetzau_6PfsZFSZQgHJlzdJOqOucT67cIY2dxUnfGCNUd0-4Bf2BMVFAR59vUwZx7qxYVReYfDRl24648BS0AEFDTgaLldZg66-ljiiT2qkFPYyS-qwlB5XRk,044687,
\ No newline at end of file
+Martin Duong,BQDIlI6500yZs6MTkC7Qw7zq4eXiEmOlXrlrGgicg8OG9kxDH8Vjxp5YpzJhtZQOXefjEwR9rklV0OrkP0dILz6EY0IlGBQyNQq8xl6x2V-Rqkwetzau_6PfsZFSZQgHJlzdJOqOucT67cIY2dxUnfGCNUd0-4Bf2BMVFAR59vUwZx7qxYVReYfDRl24648BS0AEFDTgaLldZg66-ljiiT2qkFPYyS-qwlB5XRk,044687,
+Martin Duong,BQDri00pzM_syTXPVt13dZetQVkgVqpvDzFiVA_x0i7FqkqLaRkHKJiM7Qcq1B7Qh0CwNrk_uhVHQl7P9XiAAyBYh8CqpUaous3YCPpCmTSS1oRDAuUSpGS0G_sW087azWHjARmTLEmhnNrw4L68jYS_69goMiQQCUI8XoMektsKS6-P9D36rMMFJdzStuZc2kr9RCcZhEAhAMp1Y8NudUA17BV1oTtgpoGWuMI,263984,
\ No newline at end of file

From a8cedc3b08ab5919a46bf5f2084454060ef711a7 Mon Sep 17 00:00:00 2001
From: unknown <tun82434>
Date: Fri, 12 Apr 2024 22:14:03 -0400
Subject: [PATCH 3/5] Checkbox Rerenders receipt

---
 receiptifyv1/public/index.html |  5 +--
 receiptifyv1/public/server.js  | 75 +++++++++++++++++++++++++---------
 receiptifyv1/test.js           |  5 +++
 receiptifyv1/users.csv         | 15 +------
 4 files changed, 63 insertions(+), 37 deletions(-)
 create mode 100644 receiptifyv1/test.js

diff --git a/receiptifyv1/public/index.html b/receiptifyv1/public/index.html
index d37e55f..fdb9a97 100644
--- a/receiptifyv1/public/index.html
+++ b/receiptifyv1/public/index.html
@@ -417,10 +417,7 @@ <h2 class='logo'>
             <p class='date'>
               ORDER #000{{num}}
               FOR
-              {{name}}
-            </p>
-            <p class='users'>
-              Current Users: {{users}}
+              {{users}}
             </p>
             <p class='date'>
               {{time}}
diff --git a/receiptifyv1/public/server.js b/receiptifyv1/public/server.js
index 1f66d4b..2029b8d 100644
--- a/receiptifyv1/public/server.js
+++ b/receiptifyv1/public/server.js
@@ -626,7 +626,29 @@ async function fetchUsers(sessionID) {
   }
 ;}
 
-const displayReceipt = (response, stats) => {
+function checkboxUpdate(response, stats, state, users_checkbox, user, isChecked) {
+  console.log("onclick redisplay");
+  if (!isChecked){
+    console.log(`Before: ${users_checkbox}`);
+    for (let i = 0; i < users_checkbox.length; i++) {
+      if (users_checkbox[i] == user){
+        users_checkbox.splice(i, 1);
+      }
+    }
+    console.log(`After: ${users_checkbox}`);
+  } else {
+    console.log(`Before: ${users_checkbox}`);
+    users_checkbox.push(user);
+    console.log(`After: ${users_checkbox}`);
+  }
+  if (users_checkbox.length == 0){
+    users_checkbox.push(null);
+  }
+  displayReceipt(response, stats, state, users_checkbox);
+;}
+
+const displayReceipt = (response, stats, state, users_checkbox = []) => {
+  console.log(state, users_checkbox);
   const type = getType();
   const font = getFont();
   const timeRange = getPeriod();
@@ -677,7 +699,7 @@ const displayReceipt = (response, stats) => {
   const sessionID = params.sessionID;
   const name = showSearch && response.label ? response.label : displayName;
 
-  let users;
+  let users = [];
   (async () => {
     try {
       users = await fetchUsers(sessionID);
@@ -696,32 +718,44 @@ const displayReceipt = (response, stats) => {
       const totalFormatted =
         type === 'tracks' || showSearch ? getMinSeconds(total) : total.toFixed(2);
       
-      //const users= ['User 1', 'User 2', 'User 3'];
-      // users is alr used, use something else
-      const userCheckbox = document.getElementById('user-checkbox');
-      
-      for (let i = 0; i < users.length; i++) {
-        const user = users[i];
-        const checkbox = document.createElement('input');
-        checkbox.type = 'checkbox';
-        checkbox.id = `user${i}`;
+
+      if (users_checkbox.length == 0){
+        console.log("No Previous users_checkbox");
+        users_checkbox = [...users];
+        const userCheckbox = document.getElementById('user-checkbox');
         const userCheckboxTitle = document.createElement('p');
         userCheckboxTitle.textContent = "Select Users";
-        const label = document.createElement('label');
-        label.textContent = user;
-        label.htmlFor = checkbox.id;
         userCheckbox.appendChild(userCheckboxTitle);
-        userCheckbox.appendChild(checkbox);
-        userCheckbox.appendChild(label);
-        userCheckbox.appendChild(document.createElement('br'));
+        for (let i = 0; i < users.length; i++) {
+          const user = users[i];
+          const checkbox = document.createElement('input');
+          checkbox.type = 'checkbox';
+          checkbox.id = `user${i}`;
+          checkbox.checked = (users_checkbox.includes(users[i]));
+          checkbox.onclick = (event) =>{
+            const isChecked = event.target.checked;
+            checkboxUpdate(response, stats, state, users_checkbox, users[i], isChecked);
+          }
+
+          const label = document.createElement('label');
+          label.textContent = user;
+          label.htmlFor = checkbox.id;
+          
+          userCheckbox.appendChild(checkbox);
+          userCheckbox.appendChild(label);
+          userCheckbox.appendChild(document.createElement('br'));
+        }
+      } else {
+        console.log("Previous users_checkbox");
       }
 
+
       userProfilePlaceholder.innerHTML = userProfileTemplate({
         tracks: tracksFormatted,
         total: totalFormatted,
         time: date,
         sessionID: sessionID,
-        users: users,
+        users: users_checkbox,
         num: showSearch ? 1 : TIME_RANGE_OPTIONS[timeRange].num,
         name: name,
         period: showSearch
@@ -826,6 +860,7 @@ function displayStats(response, artists, tracks) {
           duration_ms: stats[key],
         };
       });
+      console.log("1");
       displayReceipt(response, statsArr);
     },
   });
@@ -939,8 +974,8 @@ function retrieveItems() {
             },
             success: (response2) => {
               displayReceipt({
-                ...response,
-                items: [...response.items, ...response2.items],
+                 ...response,
+                items: [...response.items, ...response2.items]
               });
             },
           });
diff --git a/receiptifyv1/test.js b/receiptifyv1/test.js
new file mode 100644
index 0000000..6a2aa90
--- /dev/null
+++ b/receiptifyv1/test.js
@@ -0,0 +1,5 @@
+const test = (param1, param2, param3) => {
+    console.log(param1, param2, param3);
+}
+var param1="womp";
+test(param1, "stomp");
\ No newline at end of file
diff --git a/receiptifyv1/users.csv b/receiptifyv1/users.csv
index e181288..d77b8c0 100644
--- a/receiptifyv1/users.csv
+++ b/receiptifyv1/users.csv
@@ -1,15 +1,4 @@
 display_name, access_token, sessionID
 
-✧  jizzica ✧,BQBsD00kO9j9gymVOO9WH1_BSNgZ3kpkYi9ku7Qm7XyOMAwgKMz322ZFf3xBvx8ajCiW4CiwELRwzuc68LXSyczONw3h-KVUKJvKqnxe_UXZaMwXh5BneyEH4CU0x_xbZXCsfQ8XCid0Tz65CVx3BTm2VoALvKWiEL_dpiLu5XuSBqfFxDNDeRyKEcjoMK3NEg6WTS2d-PeQU0cwtBxF4ipLSyYr_LnfBGpf7IQ,165468,
-Martin Duong,BQAE6CNFRRMrKilIPUe1xDUurKmsldr6l9y5s9LdQQWrI24ciVeJP2b51ucxCD2PWjX3RaMJa9NXFYcd7hOrkHPOGXOyV0osQi4w00Hj-09ILnaJiXBGoqYIZhUgJr9xSYoFmUny9g4plVWgRiT1o57Ypvql20tkPxU0XobybocpCJ6-VrFyke-H7v88wvLwx3QySKMx_sOp_ARDHQUlXtBKC7KRtYk6b9dhOqA,165468,
-Ari,BQBlmR-gC2L7K426KaDpxOlqu6NQHHzy5nkFHy3b4Y_lxRy9D_sjbzV7HxdF9uVdPb1ZH_-sxX8v3Ziq3Cz8GPsS5h-0DFiyAF4IHm-NhLbFkhPvRCqOEkAzQVzkgafbtw5lYB_R8sFmwiEP-h4v0SE9_Gc5sTrrbRfWZZRdwF1lGXENItUmyaZZ6WrCFl5KZILrTS5ydvpJMxf7-fmdMhtZ6QTK5LZQBWpvez15zMmqcWtu9C9H7fi0,165468,
-Nina Perone,BQCe57Q8k5KpOROi-ds0-o3rE24uTlUv4FHtHecGcc2e8G2RHNlgvPuhrSf-S8OpBXVmhPVlEIQrOtG7CzkS0dbxrQEDRPR1fJ4YjXuiTnX8OZhcg1vTpHnLpLMZiqDYYdY-XUYFQTijeOZUfoVBEqGqGBq1DXVFJDE_nlG7kWHQp9WR4_4xWCzIjnsahRTjN5g2E1CaVVEgDhdjzBlMj12ZsUBXrdEYqULSFIkq4_g_zFL2myNVTYfI,165468,
-✧  jizzica ✧,BQDAfcfSCzxEp8iuTRmtXSbCXZLpnaFz-dtPcckejUKYPanMeZlfRkCL4DNIhFxMTyEmr6040nX8wTupVQIjiUQT63sf0zUgUF3aZGhn845XdV1GX_6e1pb5uKGh05JjifX6NVMpqCOaCf9BntIuelCcWTJ_CgqT9EWYvoQn7gUCMEIIw10hB6hpyZWoNl21elmCzbcCL991PGJEGiZrfQ07qMIeN_pkrfoX8BQ,635414,
-Nina Perone,BQDMcZZ7t3AaTxgO8u5-reLr7EqOaylPoeGIwJAhXZ6R7GK9MswVg42uyu1eEXDsQZ75I4IVG8lg-E5Lr-rHC8IcQrhwoVQ1iU1LgfeZ47zc0SRmCCj3FbF_5CnjAj3hkszjj_5ZwP98yEVYt5Ltttitq82WT6j2h3aNddH5xC5ZgK4O2F6CFMDddyE8XFRUPI1Zt336aFJFOpXE8j5MXfFxhUV38OAem8vIil4frsy7tSk4bE0bivhr,635414,
-Ari,BQA0O7SSboe9BCnFlMbBrTf6LnCJusxjKBSwSuhi8IF3RJzzRimvk7_LYlrtqfzEdNVX4oxeOYWxi1KDpjcv1q8VFWhBX1U9yqDbnp0SEwyKiqYtu-WmviZcH67BhYCirUVi03dxNlYTAV0he5XjcmMjWwtgqIKpE31_OUE8oeZWosH6AbTdeJpNI2WlHKv6WZ7-tIeO24j3pvqW3XE1XhkDqTeks5pspTZRKIhMaZ_fpBVyK0AYEO5K,635414,
-Prince Nahar,BQC4XZ8u-aPk9RNJGLmfeCIwDe78vZS9mbR-u9S1ai9sorlcZmVFyLaALcwNBiQK0WR_REF630uOtDGr2NGJKVPx-auWHKooP1tZ3zr-wfwFKjYZ-MqSIXS7VZQOW7730bFyz7aRscl7veEJ97M5RBnI3fIk9hNWEWjpWsj-1N1R1tskB-8p3G8zQf_rtawCgr5reoAxLtr4A_2eRzymT3MLShOf5QxVVQlpfTeqvoy8CCoxx6yzmlLN,044687,
-ella,BQBnmCatCrEio1jj7Fbv8B4irty2Q14A0HomRUfESeBhoNSg04ZBtbw05wBCmI2tyijHUZKzRZ2md7ttEwcz-FY8S4y1U7-o3vvZcXfkGzTPlawHmdoQy3y9FbNRFMaLOiphwLB9zLnYGXFxbO4kNMEFKXtDyKMmwsfL2_w8fnJorUjpwT8ocIhFhmOOW-EdsapLGQ4zRpJRuq38PBRFdh9-OdCD5RK4UMlcMgC9ffYwTyTklJWaZiWx,044687,
-Martin Duong,BQDlYGW6It7H6wjhsJUCcEamLNqSr7mQmcF5N-3RX6BKJ5CQdI1ZhwEfbr7WwFBVvqcdFSz-ffV5AobmXBh75sXxC3hS0yXWtuRTxejaYc-dSV5C8kSkENllUxrL6onhVb1LrZP8sSJaBiyK4asCOa8UVx5yby-X0EGAYfqK7gn_wQFMqx08oq5DzRBqdIuHxBe66GozSv2hO8_NAGZ8azdwn9wogFZ520h2Kw4,044687,
-ella,BQBELs8yJ54WxHy0MS7pVOPdjiSYL0wFfODGI5MmPkVmCgN-Up8bDyejIiGTI0VJwIAP9K47apTWpOtFi83Bh6d6ypl1OqniOr5__s2fsCrCCO90hDoC1DaTitGdlMZvuWqkOmmIXlb60_7bl1CiMG3ikeEdQU9l4ctjnTSjtvciDRYOTSexKghWGj58-cCvBfn7jmDtuHcmVERhVyEl-9TY0GEm9PJgReS3DDIjCw0R2ZbxJCnzKwV5,044687,
-Martin Duong,BQDIlI6500yZs6MTkC7Qw7zq4eXiEmOlXrlrGgicg8OG9kxDH8Vjxp5YpzJhtZQOXefjEwR9rklV0OrkP0dILz6EY0IlGBQyNQq8xl6x2V-Rqkwetzau_6PfsZFSZQgHJlzdJOqOucT67cIY2dxUnfGCNUd0-4Bf2BMVFAR59vUwZx7qxYVReYfDRl24648BS0AEFDTgaLldZg66-ljiiT2qkFPYyS-qwlB5XRk,044687,
-Martin Duong,BQDri00pzM_syTXPVt13dZetQVkgVqpvDzFiVA_x0i7FqkqLaRkHKJiM7Qcq1B7Qh0CwNrk_uhVHQl7P9XiAAyBYh8CqpUaous3YCPpCmTSS1oRDAuUSpGS0G_sW087azWHjARmTLEmhnNrw4L68jYS_69goMiQQCUI8XoMektsKS6-P9D36rMMFJdzStuZc2kr9RCcZhEAhAMp1Y8NudUA17BV1oTtgpoGWuMI,263984,
\ No newline at end of file
+✧  jizzica ✧,BQCs--HQs0rDdKZTwC-OSwwxz_krtDrkM_wHF2u8dTy5PgY540zMnVH29uw5vaHudBhsNnVxD61rT53CoobgB8D7Kfuf3yVIlJxpkgi6D2I8tJeTC5Gumq4ML7iwOJXVB25kWA5BWJ2sUicSX6kkFnWQdEy2L3FagqmncVgVrLXqkpL_7n3H0rj2w37O-NmYZUZb6YRSmWeHh4-s4jnBjwlkPa9BTJshR4zP3Y4,071232,
+Martin Duong,BQAeYschcFx7E8jK9uHTBjyNRWK36cuA2XqhJo1xAR437apd1xfrHTvOCEcPopDJhYEoliszJECHWHmU7cb6kzLO1kDdhFXrsTdpd2CaJltJUDfp4cQxp55-v5MRijaeBHLntedewUChUdgaqIuRnXSb9LR2jiRD-Yjdjz3-rSCFNzwxNo4jhD5jlS4aVQk9tnBVVcI4J8XOE53-sO0LjnF9UOWpu1_5HoZBKqM,071232,
\ No newline at end of file

From 2f3b9449bcaac5e3512863c7d08fa11390c06fd7 Mon Sep 17 00:00:00 2001
From: unknown <tun82434>
Date: Fri, 12 Apr 2024 22:41:19 -0400
Subject: [PATCH 4/5] Finished Lab 09

---
 receiptifyv1/public/server.js | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/receiptifyv1/public/server.js b/receiptifyv1/public/server.js
index 2029b8d..d5cce35 100644
--- a/receiptifyv1/public/server.js
+++ b/receiptifyv1/public/server.js
@@ -627,6 +627,10 @@ async function fetchUsers(sessionID) {
 ;}
 
 function checkboxUpdate(response, stats, state, users_checkbox, user, isChecked) {
+  if (users_checkbox.includes(null)){
+    console.log('true null');
+    users_checkbox.shift();
+  }
   console.log("onclick redisplay");
   if (!isChecked){
     console.log(`Before: ${users_checkbox}`);
@@ -643,6 +647,7 @@ function checkboxUpdate(response, stats, state, users_checkbox, user, isChecked)
   }
   if (users_checkbox.length == 0){
     users_checkbox.push(null);
+    console.log(users_checkbox);
   }
   displayReceipt(response, stats, state, users_checkbox);
 ;}
@@ -728,6 +733,7 @@ const displayReceipt = (response, stats, state, users_checkbox = []) => {
         userCheckbox.appendChild(userCheckboxTitle);
         for (let i = 0; i < users.length; i++) {
           const user = users[i];
+          console.log(user);
           const checkbox = document.createElement('input');
           checkbox.type = 'checkbox';
           checkbox.id = `user${i}`;

From c425fc886588d695f6f70b2698e20b5ac6c5b4e2 Mon Sep 17 00:00:00 2001
From: unknown <tun82434>
Date: Fri, 12 Apr 2024 22:47:36 -0400
Subject: [PATCH 5/5] Scroll does not reset when rerender

---
 receiptifyv1/public/server.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/receiptifyv1/public/server.js b/receiptifyv1/public/server.js
index d5cce35..96792d3 100644
--- a/receiptifyv1/public/server.js
+++ b/receiptifyv1/public/server.js
@@ -653,6 +653,7 @@ function checkboxUpdate(response, stats, state, users_checkbox, user, isChecked)
 ;}
 
 const displayReceipt = (response, stats, state, users_checkbox = []) => {
+  const scrollPosition = window.scrollY;
   console.log(state, users_checkbox);
   const type = getType();
   const font = getFont();
@@ -801,6 +802,7 @@ const displayReceipt = (response, stats, state, users_checkbox = []) => {
         } catch (error) {
           console.error('Error: ', error);
         }
+  window.scrollTo(0, scrollPosition);
   })();
 };