Indicate if step is service (woodpecker-ci#3078)

closes woodpecker-ci#269 Icons in step list: ![Screenshot 2023-12-30 at 12-05-48 Woodpecker](https://github.com/woodpecker-ci/woodpecker/assets/80460567/5f682cc6-8dad-4edb-ab15-b8ae93078c7c) ![Screenshot 2023-12-30 at 12-06-06 Woodpecker](https://github.com/woodpecker-ci/woodpecker/assets/80460567/67782571-438e-4937-a7c6-ab2b378aa0c7) ![Screenshot 2023-12-30 at 12-07-49 Woodpecker](https://github.com/woodpecker-ci/woodpecker/assets/80460567/b3841e10-ac85-4c2b-a46b-663c2db8f59e)
quintoandar · Feb 1, 2024 · 234ec2e · 234ec2e
1 parent c38c1f4
commit 234ec2e
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 16 deletions.
diff --git a/web/src/components/repo/pipeline/PipelineStatusIcon.vue b/web/src/components/repo/pipeline/PipelineStatusIcon.vue
@@ -4,7 +4,7 @@
  :title="$t('repo.pipeline.status.status', { status: $t(`repo.pipeline.status.${status}`) })"
  >
  <Icon
- :name="`status-${status}`"
+ :name="service ? 'settings' : `status-${status}`"
  :class="{
  'text-wp-state-error-100': pipelineStatusColors[status] === 'red',
  'text-wp-state-neutral-100': pipelineStatusColors[status] === 'gray',
@@ -24,5 +24,6 @@ import { pipelineStatusColors } from './pipeline-status';
 
 defineProps<{
  status: PipelineStatus;
+ service?: boolean;
 }>();
 </script>
diff --git a/web/src/components/repo/pipeline/PipelineStepList.vue b/web/src/components/repo/pipeline/PipelineStepList.vue
@@ -109,7 +109,7 @@
  }"
  @click="$emit('update:selected-step-id', step.pid)"
  >
- <PipelineStatusIcon :status="step.state" class="!h-4 !w-4" />
+ <PipelineStatusIcon :service="step.type == StepType.Service" :status="step.state" class="!h-4 !w-4" />
  <span class="truncate">{{ step.name }}</span>
  <PipelineStepDuration :step="step" />
  </button>
@@ -128,7 +128,7 @@ 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';
+import { Pipeline, PipelineStep, StepType } from '~/lib/api/types';
 
 const props = defineProps<{
  pipeline: Pipeline;

diff --git a/web/src/components/repo/pipeline/pipeline-status.ts b/web/src/components/repo/pipeline/pipeline-status.ts
@@ -12,16 +12,3 @@ export const pipelineStatusColors: Record<PipelineStatus, 'green' | 'gray' | 're
  started: 'blue',
  success: 'green',
 };
-
-export const pipelineStatusAnimations: Record<PipelineStatus, string> = {
- blocked: '',
- declined: '',
- error: '',
- failure: '',
- killed: '',
- pending: '',
- skipped: '',
- running: 'animate-spin animate-slow',
- started: 'animate-spin animate-slow',
- success: '',
-};