before adding login manager

Author: barreraalexander

src/routers/ui_routes.py

@@ -2,7 +2,11 @@
 from fastapi.responses import HTMLResponse
 from fastapi.templating import Jinja2Templates
 from pathlib import Path
+import requests
+from src.config import Settings
 
+from src import models
+from src import app
 # from app import TEMPLATES
 
 router = APIRouter(
@@ -15,21 +19,12 @@
 
 @router.get("/")
 def home(request: Request, response_model=HTMLResponse):
-
     return TEMPLATES.TemplateResponse("home/index.html", {"request" : request})
 
 @router.get("/login")
-def login(request: Request, response_model=HTMLResponse):
+def signin(request: Request, response_model=HTMLResponse):
     return TEMPLATES.TemplateResponse("accounts/login.html", {"request" : request})
 
 @router.get("/register")
 def register(request: Request, response_model=HTMLResponse):
     return TEMPLATES.TemplateResponse("accounts/register.html", {"request" : request})
-
-@router.post("/register")
-async def register(request: Request):
-    data = await request.form()
-    print (data)
-    
-
-    return TEMPLATES.TemplateResponse("accounts/register.html", {"request" : request})

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="/api/auth">
+                  <form role="form text-left" method="post" action="{{ url_for('login') }}">
 
                     <label>Username</label>
                     <div class="mb-3">
@@ -55,7 +55,7 @@ <h3 class="font-weight-bolder text-info text-gradient">
                     </div>
 
                     <div class="text-center">
-                      <a href="" class="btn bg-gradient-secondary w-100 mt-4 mb-0">Sign UP</a>
+                      <a href="{{ url_for('register')}}" class="btn bg-gradient-secondary w-100 mt-4 mb-0">Sign UP</a>
                     </div>
 
                   </form>

src/templates/accounts/login.html

@@ -65,9 +65,7 @@ <h5>Sign UP</h5>
 
                 {% else %}
 
-                  <form role="form text-left" method="post" action="{{ url_for('register') }}">
-
-
+                  <form id="register_form" action="{{ url_for('create_user') }}" data-successful_redirect="{{ url_for('signin') }}" role="form text-left">
                       <label>Username</label>
                       <div class="mb-3">
                         <input type="text" name="username" id="username" placeholder="username" class="form-control">
@@ -86,11 +84,47 @@ <h5>Sign UP</h5>
                       </div>
 
                       <div class="text-center">
-                        <a href="{{ url_for('login') }}" class="btn bg-gradient-secondary w-100 mt-4 mb-0">Sign IN</a>
+                        <a href="{{ url_for('signin') }}" class="btn bg-gradient-secondary w-100 mt-4 mb-0">Sign IN</a>
                       </div>                
 
                   </form>
-
+                  <script>
+                    let register_form = document.querySelector('#register_form')
+
+                    register_form.addEventListener('submit', async function(event){
+                      event.preventDefault()
+                      let form_action = register_form.action
+                      let email = register_form.querySelector('#email').value
+                      let username = register_form.querySelector('#username').value
+                      let password = register_form.querySelector('#password').value
+
+                      let new_user = {
+                        'email' : email,
+                        'username' : username,
+                        'password' : password
+                      }
+
+                      fetch(form_action, {
+                        method: "POST",
+                        headers: {'Content-Type' : 'application/json'},
+                        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')
+                        }
+                        
+                      })
+
+                    })
+
+
+                  </script>
                 {% endif %}
 
               </div>

src/templates/accounts/register.html

@@ -15,7 +15,7 @@
         <ul class="navbar-nav mx-auto ms-xl-auto">
 
           <li class="nav-item">
-            <a class="nav-link me-2" href="">
+            <a class="nav-link me-2" href="{{ url_for('register') }}">
               <i class="fas fa-user-circle opacity-6 me-1"></i>
               Sign Up
             </a>