self-hosted/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2024-12-30 10:11:23 +02:00
Code Issues Releases Activity

Add visibility icon to repo list (#4460)

Browse Source
This commit is contained in:
Robert Kaussow 2024-11-25 21:30:52 +01:00 committed by GitHub
parent ebf9f9ccbb
commit 4904cd059a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -52,6 +52,9 @@
<SvgIcon v-else-if="name === 'play'" :path="mdiPlay" size="24" />
<SvgIcon v-else-if="name === 'remove'" :path="mdiClose" size="24" />
<SvgIcon v-else-if="name === 'visibility-private'" :path="mdiLockOutline" size="24" />
<SvgIcon v-else-if="name === 'visibility-internal'" :path="mdiLockOpenOutline" size="24" />
<SvgIcon v-else-if="name === 'forgejo'" :path="siForgejo.path" size="32" />
<SvgIcon v-else-if="name === 'gitea'" :path="siGitea.path" size="32" />
@ -102,6 +105,8 @@ import {
mdiGithub,
mdiGitlab,
mdiHelpCircleOutline,
mdiLockOpenOutline,
mdiLockOutline,
mdiMinusCircleOutline,
mdiPackageVariant,
mdiPause,
@ -176,7 +181,9 @@ export type IconNames =
| 'attention'
| 'spinner'
| 'error'
| 'remove';
| 'remove'
| 'visibility-private'
| 'visibility-internal';
defineProps<{
name: IconNames;

16
web/src/components/repo/RepoItem.vue
View File

@ -6,8 +6,19 @@
>
<div class="grid grid-cols-[auto,1fr] gap-y-4 items-center">
<div class="text-wp-text-100 text-lg">{{ `${repo.owner} / ${repo.name}` }}</div>
<div class="ml-auto">
<Badge v-if="repo.visibility === RepoVisibility.Public" :label="$t('repo.visibility.public.public')" />
<div class="ml-auto text-wp-text-100">
<div
v-if="repo.visibility === RepoVisibility.Private"
:title="`${$t('repo.visibility.visibility')}: ${$t(`repo.visibility.private.private`)}`"
>
<Icon name="visibility-private" />
</div>
<div
v-else-if="repo.visibility === RepoVisibility.Internal"
:title="`${$t('repo.visibility.visibility')}: ${$t(`repo.visibility.internal.internal`)}`"
>
<Icon name="visibility-internal" />
</div>
</div>
<div class="col-span-2 text-wp-text-100 flex w-full gap-x-4">
@ -34,7 +45,6 @@
<script lang="ts" setup>
import { computed } from 'vue';
import Badge from '~/components/atomic/Badge.vue';
import Icon from '~/components/atomic/Icon.vue';
import PipelineStatusIcon from '~/components/repo/pipeline/PipelineStatusIcon.vue';
import usePipeline from '~/compositions/usePipeline';