KilianBrd/BookNest
1
0
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

- Favoris qui s'affiche dans les recherches

Browse Source
This commit is contained in:
KilianBrd
2025-01-29 18:58:04 +01:00
parent 2e3783399e
commit 5ad47bb626
3 changed files with 157 additions and 135 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/Controller/APISearchController.php
View File

@ -29,41 +29,47 @@ class APISearchController extends AbstractController
} }
#[Route('/toggleLike/{idGoogle}', name: 'like', methods: "POST")] #[Route('/toggleLike/{idGoogle}', name: 'like', methods: "POST")]
public function addFavoris (FavorisRepository $favorisRepository, String $idGoogle) public function addFavoris(FavorisRepository $favorisRepository, String $idGoogle)
{ {
$favoris = new Favoris(); $favoris = new Favoris();
$user = $this->getUser(); $user = $this->getUser();
$favoris->setUser($user); $favoris->setUser($user);
$favoris->setIdGoogle($idGoogle); $favoris->setIdGoogle($idGoogle);
return $this->json($favorisRepository->addFavoris($favoris)); return $this->json(['success' => true, 'message' => 'Favoris ajouté']);
} }
#[Route('/untoggleLike/{idGoogle}', name: 'unlike', methods: "POST")] #[Route('/untoggleLike/{idGoogle}', name: 'unlike', methods: "POST")]
public function removeFavoris (FavorisRepository $favorisRepository, String $idGoogle) public function removeFavoris(FavorisRepository $favorisRepository, String $idGoogle)
{ {
$favoris = new Favoris(); $favoris = new Favoris();
$user = $this->getUser(); $user = $this->getUser();
$favoris->setUser($user); $favoris->setUser($user);
$favoris->setIdGoogle($idGoogle); $favoris->setIdGoogle($idGoogle);
$favorisRepository->removeFavoris($user, $idGoogle);
return $this->json($favorisRepository->removeFavoris($user, $idGoogle)); return $this->json(['success' => true, 'message' => 'Favoris supprimé']);
} }
#[Route('/api/search', name: 'api_search')] #[Route('/api/search', name: 'api_search')]
public function index(Request $request): Response public function index(Request $request, FavorisRepository $favorisRepository): Response
{ {
ini_set('memory_limit', '512M');
// Appeler la méthode search et récupérer les résultats // Appeler la méthode search et récupérer les résultats
$datas = $this->search($request); $datas = $this->search($request);
$query = $request->query->get('q'); $query = $request->query->get('q');
$user = $this->getUser();
$favoris = $favorisRepository->getFavorisByUser($user);
// Afficher les résultats dans le template // Afficher les résultats dans le template
return $this->render('apiSearch/index.html.twig', [ return $this->render('apiSearch/index.html.twig', [
'controller_name' => 'APISearchController', 'controller_name' => 'APISearchController',
'datas' => $datas, 'datas' => $datas,
'query' => $query, 'query' => $query,
'favoris' => $favoris,
]); ]);
} }
} }

61
src/Repository/FavorisRepository.php
View File

@ -43,33 +43,42 @@ class FavorisRepository extends ServiceEntityRepository
throw new \Exception($idGoogle . ' n\'est pas dans les favoris de cet utilisateur' . $userId); throw new \Exception($idGoogle . ' n\'est pas dans les favoris de cet utilisateur' . $userId);
} }
// Supprimer l'entité favoris de la base de données // Supprimer l'entité favoris de la base de données
$entityManager->remove($favoris); $entityManager->remove($favoris);
$entityManager->flush(); $entityManager->flush();
} }
// /** public function getFavorisByUser($userId): array
// * @return Favoris[] Returns an array of Favoris objects {
// */ return $this->createQueryBuilder('f')
// public function findByExampleField($value): array ->andWhere('f.user = :userId')
// { ->setParameter('userId', $userId)
// return $this->createQueryBuilder('f') ->getQuery()
// ->andWhere('f.exampleField = :val') ->getResult();
// ->setParameter('val', $value) }
// ->orderBy('f.id', 'ASC')
// ->setMaxResults(10)
// ->getQuery()
// ->getResult()
// ;
// }
// public function findOneBySomeField($value): ?Favoris // /**
// { // * @return Favoris[] Returns an array of Favoris objects
// return $this->createQueryBuilder('f') // */
// ->andWhere('f.exampleField = :val') // public function findByExampleField($value): array
// ->setParameter('val', $value) // {
// ->getQuery() // return $this->createQueryBuilder('f')
// ->getOneOrNullResult() // ->andWhere('f.exampleField = :val')
// ; // ->setParameter('val', $value)
// } // ->orderBy('f.id', 'ASC')
// ->setMaxResults(10)
// ->getQuery()
// ->getResult()
// ;
// }
// public function findOneBySomeField($value): ?Favoris
// {
// return $this->createQueryBuilder('f')
// ->andWhere('f.exampleField = :val')
// ->setParameter('val', $value)
// ->getQuery()
// ->getOneOrNullResult()
// ;
// }
} }

211
templates/apiSearch/index.html.twig
View File

@ -3,112 +3,119 @@
{% block title %}{% endblock %} {% block title %}{% endblock %}
{% block body %} {% block body %}
<div>
<div> <div class="w-1/2 py-2 flex flex-col justify-center mt-5 mx-auto">
<div class="w-1/2 py-2 flex flex-col justify-center mt-5 mx-auto"> <h1 class="text-2xl font-bold">Résultats pour :
<h1 class="text-2xl font-bold">Résultats pour : {{ query }}</h1> {{ query }}</h1>
</div> </div>
{% for book in datas.items %} {% for book in datas.items %}
<div class="relative flex rounded-xl border bg-white shadow-lg hover:shadow-xl transition-shadow duration-300 w-1/2 mx-auto py-2 mt-5"> <div class="relative flex rounded-xl border bg-white shadow-lg hover:shadow-xl transition-shadow duration-300 w-1/2 mx-auto py-2 mt-5">
<div class="flex flex-col justify-start"> <div class="flex flex-col justify-start">
<div class="flex flex-col p-2 text-2xl"> <div class="flex flex-col p-2 text-2xl">
<h1 class="font-bold">{{ book.volumeInfo.title }}</h1> <h1 class="font-bold">{{ book.volumeInfo.title }}</h1>
{% if book.volumeInfo.authors is defined %} {% if book.volumeInfo.authors is defined %}
<span class="text-lg">{{ book.volumeInfo.authors | join(", ") }}</span> <span class="text-lg">{{ book.volumeInfo.authors | join(", ") }}</span>
{% endif %} {% endif %}
</div> </div>
<div class="flex"> <div class="flex">
<div class="flex flex-row w-1/4"> <div class="flex flex-row w-1/4">
{% if book.volumeInfo.imageLinks is defined and book.volumeInfo.imageLinks.smallThumbnail is defined %} {% if book.volumeInfo.imageLinks is defined and book.volumeInfo.imageLinks.smallThumbnail is defined %}
<img src="{{ book.volumeInfo.imageLinks.smallThumbnail }}" class="p-2"> <img src="{{ book.volumeInfo.imageLinks.smallThumbnail }}" class="p-2">
{% endif %} {% endif %}
</div> </div>
<div class="w-9/12"> <div class="w-9/12">
{% if book.volumeInfo.publisher is defined %} {% if book.volumeInfo.publisher is defined %}
<p class="p-2 italic font-bold">Aux éditions : <span class="font-normal">{{ book.volumeInfo.publisher }}</span></p> <p class="p-2 italic font-bold">Aux éditions :
<p class="p-2 italic font-bold">Date de publication : <span class="font-normal">{{ book.volumeInfo.publishedDate }}</span></p> <span class="font-normal">{{ book.volumeInfo.publisher }}</span>
{% if book.volumeInfo.categories is defined %} </p>
{% for categorie in book.volumeInfo.categories %} <p class="p-2 italic font-bold">Date de publication :
<p class="p-2 italic font-bold">Catégorie : <span class="font-normal">{{ categorie }}</span></p> <span class="font-normal">{{ book.volumeInfo.publishedDate }}</span>
{% endfor %} </p>
{% endif %} {% if book.volumeInfo.categories is defined %}
<p class="p-2 italic font-bold">Nombres de pages : <span class="font-normal">{{ book.volumeInfo.pageCount }}</span></p> {% for categorie in book.volumeInfo.categories %}
<p class="p-2 italic font-bold">Description : <span class="font-normal">{{ book.searchInfo.textSnippet | raw }}</span></p> <p class="p-2 italic font-bold">Catégorie :
{% endif %} <span class="font-normal">{{ categorie }}</span>
</div> </p>
</div> {% endfor %}
<div class="w-full p-2"> {% endif %}
<button id="openModalBtn-{{ loop.index }}" class="dark:bg-[#263B46] text-white px-4 py-2 rounded-lg mt-4 w-full"> <p class="p-2 italic font-bold">Nombres de pages :
Voir plus <span class="font-normal">{{ book.volumeInfo.pageCount }}</span>
</button> </p>
</div> <p class="p-2 italic font-bold">Description :
</div> {% if book.searchInfo is defined %}
<span class="font-normal">{{ book.searchInfo.textSnippet | raw }}</span>
{% endif %}
</p>
{% endif %}
</div>
</div>
<div class="w-full p-2">
<button id="openModalBtn-{{ loop.index }}" class="dark:bg-[#263B46] text-white px-4 py-2 rounded-lg mt-4 w-full">
Voir plus
</button>
</div>
</div>
{% if app.user %} {% if app.user %}
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" {% for favori in favoris %}
class="absolute top-2 right-2 w-6 h-6 cursor-pointer transition-colors duration-300" {% if favori.getIdGoogle() == book.id %}
x-data="{ liked: false }" <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="absolute top-2 right-2 w-6 h-6 cursor-pointer transition-colors duration-300" x-data="{ liked: true }" :fill="liked ? 'red' : 'none'" :stroke="liked ? 'red' : 'currentColor'" @click="toggleLike('{{ book.id }} ', liked); liked = !liked">
:fill="liked ? 'red' : 'none'" <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
:stroke="liked ? 'red' : 'currentColor'" </svg>
@click="toggleLike('{{ book.id }} ', liked); liked = !liked"> {% endif %}
<path stroke-linecap="round" stroke-linejoin="round" {% if favori.getIdGoogle() != book.id %}
d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="absolute top-2 right-2 w-6 h-6 cursor-pointer transition-colors duration-300" x-data="{ liked: false }" :fill="liked ? 'red' : 'none'" :stroke="liked ? 'red' : 'currentColor'" @click="toggleLike('{{ book.id }} ', liked); liked = !liked">
</svg> <path stroke-linecap="round" stroke-linejoin="round" d="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733C5.1 3.75 3 5.765 3 8.25c0 7.22 9 12 9 12s9-4.78 9-12Z"/>
{% endif %} </svg>
{% endif %}
</div> {% endfor %}
{% endfor %}
</div>
<script> {% endif %}
function toggleLike(idGoogle, liked) {
// Si l'élément est déjà aimé (liked = true), on le retire des favoris
if (liked) { </div>
fetch("{{ path('unlike', {'idGoogle': 'PLACEHOLDER'}) }}".replace('PLACEHOLDER', idGoogle), { {% endfor %}
method: 'POST', </div>
headers: {
'Content-Type': 'application/json', <script>
'X-Requested-With': 'XMLHttpRequest', function toggleLike(idGoogle, liked) { // Si l'élément est déjà aimé (liked = true), on le retire des favoris
}, if (liked) {
body: JSON.stringify({ fetch("{{ path('unlike', {'idGoogle': 'PLACEHOLDER'}) }}".replace('PLACEHOLDER', idGoogle), {
// D'autres données peuvent être envoyées si nécessaire method: 'POST',
}), headers: {
}) 'Content-Type': 'application/json',
.then(response => response.json()) 'X-Requested-With': 'XMLHttpRequest'
.then(data => { },
if (data.status === 'removed') { body: JSON.stringify({ // D'autres données peuvent être envoyées si nécessaire
// Mettre à jour le SVG ou l'état du bouton pour retirer le like })
console.log('Livre retiré des favoris'); }).then(response => response.json()).then(data => {
} if (data.status === 'removed') { // Mettre à jour le SVG ou l'état du bouton pour retirer le like
}) console.log('Livre retiré des favoris');
.catch(error => { }
console.error('Erreur AJAX', error); }).catch(error => {
}); console.error('Erreur AJAX', error);
} else { // Si l'élément n'est pas encore aimé (liked = false), on l'ajoute aux favoris });
fetch("{{ path('like', {'idGoogle': 'PLACEHOLDER'}) }}".replace('PLACEHOLDER', idGoogle), { } else { // Si l'élément n'est pas encore aimé (liked = false), on l'ajoute aux favoris
method: 'POST', fetch("{{ path('like', {'idGoogle': 'PLACEHOLDER'}) }}".replace('PLACEHOLDER', idGoogle), {
headers: { method: 'POST',
'Content-Type': 'application/json', headers: {
'X-Requested-With': 'XMLHttpRequest', 'Content-Type': 'application/json',
}, 'X-Requested-With': 'XMLHttpRequest'
body: JSON.stringify({ },
// D'autres données peuvent être envoyées si nécessaire body: JSON.stringify({ // D'autres données peuvent être envoyées si nécessaire
}), })
}) }).then(response => response.json()).then(data => {
.then(response => response.json()) if (data.status === 'added') { // Mettre à jour le SVG ou l'état du bouton pour ajouter le like
.then(data => { console.log('Livre ajouté aux favoris');
if (data.status === 'added') { }
// Mettre à jour le SVG ou l'état du bouton pour ajouter le like }).catch(error => {
console.log('Livre ajouté aux favoris'); console.error('Erreur AJAX', error);
} });
}) }
.catch(error => { }
console.error('Erreur AJAX', error); </script>
});
}
}
</script>
{% endblock %} {% endblock %}