feat: CreateCICDPipeline - add support for TemplateView

Author: RohitRaj011

src/Pages/App/Configurations/WorkflowEditor/CreateCICDPipeline/CreateCICDPipeline.tsx

@@ -60,6 +60,7 @@ export const CreateCICDPipeline = ({
     isGitOpsInstalledButNotConfigured,
     isGitOpsRepoNotConfigured,
     envIds,
+    isTemplateView,
     reloadAppConfig,
 }: CreateCICDPipelineProps) => {
     // STATES
@@ -79,8 +80,8 @@ export const CreateCICDPipeline = ({
 
     // ASYNC CALLS
     const [isCiCdPipelineLoading, ciCdPipelineRes, ciCdPipelineErr, reloadCiCdPipeline, setter] = useAsync(
-        () => getCICDPipelineInitData(appId),
-        [open],
+        () => getCICDPipelineInitData(appId, isTemplateView),
+        [open, isTemplateView],
         open,
     )
 
@@ -202,6 +203,21 @@ export const CreateCICDPipeline = ({
                     },
                     {
                         pipelineType: CIPipelineBuildType.CI_BUILD,
+                        name: '',
+                        active: true,
+                        ciMaterial: [],
+                        dockerArgs: {},
+                        externalCiConfig: {},
+                        id: 0,
+                        isExternal: false,
+                        isManual: false,
+                        linkedCount: 0,
+                        scanEnabled: false,
+                        environmentId: 0,
+                        customTag: {
+                            tagPattern: '',
+                            counterX: '',
+                        },
                     },
                     materialsPayload,
                     +appId,
@@ -210,7 +226,7 @@ export const CreateCICDPipeline = ({
                     webhookConditionList,
                     ciPipelineSourceTypeOptions,
                     null,
-                    false,
+                    isTemplateView,
                 )
 
                 ciPipelineResRef.current = {
@@ -229,7 +245,7 @@ export const CreateCICDPipeline = ({
                             ciPipelineId: ciPipelineResRef.current.id,
                         }),
                     },
-                    { isTemplateView: false },
+                    { isTemplateView },
                 ),
             ])
 

src/Pages/App/Configurations/WorkflowEditor/CreateCICDPipeline/service.ts

@@ -45,10 +45,10 @@ const getSavedStrategies = (strategies: DeploymentStrategy[]): SavedDeploymentSt
     return []
 }
 
-const getCDInitData = async (appId: string): Promise<CreateCICDPipelineData['cd']> => {
+const getCDInitData = async (appId: string, isTemplateView: boolean): Promise<CreateCICDPipelineData['cd']> => {
     const [pipelineStrategyResponse, cpPipelineName, envList] = await Promise.all([
-        getDeploymentStrategyList(appId, false),
-        getCDPipelineNameSuggestion(appId, false),
+        getDeploymentStrategyList(appId, isTemplateView),
+        getCDPipelineNameSuggestion(appId, isTemplateView),
         getEnvironmentListMinPublic(true),
     ])
     const strategies = pipelineStrategyResponse.result.pipelineStrategy || []
@@ -104,15 +104,18 @@ const getCDInitData = async (appId: string): Promise<CreateCICDPipelineData['cd'
     }
 }
 
-const getCIInitData = async (appId: string) => {
+const getCIInitData = async (appId: string, isTemplateView: boolean) => {
     const [
         {
             result: { form, isBlobStorageConfigured },
         },
         {
             result: { status },
         },
-    ] = await Promise.all([getInitData(appId.toString(), true, false, false), getModuleInfo(ModuleNameMap.SECURITY)])
+    ] = await Promise.all([
+        getInitData(appId.toString(), true, false, isTemplateView),
+        getModuleInfo(ModuleNameMap.SECURITY),
+    ])
 
     return {
         ...form,
@@ -121,9 +124,12 @@ const getCIInitData = async (appId: string) => {
     }
 }
 
-export const getCICDPipelineInitData = async (appId: string): Promise<CreateCICDPipelineData> => {
+export const getCICDPipelineInitData = async (
+    appId: string,
+    isTemplateView: boolean,
+): Promise<CreateCICDPipelineData> => {
     try {
-        const [ci, cd] = await Promise.all([getCIInitData(appId), getCDInitData(appId)])
+        const [ci, cd] = await Promise.all([getCIInitData(appId, isTemplateView), getCDInitData(appId, isTemplateView)])
 
         return { ci, cd }
     } catch (err) {

src/Pages/App/Configurations/WorkflowEditor/CreateCICDPipeline/types.ts

@@ -18,6 +18,7 @@ export interface CreateCICDPipelineProps extends Pick<GenericModalProps, 'open'
     isGitOpsRepoNotConfigured: boolean
     envIds: number[]
     reloadAppConfig: () => void
+    isTemplateView: boolean
 }
 
 export interface CICDStepperProps {

src/components/ciPipeline/ciPipeline.service.ts

@@ -325,7 +325,7 @@ export function saveCIPipeline(
             undefined,
             ciPipelineSourceTypeOptions,
             false,
-            response.result.appWorkflowId,
+            response.result.appWorkflowId ?? ciPipelineFromRes.appWorkflowId,
         )
     })
 }

src/components/workflowEditor/workflowEditor.tsx

@@ -608,6 +608,7 @@ class WorkflowEdit extends Component<WorkflowEditProps, WorkflowEditState> {
                         isGitOpsRepoNotConfigured={this.state.isGitOpsRepoNotConfigured}
                         envIds={this.state.envIds}
                         reloadAppConfig={this.props.reloadAppConfig}
+                        isTemplateView={this.props.isTemplateView}
                     />
                 )}
                 <Switch>