82 lines
1.8 KiB
Vue
82 lines
1.8 KiB
Vue
<script>
|
||
/* eslint-disable @gitlab/vue-require-i18n-strings */
|
||
import { __ } from '~/locale';
|
||
import ModalFilters from './filters';
|
||
import ModalTabs from './tabs.vue';
|
||
import ModalStore from '../../stores/modal_store';
|
||
import modalMixin from '../../mixins/modal_mixins';
|
||
|
||
export default {
|
||
components: {
|
||
ModalTabs,
|
||
ModalFilters,
|
||
},
|
||
mixins: [modalMixin],
|
||
props: {
|
||
projectId: {
|
||
type: Number,
|
||
required: true,
|
||
},
|
||
milestonePath: {
|
||
type: String,
|
||
required: true,
|
||
},
|
||
labelPath: {
|
||
type: String,
|
||
required: true,
|
||
},
|
||
},
|
||
data() {
|
||
return ModalStore.store;
|
||
},
|
||
computed: {
|
||
selectAllText() {
|
||
if (ModalStore.selectedCount() !== this.issues.length || this.issues.length === 0) {
|
||
return __('Select all');
|
||
}
|
||
|
||
return __('Deselect all');
|
||
},
|
||
showSearch() {
|
||
return this.activeTab === 'all' && !this.loading && this.issuesCount > 0;
|
||
},
|
||
},
|
||
methods: {
|
||
toggleAll() {
|
||
this.$refs.selectAllBtn.blur();
|
||
|
||
ModalStore.toggleAll();
|
||
},
|
||
},
|
||
};
|
||
</script>
|
||
<template>
|
||
<div>
|
||
<header class="add-issues-header border-top-0 form-actions">
|
||
<h2 class="m-0">
|
||
Add issues
|
||
<button
|
||
type="button"
|
||
class="close"
|
||
data-dismiss="modal"
|
||
:aria-label="__('Close')"
|
||
@click="toggleModal(false)"
|
||
>
|
||
<span aria-hidden="true">×</span>
|
||
</button>
|
||
</h2>
|
||
</header>
|
||
<modal-tabs v-if="!loading && issuesCount > 0" />
|
||
<div v-if="showSearch" class="d-flex append-bottom-10">
|
||
<modal-filters :store="filter" />
|
||
<button
|
||
ref="selectAllBtn"
|
||
type="button"
|
||
class="btn btn-success btn-inverted gl-ml-3"
|
||
@click="toggleAll"
|
||
>
|
||
{{ selectAllText }}
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</template>
|