fix: DOMContentLoaded wrapper + correct asset registration in map templates

- feed-map.html.twig: remove addCss/addJs calls (too late for <head>); merge two <script> blocks into one wrapped in DOMContentLoaded - map.html.twig: move {% block map_assets %} above {% block content %} so map.css reaches <head>; add DOMContentLoaded around map init - dailies.html.twig: add {% block map_assets %} override so map.css and map.js are registered for the feed-map partial Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Vgmzx8VTTTmCskSpQtsLTr
2026-06-24 00:16:57 +02:00
parent 476c2c17ef
commit ed25907545
3 changed files with 20 additions and 10 deletions
@@ -1,5 +1,10 @@
 {% extends 'partials/base.html.twig' %}

+{% block map_assets %}
+{% do assets.addCss('theme://css-compiled/map.css') %}
+{% do assets.addJs('theme://js/map.js', {group: 'bottom'}) %}
+{% endblock %}
+
 {% block content %}
 {% set trip_page = page.parent() %}
 {% set tracker_page = grav.pages.find(page.parent().route ~ '/dailies') %}
@@ -36,17 +41,13 @@

 <div class="map-container" id="trip-map"></div>

-{% block map_assets %}
-{% do assets.addCss('theme://css-compiled/map.css') %}
-{% do assets.addJs('theme://js/map.js', {group: 'bottom'}) %}
-{% endblock %}
-
 <script>
 var ENTRIES     = {{ map_entries|json_encode|raw }};
 var GPX_URLS    = {{ gpx_urls|json_encode|raw }};
 var USE_GPX     = {{ trip_page.header.use_gpx ?? true ? 'true' : 'false' }};
 var AUTOCONNECT = "{{ trip_page.header.autoconnect ?? 'on' }}";

+document.addEventListener('DOMContentLoaded', function() {
 var map = new maplibregl.Map({
    container: 'trip-map',
    style: MapUtils.MAP_STYLE,
@@ -96,5 +97,6 @@ map.on('load', function () {
    /* ── GPX tracks + journey segments ─────────────────────────── */
    MapUtils.renderGpxJourney(map, USE_GPX ? GPX_URLS : [], ENTRIES, 'gpx', 'journey', { connectMode: AUTOCONNECT });
 });
+}); // DOMContentLoaded
 </script>
 {% endblock %}