Display location icon on watch dates

leepeuker · Aug 22, 2024 · 8a4bcc0 · 8a4bcc0
1 parent f0b8d8f
commit 8a4bcc0
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/templates/page/movie.html.twig b/templates/page/movie.html.twig
@@ -137,8 +137,16 @@
                             data-comment="{{ watchDate.comment }}"
                             data-position="{{ watchDate.position }}"
                             data-location="{{ watchDate.location_id }}">
-                            {{ watchDate.watched_at is null ? 'Unkown date' : watchDate.watched_at|date(dateFormatPhp) }} {% if watchDate.plays > 1 %}({{ watchDate.plays }}x){% endif %}
-                            {% if watchDate.comment != '' %}<i class="bi bi-chat-square-text" style="position: absolute; right:.7rem; top:25%;">{% endif %}</i>
+                            {{ watchDate.watched_at is null ? 'Unkown date' : watchDate.watched_at|date(dateFormatPhp) }}
+                            {% if watchDate.plays > 1 %}({{ watchDate.plays }}x){% endif %}
+                            <span style="position: absolute; right:.7rem; top:50%; transform: translateY(-50%); display: flex; gap: 0.5rem;">
+                                {% if watchDate.comment != '' %}
+                                    <i class="bi bi-chat-square-text"></i>
+                                {% endif %}
+                                {% if watchDate.location_id != '' %}
+                                    <i class="bi bi-pin-map-fill"></i>
+                                {% endif %}
+                            </span>
                         </li>
                     {% endfor %}
                 </ul>