app/assets/javascripts/vue_shared/components/sidebar/labels_select/dropdown_title.vue


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<script>
import { GlLoadingIcon } from '@gitlab/ui';

export default {
  components: {
    GlLoadingIcon,
  },
  props: {
    canEdit: {
      type: Boolean,
      required: true,
    },
  },
};
</script>

<template>
  <div class="title hide-collapsed gl-mb-3">
    {{ __('Labels') }}
    <template v-if="canEdit">
      <gl-loading-icon inline class="align-text-top block-loading" />
      <button
        type="button"
        class="edit-link btn btn-blank float-right js-sidebar-dropdown-toggle"
        data-qa-selector="labels_edit_button"
      >
        {{ __('Edit') }}
      </button>
    </template>
  </div>
</template>