christianbeeznst
9 months ago
parent
de7f67d310
commit
c065f0e549
@ -0,0 +1,112 @@ |
||||
<template> |
||||
<div class="invite-friends-container invite-friends"> |
||||
<div class="invite-friends-header"> |
||||
<h2>{{ t('Invite Friends to Group') }}</h2> |
||||
</div> |
||||
<div class="invite-friends-body"> |
||||
<div class="friends-list"> |
||||
<div class="list-header"> |
||||
<h3>{{ t('Available Friends') }}</h3> |
||||
</div> |
||||
<div class="list-content"> |
||||
<div class="friend-entry" v-for="friend in availableFriends" :key="friend.id"> |
||||
<div class="friend-info"> |
||||
<img :src="friend.avatar" alt="avatar" class="friend-avatar" /> |
||||
<span class="friend-name">{{ friend.name }}</span> |
||||
</div> |
||||
<button @click="selectFriend(friend)" class="invite-btn">+</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="selected-friends-list"> |
||||
<div class="list-header"> |
||||
<h3>{{ t('Selected Friends') }}</h3> |
||||
</div> |
||||
<div class="list-content"> |
||||
<div class="friend-entry" v-for="friend in selectedFriends" :key="friend.id"> |
||||
<div class="friend-info"> |
||||
<img :src="friend.avatar" alt="avatar" class="friend-avatar" /> |
||||
<span class="friend-name">{{ friend.name }}</span> |
||||
</div> |
||||
<button @click="removeFriend(friend)" class="remove-btn">-</button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div class="invite-friends-footer"> |
||||
<button @click="sendInvitations" class="send-invites-btn">{{ t('Send Invitations') }}</button> |
||||
</div> |
||||
<div class="invited-friends-list mt-4"> |
||||
<div class="list-header"> |
||||
<h3>{{ t('Users Already Invited') }}</h3> |
||||
</div> |
||||
<div class="invited-users-grid mt-4"> |
||||
<div class="user-card" v-for="user in invitedFriends" :key="user.id"> |
||||
<img :src="user.avatar" alt="avatar" class="user-avatar" /> |
||||
<span class="user-name">{{ user.name }}</span> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script setup> |
||||
import { inject, onMounted, ref, computed} from "vue" |
||||
import { useI18n } from 'vue-i18n' |
||||
import { useRoute } from 'vue-router' |
||||
import { useStore } from "vuex" |
||||
import axios from "axios" |
||||
|
||||
const { t } = useI18n() |
||||
const route = useRoute() |
||||
const store = useStore() |
||||
const currentUser = computed(() => store.getters["security/getUser"]) |
||||
const availableFriends = ref([]) |
||||
const selectedFriends = ref([]) |
||||
const invitedFriends = ref([]) |
||||
const selectFriend = (friend) => { |
||||
availableFriends.value = availableFriends.value.filter((f) => f.id !== friend.id) |
||||
selectedFriends.value.push(friend) |
||||
} |
||||
const removeFriend = (friend) => { |
||||
selectedFriends.value = selectedFriends.value.filter((f) => f.id !== friend.id) |
||||
availableFriends.value.push(friend) |
||||
} |
||||
const loadAvailableFriends = async () => { |
||||
const groupId = route.params.group_id |
||||
const userId = currentUser.value.id |
||||
try { |
||||
const response = await axios.get(`/social-network/invite-friends/${userId}/${groupId}`) |
||||
availableFriends.value = response.data.friends |
||||
} catch (error) { |
||||
console.error('Error loading available friends:', error) |
||||
} |
||||
} |
||||
onMounted(() => { |
||||
loadAvailableFriends() |
||||
loadInvitedFriends() |
||||
}) |
||||
const sendInvitations = async () => { |
||||
const groupId = route.params.group_id |
||||
const userIds = selectedFriends.value.map(friend => friend.id) |
||||
try { |
||||
await axios.post(`/social-network/add-users-to-group/${groupId}`, { |
||||
userIds, |
||||
}) |
||||
console.log('Users added to group successfully!') |
||||
selectedFriends.value = [] |
||||
loadInvitedFriends() |
||||
} catch (error) { |
||||
console.error('Error adding users to group:', error) |
||||
} |
||||
} |
||||
const loadInvitedFriends = async () => { |
||||
const groupId = route.params.group_id |
||||
try { |
||||
const response = await axios.get(`/social-network/group/${groupId}/invited-users`) |
||||
invitedFriends.value = response.data.invitedUsers |
||||
} catch (error) { |
||||
console.error('Error loading invited friends:', error) |
||||
} |
||||
} |
||||
</script> |
||||
@ -0,0 +1,39 @@ |
||||
<?php |
||||
|
||||
declare(strict_types=1); |
||||
|
||||
namespace Chamilo\CoreBundle\DataProvider; |
||||
|
||||
use ApiPlatform\Metadata\Operation; |
||||
use ApiPlatform\State\ProviderInterface; |
||||
use Chamilo\CoreBundle\Entity\Usergroup; |
||||
use Doctrine\ORM\EntityManagerInterface; |
||||
|
||||
final class GroupMembersDataProvider implements ProviderInterface |
||||
{ |
||||
private EntityManagerInterface $entityManager; |
||||
|
||||
public function __construct(EntityManagerInterface $entityManager) |
||||
{ |
||||
$this->entityManager = $entityManager; |
||||
} |
||||
|
||||
public function supports(Operation $operation, array $uriVariables = [], array $context = []): bool |
||||
{ |
||||
return Usergroup::class === $operation->getClass() && 'get_group_members' === $operation->getName(); |
||||
} |
||||
|
||||
public function provide(Operation $operation, array $uriVariables = [], array $context = []): iterable |
||||
{ |
||||
$groupId = $uriVariables['id'] ?? null; |
||||
|
||||
if (null === $groupId) { |
||||
return []; |
||||
} |
||||
|
||||
$usergroupRepository = $this->entityManager->getRepository(Usergroup::class); |
||||
$users = $usergroupRepository->getUsersByGroup((int)$groupId); |
||||
|
||||
return $users; |
||||
} |
||||
} |
||||
Loading…
Reference in new issue