2017-05-06 04:15:04 +00:00
|
|
|
<script>
|
2017-05-22 17:47:05 +00:00
|
|
|
import TablePaginationComponent from '~/vue_shared/components/table_pagination';
|
|
|
|
|
2017-05-06 04:15:04 +00:00
|
|
|
export default {
|
2017-05-22 17:47:05 +00:00
|
|
|
components: {
|
|
|
|
'gl-pagination': TablePaginationComponent,
|
|
|
|
},
|
2017-05-10 08:06:51 +00:00
|
|
|
props: {
|
|
|
|
groups: {
|
2017-05-23 23:01:47 +00:00
|
|
|
type: Object,
|
2017-05-10 08:06:51 +00:00
|
|
|
required: true,
|
2017-05-08 20:22:26 +00:00
|
|
|
},
|
2017-05-22 17:47:05 +00:00
|
|
|
pageInfo: {
|
|
|
|
type: Object,
|
|
|
|
required: true,
|
|
|
|
},
|
|
|
|
},
|
|
|
|
methods: {
|
|
|
|
change(pageNumber) {
|
|
|
|
const param = gl.utils.setParamInURL('page', pageNumber);
|
|
|
|
|
|
|
|
gl.utils.visitUrl(param);
|
|
|
|
return param;
|
|
|
|
},
|
2017-05-08 20:22:26 +00:00
|
|
|
},
|
2017-05-06 04:15:04 +00:00
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2017-05-22 23:20:15 +00:00
|
|
|
<div class="groups-list-tree-container">
|
2017-05-10 08:06:51 +00:00
|
|
|
<group-folder :groups="groups" />
|
2017-05-22 17:47:05 +00:00
|
|
|
<gl-pagination
|
|
|
|
:change="change"
|
|
|
|
:pageInfo="pageInfo" />
|
2017-05-09 23:10:19 +00:00
|
|
|
</div>
|
2017-05-06 04:15:04 +00:00
|
|
|
</template>
|