-
+
{{ pipeline.owner }} / {{ pipeline.name }}
{{ message }}
diff --git a/web/src/components/repo/pipeline/PipelineItem.vue b/web/src/components/repo/pipeline/PipelineItem.vue
index 849bf918b..6e98c5350 100644
--- a/web/src/components/repo/pipeline/PipelineItem.vue
+++ b/web/src/components/repo/pipeline/PipelineItem.vue
@@ -13,7 +13,7 @@
/>
diff --git a/web/src/components/repo/pipeline/PipelineStatusIcon.vue b/web/src/components/repo/pipeline/PipelineStatusIcon.vue
index 87d363dc1..0b3cb294c 100644
--- a/web/src/components/repo/pipeline/PipelineStatusIcon.vue
+++ b/web/src/components/repo/pipeline/PipelineStatusIcon.vue
@@ -1,43 +1,27 @@
-
+
-
diff --git a/web/src/components/repo/pipeline/PipelineStepList.vue b/web/src/components/repo/pipeline/PipelineStepList.vue
index c1e1e013c..5a04e2cc0 100644
--- a/web/src/components/repo/pipeline/PipelineStepList.vue
+++ b/web/src/components/repo/pipeline/PipelineStepList.vue
@@ -42,84 +42,69 @@
{{ $t('repo.pipeline.no_pipeline_steps') }}
-
-
-
-
-
-
- {{ key }}
-
-
- {{ value }}
-
-
-
-
-
+
@@ -130,6 +115,7 @@
import { ref, toRef } from 'vue';
import Icon from '~/components/atomic/Icon.vue';
+import PipelineStatusIcon from '~/components/repo/pipeline/PipelineStatusIcon.vue';
import PipelineStepDuration from '~/components/repo/pipeline/PipelineStepDuration.vue';
import usePipeline from '~/compositions/usePipeline';
import { Pipeline, PipelineStep } from '~/lib/api/types';
@@ -146,10 +132,13 @@ defineEmits<{
const pipeline = toRef(props, 'pipeline');
const { prettyRef } = usePipeline(pipeline);
-const stepsCollapsed = ref
>(
+const workflowsCollapsed = ref>(
props.pipeline.steps && props.pipeline.steps.length > 1
? (props.pipeline.steps || []).reduce(
- (collapsed, step) => ({ ...collapsed, [step.id]: !['started', 'running', 'pending'].includes(step.state) }),
+ (collapsed, workflow) => ({
+ ...collapsed,
+ [workflow.id]: ['success', 'skipped', 'blocked'].includes(workflow.state),
+ }),
{},
)
: {},
diff --git a/web/src/components/repo/pipeline/pipeline-status.ts b/web/src/components/repo/pipeline/pipeline-status.ts
index 1cd6e4009..177350ef5 100644
--- a/web/src/components/repo/pipeline/pipeline-status.ts
+++ b/web/src/components/repo/pipeline/pipeline-status.ts
@@ -1,6 +1,6 @@
import { PipelineStatus } from '~/lib/api/types';
-export const pipelineStatusColors: Record = {
+export const pipelineStatusColors: Record = {
blocked: 'gray',
declined: 'red',
error: 'red',
diff --git a/web/src/views/repo/pipeline/PipelineWrapper.vue b/web/src/views/repo/pipeline/PipelineWrapper.vue
index b460671dc..ccac8dca5 100644
--- a/web/src/views/repo/pipeline/PipelineWrapper.vue
+++ b/web/src/views/repo/pipeline/PipelineWrapper.vue
@@ -8,7 +8,7 @@
-
+