app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_merging.js


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

import statusIcon from '../mr_widget_status_icon';

export default {
  name: 'MRWidgetMerging',
  props: {
    mr: { type: Object, required: true },
  },
  components: {
    statusIcon,
  },
  template: `
    <div class="mr-widget-body mr-state-locked media">
      <status-icon status="loading" />
      <div class="media-body">
        <h4>
          This merge request is in the process of being merged
        </h4>
        <section class="mr-info-list">
          <p>
            The changes will be merged into
            <span class="label-branch">
              <a :href="mr.targetBranchPath">{{mr.targetBranch}}</a>
            </span>
          </p>
        </section>
      </div>
    </div>
  `,
};