login and session management

Author: AKArien

web-console/src/layouts/Base.tsx

@@ -6,6 +6,7 @@ export default function Base(props: BaseProps) {
   return (
     <>
     basic bitch
+    {document.cookie ? document.cookie : "nothing"}
     {props.children}
     </>
   );

web-console/src/lib/auth/login.tsx

@@ -6,9 +6,11 @@ interface RetData {
 export async function login(access: string, pass: string, req_dur = 3600): Promise<Response>{
     const headers: Headers = new Headers()
     headers.set("Content-Type", "application/json")
+    headers.set("Access-Control-Allow-Origin", "*")
+    headers.set("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept")
 
     const res = await fetch(
-        "https://localhost:3000/rpc/login",
+        "http://localhost:3000/rpc/login",
         {
             method: "POST",
             headers: headers,
@@ -23,15 +25,16 @@ export async function login(access: string, pass: string, req_dur = 3600): Promi
     )
 
     if (res.ok){
+        console.log("setting cookie")
         const resp = await res.json() as RetData
-        const exp = (new Date(new Date().getTime() + resp.session_time))
+        const exp = (new Date(Date.now() + (resp.session_time * 60 * 1000)))
 
         document.cookie =
             "session="
             + resp.token
             + "; expires="
             + exp.toUTCString()
-            + "; path=/auth"
+            + "; path=/"
     }
 
     return res

web-console/src/lib/headers.tsx

@@ -0,0 +1,16 @@
+
+export function anon_headers(): Headers{
+    const headers = new Headers()
+    headers.set("Content-Type", "application/json")
+    headers.set("Access-Control-Allow-Origin", "*")
+    headers.set("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept")
+    return headers
+}
+
+export function auth_headers(): Headers{
+    const headers = new Headers()
+    headers.set("Content-Type", "application/json")
+    headers.set("Access-Control-Allow-Origin", "*")
+    headers.set("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept")
+    return headers
+}

web-console/src/pages/Login.tsx

@@ -14,7 +14,7 @@ export default function Login(){
         const pass = formData.get("pass") as string
         try {
             await login(access, pass)
-            void navigate("/console")
+            void navigate("/")
         }
         catch (e) {
             setError(e as string)
@@ -31,7 +31,7 @@ export default function Login(){
     }, [navigate]);
 
     return (
-        <form onSubmit={handleSubmit}>
+        <form method="post" onSubmit={handleSubmit}>
             {error ? <div className="error">{error}</div> : null}
             <label htmlFor="access">Access</label>
             <input
@@ -52,6 +52,9 @@ export default function Login(){
                 name="req_dur"
                 type="number"
             />
+            <button type="submit">
+                Log in
+            </button>
         </form>
     )
 }