update to login, auth token is now being written to local browser

Author: barreraalexander

src/sql_app.db

@@ -38,7 +38,7 @@ <h3 class="font-weight-bolder text-info text-gradient">
                 </div>
                 <div class="card-body">
 
-                  <form role="form text-left" method="post" action="{{ url_for('login') }}">
+                  <form id="login_form" role="form text-left" method="post" action="{{ url_for('login') }}">
 
                     <label>Username</label>
                     <div class="mb-3">
@@ -59,7 +59,68 @@ <h3 class="font-weight-bolder text-info text-gradient">
                     </div>
 
                   </form>
+                  <script>
+                    let login_form = document.querySelector('#login_form')
 
+                    login_form.addEventListener('submit', async function(event){
+                      event.preventDefault()
+                      
+                      let email = login_form.querySelector('#username').value
+                      let password = login_form.querySelector('#password').value
+                      // let form_action = login_form.action
+
+                      let bodyFormData = new FormData()
+  
+                      bodyFormData.append(
+                        'username', email
+                      )
+  
+                      bodyFormData.append(
+                        'password', password
+                      )
+
+                      let res = await fetch(login_form.action, {
+                        method: "POST",
+                        body: bodyFormData
+                      })
+
+                      if (res.status == 200){
+                        
+                      }
+                      console.log(res)
+                      console.log(res.status)
+                      // console.log(res.json())
+                      console.log(await res.json())
+
+                      // fetch(login_form.action, {
+                      //   method: "POST",
+                      //   body: bodyFormData
+                      // }).then(res => {
+                      //   if (res.status==200){
+                      //     login_form.reset()
+                      //     // alert('successfully logged in')
+                      //     let access_token = res.json()
+                      //     console.log(access_token)
+                      //     // console.log(access_token.access_token)
+                          
+                      //     let 
+
+
+                      //     // window.location.href = 
+                      //   } else {
+                      //     alert ('something went wrong')
+                      //   }
+                      // })
+
+                    })
+
+
+                    // fetch
+
+
+                    
+
+                  </script>
                 </div>
                 <div class="card-footer text-center pt-0 px-lg-2 px-1">
                   <p class="mb-4 text-sm mx-auto">

src/templates/accounts/login.html

@@ -110,16 +110,31 @@ <h5>Sign UP</h5>
                         body: JSON.stringify(new_user)
 
                       }).then(res => {
-                        console.log(res.status)
                         if (res.status==201){
                           register_form.reset()
                           alert('success, now signin')
                           window.location.href = register_form.dataset.successful_redirect
                         } else {
-                          alert('something went wrong')
+                          alert('bad credentials')
                         }
 
                       })
+                      
+                      // fetch(form_action, {
+                      //   method: "POST",
+                      //   headers: {'Content-Type' : 'application/json'},
+                      //   body: JSON.stringify(new_user)
+
+                      // }).then(res => {
+                      //   if (res.status==201){
+                      //     register_form.reset()
+                      //     alert('success, now signin')
+                      //     window.location.href = register_form.dataset.successful_redirect
+                      //   } else {
+                      //     alert('bad credentials')
+                      //   }
+                        
+                      // })
 
                     })