summaryrefslogtreecommitdiff
path: root/app/assets/javascripts/vue_shared/components/paginated_list.vue
blob: ddc7a457b98ac216f5ce2069e861d183a959759b (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
<script>
import { GlPaginatedList } from '@gitlab/ui';
import { PREV, NEXT } from '~/vue_shared/components/pagination/constants';

export default {
  components: {
    GlPaginatedList,
  },
  labels: {
    prev: PREV,
    next: NEXT,
  },
};
</script>

<template>
  <gl-paginated-list
    v-bind="$attrs"
    :prev-text="$options.labels.prev"
    :next-text="$options.labels.next"
  >
    <!-- proxy the slots -->
    <template #header>
      <slot name="header"></slot>
    </template>

    <template #subheader>
      <slot name="subheader"></slot>
    </template>

    <template #default="{ listItem, query }">
      <slot :list-item="listItem" :query="query"></slot>
    </template>
  </gl-paginated-list>
</template>