2021-11-03 16:40:31 +00:00
|
|
|
<template>
|
|
|
|
<i-ic-sharp-timelapse v-if="name === 'duration'" class="h-6 w-6" />
|
|
|
|
<i-mdi-clock-time-eight-outline v-else-if="name === 'since'" class="h-6 w-6" />
|
|
|
|
<i-mdi-source-branch v-else-if="name === 'push'" class="h-6 w-6" />
|
|
|
|
<i-mdi-source-pull v-else-if="name === 'pull_request'" class="h-6 w-6" />
|
|
|
|
<i-mdi-tag-outline v-else-if="name === 'tag'" class="h-6 w-6" />
|
|
|
|
<i-clarity-deploy-line v-else-if="name === 'deployment'" class="h-6 w-6" />
|
|
|
|
<i-mdisource-commit v-else-if="name === 'commit'" class="h-6 w-6" />
|
|
|
|
<i-iconoir-arrow-left v-else-if="name === 'back'" class="w-8 h-8" />
|
|
|
|
<i-mdi-github v-else-if="name === 'github'" 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-gg-trash v-else-if="name === 'trash'" class="h-6 w-6" />
|
|
|
|
<i-ph-hand v-else-if="name === 'status-blocked'" class="h-6 w-6" />
|
|
|
|
<i-ph-hand v-else-if="name === 'status-declined'" class="h-6 w-6" />
|
|
|
|
<i-ph-warning v-else-if="name === 'status-error'" class="h-8 w-8" />
|
|
|
|
<i-ph-x-circle v-else-if="name === 'status-failure'" class="h-8 w-8" />
|
|
|
|
<i-octicon-skip-24 v-else-if="name === 'status-killed'" class="h-7 w-7" />
|
|
|
|
<i-ph-hourglass v-else-if="name === 'status-pending'" class="h-7 w-7" />
|
|
|
|
<i-entypo-dots-two-vertical v-else-if="name === 'status-running'" class="h-8 w-8" />
|
|
|
|
<i-ph-prohibit v-else-if="name === 'status-skipped'" class="h-8 w-8" />
|
|
|
|
<i-entypo-dots-two-vertical v-else-if="name === 'status-started'" class="h-8 w-8" />
|
|
|
|
<i-ph-check-circle v-else-if="name === 'status-success'" class="h-8 w-8" />
|
2022-06-17 18:14:01 +00:00
|
|
|
<i-simple-icons-gitea v-else-if="name === 'gitea'" class="h-8 w-8" />
|
|
|
|
<i-ph-gitlab-logo-simple-fill v-else-if="name === 'gitlab'" class="h-8 w-8" />
|
|
|
|
<i-mdi-bitbucket v-else-if="name === 'bitbucket'" class="h-8 w-8" />
|
2021-11-03 16:40:31 +00:00
|
|
|
<i-vaadin-question-circle-o v-else-if="name === 'question'" class="h-6 w-6" />
|
|
|
|
<i-ic-twotone-add v-else-if="name === 'plus'" class="h-6 w-6" />
|
|
|
|
<i-mdi-format-list-bulleted v-else-if="name === 'list'" class="h-6 w-6" />
|
|
|
|
<i-mdi-loading v-else-if="name === 'loading'" class="h-6 w-6" />
|
|
|
|
<i-ic-baseline-dark-mode v-else-if="name === 'dark'" class="h-6 w-6" />
|
|
|
|
<i-ic-round-light-mode v-else-if="name === 'light'" class="h-6 w-6" />
|
|
|
|
<i-mdi-sync v-else-if="name === 'sync'" class="h-6 w-6" />
|
|
|
|
<i-ic-baseline-healing v-else-if="name === 'heal'" class="h-6 w-6" />
|
2021-12-11 15:03:14 +00:00
|
|
|
<i-bx-bx-power-off v-else-if="name === 'turn-off'" class="h-6 w-6" />
|
2022-01-16 17:42:10 +00:00
|
|
|
<i-mdi-chevron-right v-else-if="name === 'chevron-right'" class="h-6 w-6" />
|
|
|
|
<i-carbon-close-outline v-else-if="name === 'close'" class="h-6 w-6" />
|
2022-03-01 23:19:33 +00:00
|
|
|
<i-ic-baseline-edit v-else-if="name === 'edit'" class="h-6 w-6" />
|
2022-09-01 18:35:34 +00:00
|
|
|
<i-ic-baseline-download-for-offline v-else-if="name === 'download'" class="h-6 w-6" />
|
2022-08-31 22:36:32 +00:00
|
|
|
<i-icon-park-outline-alarm-clock v-else-if="name === 'stopwatch'" class="h-6 w-6" />
|
2022-09-01 18:35:34 +00:00
|
|
|
<i-ic-baseline-file-download v-else-if="name === 'auto-scroll'" class="h-6 w-6" />
|
|
|
|
<i-ic-baseline-file-download-off v-else-if="name === 'auto-scroll-off'" class="h-6 w-6" />
|
2021-11-03 16:40:31 +00:00
|
|
|
<div v-else-if="name === 'blank'" class="h-6 w-6" />
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script lang="ts">
|
|
|
|
import { defineComponent, PropType } from 'vue';
|
|
|
|
|
|
|
|
export type IconNames =
|
|
|
|
| 'duration'
|
|
|
|
| 'since'
|
|
|
|
| 'push'
|
|
|
|
| 'pull_request'
|
|
|
|
| 'tag'
|
|
|
|
| 'deployment'
|
|
|
|
| 'commit'
|
|
|
|
| 'back'
|
|
|
|
| 'github'
|
|
|
|
| 'repo'
|
|
|
|
| 'settings'
|
|
|
|
| 'trash'
|
|
|
|
| 'status-blocked'
|
|
|
|
| 'status-declined'
|
|
|
|
| 'status-error'
|
|
|
|
| 'status-failure'
|
|
|
|
| 'status-killed'
|
|
|
|
| 'status-pending'
|
|
|
|
| 'status-running'
|
|
|
|
| 'status-skipped'
|
|
|
|
| 'status-started'
|
|
|
|
| 'status-success'
|
|
|
|
| 'gitea'
|
2022-06-17 18:14:01 +00:00
|
|
|
| 'gitlab'
|
|
|
|
| 'bitbucket'
|
2021-11-03 16:40:31 +00:00
|
|
|
| 'question'
|
|
|
|
| 'list'
|
|
|
|
| 'loading'
|
|
|
|
| 'plus'
|
|
|
|
| 'blank'
|
|
|
|
| 'dark'
|
|
|
|
| 'light'
|
|
|
|
| 'sync'
|
2021-12-11 15:03:14 +00:00
|
|
|
| 'heal'
|
2022-01-16 17:42:10 +00:00
|
|
|
| 'chevron-right'
|
|
|
|
| 'turn-off'
|
2022-03-01 23:19:33 +00:00
|
|
|
| 'close'
|
2022-07-17 19:51:10 +00:00
|
|
|
| 'edit'
|
2022-08-31 22:36:32 +00:00
|
|
|
| 'stopwatch'
|
2022-09-01 18:35:34 +00:00
|
|
|
| 'download'
|
|
|
|
| 'auto-scroll'
|
|
|
|
| 'auto-scroll-off';
|
2021-11-03 16:40:31 +00:00
|
|
|
|
|
|
|
export default defineComponent({
|
|
|
|
name: 'Icon',
|
|
|
|
|
|
|
|
props: {
|
|
|
|
name: {
|
|
|
|
type: String as PropType<IconNames>,
|
|
|
|
required: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
});
|
|
|
|
</script>
|