territories-dashboard-lib 0.1.33b1__py3-none-any.whl → 1.1.1.dev7__py3-none-any.whl

territories_dashboard_lib/website_lib/serializers.py

@@ -53,6 +53,7 @@ def serialize_indicator(indicator):
                         "name": item.name,
                         "label": item.label,
                         "filterable": item.filterable,
+                        "linked_to_indicator": item.linked_to_indicator,
                     }
                     for item in gf.items.all()
                 ],

territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/anchor.mjs

@@ -0,0 +1,45 @@
+function enableAnchorLinks() {
+    document.querySelectorAll("button.anchor-link").forEach((button) => {
+        const describedBy = button.getAttribute("aria-describedby");
+        button.addEventListener("click", () => {
+            const anchor = button.dataset.anchor;
+            window.history.replaceState(undefined, undefined, "#" + anchor);
+            navigator.clipboard.writeText(window.location.href);
+            setTimeout(() => {
+                // to close the tooltip and not trigger it again when reloading the URL
+                button.parentElement.click();
+            }, 500);
+        });
+    });
+}
+
+function trackAnchorLinks() {
+    const buttons = document.querySelectorAll('button[data-track="true"]');
+    console.log("BUTTONS", buttons);
+    if (buttons.length === 0) return;
+
+    const observer = new IntersectionObserver((entries) => {
+        entries.forEach((entry) => {
+            if (entry.isIntersecting) {
+                fetch("/api/tracking/event/", {
+                    method: "POST",
+                    body: JSON.stringify({
+                        indicator: entry.target.dataset.indicator,
+                        event: "vue-resume-indicateur",
+                    }),
+                });
+                observer.unobserve(entry.target);
+            }
+        });
+    });
+
+    window.addEventListener(
+        "scroll",
+        () => {
+            buttons.forEach((button) => observer.observe(button));
+        },
+        { once: true }
+    );
+}
+
+export { enableAnchorLinks, trackAnchorLinks };

territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/comparaison/page.mjs

@@ -2,10 +2,11 @@
 import { callData, getSearchParams } from "./data.mjs";
 import { delaySpinner, getClosestIndicator } from "../dom.mjs";
 import { handleFilterClick, initializeFilters } from "../filters.mjs";
-import { addSidePanelListener, openMethodoSidePanel } from "../side_panel.mjs";
+import { addSidePanelListener } from "../side_panel.mjs";
 
 import { exportImageAsync } from "../export-graph.mjs";
 import { exportToCSV } from "../export.mjs";
+import { enableAnchorLinks, trackAnchorLinks } from "../anchor.mjs";
 
 Chart.register(
     Chart.CategoryScale,
@@ -43,14 +44,6 @@ document.querySelectorAll(".indicator-card").forEach((indicatorCard) => {
             callData(indicator);
         });
     });
-
-    indicatorCard
-        .querySelectorAll('button[aria-controls="slide-panel-methodo"]')
-        .forEach((button) => {
-            button.addEventListener("click", () => {
-                openMethodoSidePanel(indicator, button);
-            });
-        });
 });
 
 document
@@ -105,3 +98,6 @@ document.addEventListener("DOMContentLoaded", () => {
     });
     addSidePanelListener();
 });
+
+enableAnchorLinks();
+trackAnchorLinks();

territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/details/histogram.mjs

@@ -8,7 +8,7 @@ import {
 } from "../enums.mjs";
 import { makeChart, setBackgroundInDatasets } from "../utils.mjs";
 
-import { addEmptyGraphMessage } from "./utils.mjs";
+import { addEmptyGraphMessage, removeEmptyGraphMessage } from "./utils.mjs";
 import { formatIndicatorValue } from "../format.mjs";
 
 function getDatalabels(dataset, mesh) {
@@ -94,9 +94,12 @@ export function makeHistogramChart(indicator) {
     const { datasetsHistogramBarChart: dataset, deciles } = histogramData;
 
     const ctx = document.getElementById("histogramChart");
+
     if (Object.keys(dataset).length === 0) {
         addEmptyGraphMessage(ctx);
         return;
+    } else {
+        removeEmptyGraphMessage(ctx);
     }
 
     const labels = deciles.map((decile) => formatIndicatorValue(decile));

territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/details/page.mjs

@@ -7,7 +7,7 @@ import {
     updateFiltersReminder,
     updateUrlWithFilters,
 } from "../filters.mjs";
-import { addSidePanelListener, openMethodoSidePanel } from "../side_panel.mjs";
+import { addSidePanelListener } from "../side_panel.mjs";
 
 import { exportImageAsync } from "../export-graph.mjs";
 import { exportToCSV } from "../export.mjs";
@@ -33,12 +33,7 @@ initializeFilters(indicator);
 callData(indicator);
 makeMap(indicator);
 makeSankeyGraph(indicator);
-const openMethodoButton = document.querySelector(
-    'button[aria-controls="slide-panel-methodo"]'
-);
-openMethodoButton.addEventListener("click", () => {
-    openMethodoSidePanel(indicator, openMethodoButton);
-});
+
 document.querySelectorAll(".filter-tag").forEach((button) => {
     button.addEventListener("click", async () => {
         await handleFilterClick(indicator);

territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/details/proportions.mjs

@@ -2,7 +2,7 @@ import { getIndicatorDataScript, getParams } from "../dom.mjs";
 import { getToolTip, makeChart, setBackgroundInDatasets } from "../utils.mjs";
 
 import { COLORS } from "../enums.mjs";
-import { addEmptyGraphMessage } from "./utils.mjs";
+import { addEmptyGraphMessage, removeEmptyGraphMessage } from "./utils.mjs";
 import { formatIndicatorValue } from "../format.mjs";
 
 function getPlugins(indicator, total) {
@@ -67,6 +67,8 @@ function makeProportionsChart(indicator) {
     if (datasets.length === 0 || emptyDatasets) {
         addEmptyGraphMessage(ctx);
         return;
+    } else {
+        removeEmptyGraphMessage(ctx);
     }
 
     const total = datasets.map((d) => d.data[0]).reduce((a, b) => a + b, 0);
@@ -92,7 +94,6 @@ function makeProportionsChart(indicator) {
             },
         },
     };
-
     makeChart(ctx, "bar", data, options);
 }
 

territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/details/top10.mjs

@@ -1,6 +1,6 @@
 import { getToolTip, makeChart, setBackgroundInDatasets } from "../utils.mjs";
 
-import { addEmptyGraphMessage } from "./utils.mjs";
+import { addEmptyGraphMessage, removeEmptyGraphMessage } from "./utils.mjs";
 import { formatIndicatorValue } from "../format.mjs";
 import { getIndicatorDataScript } from "../dom.mjs";
 
@@ -40,9 +40,11 @@ function makeTop10Chart(indicator) {
         datasets,
     };
 
-    if (data.labels.length === 0) {
+    if (data.labels.length === 0 || datasets.length === 0) {
         addEmptyGraphMessage(ctx);
         return;
+    } else {
+        removeEmptyGraphMessage(ctx);
     }
 
     const options = {

territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/details/utils.mjs

@@ -1,8 +1,17 @@
 function addEmptyGraphMessage(ctx) {
-    const div = document.createElement("div");
-    div.textContent =
-        "Il n'y a pas assez de données pour afficher le graphique.";
-    ctx.parentNode.insertBefore(div, ctx);
+    const oldChart = Chart.getChart(ctx);
+    if (oldChart) {
+        oldChart.destroy();
+    }
+    const noMessageDiv =
+        ctx.parentElement.parentElement.querySelector(".no-data-message");
+    if (noMessageDiv) noMessageDiv.dataset.show = "true";
 }
 
-export { addEmptyGraphMessage };
+function removeEmptyGraphMessage(ctx) {
+    const noMessageDiv =
+        ctx.parentElement.parentElement.querySelector(".no-data-message");
+    if (noMessageDiv) noMessageDiv.dataset.show = "false";
+}
+
+export { addEmptyGraphMessage, removeEmptyGraphMessage };

territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/dom.mjs

@@ -1,17 +1,3 @@
-function fillMethodoSidePanel(indicator) {
-    const container = document.getElementById(
-        "slide-panel-content-methodo-markdown"
-    );
-    container.innerHTML = indicator.methodo_html;
-    const exportButton = document.getElementById("methodo-export-button");
-    exportButton.dataset.indicatorName = indicator.name;
-    exportButton.dataset.indicatorTitle = indicator.title;
-    document.getElementById("slide-panel-methodo-indicator-title").textContent =
-        indicator.title;
-    document.getElementById("slide-panel-methodo-theme-title").textContent =
-        indicator.theme;
-}
-
 function getClosestIndicator(element) {
     const indicatorId = element.closest(".indicator-card").dataset.indicator;
     return JSON.parse(document.getElementById(indicatorId).textContent);
@@ -81,7 +67,6 @@ function delaySpinner() {
 export {
     delaySpinner,
     getClosestIndicator,
-    fillMethodoSidePanel,
     makeIndicatorDataScript,
     getIndicatorDataScript,
     getIsAlternativeUnit,

territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/enums.mjs

@@ -2,11 +2,12 @@ const THOUSANDS = "k";
 const MILLIONS = "M";
 
 const MeshLevel = {
-    National: "fr",
-    Region: "reg",
-    Department: "dep",
-    Epci: "epci",
-    Town: "com",
+    fr: "fr",
+    reg: "reg",
+    dep: "dep",
+    epci: "epci",
+    com: "com",
+    aom: "aom",
 };
 
 const COLORS = {
@@ -76,16 +77,18 @@ const PATTERNS = [
 
 function getMeshLevelTitle(meshLevel) {
     switch (meshLevel) {
-        case MeshLevel.Region:
+        case MeshLevel.reg:
             return "Région";
-        case MeshLevel.Department:
+        case MeshLevel.dep:
             return "Département";
-        case MeshLevel.Epci:
+        case MeshLevel.epci:
             return "Intercommunalité";
-        case MeshLevel.Town:
+        case MeshLevel.com:
             return "Commune";
-        case MeshLevel.National:
+        case MeshLevel.fr:
             return "France entière";
+        case MeshLevel.aom:
+            return "AOM";
     }
 }
 

territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/side_panel.mjs

@@ -1,22 +1,13 @@
-import { fillMethodoSidePanel } from "./dom.mjs";
-
 let buttonWhichOpenedPanel = null;
 
 function closeSidePanel() {
     const sidePanelGeo = document.getElementById("slide-panel-geo");
-    const sidePanelMethodo = document.getElementById("slide-panel-methodo");
     sidePanelGeo.classList.remove("tdbmd-slide-panel--show");
-    sidePanelMethodo.classList.remove("tdbmd-slide-panel--show");
     if (sidePanelGeo.style.display === "block") {
         setTimeout(() => {
             sidePanelGeo.style.display = "none";
         }, 500);
     }
-    if (sidePanelMethodo.style.display === "block") {
-        setTimeout(() => {
-            sidePanelMethodo.style.display = "none";
-        }, 500);
-    }
     document.querySelectorAll(".validate-territory-btn").forEach((btn) => {
         delete btn.dataset.comparison;
     });
@@ -73,11 +64,6 @@ function releaseFocusTrap() {
     document.removeEventListener("keydown", focusTrapListener);
 }
 
-function openMethodoSidePanel(indicator, button) {
-    fillMethodoSidePanel(indicator);
-    openSidePanel(button, "methodo");
-}
-
 function addSidePanelListener() {
     const button = document.querySelector(
         'button[aria-controls="slide-panel-geo"][data-comparison="false"]'
@@ -100,4 +86,4 @@ function addSidePanelListener() {
         });
 }
 
-export { openMethodoSidePanel, addSidePanelListener };
+export { addSidePanelListener };

territories_dashboard_lib/website_lib/static/territories_dashboard_lib/website/js/pages/indicators/theme/page.mjs

@@ -13,7 +13,7 @@ import {
     handleFilterClick,
     initializeFilters,
 } from "../filters.mjs";
-import { addSidePanelListener, openMethodoSidePanel } from "../side_panel.mjs";
+import { addSidePanelListener } from "../side_panel.mjs";
 
 import { exportImageAsync } from "../export-graph.mjs";
 import { exportToCSV } from "../export.mjs";
@@ -21,6 +21,7 @@ import { exportToCSV } from "../export.mjs";
 import { updateHistoryDOM } from "./history.mjs";
 import { updateMainValueDOM } from "./main-value.mjs";
 import { updateStatisticsDOM } from "./statistics.mjs";
+import { enableAnchorLinks, trackAnchorLinks } from "../anchor.mjs";
 
 Chart.register(
     Chart.CategoryScale,
@@ -117,14 +118,6 @@ document.querySelectorAll(".indicator-card").forEach((indicatorCard) => {
             toggleIndicatorUnit(event.target);
         });
     });
-
-    indicatorCard
-        .querySelectorAll('button[aria-controls="slide-panel-methodo"]')
-        .forEach((button) => {
-            button.addEventListener("click", () => {
-                openMethodoSidePanel(indicator, button);
-            });
-        });
 });
 
 document.addEventListener("DOMContentLoaded", () => {
@@ -162,3 +155,6 @@ document
             button.removeAttribute("disabled");
         });
     });
+
+enableAnchorLinks();
+trackAnchorLinks();