summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/issuable/bulk_update_sidebar/components/status_dropdown.vue
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/javascripts/issuable/bulk_update_sidebar/components/status_dropdown.vue')
-rw-r--r--app/assets/javascripts/issuable/bulk_update_sidebar/components/status_dropdown.vue57
1 files changed, 0 insertions, 57 deletions
diff --git a/app/assets/javascripts/issuable/bulk_update_sidebar/components/status_dropdown.vue b/app/assets/javascripts/issuable/bulk_update_sidebar/components/status_dropdown.vue
deleted file mode 100644
index ba94932289e..00000000000
--- a/app/assets/javascripts/issuable/bulk_update_sidebar/components/status_dropdown.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<script>
-import { GlDropdown, GlDropdownItem } from '@gitlab/ui';
-import { __ } from '~/locale';
-import { statusDropdownOptions } from '../constants';
-
-export default {
- components: {
- GlDropdown,
- GlDropdownItem,
- },
- data() {
- return {
- status: null,
- };
- },
- computed: {
- dropdownText() {
- return this.status?.text ?? this.$options.i18n.defaultDropdownText;
- },
- selectedValue() {
- return this.status?.value;
- },
- },
- methods: {
- onDropdownItemClick(statusOption) {
- // clear status if the currently checked status is clicked again
- if (this.status?.value === statusOption.value) {
- this.status = null;
- } else {
- this.status = statusOption;
- }
- },
- },
- i18n: {
- dropdownTitle: __('Change status'),
- defaultDropdownText: __('Select status'),
- },
- statusDropdownOptions,
-};
-</script>
-<template>
- <div>
- <input type="hidden" name="update[state_event]" :value="selectedValue" />
- <gl-dropdown :text="dropdownText" :title="$options.i18n.dropdownTitle" class="gl-w-full">
- <gl-dropdown-item
- v-for="statusOption in $options.statusDropdownOptions"
- :key="statusOption.value"
- :is-checked="selectedValue === statusOption.value"
- is-check-item
- :title="statusOption.text"
- @click="onDropdownItemClick(statusOption)"
- >
- {{ statusOption.text }}
- </gl-dropdown-item>
- </gl-dropdown>
- </div>
-</template>