diff --git a/vue/Model/List.vue b/vue/Model/List.vue index 6d484b1b631a0974676e98bf5267f54fe457c465..ab7f0b691d24f14aaf830357839bf3a65233d32a 100644 --- a/vue/Model/List.vue +++ b/vue/Model/List.vue @@ -59,6 +59,15 @@ :model-id="selectedModel" /> </div> + <div> + <hr /> + <h2 class="title is-4">Members</h2> + <ListMembers + content-type="model" + :content-id="selectedModel" + :page-number.sync="membersPageNumber" + /> + </div> </template> </div> </div> @@ -70,15 +79,18 @@ import { mapActions, mapMutations } from 'vuex' import VersionList from './Versions/List' import Paginator from '~/vue/Paginator' import { errorParser } from '~/js/helpers' +import ListMembers from '~/vue/Memberships/ListMembers' export default { components: { Paginator, - VersionList + VersionList, + ListMembers }, data: () => ({ loading: false, modelsPage: null, + membersPageNumber: 1, // ID of the selected model selectedModel: null, page: 1, @@ -110,6 +122,9 @@ export default { page: { immediate: true, handler: 'updateModelsPage' + }, + selectedModel () { + this.membersPageNumber = 1 } } }