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

vue/templates/quoteLittle.html.twig

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