Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 | 2x 2x 2x 2x 2x 2x 2x 2x | /*
* Copyright 2021 Harness Inc. All rights reserved.
* Use of this source code is governed by the PolyForm Shield 1.0.0 license
* that can be found in the licenses directory at the root of this repository, also available at
* https://polyformproject.org/wp-content/uploads/2020/06/PolyForm-Shield-1.0.0.txt.
*/
import React from 'react'
import { set } from 'lodash-es'
import ExecutionGraph, {
ExecutionGraphAddStepEvent,
ExecutionGraphEditStepEvent,
ExecutionGraphRefObj
} from '@pipeline/components/PipelineStudio/ExecutionGraph/ExecutionGraph'
import { DrawerTypes } from '@pipeline/components/PipelineStudio/PipelineContext/PipelineActions'
import { usePipelineContext } from '@pipeline/components/PipelineStudio/PipelineContext/PipelineContext'
import { AdvancedPanels } from '@pipeline/components/PipelineStudio/StepCommands/StepCommandTypes'
import { useAddStepTemplate } from '@pipeline/hooks/useAddStepTemplate'
export interface RolloutStrategyProps {
selectedStageId: string
}
export const RolloutStrategy: React.FC<RolloutStrategyProps> = ({ selectedStageId }) => {
const {
state: { pipeline, originalPipeline, pipelineView, templateTypes },
stepsFactory,
isReadonly,
updatePipeline,
updateStage,
getStageFromPipeline,
updatePipelineView,
setSelectedStepId,
getStagePathFromPipeline
} = usePipelineContext()
const stagePath = getStagePathFromPipeline(selectedStageId || '', 'pipeline.stages')
React.useEffect(() => {
const { stage: data } = getStageFromPipeline(selectedStageId)
if (data) {
let shouldUpdate = false
if (!data?.stage?.spec?.execution?.steps) {
set(data, 'stage.spec.execution.steps', [])
shouldUpdate = true
}
if (shouldUpdate) {
updatePipeline(pipeline)
}
}
}, [pipeline, selectedStageId, getStageFromPipeline, updatePipeline])
const selectedStage = getStageFromPipeline(selectedStageId).stage
const originalStage = getStageFromPipeline(selectedStageId, originalPipeline).stage
const executionRef = React.useRef<ExecutionGraphRefObj | null>(null)
const { addTemplate } = useAddStepTemplate({ executionRef: executionRef.current })
return (
<ExecutionGraph
allowAddGroup={false}
hasRollback={false}
isReadonly={isReadonly}
hasDependencies={false}
stepsFactory={stepsFactory}
ref={executionRef}
// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
stage={selectedStage!}
originalStage={originalStage}
updateStage={stageData => {
updateStage(stageData.stage!)
}}
pathToStage={`${stagePath}.stage.spec.execution`}
templateTypes={templateTypes}
onAddStep={(event: ExecutionGraphAddStepEvent) => {
if (event.isTemplate) {
addTemplate(event)
} else {
updatePipelineView({
...pipelineView,
isDrawerOpened: true,
drawerData: {
type: DrawerTypes.AddStep,
data: {
paletteData: {
entity: event.entity,
stepsMap: event.stepsMap,
onUpdate: executionRef.current?.stepGroupUpdated,
// isAddStepOverride: true,
isRollback: event.isRollback,
isParallelNodeClicked: event.isParallel,
hiddenAdvancedPanels: [AdvancedPanels.PreRequisites, AdvancedPanels.DelegateSelectors]
}
}
}
})
}
}}
onEditStep={(event: ExecutionGraphEditStepEvent) => {
updatePipelineView({
...pipelineView,
isDrawerOpened: true,
drawerData: {
type: DrawerTypes.StepConfig,
data: {
stepConfig: {
node: event.node as any,
stepsMap: event.stepsMap,
onUpdate: executionRef.current?.stepGroupUpdated,
isStepGroup: event.isStepGroup,
isUnderStepGroup: event.isUnderStepGroup,
addOrEdit: event.addOrEdit,
hiddenAdvancedPanels: [AdvancedPanels.PreRequisites, AdvancedPanels.DelegateSelectors]
}
}
}
})
}}
onSelectStep={(stepId: string) => {
setSelectedStepId(stepId)
}}
/>
)
}
|