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

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

@@ -0,0 +1,93 @@
+import { getIsAlternativeUnit } from "./dom.mjs";
+import { COLORS, PATTERNS } from "./enums.mjs";
+import { formatIndicatorValue } from "./format.mjs";
+
+function _getDataInDatasets(values, indicator) {
+    const displayAlternative = getIsAlternativeUnit(indicator.id);
+
+    return values.map((value) => {
+        const v = displayAlternative ? value.valeur_alternative : value.valeur;
+        const isPercent =
+            (displayAlternative
+                ? indicator.unite_alternative
+                : indicator.unite) === "%";
+        return {
+            x: value.annee,
+            label: `${formatIndicatorValue(v)}${isPercent ? "%" : ""}`,
+            y: v,
+        };
+    });
+}
+
+export function getDataset(label, values, indicator) {
+    return {
+        label: label,
+        data: _getDataInDatasets(values, indicator),
+    };
+}
+
+export function getToolTip(unite) {
+    return {
+        enabled: true,
+        callbacks: {
+            label: function (context) {
+                const value = context.raw;
+                const prefix =
+                    context.dataset.label === unite
+                        ? ""
+                        : ` ${context.dataset.label}: `;
+                return `${prefix} ${formatIndicatorValue(value)} ${unite}`;
+            },
+        },
+    };
+}
+
+export function getDates(values) {
+    const years = values.map((value) => value.annee);
+    const minDate = Math.min(...years) - 1;
+    const minNumberOfYears = 3;
+    let maxDate = Math.max(...years);
+    if (maxDate - minDate < minNumberOfYears) {
+        maxDate += 1;
+    }
+
+    return { minDate, maxDate };
+}
+
+export function setBackgroundInDatasets(
+    datasets,
+    pattern = true,
+    chartType = "bar"
+) {
+    const backgrounds = Object.keys(COLORS);
+    const withPattern = localStorage.getItem("pattern") === "true";
+    datasets.forEach((dataset, index) => {
+        // patternomaly library
+        const color =
+            pattern && chartType === "bar" && withPattern && window.pattern
+                ? window.pattern.draw(
+                      PATTERNS[index],
+                      backgrounds[index],
+                      "white"
+                  )
+                : backgrounds[index];
+        dataset.backgroundColor = color;
+        dataset.borderColor = color;
+        if (chartType === "line" && pattern && withPattern && index % 2 === 1) {
+            dataset.borderDash = [5, 5];
+        }
+    });
+}
+
+export function makeChart(ctx, type, data, options) {
+    const oldChart = Chart.getChart(ctx);
+    if (oldChart) {
+        oldChart.destroy();
+    }
+
+    new Chart(ctx, {
+        type,
+        data,
+        options,
+    });
+}

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

@@ -0,0 +1,35 @@
+function addCaptionToTables() {
+    // Pour rendre le titre du tableau accessible
+    // pas d'option en markdown pour relier le titre du tableau au tableau directement.
+
+    const tables = document.querySelectorAll("main table");
+
+    tables.forEach((table) => {
+        const previousElement = table.previousElementSibling;
+
+        if (previousElement && previousElement.tagName.toLowerCase() === "p") {
+            const caption = document.createElement("caption");
+            caption.innerText = previousElement.innerText;
+            previousElement.remove();
+            table.insertBefore(caption, table.firstChild);
+        }
+    });
+}
+
+function replaceCodeWithEm() {
+    // Dans le markdown on utilise des backticks pour mettre des éléments en avant
+    // mais cela nuit à l'accessibilité en mettant une balise code
+
+    const codeElements = document.querySelectorAll("code");
+
+    codeElements.forEach((code) => {
+        const em = document.createElement("em");
+        em.className = "code";
+        em.innerHTML = code.innerHTML;
+
+        code.replaceWith(em);
+    });
+}
+
+addCaptionToTables();
+replaceCodeWithEm();