Welcome to mirror list, hosted at ThFree Co, Russian Federation.

gitlab.com/gitlab-org/gitlab-foss.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/badges/components/badge_list_row.vue')
-rw-r--r--app/assets/javascripts/badges/components/badge_list_row.vue81
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>