From 246ef1b059a038ca3f1f77072cfc0966a257d543 Mon Sep 17 00:00:00 2001
From: Kevin Veen-Birkenbach <kevin@veen.world>
Date: Mon, 7 Jul 2025 08:57:30 +0200
Subject: [PATCH] Added backup logik for missing images

---
 app/templates/moduls/card.html.j2 | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/templates/moduls/card.html.j2 b/app/templates/moduls/card.html.j2
index 3541811..4725340 100644
--- a/app/templates/moduls/card.html.j2
+++ b/app/templates/moduls/card.html.j2
@@ -2,10 +2,15 @@
     <div class="card h-100 d-flex flex-column">
         <div class="card-body d-flex flex-column">
             <div class="card-img-top">
-                {% if card.icon.class %}
+                {# Prioritize image, fallback to icon via onerror #}
+                {% if card.icon.cache %}
+                    <img src="{{ card.icon.cache }}" alt="{{ card.title }}" style="width:100px; height:auto;"
+                         onerror="this.style.display='none'; var icon=this.nextElementSibling; if(icon) icon.style.display='inline-block';">
+                    {% if card.icon.class %}
+                        <i class="{{ card.icon.class }}" style="display:none;"></i>
+                    {% endif %}
+                {% elif card.icon.class %}
                     <i class="{{ card.icon.class }}"></i>
-                {% else %}
-                    <img src="{{ card.icon.cache }}" alt="{{ card.title }}" style="width: 100px; height: auto;">
                 {% endif %}
             </div>
             <hr />