signup works too. all are functional. Testing needed.

Author: Nicktvdd

Diff for: Frontend/src/js/modals/signup.js

@@ -1,13 +1,10 @@
-import * as bootstrap from 'bootstrap'
-
 document.addEventListener('DOMContentLoaded', function() {
     // Initialize the Bootstrap modal
     var signUpModalElement = document.getElementById('signUpModal');
     if (!signUpModalElement) {
         console.error('Sign Up modal element not found');
         return;
     }
-    var signUpModal = new bootstrap.Modal(signUpModalElement);
 
     var modalTitle = document.getElementById('signUpLabel');
     var modalBody = document.querySelector('#signUpModal .modal-body');
@@ -53,7 +50,7 @@ document.addEventListener('DOMContentLoaded', function() {
         })
         .then(data => {
             console.log('Success:', data);
-            signUpModal.hide();
+            document.getElementById('signupModal').querySelector('.close').click(); // Close the modal
             document.getElementById('signUpForm').reset();
         })
         .catch(error => {
@@ -104,14 +101,4 @@ document.addEventListener('DOMContentLoaded', function() {
         document.getElementById('signUpPassword').value = '';
         document.getElementById('signUpRePassword').value = '';
     }
-
-    // Reset form fields and hide error message when modal is hidden (on modal close)
-    signUpModal._element.addEventListener('hidden.bs.modal', function () {
-        document.getElementById('signUpForm').reset();
-        // Remove any error messages
-        const errorSpans = document.querySelectorAll('#signUpModal .ErrorMessage');
-        errorSpans.forEach(function(errorSpan) {
-            errorSpan.remove();
-        });
-    });
 });