|  | @@ -26,6 +26,49 @@
 | 
											
												
													
														|  |  
 |  |  
 | 
											
												
													
														|  |      {{ assets.css() }}
 |  |      {{ 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 %}
 |  |      {% block javascripts %}
 | 
											
												
													
														|  |          {% do assets.addJs('jquery', 101) %}
 |  |          {% do assets.addJs('jquery', 101) %}
 | 
											
												
													
														|  |          {% do assets.addJs('theme://js/jquery-ui.js', {group:'bottom'}) %}
 |  |          {% do assets.addJs('theme://js/jquery-ui.js', {group:'bottom'}) %}
 | 
											
										
											
												
													
														|  | @@ -48,6 +91,7 @@
 | 
											
												
													
														|  |  {% endblock head %}
 |  |  {% endblock head %}
 | 
											
												
													
														|  |  </head>
 |  |  </head>
 | 
											
												
													
														|  |  <body id="top">
 |  |  <body id="top">
 | 
											
												
													
														|  | 
 |  | +
 | 
											
												
													
														|  |      <div id="page">
 |  |      <div id="page">
 | 
											
												
													
														|  |      {% block header %}
 |  |      {% block header %}
 | 
											
												
													
														|  |          <section id="header" class="section">
 |  |          <section id="header" class="section">
 |