From d4732bcde388204b815cc4c9f2511711adcf70ba Mon Sep 17 00:00:00 2001
From: al6862 <al6862@nyu.edu>
Date: Sat, 2 Mar 2024 23:01:32 -0500
Subject: [PATCH 1/4] fixed if statement logic

---
 app.py              |  1 -
 templates/card.html | 48 +++++++++++++++++++--------------------------
 2 files changed, 20 insertions(+), 29 deletions(-)

diff --git a/app.py b/app.py
index 6f3e735..15c6210 100644
--- a/app.py
+++ b/app.py
@@ -88,7 +88,6 @@ def createDeck(username):
     # TODO: is there a way to not have to refresh the page and add the new deck 
     return redirect(url_for('allDecks', username=username))
 
-# since shuffled, maybe should be cardQuestion instead of cardIndex?
 @app.route("/<username>/<deckTitle>/<cardIndex>/add", methods=["POST"])
 def addCard(username, deckTitle, cardIndex):
     # authenticate user
diff --git a/templates/card.html b/templates/card.html
index b867925..69591d9 100644
--- a/templates/card.html
+++ b/templates/card.html
@@ -7,7 +7,7 @@ <h2> {{ deckTitle }}</h2>
     </div>
 
     <div class="question-box">
-        <button id="prevButton" class="card-button">&#8249;</button>
+        <button id="prevButton" class="card-button" style="opacity: 0.2">&#8249;</button>
 
         <div id="card" class="card-question">
             <h3 id="next-question"> START </h3>
@@ -40,6 +40,7 @@ <h3 id="next-question"> START </h3>
 
     {% endif %}
 
+
     <script>
         const nextQuestion = document.querySelector("#next-question");
         const card = document.querySelector("#card");
@@ -60,44 +61,35 @@ <h3 id="next-question"> START </h3>
 
         // event listener for prev button click
         function prevCard() {
-            if (cardIndex > 0) {
+            if (cardIndex > -1) {
                 cardIndex -= 1;
-                nextQuestion.textContent = cardList[cardIndex];
-                if (isAuth) {
-                    document.querySelector("#add-card-button").style.display="initial"
-                    document.querySelector("#edit-card-button").style.display="initial"
-                    document.querySelector("#delete-card-button").style.display="initial"
-                }
-            } else {
-                nextQuestion.textContent = "START";
-                if (isAuth) {
-                    document.querySelector("#add-card-button").style.display="initial"
-                    document.querySelector("#edit-card-button").style.display="none"
-                    document.querySelector("#delete-card-button").style.display="none"
-                }
+                nextQuestion.textContent = cardList[cardIndex]
+                next.style.opacity = 1
+            }
+            if (cardIndex == -1){
+                nextQuestion.textContent = "START"
+                prev.style.opacity = 0.2
             }
+            console.log(cardIndex)
+            console.log(cardList)
         }
 
         prev.addEventListener("click", prevCard);
 
         // event listener for both card click and next button click
+
         function nextCard() {
-            if (isAuth && cardIndex == -1) {
-                document.querySelector("#add-card-button").style.display="initial"
-                document.querySelector("#edit-card-button").style.display="initial"
-                document.querySelector("#delete-card-button").style.display="initial"
-            }
             if (cardIndex < cardList.length-1) {
-                cardIndex += 1;
-                nextQuestion.textContent = cardList[cardIndex];
-                if (isAuth && cardIndex == cardList.length-1) {
-                    document.querySelector("#add-card-button").style.display="none"
-                    document.querySelector("#edit-card-button").style.display="none"
-                    document.querySelector("#delete-card-button").style.display="none"
-                }
+                cardIndex += 1
+                nextQuestion.textContent = cardList[cardIndex]
+                prev.style.opacity = 1.0
+            }
+            if (cardIndex == cardList.length-1) {
+                next.style.opacity = 0.2
             }
+            console.log(cardIndex)
+            console.log(cardList)
         }
-
         card.addEventListener("click", nextCard);
         next.addEventListener("click", nextCard);
         

From 7b0339fb96184c652e7b5be94a4c47b2d2e24d51 Mon Sep 17 00:00:00 2001
From: al6862 <al6862@nyu.edu>
Date: Sat, 2 Mar 2024 23:05:36 -0500
Subject: [PATCH 2/4] added display changes for buttons

---
 templates/card.html | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/templates/card.html b/templates/card.html
index 69591d9..506c427 100644
--- a/templates/card.html
+++ b/templates/card.html
@@ -65,10 +65,20 @@ <h3 id="next-question"> START </h3>
                 cardIndex -= 1;
                 nextQuestion.textContent = cardList[cardIndex]
                 next.style.opacity = 1
+                if (isAuth) {
+                    document.querySelector("#add-card-button").style.display="initial"
+                    document.querySelector("#edit-card-button").style.display="initial"
+                    document.querySelector("#delete-card-button").style.display="initial"
+                }
             }
             if (cardIndex == -1){
                 nextQuestion.textContent = "START"
                 prev.style.opacity = 0.2
+                if (isAuth) {
+                    document.querySelector("#add-card-button").style.display="initial"
+                    document.querySelector("#edit-card-button").style.display="none"
+                    document.querySelector("#delete-card-button").style.display="none"
+                }
             }
             console.log(cardIndex)
             console.log(cardList)
@@ -83,9 +93,19 @@ <h3 id="next-question"> START </h3>
                 cardIndex += 1
                 nextQuestion.textContent = cardList[cardIndex]
                 prev.style.opacity = 1.0
+                if (isAuth) {
+                    document.querySelector("#add-card-button").style.display="initial"
+                    document.querySelector("#edit-card-button").style.display="initial"
+                    document.querySelector("#delete-card-button").style.display="initial"
+                }
             }
             if (cardIndex == cardList.length-1) {
                 next.style.opacity = 0.2
+                if (isAuth) {
+                    document.querySelector("#add-card-button").style.display="none"
+                    document.querySelector("#edit-card-button").style.display="none"
+                    document.querySelector("#delete-card-button").style.display="none"
+                }
             }
             console.log(cardIndex)
             console.log(cardList)

From 2894b4814c34adcd218fa6a4e58fd1c325b7f7e2 Mon Sep 17 00:00:00 2001
From: al6862 <al6862@nyu.edu>
Date: Sat, 2 Mar 2024 23:09:40 -0500
Subject: [PATCH 3/4] changed cardIndex in editButton

---
 templates/card.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/card.html b/templates/card.html
index 506c427..07c3bed 100644
--- a/templates/card.html
+++ b/templates/card.html
@@ -139,9 +139,9 @@ <h3 id="next-question"> START </h3>
                     document.querySelector("#edit-card-button").style.display="none"
                     document.querySelector("#delete-card-button").style.display="none"
                     document.querySelector("#card-form").style.display="initial"
-                    document.querySelector("#card-form textarea").textContent = cardList[cardIndex-1]
+                    document.querySelector("#card-form textarea").textContent = cardList[cardIndex]
 
-                    document.querySelector("#card-form").action="/" + username + "/" + deckTitle + "/" + (cardIndex-1) + "/edit"
+                    document.querySelector("#card-form").action="/" + username + "/" + deckTitle + "/" + cardIndex + "/edit"
                 })
             }
 

From 7c634912f9c3f7568fa5930c9e0d67d81843f1e4 Mon Sep 17 00:00:00 2001
From: al6862 <al6862@nyu.edu>
Date: Sat, 2 Mar 2024 23:13:17 -0500
Subject: [PATCH 4/4] removed print statements

---
 templates/card.html | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/templates/card.html b/templates/card.html
index 07c3bed..4158bb1 100644
--- a/templates/card.html
+++ b/templates/card.html
@@ -80,8 +80,6 @@ <h3 id="next-question"> START </h3>
                     document.querySelector("#delete-card-button").style.display="none"
                 }
             }
-            console.log(cardIndex)
-            console.log(cardList)
         }
 
         prev.addEventListener("click", prevCard);
@@ -107,8 +105,6 @@ <h3 id="next-question"> START </h3>
                     document.querySelector("#delete-card-button").style.display="none"
                 }
             }
-            console.log(cardIndex)
-            console.log(cardList)
         }
         card.addEventListener("click", nextCard);
         next.addEventListener("click", nextCard);