territories-dashboard-lib 0.1.1__py3-none-any.whl → 0.1.3__py3-none-any.whl

territories_dashboard_lib/website_lib/templates/territories_dashboard_lib/website/pages/indicators/components/indicator-card.html

@@ -0,0 +1,52 @@
+<section
+    id="card-{{ indicator.id }}"
+    class="indicator-card fr-grid-row fr-grid-row-md--gutters"
+    data-indicator="{{ indicator.id }}"
+>
+    {{ indicator|json_script:indicator.id }}
+    <div class="fr-col-12">
+        <div class="tdbmd-indicator-card fr-p-3w fr-mt-md-5w fr-mt-3w">
+            <h3 class="fr-h6">{{indicator.title}}</h3>
+            <p>{{indicator.description}}</p>
+            {% if indicator.source %}
+                <p class="tdbmd-indicator-source">
+                    <span class="tdbmd-indicator-source__title">Source</span>
+                    <span>:</span>
+                    {{indicator.source}}
+                </p>
+            {% endif %}
+            <button
+                class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-file-line fr-btn--icon-right"
+                aria-label="Fiche méthodologique - {{ indicator.title }}"
+                aria-controls="slide-panel-methodo"
+            >
+                Fiche méthodologique
+            </button>
+            <div class="fr-tag-list fr-mt-4w" role="group" aria-label="Filtres disponibles">
+                {% for dimension_filters in indicator.filters %}
+                    <div class="filters-dimension">
+                        {% if indicator.filters|length > 1 %}
+                            <label>{{ dimension_filters.0.title }}</label>
+                        {% endif %}
+                        <div>
+                            {% for filter in dimension_filters.1 %}
+                                <button
+                                    class="fr-tag filter-tag"
+                                    aria-label="{{ filter.db_name }} - {{indicator.title}}"
+                                    data-indicator="{{ indicator.id }}"
+                                    data-dimension="{{ dimension_filters.0.db_name }}"
+                                    data-filter="{{ filter.db_name|escape }}"
+                                    data-default="{{ filter.default|yesno:'true,false' }}"
+                                >
+                                    {{filter.db_name}}
+                                </button>
+                            {% endfor %}
+                        </div>
+                    </div>
+                {% endfor %}
+            </div>
+            {{ body }}
+        </div>
+        {{ footer }}
+    </div>
+</section>

territories_dashboard_lib/website_lib/templates/territories_dashboard_lib/website/pages/indicators/components/loader.html

@@ -0,0 +1,28 @@
+<span style="display: inline-block; width: {{width}}px;">
+    <svg
+        xmlns="http://www.w3.org/2000/svg"
+        xmlnsXlink="http://www.w3.org/1999/xlink"
+        viewBox="0 0 100 100"
+        preserveAspectRatio="xMidYMid"
+    >
+        <circle
+            cx="50"
+            cy="50"
+            r="35"
+            stroke-width="10"
+            stroke="#6a6af4"
+            stroke-dasharray="180"
+            fill="none"
+            stroke-linecap="round"
+        >
+            <animateTransform
+                attributeName="transform"
+                type="rotate"
+                repeatCount="indefinite"
+                dur="1.1764705882352942s"
+                keyTimes="0;1"
+                values="0 50 50;360 50 50"
+            ></animateTransform>
+        </circle>
+    </svg>
+</span>

territories_dashboard_lib/website_lib/templates/territories_dashboard_lib/website/pages/indicators/components/side_panel.html

@@ -0,0 +1,27 @@
+<aside id="slide-panel-{% block "type" %}{% endblock %}" role="dialog" aria-modal="true" aria-label="{% block "aria-label" %}{% endblock %}" class="tdbmd-slide-panel">
+    <button
+        class="tdbmd-slide-panel__btn fr-btn fr-btn--tertiary"
+        data-side-panel-close="true"
+    >
+        <span
+        className="tdbmd-slide-panel__icon"
+            aria-hidden="true"
+        >
+            <div style="width: 24px; transform: rotate(180deg);">
+                {% include "territories_dashboard_lib/website/svg/delete-back.svg" %}
+            </div>
+        </span>
+        <span class="fr-sr-only">Fermer</span>
+    </button>
+    <div class="tdbmd-slide-panel__content">
+        <button
+            class="fr-btn fr-btn--tertiary tdbmd-slide-panel__btn--mobile fr-mb-2w fr-mt-3w fr-ml-4w"
+            data-side-panel-close="true"
+        >
+            Fermer
+        </button>
+        <div id="slide-panel-content">
+            {% block "content" %}{% endblock %}
+        </div>
+    </div>
+</aside>

territories_dashboard_lib/website_lib/templates/territories_dashboard_lib/website/pages/indicators/components/side_panel_geo.html

@@ -0,0 +1,80 @@
+{% extends "./side_panel.html" %}
+
+{% load other_filters %}
+
+{% block "type" %}geo{% endblock %}
+
+{% block "aria-label" %}Menu pour le choix du territoire{% endblock %}
+
+{% block "content" %}
+<h1 class="fr-sr-only">Choix du territoire</h1>
+<div id="geo_side_panel" class="tdbmd-territory-tabs" style="margin-top: 32px;">
+    <div class="fr-tabs fr-transition-none">
+        <ul class="fr-tabs__list" role="tablist">
+            {% for m in params.all_meshes %}
+                <li role="presentation">
+                    <button
+                        id="tabpanel-{{ m }}"
+                        class="fr-tabs__tab fr-tabs__tab--icon-left"
+                        {% if m == params.territory_mesh %}
+                            tabindex="0"
+                            aria-selected="true"
+                        {% else %}
+                            tabindex="-1"
+                            aria-selected="false"
+                        {% endif %}
+                        role="tab"
+                        aria-controls="tabpanel-{{ m }}-panel">
+                        {{ params.meshes_titles|get_item:m }}
+                    </button>
+                </li>
+            {% endfor %}
+        </ul>
+        {% for m in params.all_meshes %}
+            <div id="tabpanel-{{ m }}-panel" class="fr-tabs__panel tdbmbd-tabpanel-panel {% if m == params.territory_mesh %}fr-tabs__panel--selected{% endif %}" role="tabpanel" aria-labelledby="tabpanel-{{ m }}" tabindex="0" style="transition: none;">
+                <h2>
+                    {{ params.meshes_titles|get_item:m }}
+                </h2>
+                <div class="fr-input-group autocomplete-input">
+                    <label id="territories-label-{{ m }}" class="fr-label" for="search-territories-{{ m }}">Sélectionner un territoire</label>
+                    <div class="fr-input-wrap fr-input-wrap--addon">
+                        <input
+                            data-mesh="{{ m }}"
+                            id="search-territories-{{ m }}" class="fr-input search-territory-input" aria-autocomplete="list" aria-controls="territories-menu-{{ m }}" aria-expanded="false" aria-labelledby="territories-label-{{ m }}" autocomplete="off" role="combobox" type="text"
+                            ></input>
+                        <button class="fr-btn fr-icon-arrow-down-s-line autocomplete-btn" aria-controls="territories-menu-{{ m }}" aria-expanded="false" tabindex="-1" title="Sélectionner un territoire">
+                        </button>
+                    </div>
+                </div>
+                <ul id="territories-menu-{{ m }}" data-mesh="{{ m }}" class="tdbmd-combobox-suggestions" role="listbox">
+                    <li data-type="load"><button onclick="loadMoreTerritories(this)" data-mesh="{{ m }}" class="fr-btn fr-btn--secondary fr-btn--sm">Charger plus de résultats</button></li>
+                </ul>
+                <input id="selected-territory-id-{{ m }}" type="hidden">
+                <input id="selected-territory-mesh-{{ m }}" type="hidden">
+                <input id="selected-territory-raw-name-{{ m }}" type="hidden">
+                <button
+                    id="selected-territory-validate-{{ m }}"
+                    data-mesh="{{ m }}"
+                    disabled
+                    class="fr-btn validate-territory-btn"
+                    onclick="validateTerritory(this)"
+                >
+                    Valider
+                </button>
+                <em id="selected-territory-name-{{ m }}"></em>
+            </div>
+        {% endfor %}
+    </div>
+    <div class="side-panel-last-close-button-container">
+        <button
+            class="fr-btn fr-btn--tertiary-no-outline fr-btn--sm"
+            data-side-panel-close="true"
+            >
+            Fermer la sélection du territoire
+        </button>
+    </div>
+    <script>
+        {% include "./side_panel_geo.js" %}
+    </script>
+</div>
+{% endblock %}

territories_dashboard_lib/website_lib/templates/territories_dashboard_lib/website/pages/indicators/components/side_panel_geo.js

@@ -0,0 +1,85 @@
+async function fetchTerritories(search, mesh, offset = 0, append = false) {
+    const searchParams = new URLSearchParams(
+        `mesh=${mesh}&search=${search}&offset=${offset}`
+    ).toString();
+    const resp = await fetch(`/api/geo/search-territories/?${searchParams}`);
+    if (resp.ok) {
+        const lis = await resp.text();
+        const list = document.getElementById(`territories-menu-${mesh}`);
+        if (append) {
+            list.querySelector('li[data-type="load"]').remove();
+            list.innerHTML += lis;
+        } else {
+            list.innerHTML = lis;
+        }
+    }
+}
+
+// eslint-disable-next-line no-unused-vars
+function loadMoreTerritories(button) {
+    const mesh = button.dataset.mesh;
+    const offset = button.dataset.offset;
+    const input = document.getElementById(`search-territories-${mesh}`);
+    fetchTerritories(input.value, button.dataset.mesh, offset, true);
+}
+
+// eslint-disable-next-line no-unused-vars
+function chooseTerritory(li) {
+    const name = li.dataset.name;
+    const code = li.dataset.code;
+    const nameAndCode = li.textContent;
+    const mesh = li.parentNode.dataset.mesh;
+    document.getElementById(`search-territories-${mesh}`).value = nameAndCode;
+    document.getElementById(`selected-territory-id-${mesh}`).value = code;
+    document.getElementById(`selected-territory-mesh-${mesh}`).value = mesh;
+    document.getElementById(`selected-territory-raw-name-${mesh}`).value = name;
+    document.getElementById(
+        `selected-territory-name-${mesh}`
+    ).innerText = `(${name})`;
+    document
+        .getElementById(`selected-territory-validate-${mesh}`)
+        .removeAttribute("disabled");
+}
+
+// eslint-disable-next-line no-unused-vars
+function validateTerritory(button) {
+    const mesh = button.dataset.mesh;
+    const territoryID = document.getElementById(
+        `selected-territory-id-${mesh}`
+    ).value;
+    const territoryMesh = document.getElementById(
+        `selected-territory-mesh-${mesh}`
+    ).value;
+    const urlParams = new URLSearchParams(window.location.search);
+    const comparison = button.dataset.comparison == "true" ? "cmp-" : "";
+    const currentTerritory = urlParams.get(comparison + "territory");
+    const currentTerritoryMesh = currentTerritory
+        ? currentTerritory.split("-")[1]
+        : null;
+    if (territoryMesh !== currentTerritoryMesh) {
+        urlParams.delete("mesh");
+    }
+    urlParams.set(comparison + "territory", `${territoryID}-${territoryMesh}`);
+    window.location.search = urlParams;
+}
+
+function debounce(func, delay) {
+    let timeoutId;
+    return function (...args) {
+        if (timeoutId) clearTimeout(timeoutId);
+        timeoutId = setTimeout(() => func.apply(this, args), delay);
+    };
+}
+
+const debouncedSearch = debounce(fetchTerritories, 400);
+
+const inputs = document.querySelectorAll(".search-territory-input");
+
+inputs.forEach((input) => {
+    const mesh = input.dataset.mesh;
+    input.addEventListener("input", () => {
+        const searchValue = input.value;
+        debouncedSearch(searchValue, mesh);
+    });
+    fetchTerritories("", mesh);
+});

territories_dashboard_lib/website_lib/templates/territories_dashboard_lib/website/pages/indicators/components/side_panel_methodo.html

@@ -0,0 +1,45 @@
+{% extends "./side_panel.html" %}
+
+{% block "type" %}methodo{% endblock %}
+
+{% block "aria-label" %}Menu de la fiche méthodologique{% endblock %}
+
+{% block "content" %}
+<div id="slide-panel-content-methodo" class="tdbmd-slide-panel-fiche-methodo">
+    <div class="fr-header">
+        <div class="fr-header__body">
+            <div class="fr-container">
+                <div class="fr-header__body-row">
+                    <div class="fr-header__brand">
+                        <div class="fr-header__brand-top">
+                            <div class="fr-header__logo">
+                                    <p class="fr-logo">
+                                        Ministères <br />
+                                        aménagement <br />
+                                        du territoire <br />
+                                        transition <br/>
+                                        écologique
+                                    </p>
+                            </div>
+                        </div>
+                        <div class="fr-header__service">
+                            <p class="fr-header__service-title">
+                                Tableau de bord des mobilités durables
+                            </p>
+                            <p class="fr-header__service-tagline">Fiche méthodologique</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <h1 class="fr-sr-only">Fiche méthodologique</h1>
+    <h2 id="slide-panel-methodo-indicator-title" class="tdbmd-slide-panel__subtitle"></h2>
+    <p class="tdbmd-slide-panel__thematic fr-pl-md-4w">Thématique : <span id="slide-panel-methodo-theme-title"></span></p>
+    <div id="slide-panel-content-methodo-markdown" class="fr-pl-md-4w tdbmd-markdown"></div>
+    <button id="methodo-export-button" class="fr-btn fr-btn--secondary fr-btn--sm fr-icon-file-pdf-line fr-btn--icon-right fr-mx-4w fr-mt-2w fr-mb-4w">Exporter la fiche méthodologique</button>
+    <script>
+        {% include "./side_panel_methodo.js" %}
+    </script>
+</div>
+{% endblock %}

territories_dashboard_lib/website_lib/templates/territories_dashboard_lib/website/pages/indicators/components/side_panel_methodo.js

@@ -0,0 +1,19 @@
+const button = document.getElementById("methodo-export-button");
+button.addEventListener("click", async () => {
+    const indicatorName = button.dataset.indicatorName;
+    const indicatorTitle = button.dataset.indicatorTitle;
+    const response = await fetch(`/api/indicators/${indicatorName}/methodo/`);
+
+    if (!response.ok) {
+        throw new Error("Failed to fetch the PDF file.");
+    }
+
+    // Create a download link
+    const blob = await response.blob();
+    const url = window.URL.createObjectURL(blob);
+    const a = document.createElement("a");
+    a.href = url;
+    a.download = `${indicatorTitle}.pdf`;
+    a.click();
+    window.URL.revokeObjectURL(url);
+});

territories_dashboard_lib/website_lib/templates/territories_dashboard_lib/website/pages/indicators/components/themes-list.html

@@ -0,0 +1,9 @@
+<ul id="thematics-links">
+    {% for theme in themes %}
+        <li>
+            <a href="{% if comparison %}{% url 'website:comparison' theme_name=theme.name %}{% else %}{% url 'website:theme' theme_name=theme.name %}{% endif %}">
+                {{ theme.title }}
+            </a>
+        </li>
+    {% endfor %}
+</ul>

territories_dashboard_lib/website_lib/templates/territories_dashboard_lib/website/pages/indicators/components/themes-nav.html

@@ -0,0 +1,33 @@
+<nav role="navigation" class="fr-sidemenu" aria-label="Navigation entre les thèmes">
+    <div class="fr-sidemenu__inner">
+        <div class="fr-collapse" id="fr-sidemenu-wrapper">
+            <ul class="fr-sidemenu__list">
+                {% for th in themes %}
+                    {% if th == theme %}
+                    <li class="fr-sidemenu__item">
+                        <button aria-expanded="true" aria-controls="current-theme-menu" aria-current="true" class="fr-sidemenu__btn">
+                            {{ theme.title }}
+                        </button>
+                        <div class="fr-collapse fr-collapse--expanded" id="current-theme-menu">
+                            <ul class="fr-sidemenu__list">
+                                {% for sub_theme in sub_themes %}
+                                <li class="fr-sidemenu__item">
+                                    <a class="fr-sidemenu__link" href="{% if comparison %}{% url 'website:comparison' theme_name=th.name %}{% else %}{% url 'website:theme' theme_name=th.name %}{% endif %}#{{sub_theme.name}}">
+                                        {{ sub_theme.title }}
+                                    </a>
+                                </li>
+                                {% endfor %}
+                            </ul>
+                        </div>
+                    </li>
+                    {% else %}
+                    <li class="fr-sidemenu__item">
+                        <a class="fr-sidemenu__link" href="{% if comparison %}{% url 'website:comparison' theme_name=th.name %}{% else %}{% url 'website:theme' theme_name=th.name %}{% endif %}"
+                        target="_self">{{th.title}}</a>
+                    </li>
+                    {% endif %}
+                {% endfor %}
+            </ul>
+        </div>
+    </div>
+</nav>

territories_dashboard_lib/website_lib/templates/territories_dashboard_lib/website/pages/indicators/components/title.html

@@ -0,0 +1,28 @@
+<div class="title-tooltip">
+    {% if h4 %}
+        <h4 class="fr-mt-4w">{{ title }}</h4>
+    {% else %}
+        <h3 class="fr-mt-4w">{{ title }}</h3>
+    {% endif %}
+    <div aria-describedby="tooltip-{{ key }}">
+        <svg
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 24 24"
+            width="20"
+            height="20"
+        >
+            <path
+                fill="#000091"
+                d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm0-2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Zm-1-5h2v2h-2v-2Zm2-1.645V14h-2v-1.5a1 1 0 0 1 1-1 1.5 1.5 0 1 0-1.471-1.794l-1.962-.393A3.501 3.501 0 1 1 13 13.355Z"
+            />
+        </svg>
+    </div>
+</div>
+<span
+    class="fr-tooltip fr-placement"
+    id="tooltip-{{ key }}"
+    role="tooltip"
+    aria-hidden="true"
+>
+    {{ text }}
+</span>

territories_dashboard_lib/website_lib/templates/territories_dashboard_lib/website/pages/indicators/details/components/filters-reminder.html

@@ -0,0 +1,19 @@
+{% if filters|length > 1 %}
+    <div class="filters-reminder">
+        {% for dimension_filters in filters %}
+            {% if not dimension_filters.0.is_breakdown %}
+                <div>
+                    <label>{{ dimension_filters.0.title }} : </label>
+                    <span class="filters-reminder-dimension" data-dimension="{{ dimension_filters.0.db_name }}">
+                        {% for filter in dimension_filters.1 %}
+                            {% if filter.current %}
+                            <p class="fr-tag">{{filter.db_name}}</p>
+                            {% endif %}
+                        {% endfor %}
+                    </span>
+                    <a class="fr-link fr-icon-arrow-up-line fr-link--icon-right fr-link--sm" href="#filtres">Modifier les filtres</a>
+                </div>
+            {% endif %}
+        {% endfor %}
+    </div>
+{% endif %}

territories_dashboard_lib/website_lib/templates/territories_dashboard_lib/website/pages/indicators/details/components/table.html

@@ -0,0 +1,123 @@
+<div class="tdbmd-table-container">
+    <div class="tdbmd-table-header">
+        <div>
+            <label
+                class="fr-label fr-mb-1w"
+                for="data-table-search-input{%if props.flows %}-flows{% endif %}"
+            >
+                Filtrer par année, lieu ou dimension
+            </label>
+            <div
+                class="fr-search-bar"
+                id="header-search"
+            >
+                <input
+                    id="data-table-search-input{%if props.flows %}-flows{% endif %}"
+                    class="table-search fr-input"
+                    placeholder="Rechercher"
+                    type="search"
+                    value="{{ props.search|default_if_none:'' }}"
+                ></input>
+                <button class="fr-btn" title="Rechercher">
+                    Rechercher
+                </button>
+            </div>
+        </div>
+    </div>
+    <div style="overflow-x: auto;">
+        <table class="tdbmd-table" data-sort="{{ props.column_order|default_if_none:'' }}" data-orderflow="{{ props.column_order_flow|default_if_none:'' }}" data-limit="{{props.limit}}" data-page="{{ pages.current }}" data-search="{{ props.search|default_if_none:'' }}" data-linefocus="{{ line_focus|default_if_none:'' }}">
+            <thead>
+                <tr>
+                    {% for key in keys %}
+                        <th class="orderableTh" data-orderflow="{% if props.column_order_flow  == "DESC"%}DESC{% else%}ASC{% endif %}" data-name="{{ key.db }}" scope="col">
+                            <div>
+                                <span>{{ key.label }}</span>
+                                <button
+                                    type="button"
+                                    aria-label="Trier la colonne {{key.label}} par ordre {% if props.column_order == key.db %}{% if props.column_order_flow == "ASC" %}décroissant{% elif props.column_order_flow == "DESC" %}croissant{% endif %}{% else %}croissant{% endif %}"
+                                    class="orderArrow {% if props.column_order == key.db %}{% if props.column_order_flow == "ASC" %}orderArrowUp{% elif props.column_order_flow == "DESC" %}orderArrowDown{% endif %}{% else %}orderArrowBoth{% endif %}"
+                                >
+                                    {% if props.column_order == key.db %}{% if props.column_order_flow == "ASC" %}↑{% elif props.column_order_flow == "DESC" %}↓{% endif %}{% else %}↕{% endif %}
+                                </button>
+                            </div>
+                        </th>
+                    {% endfor %}
+                </tr>
+            </thead>
+            <tbody>
+                {% for row in rows %}
+                    <tr tabindex="-1">
+                        {% for value in row.values %}
+                            <td>{{ value }}</td>
+                        {% endfor %}
+                    </tr>
+                {% endfor %}
+            </tbody>
+    </table>
+    </div>
+    {% if not rows %}
+        Pas de donnée disponible.
+    {% endif %}
+    <div class="fr-table__footer">
+        <div class='fr-table__footer--start'>
+        <p class='fr-table__detail' style="margin: 0px;">{{ result_count }} lignes</p>
+        <div class='fr-select-group'>
+            <label class='fr-sr-only fr-label' for='table-footer-select-7847'> Lignes par page </label>
+            <select class='select-table-limit fr-select' aria-describedby='table-footer-select-7847-messages' id='table-footer-select-7847' name='table-footer-select-7847' style="width: 11rem;">
+            <option value='' selected disabled hidden>Lignes par page</option>
+            <option value='20'>20 lignes par page</option>
+            <option value='50'>50 lignes par page</option>
+            <option value='100'>100 lignes par page</option>
+            </select>
+            <div class='fr-messages-group' id='table-footer-select-7847-messages' aria-live='polite'>
+            </div>
+        </div>
+        </div>
+        {% if not pages.only_one_page %}
+            <div class='fr-table__footer--middle'>
+                <nav role='navigation' class='fr-pagination' aria-label='Pagination'>
+                    <ul class='fr-pagination__list'>
+                        {% if pages.first != None %}
+                            <li>
+                                <button class='fr-pagination__link fr-pagination__link--first fr-pagination__link-override' data-page="{{ pages.first }}" aria-label="Afficher la première page"> Première page </button>
+                            </li>
+                        {% endif %}
+                        {% if pages.before != None %}
+                            <li>
+                                <button class='fr-pagination__link fr-pagination__link--prev fr-pagination__link--lg-label fr-pagination__link-override' data-page="{{ pages.before }}" aria-label="Afficher la page précédente"> Précédente </button>
+                            </li>
+                        {% endif %}
+                        <li>
+                            <button class='fr-pagination__link fr-pagination__link-override' data-page="{{ pages.current }}" aria-label="Afficher la page {{ pages.current }}"> <b>{{ pages.current }}</b></button>
+                        </li>
+                        {% if pages.after != None %}
+                            <li>
+                                <button class='fr-pagination__link fr-pagination__link--next fr-pagination__link--lg-label fr-pagination__link-override' data-page="{{ pages.after }}" aria-label="Afficher la page suivante"> Suivante </button>
+                            </li>
+                        {% endif %}
+                        {% if pages.last != None %}
+                            <li>
+                                <button class='fr-pagination__link fr-pagination__link--last fr-pagination__link-override' data-page="{{ pages.last }}" aria-label="Afficher la dernière page"> Dernière page </button>
+                            </li>
+                        {% endif %}
+                    </ul>
+                </nav>
+            </div>
+        {% endif %}
+    </div>
+    <div class="data-table-export-buttons">
+        {% if last_year %}
+            <button
+                data-year="{{ last_year }}"
+                class="table-export fr-btn fr-btn--secondary fr-btn--sm fr-icon-file-download-line fr-btn--icon-right"
+            >
+                Export des données de {{ last_year }}
+            </button>
+        {% endif %}
+        <button
+            class="table-export fr-btn fr-btn--secondary fr-btn--sm fr-icon-file-download-line fr-btn--icon-right"
+        >
+            Exporter les données (toutes années)
+        </button>
+    </div>
+</div>