From 924656ce13953bac54cb35af915cc570b96ad9a3 Mon Sep 17 00:00:00 2001
From: swve <bdswve@gmail.com>
Date: Sat, 24 Sep 2022 20:06:05 +0200
Subject: [PATCH] feat: init collections index + delete

---
 front/components/security/AuthProvider.tsx |  2 +-
 front/components/ui/header.tsx             | 13 +----
 front/components/ui/layout.tsx             | 14 ++++-
 front/pages/index.tsx                      |  2 +
 front/pages/login.tsx                      |  2 +
 front/pages/organizations/index.tsx        | 67 ++++++++++++++++++++++
 front/pages/organizations/new.tsx          | 13 +++++
 front/pages/organizations/update.tsx       |  0
 front/pages/signup.tsx                     |  2 +
 front/services/orgs.ts                     | 37 ++++++++++++
 src/routers/auth.py                        |  1 +
 src/routers/orgs.py                        | 13 ++++-
 src/services/auth.py                       |  4 +-
 src/services/orgs.py                       | 19 ++++--
 14 files changed, 167 insertions(+), 22 deletions(-)
 create mode 100644 front/pages/organizations/index.tsx
 create mode 100644 front/pages/organizations/new.tsx
 create mode 100644 front/pages/organizations/update.tsx
 create mode 100644 front/services/orgs.ts

diff --git a/front/components/security/AuthProvider.tsx b/front/components/security/AuthProvider.tsx
index 90210b9d..acb32de8 100644
--- a/front/components/security/AuthProvider.tsx
+++ b/front/components/security/AuthProvider.tsx
@@ -28,7 +28,7 @@ const AuthProvider = (props: any) => {
       userInfo = await getUserInfo(access_token);
       isAuthenticated = true;
       setAuth({ access_token, isAuthenticated, userInfo, isLoading });
-    } else if (!access_token) {
+    } else{
       isAuthenticated = false;
       setAuth({ access_token, isAuthenticated, userInfo, isLoading });
     }
diff --git a/front/components/ui/header.tsx b/front/components/ui/header.tsx
index a6010743..4bb85c8f 100644
--- a/front/components/ui/header.tsx
+++ b/front/components/ui/header.tsx
@@ -8,19 +8,8 @@ export const Header = () => {
   return (
     <div>
       <Menu></Menu>
-      <PreAlphaLabel>🚧 Pre-Alpha</PreAlphaLabel>
     </div>
   );
 };
 
-const PreAlphaLabel = styled.div`
-  position: fixed;
-  bottom: 0;
-  right: 0;
-  padding: 9px;
-  background-color: #080501;
-  color: white;
-  font-size: 19px;
-  font-weight: bold;
-  border-radius: 5px 0 0 0px;
-  `;
+
diff --git a/front/components/ui/layout.tsx b/front/components/ui/layout.tsx
index 222b123c..1eb548c7 100644
--- a/front/components/ui/layout.tsx
+++ b/front/components/ui/layout.tsx
@@ -13,7 +13,7 @@ const Layout = (props: any) => {
           <meta name="description" content={props.description} />
           <link rel="icon" href="/favicon.ico" />
         </Head>
-        <Header></Header>
+        <PreAlphaLabel>🚧 Pre-Alpha</PreAlphaLabel>
         <Main className="min-h-screen">{props.children}</Main>
 
         <Footer>
@@ -43,4 +43,16 @@ const Footer = styled.footer`
   }
 `;
 
+const PreAlphaLabel = styled.div`
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  padding: 9px;
+  background-color: #080501;
+  color: white;
+  font-size: 19px;
+  font-weight: bold;
+  border-radius: 5px 0 0 0px;
+  `;
+
 export default Layout;
diff --git a/front/pages/index.tsx b/front/pages/index.tsx
index 4f2c3f8c..f48358ff 100644
--- a/front/pages/index.tsx
+++ b/front/pages/index.tsx
@@ -1,11 +1,13 @@
 import type { NextPage } from "next";
 import { Title } from "../components/ui/styles/title";
 import Layout from "../components/ui/layout";
+import { Header } from "../components/ui/header";
 
 const Home: NextPage = () => {
   return (
     <div>
       <Layout title="Index">
+      <Header></Header>
         <Title>Home</Title>
       </Layout>
     </div>
diff --git a/front/pages/login.tsx b/front/pages/login.tsx
index 21709e25..13018e19 100644
--- a/front/pages/login.tsx
+++ b/front/pages/login.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+import { Header } from "../components/ui/header";
 import Layout from "../components/ui/layout";
 import { Title } from "../components/ui/styles/title";
 import { loginAndGetToken } from "../services/auth/auth";
@@ -25,6 +26,7 @@ const Login = () => {
   return (
     <div>
       <Layout title="Login">
+      <Header></Header>
         <Title>Login</Title>
 
         <form>
diff --git a/front/pages/organizations/index.tsx b/front/pages/organizations/index.tsx
new file mode 100644
index 00000000..0a21a2ff
--- /dev/null
+++ b/front/pages/organizations/index.tsx
@@ -0,0 +1,67 @@
+import Link from "next/link";
+import React from "react";
+import Layout from "../../components/ui/layout";
+import { Title } from "../../components/ui/styles/title";
+import { deleteOrganizationFromBackend, getUserOrganizations } from "../../services/orgs";
+
+const Organizations = () => {
+  const [userOrganizations, setUserOrganizations] = React.useState([]);
+  const [isLoading, setIsLoading] = React.useState(false);
+
+  async function fetchUserOrganizations() {
+    const response = await getUserOrganizations();
+    setUserOrganizations(response);
+    console.log(response);
+    setIsLoading(false);
+  }
+
+  async function deleteOrganization(org_id:any)  {
+   const response = await deleteOrganizationFromBackend(org_id);
+    const newOrganizations = userOrganizations.filter((org:any) => org.org_id !== org_id);
+    setUserOrganizations(newOrganizations);
+  }
+
+
+  React.useEffect(() => {
+    setIsLoading(true);
+    fetchUserOrganizations();
+    setIsLoading(false);
+  }, []);
+
+
+  return (
+    
+    <Layout>
+      <Title>
+        Your Organizations{" "}
+        <Link href={"/organizations/new"}>
+          <a>
+            <button>+</button>
+          </a>
+        </Link>
+      </Title>
+      <hr />
+      {isLoading ? (
+        <p>Loading...</p>
+      ) : (
+        <div>
+          {userOrganizations.map((org: any) => (
+            <div key={org.org_id}>
+              <Link href={`/organizations/${org.org_id}`}>
+                <a>
+                  <h3>{org.name}</h3>
+                </a>
+              </Link>
+              <button onClick={() => deleteOrganization(org.org_id)}>
+                Delete
+              </button>
+            </div>
+          ))}
+        </div>
+      )}
+      
+    </Layout>
+  );
+};
+
+export default Organizations;
diff --git a/front/pages/organizations/new.tsx b/front/pages/organizations/new.tsx
new file mode 100644
index 00000000..0fbf48f3
--- /dev/null
+++ b/front/pages/organizations/new.tsx
@@ -0,0 +1,13 @@
+import React from 'react'
+import Layout from '../../components/ui/layout'
+import { Title } from '../../components/ui/styles/title'
+
+const Organizations = () => {
+  return (
+    <Layout>
+        <Title>New Organization</Title> 
+    </Layout>
+  )
+}
+
+export default Organizations
\ No newline at end of file
diff --git a/front/pages/organizations/update.tsx b/front/pages/organizations/update.tsx
new file mode 100644
index 00000000..e69de29b
diff --git a/front/pages/signup.tsx b/front/pages/signup.tsx
index c0839da6..e35604fb 100644
--- a/front/pages/signup.tsx
+++ b/front/pages/signup.tsx
@@ -1,4 +1,5 @@
 import React from "react";
+import { Header } from "../components/ui/header";
 import Layout from "../components/ui/layout";
 import { Title } from "../components/ui/styles/title";
 import { signup } from "../services/auth/auth";
@@ -30,6 +31,7 @@ const SignUp = () => {
   return (
     <div>
       <Layout title="Sign up">
+      <Header></Header>
         <Title>Sign up </Title>
 
         <form>
diff --git a/front/services/orgs.ts b/front/services/orgs.ts
new file mode 100644
index 00000000..e1d3ea44
--- /dev/null
+++ b/front/services/orgs.ts
@@ -0,0 +1,37 @@
+import { getAPIUrl } from "./config";
+
+export async function getUserOrganizations() {
+  const HeadersConfig = new Headers({ "Content-Type": "application/json" });
+
+  const requestOptions: any = {
+    method: "GET",
+    headers: HeadersConfig,
+    redirect: "follow",
+    credentials: "include",
+  };
+
+  return fetch(`${getAPIUrl()}orgs/user/page/1/limit/10`, requestOptions)
+    .then((result) => result.json())
+    .catch((error) => console.log("error", error));
+}
+
+// export async function createNewOrganization(user_id) {}
+
+// export async function getOrganizationData(org_id) {}
+
+export async function deleteOrganizationFromBackend(org_id:any) {
+  const HeadersConfig = new Headers({ "Content-Type": "application/json" });
+
+  const requestOptions: any = {
+    method: "DELETE",
+    headers: HeadersConfig,
+    redirect: "follow",
+    credentials: "include",
+  };
+
+  return fetch(`${getAPIUrl()}orgs/${org_id}`, requestOptions)
+    .then((result) => result.json())
+    .catch((error) => console.log("error", error));
+}
+
+// export async function updateOrganization(org_id) {}
diff --git a/src/routers/auth.py b/src/routers/auth.py
index e01ee1bb..34113444 100644
--- a/src/routers/auth.py
+++ b/src/routers/auth.py
@@ -59,6 +59,7 @@ async def login(Authorize: AuthJWT = Depends(), form_data: OAuth2PasswordRequest
     access_token = Authorize.create_access_token(subject=form_data.username)
     refresh_token = Authorize.create_refresh_token(subject=form_data.username)
     Authorize.set_refresh_cookies(refresh_token)
+    Authorize.set_access_cookies(access_token)
     return {"access_token": access_token , "refresh_token": refresh_token}
 
 @router.delete('/logout')
diff --git a/src/routers/orgs.py b/src/routers/orgs.py
index e572e69e..4eacf21e 100644
--- a/src/routers/orgs.py
+++ b/src/routers/orgs.py
@@ -1,6 +1,6 @@
 from fastapi import APIRouter, Depends
 from src.services.auth import get_current_user
-from src.services.orgs import Organization, create_org, delete_org, get_organization, get_orgs, update_org
+from src.services.orgs import Organization, create_org, delete_org, get_organization, get_orgs, get_orgs_by_user, update_org
 from src.services.users import User
 
 
@@ -24,11 +24,18 @@ async def api_get_org(org_id: str, current_user: User = Depends(get_current_user
 
 
 @router.get("/page/{page}/limit/{limit}")
-async def api_get_org_by(page: int, limit: int, current_user: User = Depends(get_current_user)):
+async def api_get_org_by(page: int, limit: int):
     """
     Get orgs by page and limit
     """
-    return await get_orgs(page, limit, current_user)
+    return await get_orgs(page, limit)
+
+@router.get("/user/page/{page}/limit/{limit}")
+async def api_user_orgs(page: int, limit: int, current_user: User = Depends(get_current_user)):
+    """
+    Get orgs by page and limit by user
+    """
+    return await get_orgs_by_user(current_user.user_id, page, limit)
 
 
 @router.put("/{org_id}")
diff --git a/src/services/auth.py b/src/services/auth.py
index ee528464..917734f9 100644
--- a/src/services/auth.py
+++ b/src/services/auth.py
@@ -15,8 +15,10 @@ oauth2_scheme = OAuth2PasswordBearer(tokenUrl="/api/auth/login")
 #### JWT Auth ####################################################
 class Settings(BaseModel):
     authjwt_secret_key: str = "secret"
-    authjwt_token_location = {"cookies", "headers"}
+    authjwt_token_location = {"cookies"}
     authjwt_cookie_csrf_protect = False
+    authjwt_access_token_expires = False # (pre-alpha only) # TODO: set to 1 hour 
+    
     
 @AuthJWT.load_config
 def get_config():
diff --git a/src/services/orgs.py b/src/services/orgs.py
index 4eafe5bb..ee6f1425 100644
--- a/src/services/orgs.py
+++ b/src/services/orgs.py
@@ -96,7 +96,7 @@ async def update_org(org_object: Organization, org_id: str, current_user: User):
 async def delete_org(org_id: str, current_user: User):
     await check_database()
 
-    await verify_org_rights(org_id, current_user)
+    await verify_org_rights(org_id, current_user,"delete")
 
     orgs = learnhouseDB["organizations"]
 
@@ -116,14 +116,25 @@ async def delete_org(org_id: str, current_user: User):
 
 
 async def get_orgs(page: int = 1, limit: int = 10):
-    ## TODO : auth
+    ## TODO : Deprecated
     await check_database()
-    orgs = learnhouseDB["orgs"]
+    orgs = learnhouseDB["organizations"]
 
     # get all orgs from database
     all_orgs = orgs.find().sort("name", 1).skip(10 * (page - 1)).limit(limit)
 
-    return [json.loads(json.dumps(house, default=str)) for house in all_orgs]
+    return [json.loads(json.dumps(org, default=str)) for org in all_orgs]
+
+
+async def get_orgs_by_user(user_id: str, page: int = 1, limit: int = 10):
+    await check_database()
+    orgs = learnhouseDB["organizations"]
+    print(user_id)
+    # find all orgs where user_id is in owners or admins arrays 
+    all_orgs = orgs.find({"$or": [{"owners": user_id}, {"admins": user_id}]}).sort("name", 1).skip(10 * (page - 1)).limit(limit)
+    
+    return [json.loads(json.dumps(org, default=str)) for org in all_orgs]
+    
 
 
 #### Security ####################################################