feat(UI): Upload permissions page UI and API Implementation done

src/Routes.jsx

@@ -91,6 +91,9 @@ const UploadDelete = React.lazy(() => import("pages/Organize/Uploads/Delete"));
 // Admin Pages
 const GroupCreate = React.lazy(() => import("pages/Admin/Group/Create"));
 const DeleteUser = React.lazy(() => import("pages/Admin/Users/Delete"));
+const UploadPermissions = React.lazy(() =>
+  import("pages/Admin/uploadPermissions")
+);
 const AddLicense = React.lazy(() => import("pages/Admin/License/Create"));
 const SelectLicense = React.lazy(() =>
   import("pages/Admin/License/SelectLicense")
@@ -294,6 +297,11 @@ const Routes = () => {
             path={routes.admin.license.selectLicense}
             component={SelectLicense}
           />
+          <AdminLayout
+            exact
+            path={routes.admin.uploadPermissions}
+            component={UploadPermissions}
+          />
           <AdminLayout
             exact
             path={routes.admin.users.delete}

src/api/upload.js

@@ -107,6 +107,31 @@ export const getUploadSummaryApi = (uploadId) => {
   });
 };
 
+// Getting all groups with permissions based on upload ID
+export const getGroupsWithPermissionsApi = (uploadId) => {
+  const url = endpoints.upload.getGroupsWithPermissions(uploadId);
+  return sendRequest({
+    url,
+    method: "GET",
+    headers: {
+      Authorization: getToken(),
+    },
+  });
+};
+
+// change permissions for a upload for different groups
+export const changeUploadPermissionsApi = (payload) => {
+  const url = endpoints.upload.uploadPermissions(payload.uploadId);
+  return sendRequest({
+    url,
+    method: "PUT",
+    body: payload,
+    headers: {
+      Authorization: getToken(),
+    },
+  });
+};
+
 // Getting a Upload License
 export const getUploadLicenseApi = (uploadId, agent) => {
   const url = endpoints.upload.getLicense(uploadId);

src/components/Header/index.jsx

@@ -261,6 +261,12 @@ const Header = () => {
                         </NavDropdown.Item>
                       </div>
                     </DropdownButton>
+                    <NavDropdown.Item
+                      as={Link}
+                      to={routes.admin.uploadPermissions}
+                    >
+                      Upload Permissions
+                    </NavDropdown.Item>
                     <DropdownButton
                       variant=""
                       drop="right"

src/components/Widgets/Input/index.jsx

@@ -59,11 +59,13 @@ const InputContainer = ({
     return (
       <div className="my-0 py-0">
         {children && (
-          <label htmlFor={id} className="font-demi">
-            {children}
-          </label>
+          <>
+            <label htmlFor={id} className="font-demi">
+              {children}
+            </label>
+            &emsp;
+          </>
         )}
-        &emsp;
         <select
           name={name}
           className={

src/constants/constants.js

@@ -260,3 +260,41 @@ export const initialMantainanceFields = {
   rmvRepoOldFiles1: false,
   rmvRepoOldFiles2: false,
 };
+
+export const accessLevels = [
+  {
+    id: 0,
+    name: "None (very basic, no database access)",
+    disabled: false,
+    permId: 0,
+    value: "none",
+  },
+  {
+    id: 1,
+    name: "Read-only (read, but no writes or downloads)",
+    disabled: false,
+    permId: 1,
+    value: "read_only",
+  },
+  {
+    id: 2,
+    name: "Read-Write (read, download, or edit information)",
+    disabled: false,
+    permId: 3,
+    value: "read_write",
+  },
+  {
+    id: 3,
+    name: "Clearing Administrator (read, download, edit information and edit decisions)",
+    disabled: false,
+    permId: 5,
+    value: "clearing_admin",
+  },
+  {
+    id: 4,
+    name: "Full Administrator (all access including adding and deleting users)",
+    disabled: false,
+    permId: 10,
+    value: "admin",
+  },
+];

src/constants/endpoints.js

@@ -55,6 +55,10 @@ const endpoints = {
     getId: (uploadId) => `${apiUrl}/uploads/${uploadId}`,
     getSummary: (uploadId) => `${apiUrl}/uploads/${uploadId}/summary`,
     getLicense: (uploadId) => `${apiUrl}/uploads/${uploadId}/licenses`,
+    getGroupsWithPermissions: (uploadId) =>
+      `${apiUrl}/uploads/${uploadId}/perm-groups`,
+    uploadPermissions: (uploadId) =>
+      `${apiUrl}/uploads/${uploadId}/permissions`,
   },
   browse: {
     get: () => `${apiUrl}/uploads`,

src/constants/routes.js

@@ -77,6 +77,7 @@ const routes = {
       licenseCSV: "/licenseCSV/fossology-license-export.csv",
     },
     mantainance: "/admin/mantainance",
+    uploadPermissions: "/admin/upload-permissions",
   },
   browseUploads: {
     softwareHeritage: "/browse/softwareHeritage",