All files / app/assets/javascripts/vue_merge_request_widget/components/states commit_message_dropdown.vue

0% Statements 0/1
100% Branches 0/0
0% Functions 0/3
0% Lines 0/1

Press n or j to go to the next uncovered block, b, p or k for the previous block.

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 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48                                                                                               
<script>
import { GlDisclosureDropdown } from '@gitlab/ui';
 
export default {
  components: {
    GlDisclosureDropdown,
  },
  props: {
    commits: {
      type: Array,
      required: true,
      default: () => [],
    },
  },
  computed: {
    dropdownItems() {
      return this.commits.map((commit) => ({
        text: commit.title,
        extraAttrs: {
          text: commit.shortId || commit.short_Id,
        },
        action: () => {
          this.$emit('input', commit.message);
        },
      }));
    },
  },
};
</script>
 
<template>
  <div>
    <gl-disclosure-dropdown
      placement="right"
      toggle-text="Use an existing commit message"
      category="tertiary"
      :items="dropdownItems"
      size="small"
      class="mr-commit-dropdown"
    >
      <template #list-item="{ item }">
        <span class="gl-mr-2">{{ item.extraAttrs.text }}</span>
        {{ item.text }}
      </template>
    </gl-disclosure-dropdown>
  </div>
</template>