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 | 3x 3x 3x 3x 3x 3x 3x 3x 3x 3x 24x 24x 24x 24x 24x 2x 22x 3x 24x 24x 24x 24x 24x 24x 24x 24x 24x 24x | /*
* 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 { Text, Icon, Tag } from '@wings-software/uicore'
import { useStrings } from 'framework/strings'
import { useExecutionContext } from '@pipeline/context/ExecutionContext'
import { hasCDStage, hasCIStage, StageType } from '@pipeline/utils/stageHelpers'
import factory from '@pipeline/factories/ExecutionFactory'
import { mapTriggerTypeToStringID } from '@pipeline/utils/triggerUtils'
import { UserLabel } from '@common/components/UserLabel/UserLabel'
import css from './ExecutionMetadata.module.scss'
const ExecutionMetadataTrigger = () => {
const { getString } = useStrings()
const { pipelineExecutionDetail } = useExecutionContext()
const { pipelineExecutionSummary } = pipelineExecutionDetail || {}
const type = pipelineExecutionSummary?.executionTriggerInfo?.triggerType
if (type === 'WEBHOOK' || type === 'WEBHOOK_CUSTOM' || type === 'SCHEDULER_CRON') {
return (
<div className={css.trigger}>
<Icon
size={14}
name={type === 'SCHEDULER_CRON' ? 'stopwatch' : 'trigger-execution'}
margin={{ right: 'small' }}
/>
<Text font={{ size: 'small' }} color="primary6" margin={{ right: 'xsmall' }}>
{pipelineExecutionSummary?.executionTriggerInfo?.triggeredBy?.identifier}
</Text>
<Text font={{ size: 'small' }} color="grey500">
({getString(mapTriggerTypeToStringID(type))})
</Text>
</div>
)
} else {
return (
<div className={css.userLabelContainer}>
<UserLabel
name={
pipelineExecutionSummary?.executionTriggerInfo?.triggeredBy?.identifier ||
pipelineExecutionSummary?.executionTriggerInfo?.triggeredBy?.extraInfo?.email ||
''
}
email={pipelineExecutionSummary?.executionTriggerInfo?.triggeredBy?.extraInfo?.email}
iconProps={{ size: 16 }}
/>
</div>
)
}
}
export default function ExecutionMetadata(): React.ReactElement {
const { pipelineExecutionDetail, pipelineStagesMap } = useExecutionContext()
const { pipelineExecutionSummary } = pipelineExecutionDetail || {}
const { getString } = useStrings()
const HAS_CD = hasCDStage(pipelineExecutionSummary)
const HAS_CI = hasCIStage(pipelineExecutionSummary)
const ciData = factory.getSummary(StageType.BUILD)
const cdData = factory.getSummary(StageType.DEPLOY)
const renderSingleStageExecutionInfo = (): React.ReactElement | null => {
return pipelineExecutionSummary?.stagesExecuted?.length ? (
<Tag className={css.singleExecutionTag}>{`${getString('pipeline.singleStageExecution')} ${
!!pipelineExecutionSummary.stagesExecutedNames &&
Object.values(pipelineExecutionSummary.stagesExecutedNames).join(', ')
}`}</Tag>
) : null
}
return (
<div className={css.main}>
<div className={css.metaContainer}>
{renderSingleStageExecutionInfo()}
{HAS_CI && ciData
? React.createElement(ciData.component, {
data: pipelineExecutionSummary?.moduleInfo?.ci,
nodeMap: pipelineStagesMap
})
: null}
{HAS_CD && cdData
? React.createElement(cdData.component, {
data: pipelineExecutionSummary?.moduleInfo?.cd,
nodeMap: pipelineStagesMap
})
: null}
</div>
<ExecutionMetadataTrigger />
</div>
)
}
|