Mise à jour de 'vue/templates/quoteLittle.html.twig'

vue/templates/quoteLittle.html.twig

@@ -1,9 +1,20 @@
-<div class='citation-container quote'>
-    <img src="{{ srcImg }}" alt='{{ sourceName }}' class='citation-image'>
-    <div class='text-content'>
-        <p class='quoteContent'>{{ quoteContent }}</p>
-        <p class='movie'>- {{ sourceName }}</p>
-        <p class='character'>Personnage : {{ nameCarac }}</p>
-        <p class='year'>Année : {{ dateSortie }}</p>
-    </div>
-</div>
+<h2>{{ titre }}</h2>
+{% if quotes|length > 0 %}
+<div class='suggestions-container'>
+    {% for quote in quotes %}
+        <a href="{{ racine }}/quote/{{ quote.id_quote }}" class="link-citation">
+        <div class="citation-container suggestion">
+                <img src="{{ quote.imgpath }}" alt="{{ quote.caracter }}" class="citation-image">
+                <div class="text-content">
+                    <p class="quote">"{{ quote.content }}"</p>
+                    <p class="movie">- {{ quote.title }}</p>
+                    <p class="character">Personnage : {{ quote.caracter }}</p>
+                    <p class="year">Année : {{ quote.dates }}</p>
+                </div>
+            </div>
+        </a>
+    {% endfor %}
+</div>
+{% else %}
+<p>Aucune {{ titre }} n'a été trouvée.</p>
+{% endif %}