{"id":91,"date":"2025-04-18T09:09:37","date_gmt":"2025-04-18T07:09:37","guid":{"rendered":"http:\/\/belete.local\/?page_id=91"},"modified":"2025-04-18T09:09:37","modified_gmt":"2025-04-18T07:09:37","slug":"agenda","status":"publish","type":"page","link":"https:\/\/seinesaintdenis.fr\/belete\/agenda\/","title":{"rendered":"Agenda"},"content":{"rendered":"\n<div class=\"wp-block-group has-violet-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-fde39f23 wp-block-group-is-layout-constrained\" style=\"border-radius:45px;padding-top:var(--wp--preset--spacing--xs);padding-right:var(--wp--preset--spacing--xs);padding-bottom:var(--wp--preset--spacing--xs);padding-left:var(--wp--preset--spacing--xs)\">\n<h2 class=\"wp-block-heading has-text-align-center has-blanc-color has-text-color has-link-color wp-elements-c47f286c24873c8fda70fe159d5d7f0a\" style=\"padding-top:var(--wp--preset--spacing--xs);padding-right:0;padding-bottom:var(--wp--preset--spacing--xs);padding-left:0\">L&rsquo;agenda<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-e2cb2713 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-blanc is-style-blanc--1\"><a class=\"wp-block-button__link has-text-align-center wp-element-button\" href=\"https:\/\/parcsinfo.seinesaintdenis.fr\" target=\"_blank\" rel=\"noreferrer noopener\">Encore plus d&rsquo;activit\u00e9s \u00e0 d\u00e9couvrir sur Parcsinfo<\/a><\/div>\n<\/div>\n\n\n<div class=\"align wp-block-belete-agenda\">\n\n<div id=\"agenda-container\" class=\"agenda-container\" >\n    <div class=\"agenda-filters\">\n        <!--\n       \n        <div class=\"agenda-filter\">\n            <label for=\"typeFilter\">Type d'animation<\/label>\n            <select id=\"typeFilter\" v-model=\"filters.type\">\n                <option value=\"\">Tous les types<\/option>\n                <option v-for=\"type in filterOptions.types\" :value=\"type.id\" :key=\"type.id\">\n                    {{ type.name }}\n                <\/option>\n            <\/select>\n        <\/div>\n    -->\n        <div class=\"agenda-filter\">\n            <label for=\"localisationFilter\">Localisation<\/label>\n            <select id=\"localisationFilter\" v-model=\"filters.localisation\">\n                <option value=\"\">Toutes les localisations<\/option>\n                <option v-for=\"localisation in filterOptions.localisations\" :value=\"localisation.id\" :key=\"localisation.id\">\n                    {{ localisation.name }}\n                <\/option>\n            <\/select>\n        <\/div>\n        <div class=\"agenda-filter\">\n            <label>Quand<\/label>\n            <div class=\"agenda-date-filters\">\n                <button type=\"button\" \n                        class=\"agenda-date-btn\" \n                        :class=\"{ active: filters.date === 'today' }\"\n                        @click=\"filters.date = 'today'\">\n                    Aujourd&rsquo;hui\n                <\/button>\n                <button type=\"button\" \n                        class=\"agenda-date-btn\"\n                        :class=\"{ active: filters.date === 'tomorrow' }\"\n                        @click=\"filters.date = 'tomorrow'\">\n                    Demain\n                <\/button>\n                <button type=\"button\" \n                        class=\"agenda-date-btn\"\n                        :class=\"{ active: filters.date === 'weekend' }\"\n                        @click=\"filters.date = 'weekend'\">\n                    Ce week-end\n                <\/button>\n                <button type=\"button\" \n                        class=\"agenda-date-btn\"\n                        :class=\"{ active: filters.date === 'custom' }\"\n                        @click=\"filters.date = 'custom'\">\n                    Choisir une date\n                <\/button>\n                <button type=\"button\" \n                        class=\"agenda-date-btn agenda-reset-date\"\n                        v-if=\"filters.date\"\n                        @click=\"filters.date = ''\">\n                    Toutes les dates\n                <\/button>\n            <\/div>\n            <div class=\"agenda-custom-date\" v-if=\"filters.date === 'custom'\">\n                <input type=\"date\" \n                       id=\"customDate\" \n                       class=\"agenda-date-input\"\n                       v-model=\"filters.customDate\">\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div id=\"agendaLoader\" class=\"agenda-loader\" v-if=\"loading\">\n        <div class=\"loader\"><\/div>\n    <\/div>\n\n    <div v-if=\"error\" class=\"error-message\">\n        {{ error }}\n    <\/div>\n\n    <div class=\"agenda-grid\" v-if=\"!loading &#038;&#038; !error\">\n        <div v-if=\"events.length === 0\" class=\"no-events\">\n            Aucun \u00e9v\u00e9nement ne correspond \u00e0 vos crit\u00e8res de recherche.\n        <\/div>\n        <div v-else class=\"agenda-item\" v-for=\"event in events\" :key=\"event._occurrenceKey || event.id\">\n            <div class=\"agenda-content\">\n                <div class=\"agenda-date\">\n                    <div class=\"agenda-date-square\">\n                        <span class=\"agenda-date-day\">{{ formatDateDay(event._occurrenceDate) }}<\/span>\n                        <span class=\"agenda-date-number\">{{ formatDateNumber(event._occurrenceDate) }}<\/span>\n                        <span class=\"agenda-date-month\">{{ formatDateMonth(event._occurrenceDate) }}<\/span>\n                        \n                    <\/div>\n                    <div class=\"agenda-date-details\">\n                        <h3 v-html=\"event.title.rendered\"><\/h3>\n                        <div class=\"agenda-taxonomies\">\n                            <span v-if=\"event.localisation?.length\" class=\"agenda-taxonomy agenda-localisation\">\n                                {{ taxonomies.localisation[event.localisation[0]]?.name }}\n                            <\/span>\n                            <span v-if=\"event.type_anim?.length\" class=\"agenda-taxonomy agenda-type\">\n                                {{ taxonomies.type_anim[event.type_anim[0]]?.name }}\n                            <\/span>\n                        <\/div>\n                        <div class=\"agenda-excerpt\" v-html=\"truncateHTML(event.content?.rendered, 300)\"><\/div>\n                    <\/div>\n                <\/div>\n                <a :href=\"event.link\" class=\"agenda-button\">En savoir plus<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>L&rsquo;agenda<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-91","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/seinesaintdenis.fr\/belete\/wp-json\/wp\/v2\/pages\/91","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seinesaintdenis.fr\/belete\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/seinesaintdenis.fr\/belete\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/seinesaintdenis.fr\/belete\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/seinesaintdenis.fr\/belete\/wp-json\/wp\/v2\/comments?post=91"}],"version-history":[{"count":0,"href":"https:\/\/seinesaintdenis.fr\/belete\/wp-json\/wp\/v2\/pages\/91\/revisions"}],"wp:attachment":[{"href":"https:\/\/seinesaintdenis.fr\/belete\/wp-json\/wp\/v2\/media?parent=91"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}