summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/diffs/components/hidden_files_warning.vue
blob: 035c2b3b11ed6e78f0de563cfffad152632d072a (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
<script>
/* eslint-disable @gitlab/vue-i18n/no-bare-strings */
export default {
  props: {
    total: {
      type: String,
      required: true,
    },
    visible: {
      type: Number,
      required: true,
    },
    plainDiffPath: {
      type: String,
      required: true,
    },
    emailPatchPath: {
      type: String,
      required: true,
    },
  },
};
</script>

<template>
  <div class="alert alert-warning">
    <h4>
      {{ __('Too many changes to show.') }}
      <div class="pull-right">
        <a :href="plainDiffPath" class="btn btn-sm"> {{ __('Plain diff') }} </a>
        <a :href="emailPatchPath" class="btn btn-sm"> {{ __('Email patch') }} </a>
      </div>
    </h4>
    <p>
      To preserve performance only <strong> {{ visible }} of {{ total }} </strong> files are
      displayed.
    </p>
  </div>
</template>