Partage

symfony : Menu a partir d'une table sql

<< 1 2

5 octobre 2017 à 10:15:07

Hello, voici juste la partie du nav :

<nav>
        <ul class="nav nav-pills" id="mainNav">
            <li class="dropdown">
                <a class="dropdown-toggle" href="#">Drones</a>
                <ul class="dropdown-menu">
                    <li class="dropdown-submenu">
                        <a href="#">DJI</a>
                        <ul class="dropdown-menu">
                            <li>Phantom</li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class="dropdown">
                <a class="dropdown-toggle" href="#">Imprimantes 3D</a>
                <ul class="dropdown-menu">
                    <li class="dropdown-submenu">
                        <a href="#">Zmorph</a>
                        <ul class="dropdown-menu">
                            <li>Zmorph</li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class="dropdown">
                <a class="dropdown-toggle" href="#">Scanners 3D</a>
                <ul class="dropdown-menu">
                    <li class="dropdown-submenu">
                        <a href="#">Einscan</a>
                        <ul class="dropdown-menu">
                            <li>Einscan</li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li class="dropdown">
                <a class="dropdown-toggle" href="#">Cat4</a>
                <ul class="dropdown-menu">
                    <li class="dropdown-submenu">
                        <a href="#">M3</a>
                        <ul class="dropdown-menu">
                            <li>G4</li>
                        </ul>
    </nav>

Ymox

5 octobre 2017 à 10:21:56

Il manque de quoi fermer 3 balises… et le test pour savoir si tu es dans la même catégorie que lors de l'itération précédente, d'ailleurs.

Reprenons par étape. Montre-moi séparément ce qu'il te faut pour afficher un titre de catégorie, puis ce qu'il te faut pour afficher un produit. Pas de boucle, juste le code Twig comme si tu n'avais qu'une catégorie et qu'un produit, et les deux séparément.

OC à changer • FAQ PHP • Et avant cela • Tutoriel WAMP • @Zeste de Savoir

JeromeDédio'Web

5 octobre 2017 à 10:34:43

ce que je souhaite afficher c'est :

Le nom de la catégorie

la marque présente dans la catégorie

la gamme présente dans la marque de la catégorie

voici le twig simple sans boucle

<nav>
        <ul class="nav nav-pills" id="mainNav">
            <li class="dropdown">
                <a class="dropdown-toggle" href="#">{{ produit.categorie.nom }}</a>
                <ul class="dropdown-menu">
                    <li class="dropdown-submenu">
                        <a href="#">{{ produit.marque.nom }}</a>
                        <ul class="dropdown-menu">
                            <li>{{ produit.gamme.nom }}</li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </nav>

Ymox

5 octobre 2017 à 11:51:13

Donc il te faudra deux tests : un pour la catégorie, et un pour la marque.

Je vais me baser sur le code HTML que tu as fourni juste au-dessus, comme ça j'ai des numéros de ligne pour des éléments.

Premier test pour la catégorie : quand tu rencontres une nouvelle catégorie, tu dois ouvrir les balises des lignes 3 à 6. Si tu n'es pas à la première itération (loop.index0 != 0), il te faut en plus fermer tout ce qu'il y avait avant, soient donc faire comme pour les lignes 10 à 13.

Second test pour la marque : quand tu rencontres une nouvelle marque, tu dois avoir l'équivalent des lignes 7 et 8. Si en plus la marque précédente n'est pas la même, il faut fermer avec les lignes 10 et 11.

-
Edité par Ymox 5 octobre 2017 à 11:51:26

OC à changer • FAQ PHP • Et avant cela • Tutoriel WAMP • @Zeste de Savoir

JeromeDédio'Web

5 octobre 2017 à 12:38:31

J'ai suivi ce que tu viens de dire mais le resultat n'est pas concluant :

{% set refCategorie = '' %}
<nav>
        <ul class="nav nav-pills" id="mainNav">
          {% for produit in produits %}
            {% if (refCategorie != produit.categorie.nom) %}
              <li class="dropdown">
                  <a class="dropdown-toggle" href="#">{{ produit.categorie.nom }}</a>
                  <ul class="dropdown-menu">
                      <li class="dropdown-submenu">
                        {% if loop.index0 != 0 %}
                                </ul>
                              </li>
                            </ul>
                          </li>
                        {% endif %}
                          <a href="#">{{ produit.marque.nom }}</a>
                          <ul class="dropdown-menu">
                            {% if loop.index0 != 0 %}
                                </ul>
                              </li>
                              {% endif %}
                              <li>{{ produit.gamme.nom }}</li>
                          </ul>
                      </li>
                  </ul>
              </li>
              {% set refCategorie = produit.categorie.nom %}
            {% endif %}
          {% endfor %}
        </ul>
</nav>

Ymox

5 octobre 2017 à 14:20:15

Montre-moi aussi le HTML résultant quand tu fais une modification qui ne fonctionne pas. Comme dit auparavant, sans voir le résultat, j'ai de la peine à voir ce qui manque et où

Note que ce n'est que pour la catégorie que tu testes si on est ou pas dans la première boucle. Pour la marque, tu ne testes que si c'en est une différente. Edit non, j'ai pas fait attention, c'est plus complexe : il faut tester si la catégorie est différente ~~aussi~~.

Et il te faut fermer la catégorie avant d'en ouvrir une autre, là, à nouveau, tu la fermes droit après…

-
Edité par Ymox 5 octobre 2017 à 14:41:02

OC à changer • FAQ PHP • Et avant cela • Tutoriel WAMP • @Zeste de Savoir

JeromeDédio'Web

5 octobre 2017 à 14:23:02

Yes,

le voici

<nav>
    <ul class="nav nav-pills" id="mainNav">
        <li class="dropdown">
            <a class="dropdown-toggle" href="#">Drones</a>
            <ul class="dropdown-menu">
                <li class="dropdown-submenu">
                    <a href="#">DJI</a>
                    <ul class="dropdown-menu">
                        <li>Phantom</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="dropdown">
            <a class="dropdown-toggle" href="#">Imprimantes 3D</a>
            <ul class="dropdown-menu">
                <li class="dropdown-submenu">
            </ul>
        </li>
    </ul>
</li>
<a href="#">Zmorph</a>
<ul class="dropdown-menu">
</ul>
</li>
<li>Z2</li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
    <a class="dropdown-toggle" href="#">Scanners 3D</a>
    <ul class="dropdown-menu">
        <li class="dropdown-submenu">
    </ul>
</li>
</ul>
</li>
<a href="#">Einscan</a>
<ul class="dropdown-menu">
</ul>
</li>
<li>Einscan</li>
</ul>
</li>
</ul>
</li>
<li class="dropdown">
    <a class="dropdown-toggle" href="#">Cat4</a>
    <ul class="dropdown-menu">
        <li class="dropdown-submenu">
    </ul>
</li>
</ul>
</li>
<a href="#">M3</a>
<ul class="dropdown-menu">
</ul>
</li>
<li>G4</li>
</ul>
</li>
</ul>
</li>
</ul>
</nav>

EDIT du coup je ne vois pas comment , ton aide serait vraiment apréciée

EDIT 14h52 :

J'ai modifié un peu le twig, les catégories s'affiches bien, mais pas le reste, il ne fait pas les boucles correctement on dirait :

twig :

{% set refCategorie = '' %}
<nav>
        <ul class="nav nav-pills" id="mainNav">
          {% for produit in produits %}
            {% if (refCategorie != produit.categorie.nom) %}
              <li class="dropdown">
                  <a class="dropdown-toggle" href="#">{{ produit.categorie.nom }}</a>
                  <ul class="dropdown-menu">
                      <li class="dropdown-submenu">
                        {% if loop.index0 != 0 %}
                        <a href="#">{{ produit.marque.nom }}</a>
                          <ul class="dropdown-menu">
                              <li>{{ produit.gamme.nom }}</li>
                        {% endif %}
                          <a href="#">{{ produit.marque.nom }}</a>
                          <ul class="dropdown-menu">
                            {% if loop.index0 != 0 %}
                          </ul>
                              {% endif %}
                          </ul>
                      </li>
                  </ul>
              </li>
              {% set refCategorie = produit.categorie.nom %}
            {% endif %}
          {% endfor %}
        </ul>
</nav>

le HTML :

<nav>
    <ul class="nav nav-pills" id="mainNav">
        <li class="dropdown">
            <a class="dropdown-toggle" href="#">Drones</a>
            <ul class="dropdown-menu">
                <li class="dropdown-submenu">
                    <a href="#">DJI</a>
                    <ul class="dropdown-menu">
                    </ul>
                </li>
            </ul>
        </li>
        <li class="dropdown">
            <a class="dropdown-toggle" href="#">Imprimantes 3D</a>
            <ul class="dropdown-menu">
                <li class="dropdown-submenu">
                    <a href="#">Zmorph</a>
                    <ul class="dropdown-menu">
                        <li>Z2</li>
                        <a href="#">Zmorph</a>
                        <ul class="dropdown-menu">
                        </ul>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="dropdown">
            <a class="dropdown-toggle" href="#">Scanners 3D</a>
            <ul class="dropdown-menu">
                <li class="dropdown-submenu">
                    <a href="#">Einscan</a>
                    <ul class="dropdown-menu">
                        <li>Einscan</li>
                        <a href="#">Einscan</a>
                        <ul class="dropdown-menu">
                        </ul>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="dropdown">
            <a class="dropdown-toggle" href="#">Cat4</a>
            <ul class="dropdown-menu">
                <li class="dropdown-submenu">
                    <a href="#">M3</a>
                    <ul class="dropdown-menu">
                        <li>G4</li>
                        <a href="#">M3</a>
                        <ul class="dropdown-menu">
                        </ul>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</nav>

-
Edité par JeromeDédio'Web 5 octobre 2017 à 14:54:02

Ymox

5 octobre 2017 à 15:06:47

On va finir par y arriver…

{% set produitPrecedent = {'categorie': {'id': null}, 'marque': {'id': null}} %}
&lt;nav&gt;<ul><li>
		{% for produit in produits %}
			{% if (produitPrecedent.categorie.id != produit.categorie.id) %}
				{% if not loop.first %}
					</li></ul>
				{% endif %}
		
			<a href="#">{{ produit.categorie.nom }}</a>
			<ul><li>
			{% endif %}
			{% if produitPrecedent.marque.id != produit.marque.id %}
				{% if produitPrecedent.categorie.id == produit.categorie.id %}
					</li></ul>
				{% endif %}
				
					<a href="#">{{ produit.marque.nom }}</a>
					<ul><li>
			{% endif %}
						</li><li>{{ produit.gamme.nom }}
			{% if loop.last %}
					</li></ul>
			
		
			{% endif %}
			{% set produitPrecedent = produit %}
		{% endfor %}
	
&lt;/nav&gt;

Désolé pour la coloration syntaxique et les <>, mais ça foire et rien n'est fait pour changer ça (deux petits +1 sur les premier et dernier messages, ce serait chouette)

-
Edité par Ymox 5 octobre 2017 à 15:07:28

OC à changer • FAQ PHP • Et avant cela • Tutoriel WAMP • @Zeste de Savoir

JeromeDédio'Web

5 octobre 2017 à 16:04:20

Je suis presque d'accord avec ton code, sauf quand je mets en forme class les UL et LI.

Par contre la première boucle, doit avoir un soucis,

Je te mets le code html

<nav>
    <ul class="nav nav-pills" id="mainNav"><li class="dropdown">



            <a class="dropdown-toggle" href="#">Drones</a>
            <ul class="dropdown-menu"><li class="dropdown-submenu">

                    <a href="#">DJI</a>
                    <ul class="dropdown-menu"><li>
                        </li><li>Phantom

                        </li></ul>

                    <a href="#">M1</a>
                    <ul class="dropdown-menu"><li>
                        </li><li>G2

                        </li></ul>

                    <a href="#">M2</a>
                    <ul class="dropdown-menu"><li>
                        </li><li>G3

                        </li></ul>

                    <a href="#">DJI</a>
                    <ul class="dropdown-menu"><li>
                        </li><li>G4

                        </li><li>G5

                        </li></ul>

                    <a class="dropdown-toggle" href="#">Imprimantes 3D</a>
                    <ul class="dropdown-menu"><li class="dropdown-submenu">

                            <a href="#">Zmorph</a>
                            <ul class="dropdown-menu"><li>
                                </li><li>Z2

                                </li><li>Zvivant

                                </li></ul>

                            <a class="dropdown-toggle" href="#">Scanners 3D</a>
                            <ul class="dropdown-menu"><li class="dropdown-submenu">

                                    <a href="#">Einscan</a>
                                    <ul class="dropdown-menu"><li>
                                        </li><li>1scan

                                        </li><li>2Scan

                                        </li></ul>

                                    <a class="dropdown-toggle" href="#">Cat4</a>
                                    <ul class="dropdown-menu"><li class="dropdown-submenu">

                                            <a href="#">M3</a>
                                            <ul class="dropdown-menu"><li>
                                                </li><li>G4

                                                </li></ul>

                                            <a href="#">M2</a>
                                            <ul class="dropdown-menu"><li>
                                                </li><li>G4
                                                </li></ul>



                                            </nav>

Bien sur que je te mettrais des +1 :-)

EDIT 16h15 :

J'ai repris ton code précédent, sans mettre de mise en forme class sur les UL et LI, voici comment il apparait sur mon site :

Les catégories ne sont pas au même niveau et par exemple pour la Catégorie Drones, il affiche deux fois la même marque (DJI).

EDIT 17h34 :

J'ai revu le code, il manquait des fermetures dans la dernière loop.last

voici le nouveau twig :

{% set produitPrecedent = {'categorie': {'id': null}, 'marque': {'id': null}} %}
<nav>
  <ul class="nav nav-pills" id="mainNav">
		{% for produit in produits %}
			{% if (produitPrecedent.categorie.id != produit.categorie.id) %}

        {% if not loop.first %}
        </li></ul>
      </ul></li>
				{% endif %}<li class="dropdown">

			<a class="dropdown-toggle" href="#">{{ produit.categorie.nom }}</a>
			<ul class="dropdown-menu">
			{% endif %}
			{% if produitPrecedent.marque.id != produit.marque.id %}
				{% if produitPrecedent.categorie.id == produit.categorie.id %}
      </li></ul>
				{% endif %}
        <li class="dropdown-submenu">
					<a href="#">{{ produit.marque.nom }}</a>
          <ul class="dropdown-menu">
			{% endif %}
    <li>{{ produit.gamme.nom }}
			{% if loop.last %}
          </li></ul>
          </li>
          </li>
        </ul>
        </li>

			{% endif %}
			{% set produitPrecedent = produit %}
		{% endfor %}

  </nav>

-
Edité par JeromeDédio'Web 5 octobre 2017 à 17:36:46

Ymox

5 octobre 2017 à 21:07:54

En fait, le code qui est affiché n'est pas le même que celui que j'ai volontairement conservé ?!

Le site mélange les balises, les ferme automatiquement et ne les rouvre pas. Super. Je te copie-colle le "vrai" code ailleurs où ça ne le bousillera pas.

Edit

Voilà

-
Edité par Ymox 3 février 2023 à 2:06:18

OC à changer • FAQ PHP • Et avant cela • Tutoriel WAMP • @Zeste de Savoir

JeromeDédio'Web

5 octobre 2017 à 21:40:34

j'ai récupéré le code sur ton lien, mais toujours le même soucis avec la premiere catégorie, il y a un boucle en double.

Ymox

5 octobre 2017 à 22:09:06

Comme toujours, fournis le code HTML résultant

J'aimerais ne plus avoir à te le demander, ça devrait venir d'office.

Je viens de tester une adaptation en PHP pur, avec quelques données brutes, si tu souhaites vérifier. Je n'ai vraiment fait qu'adapter les passages en Twig pour du PHP.

Maintenant, s'il y a encore des soucis, il me faut toujours le HTML résultant de ton Twig, et sa version actuelle. Et je risque de demander les données d'essai aussi.

Il faut évidemment bien que les produits soient triés par catégories puis par marques, sans quoi le menu n'aura pas trop de sens.

-
Edité par Ymox 5 octobre 2017 à 22:43:28

OC à changer • FAQ PHP • Et avant cela • Tutoriel WAMP • @Zeste de Savoir

JeromeDédio'Web

5 octobre 2017 à 22:50:09

Voici le twig du doc

{% set produitPrecedent = {'categorie': {'id': null}, 'marque': {'id': null}} %}
  <nav>
  	<ul class="nav nav-pills" id="mainNav">
  		{% for produit in produits %}
  			{% if (produitPrecedent.categorie.id != produit.categorie.id) %}
  				{% if not loop.first %}
  					</ul>
  				</li>
  			</ul>
  		</li>
  				{% endif %}
  		<li class="dropdown">
  			<a class="dropdown-toggle" href="#">{{ produit.categorie.nom }}</a>
  			<ul class="dropdown-menu">
  			{% endif %}
  			{% if produitPrecedent.marque.id != produit.marque.id %}
  				{% if produitPrecedent.categorie.id == produit.categorie.id %}
  					</ul>
  				</li>
  				{% endif %}
  				<li class="dropdown-submenu">
  					<a href="#">{{ produit.marque.nom }}</a>
  					<ul class="dropdown-menu">
  			{% endif %}
  						<li>{{ produit.gamme.nom }}</li>
  			{% if loop.last %}
  					</ul>
  				</li>
  			</ul>
  		</li>
  			{% endif %}
  			{% set produitPrecedent = produit %}
  		{% endfor %}
  	</ul>
  </nav>

voici le html du doc

<nav>
    <ul class="nav nav-pills" id="mainNav">
        <li class="dropdown">
            <a class="dropdown-toggle" href="#">Drones</a>
            <ul class="dropdown-menu">
                <li class="dropdown-submenu">
                    <a href="#">DJI</a>
                    <ul class="dropdown-menu">
                        <li>Phantom</li>
                    </ul>
                </li>
                <li class="dropdown-submenu">
                    <a href="#">M1</a>
                    <ul class="dropdown-menu">
                        <li>G2</li>
                    </ul>
                </li>
                <li class="dropdown-submenu">
                    <a href="#">M2</a>
                    <ul class="dropdown-menu">
                        <li>G3</li>
                    </ul>
                </li>
                <li class="dropdown-submenu">
                    <a href="#">DJI</a>
                    <ul class="dropdown-menu">
                        <li>G4</li>
                        <li>G5</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="dropdown">
            <a class="dropdown-toggle" href="#">Imprimantes 3D</a>
            <ul class="dropdown-menu">
                <li class="dropdown-submenu">
                    <a href="#">Zmorph</a>
                    <ul class="dropdown-menu">
                        <li>Z2</li>
                    </ul>
                </li>
                <li class="dropdown-submenu">
                    <a href="#">M4</a>
                    <ul class="dropdown-menu">
                        <li>Zvivant</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="dropdown">
            <a class="dropdown-toggle" href="#">Scanners 3D</a>
            <ul class="dropdown-menu">
                <li class="dropdown-submenu">
                    <a href="#">Einscan</a>
                    <ul class="dropdown-menu">
                        <li>1scan</li>
                        <li>2Scan</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="dropdown">
            <a class="dropdown-toggle" href="#">Cat4</a>
            <ul class="dropdown-menu">
                <li class="dropdown-submenu">
                    <a href="#">M3</a>
                    <ul class="dropdown-menu">
                        <li>G4</li>
                    </ul>
                </li>
                <li class="dropdown-submenu">
                    <a href="#">M2</a>
                    <ul class="dropdown-menu">
                        <li>G4</li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</nav>

-
Edité par JeromeDédio'Web 5 octobre 2017 à 22:53:16

Ymox

5 octobre 2017 à 22:51:13

Et que manque-t'il ? Ou qu'y a-t'il en trop ?

Moi j'ai l'impression que c'est bon…

-
Edité par Ymox 5 octobre 2017 à 22:54:29

OC à changer • FAQ PHP • Et avant cela • Tutoriel WAMP • @Zeste de Savoir

JeromeDédio'Web

5 octobre 2017 à 22:55:23

DJI revient deux fois alors qu'il ne devrait y etre que une fois avec les 3 résultats :

DJI

Phantom
G4
G5

Tu vois ce que je veux dire?

-
Edité par JeromeDédio'Web 5 octobre 2017 à 22:55:45

Ymox

5 octobre 2017 à 22:56:38

Oui, et c'est pour ça que j'ai mis ceci après édition :

Ymox a écrit:

Il faut évidemment bien que les produits soient triés par catégories puis par marques, sans quoi le menu n'aura pas trop de sens.

OC à changer • FAQ PHP • Et avant cela • Tutoriel WAMP • @Zeste de Savoir

JeromeDédio'Web

5 octobre 2017 à 23:01:40

Ymox a écrit:

Oui, et c'est pour ça que j'ai mis ceci après édition :

Ymox a écrit:

Il faut évidemment bien que les produits soient triés par catégories puis par marques, sans quoi le menu n'aura pas trop de sens.

C'est bien le cas, CF la BDD : https://screencast.com/t/HfOVPaYNyo

Ou mieux, l'admin des produits (les informations viennent de la BDD) : https://screencast.com/t/oDi1ccveVHW

Ymox

5 octobre 2017 à 23:04:30

Alors non, les catégories ne sont pas triées, tu as 10 11 12 10 10 15 15 10…

Il faut le faire dans la requête. Et attention à l'ordre : d'abord la catégorie, et ensuite la marque. L'inverse va fiche encore plus le dawa.

-
Edité par Ymox 5 octobre 2017 à 23:07:07

OC à changer • FAQ PHP • Et avant cela • Tutoriel WAMP • @Zeste de Savoir

JeromeDédio'Web

5 octobre 2017 à 23:07:00

C'est peux etre aussi du au controller qui le gère :

public function menuAction()
    {
      $em = $this->getDoctrine()->getManager();
      $categories = $em->getRepository('EboutiqueBundle:Categories')->findAll();
      $produits = $em->getRepository('EboutiqueBundle:Produits')->findBy(array('disponible' => 1),array('categorie' => 'ASC'));


      return $this->render('EboutiqueBundle:Default:categories/modulesUsed/menu.html.twig', array('categories' => $categories,
                                                                                                  'produits' => $produits));
    }

Ymox

5 octobre 2017 à 23:11:13

Mmm, est-ce que tu arrives à voir quelle est la requête qui est lancée ?

De toute manière, il manque le tri sur les marques.

OC à changer • FAQ PHP • Et avant cela • Tutoriel WAMP • @Zeste de Savoir

<< 1 2