2017-05-06 04:15:04 +00:00
|
|
|
<script>
|
2017-06-08 07:29:21 +00:00
|
|
|
import tablePagination from '~/vue_shared/components/table_pagination.vue';
|
2017-06-06 05:06:08 +00:00
|
|
|
import eventHub from '../event_hub';
|
2017-09-06 16:14:34 +00:00
|
|
|
import { getParameterByName } from '../../lib/utils/common_utils';
|
2017-05-22 17:47:05 +00:00
|
|
|
|
2017-05-06 04:15:04 +00:00
|
|
|
export default {
|
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,
|
|
|
|
},
|
|
|
|
},
|
2017-06-07 08:45:48 +00:00
|
|
|
components: {
|
2017-06-08 07:29:21 +00:00
|
|
|
tablePagination,
|
2017-06-07 08:45:48 +00:00
|
|
|
},
|
2017-05-22 17:47:05 +00:00
|
|
|
methods: {
|
2017-06-06 05:06:08 +00:00
|
|
|
change(page) {
|
2017-09-06 16:14:34 +00:00
|
|
|
const filterGroupsParam = getParameterByName('filter_groups');
|
|
|
|
const sortParam = getParameterByName('sort');
|
2017-06-06 05:06:08 +00:00
|
|
|
eventHub.$emit('fetchPage', page, filterGroupsParam, sortParam);
|
2017-05-22 17:47:05 +00:00
|
|
|
},
|
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-06-07 08:45:48 +00:00
|
|
|
<group-folder
|
|
|
|
:groups="groups"
|
|
|
|
/>
|
|
|
|
<table-pagination
|
2017-05-22 17:47:05 +00:00
|
|
|
:change="change"
|
2017-06-07 08:45:48 +00:00
|
|
|
:pageInfo="pageInfo"
|
|
|
|
/>
|
2017-05-09 23:10:19 +00:00
|
|
|
</div>
|
2017-05-06 04:15:04 +00:00
|
|
|
</template>
|