{% extends 'Nordinfo/Main/base.html.twig' %}
{% block title %}{{ title }} - Nord Info{% endblock %}
{% block body_class %}
{% if is_favorites_page is defined and is_favorites_page == 1 %}body-favorites
{% endif %}
{% endblock %}
{% set show_btt = true %}
{% block body %}
<main data-aria-hidden-by-modal tabindex="-1" id="mainContent" class="pBXL">
<h1 class="sr-only">{{ title }}</h1>
{% if tagbar == true %}
{{ include('Nordinfo/Main/parts/tags.html.twig') }}
{% endif %}
{% if show_date_bar is defined and show_date_bar == 1 %}
{% include 'Nordinfo/Main/parts/date_bar.html.twig' %}
{% endif %}
{% if cookie_search is defined and cookie_search == true %}
<div class="addTagsBar">
<ul>
<li>
<a href="{{ path('vos_lieux') }}"
aria-label="lieu(x) de vie :{% if cookie_territories is null %}Tous{% else %}{% for c in cookie_territories %}{{ c }}{% if loop.last == false %},{% endif %}{% endfor %}{% endif %} - Ajouter ou supprimer des lieux de vie">
<div class="container">
<div class="row">
<div class="col">
<div class="__inner">
<p class="__text">
<span class="text-secondary">Lieu(x) de vie :</span>
{% if cookie_territories is null %}
Tous
{% else %}
{% for c in cookie_territories %}
{{ c }}{% if loop.last == false %}, {% endif %}
{% endfor %}
{% endif %}
</p>
<div class="__icon">
<svg aria-hidden="true" focusable="false" data-name="Calque 1"
xmlns="http://www.w3.org/2000/svg" viewbox="0 0 121.6 121.6">
<g id="add">
<path id="add-2" class="" d="M55.6,0V55.6H0V66H55.6v55.6H66V66h55.6V55.6H66V0Z"/>
</g>
</svg>
</div>
</div>
</div>
</div>
</div>
</a>
</li>
</ul>
</div>
<hr class="hrBrown mb-0 mt-0">
{% endif %}
{% if show_agenda_filters is defined %}
{% if show_agenda_filters == 1 %}
<div class="filtersBar">
<div class="container">
<ul>
<li {% if app.request.query.get('date') == 'today' %}class="active"{% endif %}>
<a href="{{ path('agenda') }}{% if app.request.query.get('date') != 'today' %}?date=today{% endif %}"
{% if app.request.query.get('date') == 'today' %}aria-current="true"{% endif %}>
<span>Aujourd'hui</span>
</a>
</li>
<li {% if app.request.query.get('date') == 'weekend' %}class="active"{% endif %}>
<a
href="{{ path('agenda') }}{% if app.request.query.get('date') != 'weekend' %}?date=weekend{% endif %}"
{% if app.request.query.get('date') == 'weekend' %}aria-current="true"{% endif %}>
<span>Ce Week-end</span>
</a>
</li>
<li
{% if app.request.query.get('date') != 'weekend' and app.request.query.get('date') != 'today' and app.request.query.get('date') != null %}class="active"{% endif %}>
<button data-toggle="modal" data-target="#modalAgendaDateFilter"
{% if app.request.query.get('date') != 'weekend' and app.request.query.get('date') != 'today' and app.request.query.get('date') != null %}aria-current="true"{% endif %}>
<span>À partir du</span>
</button>
</li>
</ul>
</div>
</div>
{% endif %}
{% endif %}
{% if show_date_bar_agenda is defined and posts is not empty %}
<div class="dateBar dateBar-dynamic" id="dateBarDynamic" aria-hidden="true">
<div class="container">
<div class="row">
<div class="col" data-date-bar-value>
<p>À partir du
<span class="textTransformCapitalize">{{ show_date_bar_agenda }}</span>
</p>
</div>
</div>
</div>
</div>
{% endif %}
{% if is_favorites_page is defined and is_favorites_page == 1 %}
{{ include('Nordinfo/Main/parts/breadcrumb.html.twig') }}
{% if referer is not null %}
{% set url_back = referer %}
{% else %}
{% set url_back = path('info') %}
{% endif %}
{% include 'Nordinfo/Main/parts/back_btn.html.twig' with {'back_btn_class':'_list-page'} %}
<div class="container pb-4 pt-5">
<div class="containerPageHeader">
<h1>Mes favoris</h1>
</div>
</div>
{% endif %}
{% if app.request.query.get('date') == 'weekend' or app.request.query.get('date') == 'today' or app.request.query.get('date') != null %}
<h2 class="headingSection mt-6 mBMd--imp" id="headingAgenda">
{% if app.request.query.get('date') == 'today' %}
Aujourd’hui
{% elseif app.request.query.get('date') == 'weekend' %}
Ce week-end
{% elseif app.request.query.get('date') != 'weekend' and app.request.query.get('date') != 'today' and app.request.query.get('date') != null %}
À partir du {{ show_date_bar_agenda }}
{% endif %}
</h2>
{% endif %}
<div class="container _masonry pt-5">
{% if posts is empty and title == 'Favoris' %}
<div class="text-center">
Vous n’avez pas encore de favoris.
</div>
{% endif %}
{% if posts is empty and title == 'Agenda' %}
<div class="text-center">
Il n'y a aucun évènement correspondant à vos
<a href="{{ path('vos_lieux') }}">Lieux de vie</a>
</div>
{% endif %}
{% if posts is not empty %}
<div class="gridMasonry" id="gridMasonry">
<div class="grid-sizer"></div>
{% for post in posts %}
{{ include('Nordinfo/Main/parts/item_list_agenda.html.twig') }}
{% endfor %}
</div>
{% endif %}
{% if items_total > initial_limit %}
{% include 'Nordinfo/Main/parts/loader_ajax.html.twig' %}
{% endif %}
</div>
<div class="modal fade modalCustom" id="modalAgendaDateFilter" tabindex="-1" role="dialog"
aria-labelledby="modalAgendaDateFilterLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span>
<span class="sr-only">Fermer À partir du</span>
</button>
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title" id="modalAgendaDateFilterLabel">À partir du</h1>
</div>
<div class="modal-body">
<form action="#" id="formAgendaDateFilter">
<div class="form-group">
<input type="hidden" id="inputDate" value="">
</div>
<div class="text-right">
<button type="submit" class="btn btnSubmit">
<span class="__text">Rechercher</span>
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</main>
{% endblock %}
{% block javascripts %}
<script src="{{ asset('plugins/jquery-date-dropdowns/dist/jquery.date-dropdowns.min.js') }}"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css"/>
<script type="text/javascript">
$(function () {
var today = new Date();
currentYear = today.getFullYear();
$('#formAgendaDateFilter').on('submit', function (event) {
event.preventDefault();
var dateVal = $("#inputDate").val();
var notTimestamp = dateVal.includes("/");
var date = dateVal;
if (!notTimestamp) {
date = new Date(dateVal * 1000);
var day = date.getDate();
var month = date.getMonth() + 1;
var year = date.getFullYear();
date = day + "/" + month + "/" + year;
}
window.location.href = '/agenda?date=' + date;
return false;
});
$("#inputDate").dateDropdowns({
monthLongValues: [
'Janvier',
'Février',
'Mars',
'Avril',
'Mai',
'Juin',
'Juillet',
'Aout',
'Septembre',
'Octobre',
'Novembre',
'Décembre'
],
submitFormat: 'dd/mm/yyyy',
minYear: currentYear,
maxYear: currentYear + 2,
yearLabel: 'Année',
daySuffixes: false,
monthLabel: 'Mois',
dayLabel: 'Jour',
dropdownClass: 'form-control',
required: true,
defaultDateFormat: 'unix',
defaultDate: Math.round(
(new Date()).getTime() / 1000
)
})
var selectsDay = document.querySelector('select.day');
var selectsMonth = document.querySelector('select.month');
var selectsYear = document.querySelector('select.year');
if (document.body.contains(selectsDay)) {
selectsDay.setAttribute('title', 'jour');
selectsDay.setAttribute('aria-describedby', 'modalAgendaDateFilterLabel');
}
if (document.body.contains(selectsMonth)) {
selectsMonth.setAttribute('title', 'mois');
selectsMonth.setAttribute('aria-describedby', 'modalAgendaDateFilterLabel');
}
if (document.body.contains(selectsYear)) {
selectsYear.setAttribute('title', 'année');
selectsYear.setAttribute('aria-describedby', 'modalAgendaDateFilterLabel');
}
})
</script>
{{ include('Nordinfo/Main/parts/cookieManager.js.html.twig') }}
{{ parent() }}
{% endblock %}
{% block footer_top %}
{% if sites is defined %}
{% include 'Nordinfo/Main/parts/our-websites.html.twig' %}
{% endif %}
{% include 'Nordinfo/Main/parts/preFooter.html.twig' with {prefooter_template: 'nordinfo'} %}
{% endblock %}