summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/vue_merge_request_widget/components/mr_widget_merge_help.vue
blob: 1727383ea2c14ab2a06d055d692e12a26e041d40 (plain)
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
49
<script>
import { GlButton, GlModalDirective } from '@gitlab/ui';
import { sprintf, s__ } from '~/locale';

export default {
  name: 'MRWidgetMergeHelp',
  components: {
    GlButton,
  },
  directives: {
    GlModalDirective,
  },
  props: {
    missingBranch: {
      type: String,
      required: false,
      default: '',
    },
  },
  computed: {
    missingBranchInfo() {
      return sprintf(
        s__(
          'mrWidget|If the %{branch} branch exists in your local repository, you can merge this merge request manually using the',
        ),
        { branch: this.missingBranch },
      );
    },
  },
};
</script>
<template>
  <section class="mr-widget-help font-italic">
    <template v-if="missingBranch">
      {{ missingBranchInfo }}
    </template>
    <template v-else>
      {{ s__('mrWidget|You can merge this merge request manually using the') }}
    </template>

    <gl-button
      v-gl-modal-directive="'modal-merge-info'"
      variant="link"
      class="gl-mt-n2 js-open-modal-help"
    >
      {{ s__('mrWidget|command line') }}
    </gl-button>
  </section>
</template>