get grav content into dynamic javascript variable for links, streetmap and reseauxsocio
This commit is contained in:
@@ -108,7 +108,7 @@ errors:
|
|||||||
display: 1
|
display: 1
|
||||||
log: true
|
log: true
|
||||||
debugger:
|
debugger:
|
||||||
enabled: false
|
enabled: true
|
||||||
shutdown:
|
shutdown:
|
||||||
close_connection: true
|
close_connection: true
|
||||||
twig: true
|
twig: true
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user