error fixxed for loading images

static/js/ui-status.js

@@ -28,3 +28,9 @@ function showReconnect() {
 
 window.updateStatus = updateStatus;
 window.showReconnect = showReconnect;
+
+// Am Ende
+window.initStatus = function() {
+  // Dein Status-Init-Code, falls vorhanden
+  console.log('ui-status.js → Status initialisiert');
+};

templates/base.html

@@ -86,7 +86,8 @@
           integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
           crossorigin="anonymous"></script>
 
-<!-- Globale JavaScript-Module (immer laden) -->
+{% block scripts %}
+  <!-- Module laden – Reihenfolge wichtig! -->
   <script src="{{ url_for('static', filename='js/config.js') }}"></script>
   <script src="{{ url_for('static', filename='js/ui-status.js') }}"></script>
   <script src="{{ url_for('static', filename='js/ui-connect.js') }}"></script>
@@ -94,10 +95,23 @@
   <script src="{{ url_for('static', filename='js/ui-soundboard.js') }}"></script>
   <script src="{{ url_for('static', filename='js/connection-check.js') }}"></script>
 
-<!-- Einstiegspunkt – lädt und initialisiert alles -->
+  <!-- Einstiegspunkt -->
   <script src="{{ url_for('static', filename='js/app.js') }}"></script>
 
-<!-- Seiten-spezifische Config setzen (nur wenn config existiert) -->
+  <!-- Config setzen + Inits aufrufen -->
-{% block scripts %}{% endblock %}
+  <script>
+    // Config global setzen (nur auf Seiten mit config)
+    window.mkConfig       = {{ config | tojson | safe }};
+    window.mkGlobalSounds = {{ global_sounds | tojson | safe }};
+
+    // Alle Inits aufrufen
+    initConfig();
+    initStatus();
+    initConnect();
+    initChannels();
+    initSoundboard();
+    // connection-check wird von connect/reconnect aufgerufen
+  </script>
+{% endblock %}
 </body>
 </html>

templates/control.html

@@ -27,7 +27,7 @@
         </div>
         <div class="col-md-4 text-md-end">
           {% if config.image %}
-            <img src="{{ url_for('serve_config_file', filename=config.image) }}"
+            <img src="{{ url_for('main.serve_config_file', filename=config.image) }}"
                  alt="{{ config.name }}"
                  class="img-fluid rounded shadow"
                  style="max-height: 180px; object-fit: cover;">

templates/index.html

@@ -13,7 +13,7 @@
         <div class="col">
           <div class="card h-100 shadow-sm">
             {% if cfg.image %}
-              <img src="{{ url_for('main.serve_config_file', filename=cfg.image) }}"
+              <img src="{{ url_for('main.serve_config_file', filename=config.image) }}"
                    class="card-img-top" alt="{{ cfg.name }}"
                    style="height: 180px; object-fit: cover;">
             {% else %}