✨ (report): Added upvote system

.env

@@ -1,6 +1,6 @@
 IMAGES_PREFIX=ns2-ubcr
 COMPOSE_PROJECT_NAME=ns2-ubcr
-SYMFONY_VERSION=7.2.*
+SYMFONY_VERSION=7.3.*
 PHP_VERSION=8.4
 
 USER_ID=1000

assets/controllers/upvote-manager.js

@@ -0,0 +1,86 @@
+class UpvoteManager {
+  constructor() {
+    this.storageKey = 'ns2ubcr_upvoted_reports';
+    this.init();
+  }
+
+  init() {
+    this.markAlreadyUpvoted();
+    this.attachEventListeners();
+  }
+
+  getUpvotedReports() {
+    const stored = localStorage.getItem(this.storageKey);
+    return stored ? JSON.parse(stored) : [];
+  }
+
+  addUpvotedReport(reportId) {
+    const upvoted = this.getUpvotedReports();
+    if (!upvoted.includes(reportId)) {
+      upvoted.push(reportId);
+      localStorage.setItem(this.storageKey, JSON.stringify(upvoted));
+    }
+  }
+
+  hasUpvoted(reportId) {
+    return this.getUpvotedReports().includes(reportId);
+  }
+
+  markAlreadyUpvoted() {
+    document.querySelectorAll('[data-report-upvote]').forEach(element => {
+      const reportId = element.getAttribute('data-report-id');
+      if (this.hasUpvoted(reportId)) {
+        this.disableUpvoteElement(element, reportId);
+      }
+    });
+  }
+
+  disableUpvoteElement(element, reportId) {
+    const link = element.querySelector('a');
+    if (link) {
+      const span = document.createElement('span');
+      span.innerHTML = link.innerHTML;
+      span.className = link.className.replace('group-hover:text-green-700', 'text-gray-400');
+      span.classList.remove('cursor-pointer', 'group')
+      span.classList.add('cursor-not-allowed');
+
+      link.parentNode.replaceChild(span, link);
+
+      const icon = span.querySelector('div:last-child');
+      if (icon) {
+        icon.remove();
+      }
+    }
+  }
+
+  attachEventListeners() {
+    document.addEventListener('turbo:stream-connected', (event) => {
+      setTimeout(() => this.markAlreadyUpvoted(), 100);
+    });
+
+    document.addEventListener('click', (event) => {
+      const upvoteLink = event.target.closest('[data-report-upvote] a');
+      if (upvoteLink) {
+        const container = upvoteLink.closest('[data-report-upvote]');
+        const reportId = container.getAttribute('data-report-id');
+
+        if (this.hasUpvoted(reportId)) {
+          event.preventDefault();
+          event.stopPropagation();
+          return false;
+        }
+
+        this.addUpvotedReport(reportId);
+        this.disableUpvoteElement(container, reportId);
+      }
+    });
+  }
+}
+
+document.addEventListener('DOMContentLoaded', () => {
+  new UpvoteManager();
+});
+
+document.addEventListener('turbo:load', () => {
+  new UpvoteManager();
+});

assets/styles/app.css

@@ -13,6 +13,14 @@ body {
     scroll-behavior: smooth;
 }
 
+[data-report-upvote].upvoted .text-green-200 {
+    @apply text-gray-400;
+}
+
+[data-report-upvote].upvoted .group-hover\:text-green-700:hover {
+    @apply text-gray-400;
+}
+
 /* Optimize animations for better performance */
 @media (prefers-reduced-motion: reduce) {
     *,
@@ -90,9 +98,9 @@ body {
 }
 
 
-.line-clamp-3 {
+.line-clamp-5 {
     display: -webkit-box;
-    -webkit-line-clamp: 3;
+    -webkit-line-clamp: 5;
     -webkit-box-orient: vertical;
     overflow: hidden;
 }

importmap.php

@@ -12,37 +12,41 @@
  * The "importmap:require" command can be used to add new entries to this file.
  */
 return [
-    "app" => [
-        "path" => "./assets/app.js",
-        "entrypoint" => true,
+    'app' => [
+        'path' => './assets/app.js',
+        'entrypoint' => true,
     ],
-    "@symfony/stimulus-bundle" => [
-        "path" => "./vendor/symfony/stimulus-bundle/assets/dist/loader.js",
+    'upvote-manager' => [
+        'path' => './assets/controllers/upvote-manager.js',
+        'entrypoint' => true,
     ],
-    "@hotwired/stimulus" => [
-        "version" => "3.2.2",
+    '@symfony/stimulus-bundle' => [
+        'path' => './vendor/symfony/stimulus-bundle/assets/dist/loader.js',
     ],
-    "daisyui" => [
-        "version" => "5.0.50",
+    '@hotwired/stimulus' => [
+        'version' => '3.2.2',
     ],
-    "daisyui/daisyui.min.css" => [
-        "version" => "5.0.50",
-        "type" => "css",
+    'daisyui' => [
+        'version' => '5.1.6',
     ],
-    "@orchidjs/sifter" => [
-        "version" => "1.1.0",
+    'daisyui/daisyui.min.css' => [
+        'version' => '5.1.6',
+        'type' => 'css',
     ],
-    "@orchidjs/unicode-variants" => [
-        "version" => "1.1.2",
+    '@orchidjs/sifter' => [
+        'version' => '1.1.0',
     ],
-    "tom-select" => [
-        "version" => "2.4.3",
+    '@orchidjs/unicode-variants' => [
+        'version' => '1.1.2',
     ],
-    "tom-select/dist/css/tom-select.default.min.css" => [
-        "version" => "2.4.3",
-        "type" => "css",
+    'tom-select' => [
+        'version' => '2.4.3',
     ],
-    "@hotwired/turbo" => [
-        "version" => "7.3.0",
+    'tom-select/dist/css/tom-select.default.min.css' => [
+        'version' => '2.4.3',
+        'type' => 'css',
+    ],
+    '@hotwired/turbo' => [
+        'version' => '8.0.13',
     ],
 ];

src/DataFixtures/GameFixtures.php

@@ -13,6 +13,9 @@
 
 class GameFixtures extends Fixture implements DependentFixtureInterface
 {
+    public const string FIRST_GAME_SLUG = 'splinter-turtle';
+    public const string RANDOM_GAME_SLUG = 'random-game-';
+
     /**
      * @throws \DateMalformedStringException
      */
@@ -28,7 +31,7 @@ public function load(ObjectManager $manager): void
 
         $definedGame = GameFactory::create(
             name: 'Splinter Turtle',
-            slug: 'splinter-turtle',
+            slug: self::FIRST_GAME_SLUG,
             description: $faker->text,
             releaseDate: (string) new \DateTime()->getTimestamp(),
             imageCover: $faker->imageUrl(),
@@ -49,16 +52,22 @@ public function load(ObjectManager $manager): void
             );
 
             $manager->persist($game);
+
+            $this->addReference(self::RANDOM_GAME_SLUG.$i, $game);
         }
 
         $manager->flush();
+
+        $this->addReference(self::FIRST_GAME_SLUG, $definedGame);
     }
 
     /**
      * @return string[]
      */
     public function getDependencies(): array
     {
-        return [PublisherFixtures::class];
+        return [
+            PublisherFixtures::class,
+        ];
     }
 }

src/DataFixtures/PublisherFixtures.php

@@ -11,7 +11,7 @@
 
 class PublisherFixtures extends Fixture
 {
-    public const PUBLISHER_TEST = 'publisher_test';
+    public const string PUBLISHER_TEST = 'publisher_test';
 
     public function load(ObjectManager $manager): void
     {

src/DataFixtures/ReportFixtures.php

@@ -0,0 +1,79 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\DataFixtures;
+
+use App\Domain\Factory\Report\ReportFactory;
+use App\Domain\Model\Game\Game;
+use App\Infrastructure\Enum\ReportGameStatusEnum;
+use Doctrine\Bundle\FixturesBundle\Fixture;
+use Doctrine\Common\DataFixtures\DependentFixtureInterface;
+use Doctrine\Persistence\ObjectManager;
+use Faker\Factory;
+
+class ReportFixtures extends Fixture implements DependentFixtureInterface
+{
+    public function load(ObjectManager $manager): void
+    {
+        $faker = Factory::create();
+
+        $game = $this->getReference(GameFixtures::FIRST_GAME_SLUG, Game::class);
+
+        $testReport = ReportFactory::create(
+            game: $game,
+            isSwitch2Edition: $faker->boolean,
+            is60FpsPortable: $faker->boolean,
+            hasStableFrameratePortable: $faker->boolean,
+            hasResolutionImprovedPortable: $faker->boolean,
+            isNativeResolutionPortable: $faker->boolean,
+            is60FpsDocked: $faker->boolean,
+            hasStableFramerateDocked: $faker->boolean,
+            hasResolutionImprovedDocked: $faker->boolean,
+            hasImprovedLoadingTimes: $faker->boolean,
+            gameStatus: ReportGameStatusEnum::GREAT,
+            upvoteCount: $faker->numberBetween(0, 100),
+        );
+
+        $manager->persist($testReport);
+
+        for ($i = 0; $i < 10; ++$i) {
+            $randomGame = $this->getReference(
+                GameFixtures::RANDOM_GAME_SLUG.$faker->numberBetween(0, 2),
+                Game::class,
+            );
+
+            /** @var ReportGameStatusEnum $randomStatus */
+            $randomStatus = $faker->randomElement(ReportGameStatusEnum::cases());
+
+            $report = ReportFactory::create(
+                game: $randomGame,
+                isSwitch2Edition: $faker->boolean,
+                is60FpsPortable: $faker->boolean,
+                hasStableFrameratePortable: $faker->boolean,
+                hasResolutionImprovedPortable: $faker->boolean,
+                isNativeResolutionPortable: $faker->boolean,
+                is60FpsDocked: $faker->boolean,
+                hasStableFramerateDocked: $faker->boolean,
+                hasResolutionImprovedDocked: $faker->boolean,
+                hasImprovedLoadingTimes: $faker->boolean,
+                gameStatus: $randomStatus,
+                upvoteCount: $faker->numberBetween(0, 100),
+            );
+
+            $manager->persist($report);
+        }
+
+        $manager->flush();
+    }
+
+    /**
+     * @return string[]
+     */
+    public function getDependencies(): array
+    {
+        return [
+            GameFixtures::class,
+        ];
+    }
+}

src/Domain/Repository/Report/ReportRepositoryInterface.php

@@ -23,4 +23,6 @@ interface ReportRepositoryInterface
      * @return Report[]
      */
     public function getAllVisibleReportsForGame(string $gameId): array;
+
+    public function findMostUpvotedReportForGame(string $gameId): ?Report;
 }

src/Infrastructure/Persistence/Doctrine/Report/DoctrineReportRepository.php

@@ -32,4 +32,18 @@ public function getAllVisibleReportsForGame(string $gameId): array
         /** @var Report[] */
         return $qb->getResult();
     }
+
+    public function findMostUpvotedReportForGame(string $gameId): ?Report
+    {
+        $qb = $this->createQueryBuilder('r')
+            ->where('r.isVisible = true')
+            ->andWhere('r.game = :game')
+            ->setParameter('game', $gameId)
+            ->orderBy('r.upvoteCount', 'DESC')
+            ->addOrderBy('r.createdAt', 'DESC')
+            ->setMaxResults(1);
+
+        /** @var Report|null */
+        return $qb->getQuery()->getOneOrNullResult();
+    }
 }

src/Presentation/Controller/CreateReportController.php → src/Presentation/Controller/ReportCreateController.php

@@ -12,7 +12,7 @@
 use Symfony\Component\HttpFoundation\Response;
 use Symfony\Component\Routing\Attribute\Route;
 
-class CreateReportController extends AbstractController
+class ReportCreateController extends AbstractController
 {
     #[Route(path: '/reports/new', name: 'create_report', methods: [Request::METHOD_POST])]
     public function __invoke(