get grav content into dynamic javascript variable for links, streetmap and reseauxsocio

2018-09-17 18:10:11 +02:00
parent 0d5a955bcf
commit fb7c85d1b7
2 changed files with 45 additions and 1 deletions
@@ -108,7 +108,7 @@ errors:
  display: 1
  log: true
 debugger:
-  enabled: false
+  enabled: true
  shutdown:
    close_connection: true
  twig: true
@@ -26,6 +26,49 @@

    {{ assets.css() }}

+    <!-- dynamique js variables -->
+    {# Pour déboguer les variables twig tu peux utiliser dump #}
+    {# ça apparait dans la console de deboguage grav en bas de l'écran dans "messages" #}
+    {# pour activer la console grav c'est dans /user/config/system.yalm debugger:enabled:true #}
+    {% for module in page.collection %}
+      {{ dump( module.slug )}}
+      {% for submodule in module.collection %}
+      {{ dump(submodule.header) }}
+      {% endfor %}
+    {% endfor %}
+
+    {# le code pour de vrai :) #}
+    {# définie les tableaux a remplir #}
+    {% set mappoints = [] %}
+    {% set links = [] %}
+    {% set reseauxsociaux = [] %}
+    {# boucle sur les modules puis les sous modules #}
+    {# et en fonction du module remplit le bon tableau #}
+    {% for module in page.collection %}
+      {% for submodule in module.collection %}
+        {% if module.slug == "_streetmap" %}
+          {% set mappoints = mappoints|merge([submodule.header]) %}
+        {% endif %}
+        {% if module.slug == "_links" %}
+          {% set links = links|merge([submodule.header]) %}
+        {% endif %}
+        {% if module.slug == "_reseaux-sociaux" %}
+          {% set reseauxsociaux = reseauxsociaux|merge([submodule.header]) %}
+        {% endif %}
+      {% endfor %}
+    {% endfor %}
+
+    {# transforme les variable twig en variables js #}
+    <script type="text/javascript">
+      var dyn_data = {
+        mappoints : {{ mappoints|json_encode() }},
+        links : {{ links|json_encode() }},
+        reseauxsociaux : {{ reseauxsociaux|json_encode() }}
+      };
+      console.log("dyn_data", dyn_data);
+    </script>
+
+    <!-- js assets -->
    {% block javascripts %}
        {% do assets.addJs('jquery', 101) %}
        {% do assets.addJs('theme://js/jquery-ui.js', {group:'bottom'}) %}
@@ -48,6 +91,7 @@
 {% endblock head %}
 </head>
 <body id="top">
+
    <div id="page">
    {% block header %}
        <section id="header" class="section">