Commit 4fffba15 authored by Sunjung Park's avatar Sunjung Park Committed by Kushal Pandya

Migrate Bootstrap button to GlButton in boards modal

parent 77c218a4
<script>
/* eslint-disable @gitlab/vue-require-i18n-strings */
import { GlButton } from '@gitlab/ui';
import { __ } from '~/locale';
import ModalFilters from './filters';
import ModalTabs from './tabs.vue';
......@@ -10,6 +11,7 @@ export default {
components: {
ModalTabs,
ModalFilters,
GlButton,
},
mixins: [modalMixin],
props: {
......@@ -39,7 +41,7 @@ export default {
},
methods: {
toggleAll() {
this.$refs.selectAllBtn.blur();
this.$refs.selectAllBtn.$el.blur();
ModalStore.toggleAll();
},
......@@ -51,28 +53,28 @@ export default {
<header class="add-issues-header border-top-0 form-actions">
<h2 class="m-0">
Add issues
<button
type="button"
<gl-button
category="tertiary"
icon="close"
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 gl-mb-3">
<modal-filters :store="filter" />
<button
<gl-button
ref="selectAllBtn"
type="button"
class="btn btn-success btn-inverted gl-ml-3"
category="secondary"
variant="success"
class="gl-ml-3"
@click="toggleAll"
>
{{ selectAllText }}
</button>
</gl-button>
</div>
</div>
</template>
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment