Skip to content
Snippets Groups Projects
Unverified Commit 1cbee497 authored by Dorine Lambinet's avatar Dorine Lambinet
Browse files

Ajoute composant title anchor sur la page statistiques usages

parent e5d2cf54
Branches
Tags 0.0.708
No related merge requests found
Pipeline #14067 passed
Stage: build
Show whitespace changes
Inline Side-by-side
src/routes/statistiques/+page.svelte
+ 55
− 31
View file @ 1cbee497
<script lang="ts">
import AnchorTitle from "$lib/components/transverse_pages/AnchorTitle.svelte"
import PictoEtat from "$lib/components/pictos/PictoEtat.svelte"
import PictoFemme from "$lib/components/pictos/PictoFemme.svelte"
import OpenGraph from "$lib/components/transverse_pages/OpenGraph.svelte"
......@@ -43,7 +44,11 @@
<main class="fond mt-12 flex items-center justify-center font-serif">
<div class="max-w-screen-md bg-white p-4 md:p-10">
<div>
<h1 class="titreh1">Statistiques d'usage</h1>
<h1
class="text-2xl lg:text-3xl font-sans font-bold text-black text-center tracking-wider pb-10"
>
Statistiques d'usage
</h1>
<p class="pb-3 text-justify text-xl leading-normal text-gray-800">
Les données retenues ici témoignent de l'utilisation des applications
par les usagers, de leur engagement auprès du service et de leur
......@@ -52,7 +57,13 @@
</div>
<!--STATS UTILISATION INTERFACES -->
<h2 class="titreh2">Statistiques d'utilisation des interfaces :</h2>
<AnchorTitle
id="statistiques-utilisation-interfaces"
class="titreh2"
tag="h2"
>
Statistiques d'utilisation des interfaces
</AnchorTitle>
<p class="paragraphe mb-5">
<span class="font-bold"
>Les statistiques suivantes sont probablement sous-évaluées</span
......@@ -83,9 +94,9 @@
</p>
</div>
<div class="md:w-1/2">
<h2 class="text-center text-5xl font-bold">
<h3 class="text-center text-5xl font-bold">
<span> 1165 </span>
</h2>
</h3>
<p class="text-center text-lg leading-normal">
<span
class="font-bold underline decoration-dotted"
......@@ -701,9 +712,9 @@
</div>
</div>
<div class="flex-1">
<h2 class="text-center text-5xl font-bold">
<h3 class="text-center text-5xl font-bold">
<span>{formatNumber(portail?.visites?.nb_visits ?? 0)}</span>
</h2>
</h3>
<p class="text-center text-lg leading-normal">
<span
class="font-bold underline decoration-dotted"
......@@ -746,13 +757,13 @@
</a>
</div>
<div class="flex-1">
<h2 class="text-center text-5xl font-bold">
<h3 class="text-center text-5xl font-bold">
<span class="bg-le-jaune bg-opacity-40 px-2">
{formatNumber(
simulateur?.utilisations?.[0]?.nb_visits ?? 0,
)}
</span>
</h2>
</h3>
<p class="text-center text-lg leading-normal">
<span
class="font-bold underline decoration-dotted"
......@@ -794,11 +805,11 @@
</div>
<div class="flex flex-1 flex-col gap-5 md:flex-[2] md:flex-row">
<div class="flex-1">
<h2 class="text-center text-5xl font-bold">
<h3 class="text-center text-5xl font-bold">
<span>
{formatNumber(barometre?.visites?.nb_visits ?? 0)}
</span>
</h2>
</h3>
<p class="text-center text-lg leading-normal font-bold">
<span
class="underline decoration-dotted"
......@@ -807,13 +818,13 @@
</p>
</div>
<div class="flex-1">
<h2 class="text-center text-5xl font-bold">
<h3 class="text-center text-5xl font-bold">
<span class="bg-le-jaune bg-opacity-40 px-2">
{formatNumber(
barometre?.autresVisites?.dossiers?.nb_visits ?? 0,
)}
</span>
</h2>
</h3>
<p class="text-center leading-normal">
<span class="text-lg font-bold"
>vues du taux d'application d'une loi</span
......@@ -826,14 +837,14 @@
class="flex flex-col items-center gap-x-5 py-8 md:flex-row text-center"
>
<div class="flex-1">
<h2 class="text-3xl font-bold">
<h3 class="text-3xl font-bold">
<span class="inline-flex gap-2">
{formatNumber(
barometre?.autresVisites?.statistiques?.nb_visits ?? 0,
)}
<iconify-icon icon="ri:line-chart-fill" />
</span>
</h2>
</h3>
<p class="text-base leading-normal">
<a
class="hover:underline"
......@@ -849,7 +860,7 @@
</p>
</div>
<div class="flex-1">
<h2 class="text-3xl font-bold">
<h3 class="text-3xl font-bold">
<span class="inline-flex gap-2">
{formatNumber(
barometre?.autresVisites?.fonctionnement?.nb_visits ??
......@@ -857,7 +868,7 @@
)}
<iconify-icon icon="ri:settings-3-fill" />
</span>
</h2>
</h3>
<p class="text-base leading-normal">
<a
class="hover:underline"
......@@ -873,14 +884,14 @@
</p>
</div>
<div class="flex-1">
<h2 class="text-3xl font-bold">
<h3 class="text-3xl font-bold">
<span class="inline-flex gap-2">
{formatNumber(
barometre?.autresVisites?.downloads?.nb_visits ?? 0,
)}
<iconify-icon icon="ri:database-2-fill" />
</span>
</h2>
</h3>
<p class="leading-normal"></p>
<a
class="hover:underline"
......@@ -922,11 +933,11 @@
</div>
<div class="flex flex-1 flex-col gap-5 md:flex-[2] md:flex-row">
<div class="flex-1">
<h2 class="text-center text-5xl font-bold">
<h3 class="text-center text-5xl font-bold">
<span>
{formatNumber(dataCirco?.visites?.nb_visits ?? 0)}
</span>
</h2>
</h3>
<p class="text-center text-lg leading-normal">
<span
class="font-bold underline decoration-dotted"
......@@ -935,11 +946,11 @@
</p>
</div>
<div class="flex-1">
<h2 class="text-center text-5xl font-bold">
<h3 class="text-center text-5xl font-bold">
<span class="bg-le-jaune bg-opacity-40 px-2">
{formatNumber(dataCirco?.utilisations?.[0]?.nb_hits ?? 0)}
</span>
</h2>
</h3>
<p class="text-center text-lg leading-normal">
<span class="font-bold">PDF téléchargés</span>
</p>
......@@ -981,11 +992,11 @@
</div>
<div class="flex flex-1 flex-col gap-5 md:flex-[2] md:flex-row">
<div class="flex-1">
<h2 class="text-center text-5xl font-bold">
<h3 class="text-center text-5xl font-bold">
<span
>{formatNumber(dotations?.visites?.nb_visits ?? 0)}</span
>
</h2>
</h3>
<p class="text-center text-lg leading-normal">
<span
class="font-bold underline decoration-dotted"
......@@ -994,11 +1005,11 @@
</p>
</div>
<div class="flex-1">
<h2 class="text-center text-5xl font-bold">
<h3 class="text-center text-5xl font-bold">
<span class="bg-le-jaune bg-opacity-40 px-2">
{formatNumber(dotations?.utilisations?.[0]?.nb_hits ?? 0)}
</span>
</h2>
</h3>
<p class="text-center text-lg leading-normal">
<span
class="font-bold underline decoration-dotted"
......@@ -1039,11 +1050,11 @@
</a>
</div>
<div class="flex-[2]">
<h2 class="text-center text-5xl font-bold">
<h3 class="text-center text-5xl font-bold">
<span>
{formatNumber(memos?.visites?.nb_visits ?? 0)}
</span>
</h2>
</h3>
<p class="text-center text-lg leading-normal">
<span
class="font-bold underline decoration-dotted"
......@@ -1106,7 +1117,10 @@
</Tabs>
<!--RETOURS D'EXPERIENCE DES UTILISATEURS-->
<h2 class="titreh2 mt-10">Retours utilisateurs</h2>
<AnchorTitle id="retours-utilisateurs" class="titreh2 mt-10" tag="h2">
Retours utilisateurs
</AnchorTitle>
<p class="pb-3 text-justify text-xl leading-normal text-gray-800">
Les retours utilisateurs reccueillis concernent le simulateur
socio-fiscal :
......@@ -1477,7 +1491,14 @@
</Tabs>
<!--LEXIMPACT EMPLOYE DANS LE DEBAT PUBLIC-->
<h2 class="titreh2 mt-10">LexImpact, employé dans le débat public :</h2>
<AnchorTitle
id="employe-dans-le-debat-public"
class="titreh2 mt-10"
tag="h2"
>
LexImpact, employé dans le débat public
</AnchorTitle>
<!--Citation LexImpact par la députée Véronique Louwagie, vice-présidente de la commission des finances -->
<div class="m-4 bg-le-vert-50 p-8 border-l-2 border-le-jaune-dark mb-20">
......@@ -1966,7 +1987,10 @@
</Tabs>
<!--ELARGISSEMENT DU PERIMETRE-->
<h2 class="titreh2 mt-10">Évolution du périmètre</h2>
<AnchorTitle id="evolution-perimetre" class="titreh2 mt-10" tag="h2">
Évolution du périmètre
</AnchorTitle>
<div class="flex items-start gap-16">
<div class="w-1/2 text-center">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment