select team members based on the router param
This commit is contained in:
parent
cc96b09e0f
commit
e96eceb1de
|
@ -16,18 +16,28 @@
|
||||||
import UserItem from '../users/UserItem.vue';
|
import UserItem from '../users/UserItem.vue';
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
|
inject: ['teams', 'users'],
|
||||||
components: {
|
components: {
|
||||||
UserItem
|
UserItem
|
||||||
},
|
},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
teamName: 'Test',
|
teamName: '',
|
||||||
members: [
|
members: []
|
||||||
{ id: 'u1', fullName: 'Max Schwarz', role: 'Engineer' },
|
|
||||||
{ id: 'u2', fullName: 'Max Schwarz', role: 'Engineer' },
|
|
||||||
],
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
|
created() {
|
||||||
|
const teamId = this.$route.params.teamId;
|
||||||
|
const selectedTeam = this.teams.find(team => team.id === teamId);
|
||||||
|
const members = selectedTeam.members;
|
||||||
|
const selectedMembers = [];
|
||||||
|
for (const member of members) {
|
||||||
|
const selectedUser = this.users.find(user => user.id === member);
|
||||||
|
selectedMembers.push(selectedUser);
|
||||||
|
}
|
||||||
|
this.members = selectedMembers;
|
||||||
|
this.teamName = selectedTeam.name;
|
||||||
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -49,4 +59,4 @@ ul {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Reference in New Issue