diff options
Diffstat (limited to 'app/assets/javascripts/badges/components/badge_list_row.vue')
-rw-r--r-- | app/assets/javascripts/badges/components/badge_list_row.vue | 81 |
1 files changed, 0 insertions, 81 deletions
diff --git a/app/assets/javascripts/badges/components/badge_list_row.vue b/app/assets/javascripts/badges/components/badge_list_row.vue deleted file mode 100644 index 4c2b700c7ff..00000000000 --- a/app/assets/javascripts/badges/components/badge_list_row.vue +++ /dev/null @@ -1,81 +0,0 @@ -<script> -import { GlLoadingIcon, GlButton, GlModalDirective, GlBadge } from '@gitlab/ui'; -import { mapActions, mapState } from 'vuex'; -import { s__ } from '~/locale'; -import { PROJECT_BADGE } from '../constants'; -import Badge from './badge.vue'; - -export default { - name: 'BadgeListRow', - components: { - Badge, - GlLoadingIcon, - GlButton, - GlBadge, - }, - directives: { - GlModal: GlModalDirective, - }, - props: { - badge: { - type: Object, - required: true, - }, - }, - computed: { - ...mapState(['kind']), - badgeKindText() { - if (this.badge.kind === PROJECT_BADGE) { - return s__('Badges|Project Badge'); - } - - return s__('Badges|Group Badge'); - }, - canEditBadge() { - return this.badge.kind === this.kind; - }, - }, - methods: { - ...mapActions(['editBadge', 'updateBadgeInModal']), - }, -}; -</script> - -<template> - <div class="gl-responsive-table-row-layout gl-responsive-table-row"> - <badge - :image-url="badge.renderedImageUrl" - :link-url="badge.renderedLinkUrl" - class="table-section section-30" - /> - <div class="table-section section-30"> - <label class="label-bold str-truncated mb-0">{{ badge.name }}</label> - <gl-badge size="sm">{{ badgeKindText }}</gl-badge> - </div> - <span class="table-section section-30 str-truncated">{{ badge.linkUrl }}</span> - <div class="table-section section-10 table-button-footer"> - <div v-if="canEditBadge" class="table-action-buttons"> - <gl-button - :disabled="badge.isDeleting" - class="gl-mr-3" - variant="default" - icon="pencil" - size="medium" - :aria-label="__('Edit')" - @click="editBadge(badge)" - /> - <gl-button - v-gl-modal.delete-badge-modal - :disabled="badge.isDeleting" - variant="danger" - icon="remove" - size="medium" - :aria-label="__('Delete')" - data-testid="delete-badge" - @click="updateBadgeInModal(badge)" - /> - <gl-loading-icon v-show="badge.isDeleting" size="sm" :inline="true" /> - </div> - </div> - </div> -</template> |