From 3cd54c45ebebe17e340ce5f3f3e5142d9a4ea1c4 Mon Sep 17 00:00:00 2001
From: Kia Lam <digitalanime@gmail.com>
Date: Tue, 26 Feb 2019 08:39:13 -0500
Subject: [PATCH] Add Access List to Orgs.

---
 src/api.js                                    | 26 +++++++++++++++++++
 .../screens/Organization/Organization.jsx     | 10 ++++++-
 2 files changed, 35 insertions(+), 1 deletion(-)

diff --git a/src/api.js b/src/api.js
index f0d3c866b8..1c9c03ff31 100644
--- a/src/api.js
+++ b/src/api.js
@@ -5,6 +5,8 @@ const API_V2 = `${API_ROOT}v2/`;
 const API_CONFIG = `${API_V2}config/`;
 const API_ORGANIZATIONS = `${API_V2}organizations/`;
 const API_INSTANCE_GROUPS = `${API_V2}instance_groups/`;
+const API_USERS = `${API_V2}users/`;
+const API_TEAMS = `${API_V2}teams/`;
 
 const LOGIN_CONTENT_TYPE = 'application/x-www-form-urlencoded';
 
@@ -64,6 +66,12 @@ class APIClient {
     return this.http.post(API_ORGANIZATIONS, data);
   }
 
+  getOrganzationAccessList (id) {
+    const endpoint = `${API_ORGANIZATIONS}${id}/access_list/`;
+
+    return this.http.get(endpoint);
+  }
+
   getOrganizationDetails (id) {
     const endpoint = `${API_ORGANIZATIONS}${id}/`;
 
@@ -76,6 +84,24 @@ class APIClient {
     return this.http.get(endpoint, { params });
   }
 
+  getOrganizationUserRoles (id) {
+    const endpoint = `${API_USERS}${id}/roles/`;
+
+    return this.http.get(endpoint);
+  }
+
+  getUserTeams (id) {
+    const endpoint = `${API_USERS}${id}/teams/`;
+
+    return this.http.get(endpoint);
+  }
+
+  getTeamRoles (id) {
+    const endpoint = `${API_TEAMS}${id}/roles/`;
+
+    return this.http.get(endpoint);
+  }
+
   getOrganizationNotifications (id, params = {}) {
     const endpoint = `${API_ORGANIZATIONS}${id}/notification_templates/`;
 
diff --git a/src/pages/Organizations/screens/Organization/Organization.jsx b/src/pages/Organizations/screens/Organization/Organization.jsx
index 2b63bf0877..e611fea024 100644
--- a/src/pages/Organizations/screens/Organization/Organization.jsx
+++ b/src/pages/Organizations/screens/Organization/Organization.jsx
@@ -14,6 +14,7 @@ import {
   PageSection
 } from '@patternfly/react-core';
 
+import OrganizationAccess from './OrganizationAccess';
 import OrganizationDetail from './OrganizationDetail';
 import OrganizationEdit from './OrganizationEdit';
 import OrganizationNotifications from './OrganizationNotifications';
@@ -141,7 +142,14 @@ class Organization extends Component {
             )}
             <Route
               path="/organizations/:id/access"
-              render={() => <CardBody><h1><Trans>Access</Trans></h1></CardBody>}
+              render={() => (
+                <OrganizationAccess
+                  api={api}
+                  match={match}
+                  location={location}
+                  history={history}
+                />
+              )}
             />
             <Route
               path="/organizations/:id/teams"