From ebbe670508c650eb5675d6e897dedb0e384692c3 Mon Sep 17 00:00:00 2001 From: Matis MAZINGUE Date: Thu, 13 Jun 2024 09:42:26 +0200 Subject: [PATCH 01/12] add like in entity Post --- src/Entity/Post.php | 31 +++++++++++++++++++++++++++++++ src/Entity/User.php | 34 ++++++++++++++++++++++++++++++++++ 2 files changed, 65 insertions(+) diff --git a/src/Entity/Post.php b/src/Entity/Post.php index fa0217a..b8b0046 100644 --- a/src/Entity/Post.php +++ b/src/Entity/Post.php @@ -84,9 +84,16 @@ class Post #[ORM\OneToMany(targetEntity: Comment::class, mappedBy: 'related_post', fetch: 'EXTRA_LAZY')] private Collection $comments; + /** + * @var Collection + */ + #[ORM\ManyToMany(targetEntity: User::class, inversedBy: 'liked_post')] + private Collection $likes; + public function __construct() { $this->comments = new ArrayCollection(); + $this->likes = new ArrayCollection(); } public function getId(): ?int @@ -256,4 +263,28 @@ class Post return $this; } + + /** + * @return Collection + */ + public function getLikes(): Collection + { + return $this->likes; + } + + public function addLike(User $user): static + { + if (!$this->likes->contains($user)) { + $this->likes->add($user); + } + + return $this; + } + + public function removeLike(User $user): static + { + $this->likes->removeElement($user); + + return $this; + } } diff --git a/src/Entity/User.php b/src/Entity/User.php index 8519d9d..81a6b3a 100644 --- a/src/Entity/User.php +++ b/src/Entity/User.php @@ -68,9 +68,16 @@ class User implements UserInterface, PasswordAuthenticatedUserInterface #[ORM\OneToMany(targetEntity: Comment::class, mappedBy: 'author')] private Collection $comments; + /** + * @var Collection + */ + #[ORM\ManyToMany(targetEntity: Post::class, mappedBy: 'likes')] + private Collection $liked_post; + public function __construct() { $this->comments = new ArrayCollection(); + $this->liked_post = new ArrayCollection(); } public function getId(): ?int @@ -189,4 +196,31 @@ class User implements UserInterface, PasswordAuthenticatedUserInterface return $this; } + + /** + * @return Collection + */ + public function getLikedPost(): Collection + { + return $this->liked_post; + } + + public function addLikedPost(Post $likedPost): static + { + if (!$this->liked_post->contains($likedPost)) { + $this->liked_post->add($likedPost); + $likedPost->addLike($this); + } + + return $this; + } + + public function removeLikedPost(Post $likedPost): static + { + if ($this->liked_post->removeElement($likedPost)) { + $likedPost->removeLike($this); + } + + return $this; + } } -- 2.43.0 From 51986d5bac1499b177916c4ac44ea54d7cca3efb Mon Sep 17 00:00:00 2001 From: clfreville2 Date: Thu, 13 Jun 2024 09:46:59 +0200 Subject: [PATCH 02/12] Geolocalize the current user position --- templates/post/_form.html.twig | 27 ++++++++++++++++++++++++++- 1 file changed, 26 insertions(+), 1 deletion(-) diff --git a/templates/post/_form.html.twig b/templates/post/_form.html.twig index 09241c4..2b16e9b 100644 --- a/templates/post/_form.html.twig +++ b/templates/post/_form.html.twig @@ -1,4 +1,29 @@ {{ form_start(form) }} + {{ form_row(form.foundDate) }} +
+
+ +
+
+ {{ form_row(form.latitude) }} +
+
+ {{ form_row(form.longitude) }} +
+
+ {{ form_row(form.altitude) }} +
+
{{ form_widget(form) }} - + + {{ form_end(form) }} -- 2.43.0 From 8d1f0b9a6f468ef0a72eeef49ec1a02793b52c63 Mon Sep 17 00:00:00 2001 From: Matis MAZINGUE Date: Thu, 13 Jun 2024 09:53:07 +0200 Subject: [PATCH 03/12] Like a post --- src/Controller/PostController.php | 20 ++++++++++++++++++++ templates/post/index.html.twig | 2 +- 2 files changed, 21 insertions(+), 1 deletion(-) diff --git a/src/Controller/PostController.php b/src/Controller/PostController.php index 7f4e77f..0020574 100644 --- a/src/Controller/PostController.php +++ b/src/Controller/PostController.php @@ -170,4 +170,24 @@ class PostController extends AbstractController } return $this->redirectToRoute('app_post_show', ['id' => $comment->getRelatedPost()->getId()]); } + + #[Route('/post/{id}/like', name: 'app_posts', methods: ['POST'])] + #[IsGranted('ROLE_USER')] + public function addLike(Request $request, Post $post, EntityManagerInterface $entityManager, #[CurrentUser] User $user): Response + { + $user->addLikedPost($post); + $entityManager->flush(); + return $this->redirectToRoute('app_post_show', ['id' => $post->getId()], Response::HTTP_SEE_OTHER); + } + + #[Route('/post/{id}/unlike', name: 'app_posts', methods: ['POST'])] + #[IsGranted('ROLE_USER')] + public function deleteLike(Request $request, Post $post, EntityManagerInterface $entityManager, #[CurrentUser] User $user): Response + { + $user->removeLikedPost($post); + $entityManager->flush(); + return $this->redirectToRoute('app_post_show', ['id' => $post->getId()], Response::HTTP_SEE_OTHER); + + } + } diff --git a/templates/post/index.html.twig b/templates/post/index.html.twig index d14adbc..2b404bd 100644 --- a/templates/post/index.html.twig +++ b/templates/post/index.html.twig @@ -12,7 +12,7 @@

{{ post.commentary }}

- 28 ❤️ + {{ post.likes.count() }} ❤️ {{ post.comments.count() }} 💬
-- 2.43.0 From c8617388c7fec5fabf8181bedf3fb72028433037 Mon Sep 17 00:00:00 2001 From: Matis MAZINGUE Date: Thu, 13 Jun 2024 11:54:28 +0200 Subject: [PATCH 04/12] =?UTF-8?q?fonctionnalit=C3=A9=20like=20and=20dislik?= =?UTF-8?q?e=20of=20a=20post?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/css/app.css | 12 +++++++++++ public/js/like_toggle.js | 36 +++++++++++++++++++++++++++++++ src/Controller/PostController.php | 35 ++++++++++++++++++++++++------ templates/base.html.twig | 1 + templates/post/index.html.twig | 17 ++++++++++++++- 5 files changed, 94 insertions(+), 7 deletions(-) create mode 100644 public/css/app.css create mode 100644 public/js/like_toggle.js diff --git a/public/css/app.css b/public/css/app.css new file mode 100644 index 0000000..5da752c --- /dev/null +++ b/public/css/app.css @@ -0,0 +1,12 @@ +.no-style { + background: none; + border: none; + padding: 0; + font: inherit; + color: inherit; + cursor: pointer; +} + +.no-style:focus { + outline: none; +} diff --git a/public/js/like_toggle.js b/public/js/like_toggle.js new file mode 100644 index 0000000..3334629 --- /dev/null +++ b/public/js/like_toggle.js @@ -0,0 +1,36 @@ +document.addEventListener('DOMContentLoaded', function() { + document.querySelectorAll('.like-toggle').forEach(button => { + button.addEventListener('click', function(event) { + event.preventDefault(); + + let postId = this.dataset.postId; + let isLiked = this.classList.contains('liked'); + let url = isLiked ? this.dataset.unlikeUrl : this.dataset.likeUrl; + + fetch(url, { method: 'POST' }) + .then(response => response.json()) + .then(data => { + if (data.success) { + let likesCountElement = this.parentElement.querySelector('.likes-count'); + let likesCount = parseInt(likesCountElement.textContent); + + if (isLiked) { + likesCount--; + } else { + likesCount++; + } + + likesCountElement.textContent = likesCount; + this.classList.toggle('liked'); + this.classList.toggle('not-liked'); + this.innerHTML = isLiked ? '♡' : '❤️'; + } else { + console.error('Erreur lors du traitement du like/unlike.'); + } + }) + .catch(error => { + console.error('Erreur lors de la requête fetch:', error); + }); + }); + }); +}); diff --git a/src/Controller/PostController.php b/src/Controller/PostController.php index 0020574..8a6c012 100644 --- a/src/Controller/PostController.php +++ b/src/Controller/PostController.php @@ -16,6 +16,7 @@ use Symfony\Component\Routing\Attribute\Route; use Symfony\Component\Security\Http\Attribute\CurrentUser; use Symfony\Component\Security\Http\Attribute\IsGranted; use Symfony\UX\Turbo\TurboBundle; +use Symfony\Component\HttpFoundation\JsonResponse; class PostController extends AbstractController { @@ -171,23 +172,45 @@ class PostController extends AbstractController return $this->redirectToRoute('app_post_show', ['id' => $comment->getRelatedPost()->getId()]); } - #[Route('/post/{id}/like', name: 'app_posts', methods: ['POST'])] + // #[Route('/post/{id}/like', name: 'app_posts_like', methods: ['POST'])] + // #[IsGranted('ROLE_USER')] + // public function addLike(Post $post, EntityManagerInterface $entityManager, #[CurrentUser] User $user): Response + // { + // $user->addLikedPost($post); + // $entityManager->flush(); + // return $this->redirectToRoute('app_post_show', ['id' => $post->getId()], Response::HTTP_SEE_OTHER); + // } + + // #[Route('/post/{id}/unlike', name: 'app_posts_unlike', methods: ['POST'])] + // #[IsGranted('ROLE_USER')] + // public function deleteLike(Post $post, EntityManagerInterface $entityManager, #[CurrentUser] User $user): Response + // { + // $user->removeLikedPost($post); + // $entityManager->flush(); + // return $this->redirectToRoute('app_post_show', ['id' => $post->getId()], Response::HTTP_SEE_OTHER); + // } + #[Route('/post/{id}/like', name: 'app_posts_like', methods: ['POST'])] #[IsGranted('ROLE_USER')] - public function addLike(Request $request, Post $post, EntityManagerInterface $entityManager, #[CurrentUser] User $user): Response + public function addLike(#[CurrentUser] User $user, Post $post, EntityManagerInterface $entityManager): JsonResponse { $user->addLikedPost($post); $entityManager->flush(); - return $this->redirectToRoute('app_post_show', ['id' => $post->getId()], Response::HTTP_SEE_OTHER); + + $likesCount = $post->getLikes()->count(); + + return new JsonResponse(['success' => true, 'likesCount' => $likesCount]); } - #[Route('/post/{id}/unlike', name: 'app_posts', methods: ['POST'])] + #[Route('/post/{id}/unlike', name: 'app_posts_unlike', methods: ['POST'])] #[IsGranted('ROLE_USER')] - public function deleteLike(Request $request, Post $post, EntityManagerInterface $entityManager, #[CurrentUser] User $user): Response + public function deleteLike(#[CurrentUser] User $user, Post $post, EntityManagerInterface $entityManager): JsonResponse { $user->removeLikedPost($post); $entityManager->flush(); - return $this->redirectToRoute('app_post_show', ['id' => $post->getId()], Response::HTTP_SEE_OTHER); + $likesCount = $post->getLikes()->count(); + + return new JsonResponse(['success' => true, 'likesCount' => $likesCount]); } } diff --git a/templates/base.html.twig b/templates/base.html.twig index 0ced7a9..903f586 100644 --- a/templates/base.html.twig +++ b/templates/base.html.twig @@ -6,6 +6,7 @@ {% block stylesheets %} + {% endblock %} {% block javascripts %} diff --git a/templates/post/index.html.twig b/templates/post/index.html.twig index 2b404bd..20fc847 100644 --- a/templates/post/index.html.twig +++ b/templates/post/index.html.twig @@ -12,10 +12,25 @@

{{ post.commentary }}

- {{ post.likes.count() }} ❤️ + + {% if app.user %} + + {% else %} + + {% endif %} {{ post.comments.count() }} 💬
{% endfor %} {% include '_pagination.html.twig' %} {% endblock %} + +{% block javascripts %} + {{ parent() }} + +{% endblock %} -- 2.43.0 From 2e20f5610e7816072999bffbf8cbcb6e1fd55a17 Mon Sep 17 00:00:00 2001 From: Matis MAZINGUE Date: Thu, 13 Jun 2024 11:54:56 +0200 Subject: [PATCH 05/12] postController --- src/Controller/PostController.php | 17 ----------------- 1 file changed, 17 deletions(-) diff --git a/src/Controller/PostController.php b/src/Controller/PostController.php index 8a6c012..5be66b8 100644 --- a/src/Controller/PostController.php +++ b/src/Controller/PostController.php @@ -172,23 +172,6 @@ class PostController extends AbstractController return $this->redirectToRoute('app_post_show', ['id' => $comment->getRelatedPost()->getId()]); } - // #[Route('/post/{id}/like', name: 'app_posts_like', methods: ['POST'])] - // #[IsGranted('ROLE_USER')] - // public function addLike(Post $post, EntityManagerInterface $entityManager, #[CurrentUser] User $user): Response - // { - // $user->addLikedPost($post); - // $entityManager->flush(); - // return $this->redirectToRoute('app_post_show', ['id' => $post->getId()], Response::HTTP_SEE_OTHER); - // } - - // #[Route('/post/{id}/unlike', name: 'app_posts_unlike', methods: ['POST'])] - // #[IsGranted('ROLE_USER')] - // public function deleteLike(Post $post, EntityManagerInterface $entityManager, #[CurrentUser] User $user): Response - // { - // $user->removeLikedPost($post); - // $entityManager->flush(); - // return $this->redirectToRoute('app_post_show', ['id' => $post->getId()], Response::HTTP_SEE_OTHER); - // } #[Route('/post/{id}/like', name: 'app_posts_like', methods: ['POST'])] #[IsGranted('ROLE_USER')] public function addLike(#[CurrentUser] User $user, Post $post, EntityManagerInterface $entityManager): JsonResponse -- 2.43.0 From cab499d1adf3f67fa632a22dce4b62031d3d1b37 Mon Sep 17 00:00:00 2001 From: clfreville2 Date: Fri, 14 Jun 2024 09:35:32 +0200 Subject: [PATCH 06/12] Remove unused values --- public/js/like_toggle.js | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/public/js/like_toggle.js b/public/js/like_toggle.js index 3334629..b2a9168 100644 --- a/public/js/like_toggle.js +++ b/public/js/like_toggle.js @@ -1,9 +1,8 @@ document.addEventListener('DOMContentLoaded', function() { document.querySelectorAll('.like-toggle').forEach(button => { - button.addEventListener('click', function(event) { + button.addEventListener('click', function (event) { event.preventDefault(); - let postId = this.dataset.postId; let isLiked = this.classList.contains('liked'); let url = isLiked ? this.dataset.unlikeUrl : this.dataset.likeUrl; @@ -20,7 +19,7 @@ document.addEventListener('DOMContentLoaded', function() { likesCount++; } - likesCountElement.textContent = likesCount; + likesCountElement.textContent = likesCount.toString(); this.classList.toggle('liked'); this.classList.toggle('not-liked'); this.innerHTML = isLiked ? '♡' : '❤️'; -- 2.43.0 From 481c09e2da4b854b8627aaf9541c4bb2fc29811e Mon Sep 17 00:00:00 2001 From: clfreville2 Date: Fri, 14 Jun 2024 09:40:16 +0200 Subject: [PATCH 07/12] Use count from the request response --- public/js/like_toggle.js | 10 +--------- 1 file changed, 1 insertion(+), 9 deletions(-) diff --git a/public/js/like_toggle.js b/public/js/like_toggle.js index b2a9168..1f89096 100644 --- a/public/js/like_toggle.js +++ b/public/js/like_toggle.js @@ -11,15 +11,7 @@ document.addEventListener('DOMContentLoaded', function() { .then(data => { if (data.success) { let likesCountElement = this.parentElement.querySelector('.likes-count'); - let likesCount = parseInt(likesCountElement.textContent); - - if (isLiked) { - likesCount--; - } else { - likesCount++; - } - - likesCountElement.textContent = likesCount.toString(); + likesCountElement.textContent = data.likesCount; this.classList.toggle('liked'); this.classList.toggle('not-liked'); this.innerHTML = isLiked ? '♡' : '❤️'; -- 2.43.0 From b0507a44ea4f6e26726582a9b8a893d37ab4bd56 Mon Sep 17 00:00:00 2001 From: Matis MAZINGUE Date: Fri, 14 Jun 2024 09:41:05 +0200 Subject: [PATCH 08/12] like (#19) Co-authored-by: Matis MAZINGUE Co-authored-by: clfreville2 Reviewed-on: https://codefirst.iut.uca.fr/git/clement.freville2/herbarium/pulls/19 Co-authored-by: Matis MAZINGUE Co-committed-by: Matis MAZINGUE --- public/css/app.css | 12 +++++++++++ public/js/like_toggle.js | 27 ++++++++++++++++++++++++ src/Controller/PostController.php | 26 +++++++++++++++++++++++ src/Entity/Post.php | 31 ++++++++++++++++++++++++++++ src/Entity/User.php | 34 +++++++++++++++++++++++++++++++ templates/base.html.twig | 1 + templates/post/index.html.twig | 17 +++++++++++++++- 7 files changed, 147 insertions(+), 1 deletion(-) create mode 100644 public/css/app.css create mode 100644 public/js/like_toggle.js diff --git a/public/css/app.css b/public/css/app.css new file mode 100644 index 0000000..5da752c --- /dev/null +++ b/public/css/app.css @@ -0,0 +1,12 @@ +.no-style { + background: none; + border: none; + padding: 0; + font: inherit; + color: inherit; + cursor: pointer; +} + +.no-style:focus { + outline: none; +} diff --git a/public/js/like_toggle.js b/public/js/like_toggle.js new file mode 100644 index 0000000..1f89096 --- /dev/null +++ b/public/js/like_toggle.js @@ -0,0 +1,27 @@ +document.addEventListener('DOMContentLoaded', function() { + document.querySelectorAll('.like-toggle').forEach(button => { + button.addEventListener('click', function (event) { + event.preventDefault(); + + let isLiked = this.classList.contains('liked'); + let url = isLiked ? this.dataset.unlikeUrl : this.dataset.likeUrl; + + fetch(url, { method: 'POST' }) + .then(response => response.json()) + .then(data => { + if (data.success) { + let likesCountElement = this.parentElement.querySelector('.likes-count'); + likesCountElement.textContent = data.likesCount; + this.classList.toggle('liked'); + this.classList.toggle('not-liked'); + this.innerHTML = isLiked ? '♡' : '❤️'; + } else { + console.error('Erreur lors du traitement du like/unlike.'); + } + }) + .catch(error => { + console.error('Erreur lors de la requête fetch:', error); + }); + }); + }); +}); diff --git a/src/Controller/PostController.php b/src/Controller/PostController.php index 7f4e77f..5be66b8 100644 --- a/src/Controller/PostController.php +++ b/src/Controller/PostController.php @@ -16,6 +16,7 @@ use Symfony\Component\Routing\Attribute\Route; use Symfony\Component\Security\Http\Attribute\CurrentUser; use Symfony\Component\Security\Http\Attribute\IsGranted; use Symfony\UX\Turbo\TurboBundle; +use Symfony\Component\HttpFoundation\JsonResponse; class PostController extends AbstractController { @@ -170,4 +171,29 @@ class PostController extends AbstractController } return $this->redirectToRoute('app_post_show', ['id' => $comment->getRelatedPost()->getId()]); } + + #[Route('/post/{id}/like', name: 'app_posts_like', methods: ['POST'])] + #[IsGranted('ROLE_USER')] + public function addLike(#[CurrentUser] User $user, Post $post, EntityManagerInterface $entityManager): JsonResponse + { + $user->addLikedPost($post); + $entityManager->flush(); + + $likesCount = $post->getLikes()->count(); + + return new JsonResponse(['success' => true, 'likesCount' => $likesCount]); + } + + #[Route('/post/{id}/unlike', name: 'app_posts_unlike', methods: ['POST'])] + #[IsGranted('ROLE_USER')] + public function deleteLike(#[CurrentUser] User $user, Post $post, EntityManagerInterface $entityManager): JsonResponse + { + $user->removeLikedPost($post); + $entityManager->flush(); + + $likesCount = $post->getLikes()->count(); + + return new JsonResponse(['success' => true, 'likesCount' => $likesCount]); + } + } diff --git a/src/Entity/Post.php b/src/Entity/Post.php index fa0217a..b8b0046 100644 --- a/src/Entity/Post.php +++ b/src/Entity/Post.php @@ -84,9 +84,16 @@ class Post #[ORM\OneToMany(targetEntity: Comment::class, mappedBy: 'related_post', fetch: 'EXTRA_LAZY')] private Collection $comments; + /** + * @var Collection + */ + #[ORM\ManyToMany(targetEntity: User::class, inversedBy: 'liked_post')] + private Collection $likes; + public function __construct() { $this->comments = new ArrayCollection(); + $this->likes = new ArrayCollection(); } public function getId(): ?int @@ -256,4 +263,28 @@ class Post return $this; } + + /** + * @return Collection + */ + public function getLikes(): Collection + { + return $this->likes; + } + + public function addLike(User $user): static + { + if (!$this->likes->contains($user)) { + $this->likes->add($user); + } + + return $this; + } + + public function removeLike(User $user): static + { + $this->likes->removeElement($user); + + return $this; + } } diff --git a/src/Entity/User.php b/src/Entity/User.php index 8519d9d..81a6b3a 100644 --- a/src/Entity/User.php +++ b/src/Entity/User.php @@ -68,9 +68,16 @@ class User implements UserInterface, PasswordAuthenticatedUserInterface #[ORM\OneToMany(targetEntity: Comment::class, mappedBy: 'author')] private Collection $comments; + /** + * @var Collection + */ + #[ORM\ManyToMany(targetEntity: Post::class, mappedBy: 'likes')] + private Collection $liked_post; + public function __construct() { $this->comments = new ArrayCollection(); + $this->liked_post = new ArrayCollection(); } public function getId(): ?int @@ -189,4 +196,31 @@ class User implements UserInterface, PasswordAuthenticatedUserInterface return $this; } + + /** + * @return Collection + */ + public function getLikedPost(): Collection + { + return $this->liked_post; + } + + public function addLikedPost(Post $likedPost): static + { + if (!$this->liked_post->contains($likedPost)) { + $this->liked_post->add($likedPost); + $likedPost->addLike($this); + } + + return $this; + } + + public function removeLikedPost(Post $likedPost): static + { + if ($this->liked_post->removeElement($likedPost)) { + $likedPost->removeLike($this); + } + + return $this; + } } diff --git a/templates/base.html.twig b/templates/base.html.twig index 0ced7a9..903f586 100644 --- a/templates/base.html.twig +++ b/templates/base.html.twig @@ -6,6 +6,7 @@ {% block stylesheets %} + {% endblock %} {% block javascripts %} diff --git a/templates/post/index.html.twig b/templates/post/index.html.twig index d14adbc..20fc847 100644 --- a/templates/post/index.html.twig +++ b/templates/post/index.html.twig @@ -12,10 +12,25 @@

{{ post.commentary }}

- 28 ❤️ + + {% if app.user %} + + {% else %} + + {% endif %} {{ post.comments.count() }} 💬
{% endfor %} {% include '_pagination.html.twig' %} {% endblock %} + +{% block javascripts %} + {{ parent() }} + +{% endblock %} -- 2.43.0 From ba82630d8a42760c437c3d26024bcdc8479a0ea3 Mon Sep 17 00:00:00 2001 From: clfreville2 Date: Fri, 14 Jun 2024 09:42:09 +0200 Subject: [PATCH 09/12] Disable service implementation --- config/services.yaml | 4 ---- 1 file changed, 4 deletions(-) diff --git a/config/services.yaml b/config/services.yaml index f07d469..8919b4f 100644 --- a/config/services.yaml +++ b/config/services.yaml @@ -30,7 +30,3 @@ services: # add more service definitions when explicit configuration is needed # please note that last definitions always *replace* previous ones - -when@prod: - services: - App\Service\ImageSafetyServiceInterface: '@App\Service\SightEngineImageSafetyService' -- 2.43.0 From 4f19bac7078530d5535c0b1b66d714c3eba78be0 Mon Sep 17 00:00:00 2001 From: clfreville2 Date: Fri, 14 Jun 2024 12:18:58 +0200 Subject: [PATCH 10/12] Fix upload base URL behind a subdirectory --- templates/post/show.html.twig | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/templates/post/show.html.twig b/templates/post/show.html.twig index e990e12..c79e591 100644 --- a/templates/post/show.html.twig +++ b/templates/post/show.html.twig @@ -34,7 +34,8 @@ {% if post.image %} Image - + {# Vich doesn't prefix the path, as asset() would. #} + {% endif %} -- 2.43.0 From 71ddec420c7226323fc0879a4d0ffe5212eb4eff Mon Sep 17 00:00:00 2001 From: clfreville2 Date: Fri, 14 Jun 2024 12:51:03 +0200 Subject: [PATCH 11/12] Tweak style --- public/css/app.css | 12 ++++++++++++ templates/_pagination.html.twig | 2 +- templates/base.html.twig | 6 +++--- templates/post/index.html.twig | 12 +++++++++++- 4 files changed, 27 insertions(+), 5 deletions(-) diff --git a/public/css/app.css b/public/css/app.css index 5da752c..c62a3cc 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -10,3 +10,15 @@ .no-style:focus { outline: none; } + +.grid-4 { + display: grid; + grid-template-columns: repeat(3, 1fr); + gap: 1rem; +} + +@media (max-width: 992px) { + .grid-4 { + grid-template-columns: 1fr; + } +} diff --git a/templates/_pagination.html.twig b/templates/_pagination.html.twig index 9c9fdae..c3f6baa 100644 --- a/templates/_pagination.html.twig +++ b/templates/_pagination.html.twig @@ -1,6 +1,6 @@ {% set route = app.request.attributes.get('_route') %}