Discussion :

[MathieuDelgado]

Bonjour,

Je suis débutant avec symfony.

Je vous remercie d'avance pour vos aides.

Je cherche à afficher dans la vue twig de mon site une liste d'articles "book" avec des filtres différents : auteur ordre alphabétique , titre par ordre alphabétique ….
Et gérer l'hydratation en fontion de ce filtre ....


Ces livres sont dans la base de donnée.

Je voudrais que quand on clique sur un bouton dans une barre de menu à l'intérieur de la page les filtres différents s'activent. (cela sans ouvrir une nouvelle page) Y a t'il un moyen de le faire avec une condition dans le mainController. Ou alors il faut obligatoirement passer par du JS ?




Voici ma fonction displayAllBd()

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
    /**
     * @Route("/bdThèque/", name = "bdbdd")
     * page de la bibliothèque général
     */
     public function displayAllBD()
    {
        $bookRepo = $this->getDoctrine()->getRepository(Book::class);
        $books = $bookRepo->findall();
        $bookRepo->findAll(array(), array("title"=> "DESC"));
 
        return $this->render('bdbdd.html.twig', array(
            'books'=>$books
        ));
    }

De plus je ne sais pas trop comment faire avec le lien href de la bar de navigation. Est ce que je dois me servir de ces liens pour gérer la condition dans le mainController.

Code twig :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
{% extends "base.html.twig" %}
 
{% block title %}{% endblock %}
 
{% block body %}
<div class="">
    <div class="container container_library px-0">
        <ul class="nav nav-tabs nav_bar_library justify-content-center">
            <li class="nav-item">
                <a class="nav-link " href="#">Ajouter une BD <i class="fas fa-plus"></i></a>
            </li>
            <li class="nav-item">
                <a class="nav-link " href="#">Dernier ajout</a>
            </li>
            <li class="nav-item">
                <a class="nav-link " href="#">Toutes les BD</a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="" role="button" aria-haspopup="true" aria-expanded="false">Tri par titres</a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Tri par auteurs</a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Tri par editeurs</a>
            </li>
            <li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Tri par genres</a>
            </li>
        </ul>
    </div>
    <div class="container library_bgc" >
 
        <div class="row mt-4" id="lienTitleAlphC">
                {% for book in books %}
            <div class="col-md-3 mb-2">
                <div class="card">
                    <img src=" {{book.getImgUrl()}}" class="img-fluid" alt="titeuf">
                    <div class="ml-2">
                        <p> {{book.title}} </p>
                        <p>{{book.author}}</p>
                        <p>{{book.editor}}</p>
                        <p>Note :
                            <span class="ml-4">
                                <i class="far fa-star"></i>
                                <i class="far fa-star"></i>
                                <i class="far fa-star"></i>
                                <i class="far fa-star"></i>
                                <i class="far fa-star"></i>
                            </span>
                        </p>
                    </div>
                </div>
            </div> 
            {% endfor %}     
        </div>
    </div>
</div>
 
{% endblock %}

Si vous avez simplement des pistes je suis preneur.
Merci à vous.