github/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-09-19 20:16:12 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update pipeline icons (#2783)

Browse Source 
![image](https://github.com/woodpecker-ci/woodpecker/assets/6918444/1da704e0-f160-44f4-8b23-e223313c0f11)
This commit is contained in:
Anbraten
2023-12-19 06:00:56 +01:00
committed by GitHub
parent 01a955ed0e
commit ba21f29c27
3 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
web/src/components/atomic/Icon.vue
View File

@@ -12,14 +12,17 @@
<i-teenyicons-git-solid v-else-if="name === 'repo'" class="h-8 w-8" /> <i-teenyicons-git-solid v-else-if="name === 'repo'" class="h-8 w-8" />
<i-clarity-settings-solid v-else-if="name === 'settings'" class="w-8 h-8" /> <i-clarity-settings-solid v-else-if="name === 'settings'" class="w-8 h-8" />
<i-gg-trash v-else-if="name === 'trash'" class="h-6 w-6" /> <i-gg-trash v-else-if="name === 'trash'" class="h-6 w-6" />
<i-bi-play-circle-fill v-else-if="name === 'status-blocked'" class="h-6 w-6" /> <i-mdi-play v-else-if="name === 'status-blocked'" class="h-6 w-6" />
<i-bi-stop-circle-fill v-else-if="name === 'status-declined'" class="h-6 w-6" /> <i-mdi-stop v-else-if="name === 'status-declined'" class="h-6 w-6" />
<i-bi-x-circle-fill <i-mdi-close-thick
v-else-if="name === 'status-failure' || name === 'status-error' || name === 'status-killed'" v-else-if="name === 'status-failure' || name === 'status-error' || name === 'status-killed'"
class="h-6 w-6" class="h-6 w-6"
/> />
<i-bi-circle v-else-if="name === 'status-pending'" class="h-6 w-6" /> <i-mdi-radiobox-blank v-else-if="name === 'status-pending'" class="h-6 w-6" />
<i-carbon-in-progress v-else-if="name === 'status-running' || name === 'status-started'" class="h-6 w-6" /> <i-mdi-radiobox-indeterminate-variant
v-else-if="name === 'status-running' || name === 'status-started'"
class="h-6 w-6"
/>
<i-bi-slash-circle-fill v-else-if="name === 'status-skipped'" class="h-6 w-6" /> <i-bi-slash-circle-fill v-else-if="name === 'status-skipped'" class="h-6 w-6" />
<i-bi-check-circle-fill v-else-if="name === 'status-success'" class="h-6 w-6" /> <i-bi-check-circle-fill v-else-if="name === 'status-success'" class="h-6 w-6" />
<i-bi-exclamation-triangle-fill v-else-if="name === 'attention'" class="h-5 w-5" /> <i-bi-exclamation-triangle-fill v-else-if="name === 'attention'" class="h-5 w-5" />

1
web/src/components/repo/pipeline/PipelineStatusIcon.vue
View File

@@ -10,6 +10,7 @@
'text-wp-state-neutral-100': pipelineStatusColors[status] === 'gray', 'text-wp-state-neutral-100': pipelineStatusColors[status] === 'gray',
'text-wp-state-ok-100': pipelineStatusColors[status] === 'green', 'text-wp-state-ok-100': pipelineStatusColors[status] === 'green',
'text-wp-state-info-100': pipelineStatusColors[status] === 'blue', 'text-wp-state-info-100': pipelineStatusColors[status] === 'blue',
'text-wp-state-warn-100': pipelineStatusColors[status] === 'orange',
}" }"
/> />
</div> </div>

4
web/src/components/repo/pipeline/pipeline-status.ts
View File

@@ -1,12 +1,12 @@
import { PipelineStatus } from '~/lib/api/types'; import { PipelineStatus } from '~/lib/api/types';
export const pipelineStatusColors: Record<PipelineStatus, 'green' | 'gray' | 'red' | 'blue'> = { export const pipelineStatusColors: Record<PipelineStatus, 'green' | 'gray' | 'red' | 'blue' | 'orange'> = {
blocked: 'gray', blocked: 'gray',
declined: 'red', declined: 'red',
error: 'red', error: 'red',
failure: 'red', failure: 'red',
killed: 'gray', killed: 'gray',
pending: 'gray', pending: 'orange',
skipped: 'gray', skipped: 'gray',
running: 'blue', running: 'blue',
started: 'blue', started: 'blue',