Role import

src/api/index.ts

@@ -22,6 +22,7 @@ export { ImportAPI } from './import';
 export { LegacyImportAPI } from './legacy-import';
 export { LegacyNamespaceAPI } from './legacy-namespace';
 export { LegacyRoleAPI } from './legacy-role';
+export { LegacySyncAPI } from './legacy-sync';
 export { MyDistributionAPI } from './my-distribution';
 export { MyNamespaceAPI } from './my-namespace';
 export { MySyncListAPI } from './my-synclist';
@@ -53,6 +54,7 @@ export {
 } from './response-types/execution-environment';
 export { FeatureFlagsType } from './response-types/feature-flags';
 export { ImportDetailType, ImportListType } from './response-types/import';
+export { LegacyRoleImportDetailType } from './response-types/legacy-import';
 export {
   LegacyNamespaceDetailType,
   LegacyNamespaceListType,

src/api/legacy-namespace.ts

@@ -4,6 +4,7 @@ export class API extends LegacyAPI {
   apiPath = 'v1/namespaces/';
   sortParam = 'sort';
 
+  // create(data)
   // get(id)
   // list(params?)
 

src/api/legacy-sync.ts

@@ -0,0 +1,11 @@
+import { LegacyAPI } from './legacy';
+
+export class API extends LegacyAPI {
+  apiPath = 'v1/sync/';
+
+  sync(data) {
+    return this.http.post(this.apiPath, data);
+  }
+}
+
+export const LegacySyncAPI = new API();

src/api/response-types/legacy-import.ts

@@ -0,0 +1,24 @@
+export class LegacyRoleImportDetailType {
+  id: number;
+  pulp_id: string;
+  role_id: number;
+  state: string;
+  error: {
+    code: string;
+    description: string;
+    traceback: string;
+  };
+  summary_fields: {
+    request_username: string;
+    github_user: string;
+    github_repo: string;
+    github_reference: string;
+    alternate_role_name: string;
+    task_messages: {
+      id: string;
+      state: string;
+      message_type: string;
+      message_text: string;
+    }[];
+  };
+}

src/components/ansible-role/legacy-namespace-item.tsx → src/components/ansible-role/namespace-item.tsx

@@ -7,12 +7,12 @@ import {
   DropdownItem,
 } from '@patternfly/react-core';
 import React from 'react';
-import { Link } from 'react-router-dom';
+import { Link, useLocation, useNavigate } from 'react-router-dom';
 import { LegacyNamespaceDetailType } from 'src/api';
 import { Logo, StatefulDropdown } from 'src/components';
 import { useContext } from 'src/loaders/app-context';
 import { Paths, formatPath } from 'src/paths';
-import './legacy-namespace-item.scss';
+import './namespace-item.scss';
 
 interface LegacyNamespaceProps {
   namespace: LegacyNamespaceDetailType;
@@ -29,15 +29,15 @@ export function LegacyNamespaceListItem({
     featureFlags: { ai_deny_index },
     user: { username, is_superuser },
   } = useContext();
+  const location = useLocation();
+  const navigate = useNavigate();
   const { id, avatar_url, name, summary_fields } = namespace;
 
   const namespace_url = formatPath(Paths.standaloneNamespace, {
     namespaceid: id,
   });
 
-  const cells = [];
-
-  cells.push(
+  const cells = [
     <DataListCell isFilled={false} alignRight={false} key='ns'>
       <Logo
         alt='logo'
@@ -48,20 +48,18 @@ export function LegacyNamespaceListItem({
         width='97px'
       />
     </DataListCell>,
-  );
-
-  cells.push(
     <DataListCell key='content' size={10}>
       <div>
         <Link to={namespace_url}>{name}</Link>
       </div>
     </DataListCell>,
-  );
+  ];
 
   const userOwnsLegacyNamespace = !!summary_fields.owners.find(
     (n) => n.username == username,
   );
   const showWisdom = ai_deny_index && (is_superuser || userOwnsLegacyNamespace);
+  const canImport = is_superuser || userOwnsLegacyNamespace;
 
   const dropdownItems = [
     showWisdom && openWisdomModal && (
@@ -74,6 +72,22 @@ export function LegacyNamespaceListItem({
         onClick={() => openEditModal(namespace)}
       >{t`Change provider namespace`}</DropdownItem>
     ),
+    canImport && (
+      <DropdownItem
+        onClick={() =>
+          navigate(
+            formatPath(
+              Paths.standaloneRoleImport,
+              {},
+              {
+                github_user: namespace.name,
+                back: location.pathname,
+              },
+            ),
+          )
+        }
+      >{t`Import role`}</DropdownItem>
+    ),
   ].filter(Boolean);
 
   if (dropdownItems.length) {