From 4bc17623bb63680da10ea7e8d073da7de31df5c3 Mon Sep 17 00:00:00 2001
From: nikolaswollenberg <nikolas.wollenberg@gmail.com>
Date: Fri, 26 Jan 2024 08:27:44 +0100
Subject: [PATCH] Wir haben Habits udn Checkboxen fried chicken

---
 app.py               |  5 +++++
 templates/index.html | 29 ++++++++++++++++++++++++++++-
 2 files changed, 33 insertions(+), 1 deletion(-)

diff --git a/app.py b/app.py
index 586880c..a5b4243 100644
--- a/app.py
+++ b/app.py
@@ -219,6 +219,11 @@ def habit_create():
         errors=errors,
     )"""
 
+@app.route('/check', methods=['POST'])
+@login_required
+def check_habit():
+    habit = request.get_json()["habitId"]
+    return {}
 
 # Run the application
 if __name__ == '__main__':
diff --git a/templates/index.html b/templates/index.html
index 75b9c47..793b3c2 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -85,7 +85,7 @@
             {% for habit in habits %}
             <li class="row col-md-4">
                 <div class="col-auto">
-                    <input type="checkbox" class="task-checkbox" id="{{habit.id}}">
+                    <input type="checkbox" class="task-checkbox" id="{{habit.id}}" onclick="sendPostRequest('{{habit.id}}')">
                 </div>
 
                 <div class="col" style="white-space: nowrap; overflow: hidden; text-overflow: ellipsis">
@@ -101,6 +101,33 @@
             {% endfor %}
         </ul>
     </div>
+    <script>
+        function sendPostRequest(checkboxId) {
+            // Get the checkbox element using the provided ID
+            var checkbox = document.getElementById(checkboxId);
+            console.log(checkbox);
+            // Check if the checkbox is checked
+            if (checkbox.checked) {
+                // Get the habit id from the checkbox id attribute
+                var habitId = checkboxId;
+
+                // Make a POST request to /check with the habit id
+                axios.post('/check', { habitId: habitId }, {
+                    headers: {
+                        'Content-Type': 'application/json'
+                    }
+                })
+                    .then(function (response) {
+                        // Handle the success response if needed
+                        console.log(response.data);
+                    })
+                    .catch(function (error) {
+                        // Handle the error if needed
+                        console.error('Error:', error);
+                    });
+            }
+        }
+    </script>
 </div>
 
 {% endblock %}
\ No newline at end of file