add pagination

composer.json

@@ -5,6 +5,7 @@
         "php": "^7.1.3",
         "ext-ctype": "*",
         "ext-iconv": "*",
+        "knplabs/knp-paginator-bundle": "^2.8",
         "sensio/framework-extra-bundle": "^5.1",
         "symfony/asset": "4.2.*",
         "symfony/console": "4.2.*",

config/bundles.php

@@ -15,4 +15,5 @@
     Symfony\Bundle\MakerBundle\MakerBundle::class => ['dev' => true],
     Symfony\Bundle\WebServerBundle\WebServerBundle::class => ['dev' => true],
     Vich\UploaderBundle\VichUploaderBundle::class => ['all' => true],
+    Knp\Bundle\PaginatorBundle\KnpPaginatorBundle::class => ['all' => true],
 ];

config/packages/knp_paginator.yml

@@ -0,0 +1,13 @@
+knp_paginator:
+  page_range: 5                       # number of links showed in the pagination menu (e.g: you have 10 pages, a page_range of 3, on the 5th page you'll see links to page 4, 5, 6)
+  default_options:
+    page_name: page                 # page query parameter name
+    sort_field_name: sort           # sort field query parameter name
+    sort_direction_name: direction  # sort direction query parameter name
+    distinct: true                  # ensure distinct results, useful when ORM queries are using GROUP BY statements
+    filter_field_name: filterField  # filter field query parameter name
+    filter_value_name: filterValue  # filter value query parameter name
+  template:
+    pagination: '@KnpPaginator/Pagination/twitter_bootstrap_v4_pagination.html.twig'     # sliding pagination controls template
+    sortable: '@KnpPaginator/Pagination/sortable_link.html.twig' # sort link template
+    filtration: '@KnpPaginator/Pagination/filtration.html.twig'  # filters template

src/Controller/HomeController.php

@@ -7,6 +7,7 @@
 use App\Form\ContactType;
 use App\Repository\ProprieteBienRepository;
 use Doctrine\Common\Persistence\ObjectManager;
+use Knp\Component\Pager\PaginatorInterface;
 use Symfony\Bundle\FrameworkBundle\Controller\AbstractController;
 use Symfony\Component\HttpFoundation\Request;
 use Symfony\Component\HttpFoundation\Response;
@@ -44,11 +45,17 @@ public function home():Response
 	}
 
 	/**
+	 * @param PaginatorInterface $paginator
+	 * @param Request $request
 	 * @return Response
 	 */
-	public function buyHome():Response
+	public function buyHome(PaginatorInterface $paginator, Request $request):Response
 	{
-		$propriete_bien = $this->repository->findAll();
+		$propriete_bien = $paginator->paginate(
+			$this->repository->findAllVisibleBien(),
+			$request->query->getInt('page', 1),
+			6
+		);
 
 		return $this->render('buy.html.twig', [
 			'current_menu' => 'buy_properties',

src/Entity/ProprieteBien.php

@@ -25,7 +25,6 @@ class ProprieteBien
 
     /**
      * @ORM\Column(type="string", length=255)
-	 * @Assert\Length(min=5, max=30)
      */
     private $name;
 

src/Repository/ProprieteBienRepository.php

@@ -4,6 +4,7 @@
 
 use App\Entity\ProprieteBien;
 use Doctrine\Bundle\DoctrineBundle\Repository\ServiceEntityRepository;
+use Doctrine\ORM\Query;
 use Symfony\Bridge\Doctrine\RegistryInterface;
 
 /**
@@ -26,14 +27,26 @@ public function __construct(RegistryInterface $registry)
 	public function latestBien()
     {
         return $this->createQueryBuilder('b')
-			->andwhere('b.sold = false')
+			->where('b.sold = false')
             ->orderBy('b.make_at', 'DESC')
             ->setMaxResults(3)
             ->getQuery()
             ->getResult()
         ;
     }
 
+	/**
+	 * @return Query
+	 */
+	public function findAllVisibleBien(): Query
+	{
+		return $this->createQueryBuilder('b')
+			->where('b.sold = false')
+			->getQuery()
+		;
+
+	}
+
     // /**
     //  * @return ProprieteBien[] Returns an array of ProprieteBien objects
     //  */

symfony.lock

@@ -92,6 +92,12 @@
     "jms/metadata": {
         "version": "1.7.0"
     },
+    "knplabs/knp-components": {
+        "version": "v1.3.10"
+    },
+    "knplabs/knp-paginator-bundle": {
+        "version": "v2.8.0"
+    },
     "monolog/monolog": {
         "version": "1.24.0"
     },

templates/buy.html.twig

@@ -18,10 +18,10 @@
                 <!-- Condition for -->
                 {% for property in properties %}
                 <div class="col-4 mt-3">
-                <a href="{{ path('show', {id: property.id }) }}" class="text-dark  card-hover">
+                    <a href="{{ path('show', {id: property.id }) }}" class="text-dark  card-hover">
                     <div class="card">
                         <div class="card-body">
-                            <img class="card-img-top img-size-2" src="{{ asset('upload/img/image_bien/') }}{{ property.image }}" alt="Card image cap">
+                            <img class="card-img-top img-size-2" src="{{ asset('upload/img/image_bien/') }}{{ property.image }}" alt="Card image cap"/>
                                 <h5 class="card-title">
                                     <p class="text-center">{{ property.name }}</p>
                                 </h5>
@@ -30,7 +30,13 @@
                         </div>
                     </div>
                 </div>
-                 {% endfor %}
+                </a>
+                {% endfor %}
+            </div>
+
+            <div class="panigation mt-5 text-right">
+                {# (l'objet qui est paginable) #}
+                {{ knp_pagination_render(properties) }}
             </div>
         </div>
 

templates/show.html.twig

@@ -23,7 +23,7 @@
                 <div class="col-md-4">
                     <h1>{{ propriety.name }}</h1>
                     <h2>{{ propriety.nbrrooms }} pieces - {{ propriety.surface }} m2</h2>
-                    <div class="text" style="font-size: 4rem;font-weight: bold;">{{ propriety.price| number_format(0, ",", " ") }}€</div>
+                    <div class="text flex" style="font-size: 4rem;font-weight: bold;">{{ propriety.price| number_format(0, ",", " ") }}€</div>
                     <div id="myBtn" class="btn btn-primary mt-3"> Contacter l'agence</div>
                 </div>
 

translations/KnpPaginatorBundle.fr.yml

@@ -0,0 +1,2 @@
+label_next: Suivant
+label_previous: Précédent