diff options
Diffstat (limited to 'app/assets/javascripts/registry/explorer/components/details_page/tags_list.vue')
-rw-r--r-- | app/assets/javascripts/registry/explorer/components/details_page/tags_list.vue | 13 |
1 files changed, 11 insertions, 2 deletions
diff --git a/app/assets/javascripts/registry/explorer/components/details_page/tags_list.vue b/app/assets/javascripts/registry/explorer/components/details_page/tags_list.vue index 1e0736c4a53..bc10246614a 100644 --- a/app/assets/javascripts/registry/explorer/components/details_page/tags_list.vue +++ b/app/assets/javascripts/registry/explorer/components/details_page/tags_list.vue @@ -1,7 +1,7 @@ <script> import { GlButton } from '@gitlab/ui'; -import TagsListRow from './tags_list_row.vue'; import { REMOVE_TAGS_BUTTON_TITLE, TAGS_LIST_TITLE } from '../../constants/index'; +import TagsListRow from './tags_list_row.vue'; export default { name: 'TagsList', @@ -20,6 +20,11 @@ export default { default: true, required: false, }, + disabled: { + type: Boolean, + default: false, + required: false, + }, }, i18n: { REMOVE_TAGS_BUTTON_TITLE, @@ -37,6 +42,9 @@ export default { showMultiDeleteButton() { return this.tags.some((tag) => tag.canDelete) && !this.isMobile; }, + multiDeleteButtonIsDisabled() { + return !this.hasSelectedItems || this.disabled; + }, }, methods: { updateSelectedItems(name) { @@ -55,7 +63,7 @@ export default { <gl-button v-if="showMultiDeleteButton" - :disabled="!hasSelectedItems" + :disabled="multiDeleteButtonIsDisabled" category="secondary" variant="danger" @click="$emit('delete', selectedItems)" @@ -70,6 +78,7 @@ export default { :first="index === 0" :selected="selectedItems[tag.name]" :is-mobile="isMobile" + :disabled="disabled" @select="updateSelectedItems(tag.name)" @delete="$emit('delete', { [tag.name]: true })" /> |