Unverified Commit 3d91611b authored by Julien Ait azzouzene's avatar Julien Ait azzouzene Committed by GitHub
Browse files

Merge pull request #16 from PetitGens/fix-liste-recettes 

🐛 fix: les recettes peuvent toutes être affichées
parents d0b51680 dda1cf25

assets/js/listeRecette.js

+5 −1
Original line number Diff line number Diff line
@@ -8,6 +8,8 @@ let boutonPlus = document.getElementById("boutonPlus"); 
let nombreRecettesTotal = divsRecettes.length;

let nombresRecettesAffiches = 0;



console.log("Total recettes : " + nombreRecettesTotal);



afficherPlusRecettes();



boutonPlus.addEventListener("click", afficherPlusRecettes);
@@ -19,11 +21,13 @@ function afficherPlusRecettes(){ 


    for(let i = nombresRecettesAffiches; i < nombresRecettesAffiches + 10; i++){

        divsRecettes[i].setAttribute("style", "display: block");

        if(nombresRecettesAffiches + i + 1 >= nombreRecettesTotal){

        console.log("Recettes affichées : " + (i + 1));

        if(i + 1 >= nombreRecettesTotal){

            boutonPlus.setAttribute("style", "display: none");

            return;

        }

    }



    nombresRecettesAffiches += 10;

    console.log("nombresRecettesAffiches = " + nombresRecettesAffiches);

}
 
 No newline at end of file

templates/nosRecettes.php

+1 −1
Original line number Diff line number Diff line
@@ -20,7 +20,7 @@ function afficherListeRecettes($recettes){ 
            <div class="row mb-5">

                <div class="col-md-8 col-xl-6 text-center mx-auto">

                    <h2>Nos recettes</h2>

                    <p class="w-lg-50">Les recettes pour vos p'tits gloutons, certifiées savoureux par notre équipe de cuistots du dimanche</p>

                    <p class="w-lg-50">Les recettes pour vos p'tits gloutons, certifiées savoureuses par notre équipe de cuistots du dimanche</p>

                </div>

            </div>

            <div class="row gy-4 row-cols-1 row-cols-md-2" id="conteneurRecette">