Merge branch 'master' of https://repo.cimeyclust.com/CimeyClust/HabitTracker

templates/components/habit_lists.html

@@ -25,6 +25,39 @@
         </li>
         {% endfor %}
     </ul>
+    <script>
+        document.addEventListener('DOMContentLoaded', function () {
+            // Select all the tab links
+            const tabLinks = document.querySelectorAll('.nav-link');
+
+            tabLinks.forEach(function(link) {
+                // Add a click event listener to each tab link
+                link.addEventListener('click', function(e) {
+                    // Prevent the default action
+                    e.preventDefault();
+
+                    // Get the tab ID
+                    const tabId = this.getAttribute('href').match(/simple-tabpanel-(\d+)/)[1];
+
+                    // Update the URL with the new query parameter
+                    const newUrl = updateQueryStringParameter(window.location.href, 'list', tabId);
+                    window.history.pushState({path:newUrl}, '', newUrl);
+                });
+            });
+
+            // Update the URL with the new query parameter
+            function updateQueryStringParameter(uri, key, value) {
+                var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
+                var separator = uri.indexOf('?') !== -1 ? "&" : "?";
+                if (uri.match(re)) {
+                    return uri.replace(re, '$1' + key + "=" + value + '$2');
+                }
+                else {
+                    return uri + separator + key + "=" + value;
+                }
+            }
+        });
+    </script>
 
     <div class="tab-content pt-5" id="tab-content">
         {% for habit_list in habit_lists %}

templates/components/scripts.html

@@ -66,7 +66,10 @@
 
 
     document.addEventListener('DOMContentLoaded', (event) => {
-        var el = document.querySelector('.task-list');
+        var elements = document.querySelectorAll('.task-list').values()
+
+        // loop through the elements
+        for (let el of elements) {
             Sortable.create(el, {
                 handle: '.drag-handle',
                 animation: 150,
@@ -87,6 +90,7 @@
                     });
                 }
             });
+        }
     });