github/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-06-30 01:02:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Use badge value instead of label for single values (#5010)

Browse Source
This commit is contained in:
Robert Kaussow 2025-03-25 01:10:29 +01:00 committed by GitHub
parent 597ecb1a4b
commit cb4ab62e11
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/components/atomic/Badge.vue
View File

@ -1,16 +1,16 @@
<template> <template>
<span class="inline-flex items-center text-xs font-medium"> <span class="inline-flex items-center text-xs font-medium">
<span <span
v-if="label !== undefined"
class="border-wp-state-neutral-100 bg-wp-state-neutral-100 rounded-l-full border-1 py-0.5 pr-1 pl-2 whitespace-nowrap text-gray-300" class="border-wp-state-neutral-100 bg-wp-state-neutral-100 rounded-l-full border-1 py-0.5 pr-1 pl-2 whitespace-nowrap text-gray-300"
:class="{
'rounded-r-full pr-2': value === undefined,
}"
> >
{{ label }} {{ label }}
</span> </span>
<span <span
v-if="value !== undefined"
class="border-wp-state-neutral-100 rounded-r-full border-1 py-0.5 pr-2 pl-1 whitespace-nowrap" class="border-wp-state-neutral-100 rounded-r-full border-1 py-0.5 pr-2 pl-1 whitespace-nowrap"
:class="{
'rounded-l-full pl-2': label === undefined,
}"
> >
{{ value }} {{ value }}
</span> </span>
@ -19,7 +19,7 @@
<script lang="ts" setup> <script lang="ts" setup>
defineProps<{ defineProps<{
label: string; label?: string;
value?: string | number; value: string | number;
}>(); }>();
</script> </script>

4
web/src/components/secrets/SecretList.vue
View File

@ -9,10 +9,10 @@
<Badge <Badge
v-if="secret.edit === false" v-if="secret.edit === false"
class="ml-2" class="ml-2"
:label="secret.org_id === 0 ? $t('global_level_secret') : $t('org_level_secret')" :value="secret.org_id === 0 ? $t('global_level_secret') : $t('org_level_secret')"
/> />
<div class="md:display-unset ml-auto hidden space-x-2"> <div class="md:display-unset ml-auto hidden space-x-2">
<Badge v-for="event in secret.events" :key="event" :label="event" /> <Badge v-for="event in secret.events" :key="event" :value="event" />
</div> </div>
<template v-if="secret.edit !== false"> <template v-if="secret.edit !== false">
<IconButton <IconButton

2
web/src/views/RepoAdd.vue
View File

@ -15,7 +15,7 @@
<span class="text-wp-text-100">{{ repo.full_name }}</span> <span class="text-wp-text-100">{{ repo.full_name }}</span>
<span v-if="repo.active" class="text-wp-text-alt-100 ml-auto">{{ $t('repo.enable.enabled') }}</span> <span v-if="repo.active" class="text-wp-text-alt-100 ml-auto">{{ $t('repo.enable.enabled') }}</span>
<div v-else class="ml-auto flex items-center"> <div v-else class="ml-auto flex items-center">
<Badge v-if="repo.id" class="md:display-unset mr-2 hidden" :label="$t('repo.enable.disabled')" /> <Badge v-if="repo.id" class="md:display-unset mr-2 hidden" :value="$t('repo.enable.disabled')" />
<Button <Button
:text="$t('repo.enable.enable')" :text="$t('repo.enable.enable')"
:is-loading="isActivatingRepo && repoToActivate?.forge_remote_id === repo.forge_remote_id" :is-loading="isActivatingRepo && repoToActivate?.forge_remote_id === repo.forge_remote_id"

2
web/src/views/admin/AdminRepos.vue
View File

@ -20,7 +20,7 @@
<Badge <Badge
v-if="!repo.active" v-if="!repo.active"
class="md:display-unset mr-2 hidden" class="md:display-unset mr-2 hidden"
:label="$t('admin.settings.repos.disabled')" :value="$t('admin.settings.repos.disabled')"
/> />
<IconButton <IconButton
icon="chevron-right" icon="chevron-right"

2
web/src/views/admin/AdminUsers.vue
View File

@ -21,7 +21,7 @@
<Badge <Badge
v-if="user.admin" v-if="user.admin"
class="md:display-unset ml-auto hidden" class="md:display-unset ml-auto hidden"
:label="$t('admin.settings.users.admin.admin')" :value="$t('admin.settings.users.admin.admin')"
/> />
<IconButton <IconButton
icon="edit" icon="edit"

2
web/src/views/repo/RepoBranches.vue
View File

@ -8,7 +8,7 @@
:to="{ name: 'repo-branch', params: { branch } }" :to="{ name: 'repo-branch', params: { branch } }"
> >
{{ branch }} {{ branch }}
<Badge v-if="branch === repo?.default_branch" :label="$t('default')" class="ml-auto" /> <Badge v-if="branch === repo?.default_branch" :value="$t('default')" class="ml-auto" />
</ListItem> </ListItem>
</template> </template>
<div v-else-if="loading" class="text-wp-text-100 flex justify-center"> <div v-else-if="loading" class="text-wp-text-100 flex justify-center">