mirrors/woodpecker
1
0
Fork 0
mirror of https://github.com/woodpecker-ci/woodpecker.git synced 2025-09-03 04:33:48 +00:00
Code Issues Projects Releases Wiki Activity

Add icons to all tabs (#4421)

Browse source
This commit is contained in:
Robert Kaussow 2025-03-24 13:01:53 +01:00 committed by GitHub
parent b812f4a0d6
commit 296bd5b437
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
10 changed files with 76 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/src/assets/locales/en.json
View file

@ -95,7 +95,7 @@
"settings": {
"not_allowed": "You are not allowed to access the settings of this repository",
"general": {
"general": "General",
"general": "Project",
"project": "Project settings",
"save": "Save settings",
"success": "Project settings updated",
@ -418,7 +418,7 @@
"settings": {
"settings": "User Settings",
"general": {
"general": "General",
"general": "Account",
"language": "Language",
"theme": {
"theme": "Theme",

46
web/src/components/atomic/Icon.vue
View file

@ -2,7 +2,7 @@
<template>
<SvgIcon v-if="name === 'duration'" :path="mdiTimerOutline" size="1.3rem" />
<SvgIcon v-else-if="name === 'since'" :path="mdiClockTimeEightOutline" size="1.3rem" />
<SvgIcon v-else-if="name === 'push'" :path="mdiSourceBranch" size="1.3rem" />
<SvgIcon v-else-if="name === 'branch'" :path="mdiSourceBranch" size="1.3rem" />
<SvgIcon v-else-if="name === 'pull-request'" :path="mdiSourcePull" size="1.3rem" />
<SvgIcon v-else-if="name === 'pull-request-closed'" :path="mdiSourceMerge" size="1.3rem" />
<SvgIcon v-else-if="name === 'manual-pipeline'" :path="mdiGestureTap" size="1.3rem" />
@ -17,6 +17,15 @@
<SvgIcon v-else-if="name === 'trash'" :path="mdiTrashCanOutline" size="1.3rem" />
<SvgIcon v-else-if="name === 'status-blocked'" :path="mdiPlayCircle" size="1.3rem" />
<SvgIcon v-else-if="name === 'status-declined'" :path="mdiStopCircle" size="1.3rem" />
<SvgIcon v-else-if="name === 'list-group'" :path="mdiFormatListGroup" size="1.3rem" />
<SvgIcon v-else-if="name === 'secret'" :path="mdiShieldKeyOutline" size="1.3rem" />
<SvgIcon v-else-if="name === 'console'" :path="mdiConsole" size="1.3rem" />
<SvgIcon v-else-if="name === 'agent'" :path="mdiPlayNetworkOutline" size="1.3rem" />
<SvgIcon v-else-if="name === 'info'" :path="mdiInformationSlabCircleOutline" size="1.3rem" />
<SvgIcon v-else-if="name === 'user'" :path="mdiAccountOutline" size="1.3rem" />
<SvgIcon v-else-if="name === 'org'" :path="mdiAccountGroupOutline" size="1.3rem" />
<SvgIcon v-else-if="name === 'cron'" :path="mdiCalendarClockOutline" size="1.3rem" />
<SvgIcon v-else-if="name === 'toolbox'" :path="mdiToolboxOutline" size="1.3rem" />
<SvgIcon
v-else-if="name === 'status-failure' || name === 'status-error' || name === 'status-killed'"
type="mdi"
@ -49,6 +58,10 @@
<SvgIcon v-else-if="name === 'play'" :path="mdiPlay" size="1.3rem" />
<SvgIcon v-else-if="name === 'play-outline'" :path="mdiPlayOutline" size="1.3rem" />
<SvgIcon v-else-if="name === 'dots'" :path="mdiDotsVertical" size="1.3rem" />
<SvgIcon v-else-if="name === 'tray-full'" :path="mdiTrayFull" size="24" />
<SvgIcon v-else-if="name === 'file-cog-outlined'" :path="mdiFileCogOutline" size="24" />
<SvgIcon v-else-if="name === 'bug-outline'" :path="mdiBugOutline" size="24" />
<SvgIcon v-else-if="name === 'docker'" :path="mdiDocker" size="1.3rem" />
<SvgIcon v-else-if="name === 'visibility-private'" :path="mdiLockOutline" size="1.3rem" />
<SvgIcon v-else-if="name === 'visibility-internal'" :path="mdiLockOpenOutline" size="1.3rem" />
@ -83,10 +96,14 @@
<script lang="ts" setup>
import {
mdiAccountGroupOutline,
mdiAccountOutline,
mdiAlarm,
mdiAlertCircle,
mdiArrowLeft,
mdiBitbucket,
mdiBugOutline,
mdiCalendarClockOutline,
mdiCheckCircle,
mdiChevronRight,
mdiClockTimeEightOutline,
@ -94,16 +111,21 @@ import {
mdiCloseCircle,
mdiCog,
mdiCogOutline,
mdiConsole,
mdiDocker,
mdiDotsVertical,
mdiDownloadOutline,
mdiEyeOffOutline,
mdiEyeOutline,
mdiFileCogOutline,
mdiFormatListBulleted,
mdiFormatListGroup,
mdiGestureTap,
mdiGit,
mdiGithub,
mdiGitlab,
mdiHelpCircle,
mdiInformationSlabCircleOutline,
mdiLockOpenOutline,
mdiLockOutline,
mdiMinusCircle,
@ -112,11 +134,13 @@ import {
mdiPencilOutline,
mdiPlay,
mdiPlayCircle,
mdiPlayNetworkOutline,
mdiPlayOutline,
mdiPlus,
mdiPower,
mdiRadioboxBlank,
mdiRadioboxIndeterminateVariant,
mdiShieldKeyOutline,
mdiSourceBranch,
mdiSourceCommit,
mdiSourceMerge,
@ -124,7 +148,9 @@ import {
mdiStopCircle,
mdiTagOutline,
mdiTimerOutline,
mdiToolboxOutline,
mdiTrashCanOutline,
mdiTrayFull,
mdiWrenchCogOutline,
} from '@mdi/js';
import { siForgejo, siGitea } from 'simple-icons';
@ -134,7 +160,7 @@ import SvgIcon from './SvgIcon.vue';
export type IconNames =
| 'duration'
| 'since'
| 'push'
| 'branch'
| 'pull-request'
| 'pull-request-closed'
| 'manual-pipeline'
@ -183,7 +209,21 @@ export type IconNames =
| 'spinner'
| 'visibility-private'
| 'visibility-internal'
| 'dots';
| 'dots'
| 'tray-full'
| 'file-cog-outlined'
| 'bug-outline'
| 'list-group'
| 'secret'
| 'docker'
| 'console'
| 'agent'
| 'info'
| 'repo'
| 'user'
| 'org'
| 'cron'
| 'toolbox';
defineProps<{
name: IconNames;

4
web/src/components/repo/pipeline/PipelineItem.vue
View file

@ -45,9 +45,9 @@
<Icon v-else-if="pipeline.event === 'pull_request_closed'" name="pull-request-closed" />
<Icon v-else-if="pipeline.event === 'deployment'" name="deployment" />
<Icon v-else-if="pipeline.event === 'tag' || pipeline.event === 'release'" name="tag" />
<Icon v-else-if="pipeline.event === 'cron'" name="push" />
<Icon v-else-if="pipeline.event === 'cron'" name="branch" />
<Icon v-else-if="pipeline.event === 'manual'" name="manual-pipeline" />
<Icon v-else name="push" />
<Icon v-else name="branch" />
</span>
<span class="truncate">{{ prettyRef }}</span>
</div>

2
web/src/components/repo/pipeline/PipelineStepList.vue
View file

@ -24,7 +24,7 @@
:to="{ name: 'repo-branch', params: { branch: prettyRef } }"
>
<Icon v-if="pipeline.event === 'manual'" name="manual-pipeline" />
<Icon v-else-if="pipeline.event === 'push'" name="push" />
<Icon v-else-if="pipeline.event === 'push'" name="branch" />
<Icon v-else-if="pipeline.event === 'deployment'" name="deployment" />
<span class="truncate">{{ prettyRef }}</span>
</router-link>

16
web/src/views/admin/AdminSettingsWrapper.vue
View file

@ -3,14 +3,14 @@
<template #title>
{{ $t('settings') }}
</template>
<Tab :to="{ name: 'admin-settings' }" :title="$t('info')" />
<Tab :to="{ name: 'admin-settings-secrets' }" :title="$t('secrets.secrets')" />
<Tab :to="{ name: 'admin-settings-registries' }" :title="$t('registries.registries')" />
<Tab :to="{ name: 'admin-settings-repos' }" :title="$t('admin.settings.repos.repos')" />
<Tab :to="{ name: 'admin-settings-users' }" :title="$t('admin.settings.users.users')" />
<Tab :to="{ name: 'admin-settings-orgs' }" :title="$t('admin.settings.orgs.orgs')" />
<Tab :to="{ name: 'admin-settings-agents' }" :title="$t('admin.settings.agents.agents')" />
<Tab :to="{ name: 'admin-settings-queue' }" :title="$t('admin.settings.queue.queue')" />
<Tab icon="info" :to="{ name: 'admin-settings' }" :title="$t('info')" />
<Tab icon="secret" :to="{ name: 'admin-settings-secrets' }" :title="$t('secrets.secrets')" />
<Tab icon="docker" :to="{ name: 'admin-settings-registries' }" :title="$t('registries.registries')" />
<Tab icon="repo" :to="{ name: 'admin-settings-repos' }" :title="$t('admin.settings.repos.repos')" />
<Tab icon="user" :to="{ name: 'admin-settings-users' }" :title="$t('admin.settings.users.users')" />
<Tab icon="org" :to="{ name: 'admin-settings-orgs' }" :title="$t('admin.settings.orgs.orgs')" />
<Tab icon="agent" :to="{ name: 'admin-settings-agents' }" :title="$t('admin.settings.agents.agents')" />
<Tab icon="tray-full" :to="{ name: 'admin-settings-queue' }" :title="$t('admin.settings.queue.queue')" />
<router-view />
</Scaffold>

5
web/src/views/org/settings/OrgSettingsWrapper.vue
View file

@ -11,10 +11,11 @@
</span>
</template>
<Tab :to="{ name: 'org-settings-secrets' }" :title="$t('secrets.secrets')" />
<Tab :to="{ name: 'org-settings-registries' }" :title="$t('registries.registries')" />
<Tab icon="secret" :to="{ name: 'org-settings-secrets' }" :title="$t('secrets.secrets')" />
<Tab icon="docker" :to="{ name: 'org-settings-registries' }" :title="$t('registries.registries')" />
<Tab
v-if="useConfig().userRegisteredAgents"
icon="agent"
:to="{ name: 'org-settings-agents' }"
:title="$t('admin.settings.agents.agents')"
/>

5
web/src/views/repo/RepoWrapper.vue
View file

@ -38,10 +38,11 @@
/>
</template>
<Tab :to="{ name: 'repo' }" :title="$t('repo.activity')" />
<Tab :to="{ name: 'repo-branches' }" match-children :title="$t('repo.branches')" />
<Tab icon="list-group" :to="{ name: 'repo' }" :title="$t('repo.activity')" />
<Tab icon="branch" :to="{ name: 'repo-branches' }" match-children :title="$t('repo.branches')" />
<Tab
v-if="repo.pr_enabled && repo.allow_pr"
icon="pull-request"
:to="{ name: 'repo-pull-requests' }"
match-children
:title="$t('repo.pull_requests')"

5
web/src/views/repo/pipeline/PipelineWrapper.vue
View file

@ -73,7 +73,7 @@
</div>
</template>
<Tab :to="{ name: 'repo-pipeline' }" :title="$t('repo.pipeline.tasks')" />
<Tab icon="tray-full" :to="{ name: 'repo-pipeline' }" :title="$t('repo.pipeline.tasks')" />
<Tab
v-if="pipeline.errors && pipeline.errors.length > 0"
:to="{ name: 'repo-pipeline-errors' }"
@ -82,7 +82,7 @@
:count="pipeline.errors?.length"
:icon-class="pipeline.errors.some((e) => !e.is_warning) ? 'text-wp-error-100' : 'text-wp-state-warn-100'"
/>
<Tab :to="{ name: 'repo-pipeline-config' }" :title="$t('repo.pipeline.config')" />
<Tab icon="file-cog-outlined" :to="{ name: 'repo-pipeline-config' }" :title="$t('repo.pipeline.config')" />
<Tab
v-if="pipeline.changed_files && pipeline.changed_files.length > 0"
:to="{ name: 'repo-pipeline-changed-files' }"
@ -91,6 +91,7 @@
/>
<Tab
v-if="repoPermissions && repoPermissions.push"
icon="bug-outline"
:to="{ name: 'repo-pipeline-debug' }"
:title="$t('repo.pipeline.debug.title')"
/>

12
web/src/views/repo/settings/RepoSettings.vue
View file

@ -16,12 +16,12 @@
</span>
</template>
<Tab :to="{ name: 'repo-settings' }" :title="$t('repo.settings.general.general')" />
<Tab :to="{ name: 'repo-settings-secrets' }" :title="$t('secrets.secrets')" />
<Tab :to="{ name: 'repo-settings-registries' }" :title="$t('registries.registries')" />
<Tab :to="{ name: 'repo-settings-crons' }" :title="$t('repo.settings.crons.crons')" />
<Tab :to="{ name: 'repo-settings-badge' }" :title="$t('repo.settings.badge.badge')" />
<Tab :to="{ name: 'repo-settings-actions' }" :title="$t('repo.settings.actions.actions')" />
<Tab icon="settings-outline" :to="{ name: 'repo-settings' }" :title="$t('repo.settings.general.general')" />
<Tab icon="secret" :to="{ name: 'repo-settings-secrets' }" :title="$t('secrets.secrets')" />
<Tab icon="docker" :to="{ name: 'repo-settings-registries' }" :title="$t('registries.registries')" />
<Tab icon="cron" :to="{ name: 'repo-settings-crons' }" :title="$t('repo.settings.crons.crons')" />
<Tab icon="tag" :to="{ name: 'repo-settings-badge' }" :title="$t('repo.settings.badge.badge')" />
<Tab icon="toolbox" :to="{ name: 'repo-settings-actions' }" :title="$t('repo.settings.actions.actions')" />
<router-view />
</Scaffold>

9
web/src/views/user/UserWrapper.vue
View file

@ -3,12 +3,13 @@
<template #title>{{ $t('user.settings.settings') }}</template>
<template #headerActions><Button :text="$t('logout')" :to="`${address}/logout`" /></template>
<Tab :to="{ name: 'user' }" :title="$t('user.settings.general.general')" />
<Tab :to="{ name: 'user-secrets' }" :title="$t('secrets.secrets')" />
<Tab :to="{ name: 'user-registries' }" :title="$t('registries.registries')" />
<Tab :to="{ name: 'user-cli-and-api' }" :title="$t('user.settings.cli_and_api.cli_and_api')" />
<Tab icon="settings-outline" :to="{ name: 'user' }" :title="$t('user.settings.general.general')" />
<Tab icon="secret" :to="{ name: 'user-secrets' }" :title="$t('secrets.secrets')" />
<Tab icon="docker" :to="{ name: 'user-registries' }" :title="$t('registries.registries')" />
<Tab icon="console" :to="{ name: 'user-cli-and-api' }" :title="$t('user.settings.cli_and_api.cli_and_api')" />
<Tab
v-if="useConfig().userRegisteredAgents"
icon="agent"
:to="{ name: 'user-agents' }"
:title="$t('admin.settings.agents.agents')"
/>