Skip to content

Commit 2cc1d76

Browse files
hugues-mhugues-m
committed
qa: qa fixes page budget
1 parent 69adb30 commit 2cc1d76

File tree

2 files changed

+136
-140
lines changed

2 files changed

+136
-140
lines changed

‎apps/web/src/app/(public)/budget/dataBudget.tsx‎

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
const budgetElement = [
2-
{ post: "Produit", amount: "140 465" },
3-
{ post: "Développement", amount: "199 758" },
4-
{ post: "Design", amount: "172 698" },
5-
{ post: "Déploiement", amount: "10 166" }
6-
]
2+
{ post: 'Produit', amount: 140_465 },
3+
{ post: 'Développement', amount: 199_758 },
4+
{ post: 'Design', amount: 172_698 },
5+
{ post: 'Déploiement', amount: 10_166 },
6+
]
77

8-
export default budgetElement
8+
export default budgetElement

‎apps/web/src/app/(public)/budget/page.tsx‎

Lines changed: 130 additions & 134 deletions
Original file line numberDiff line numberDiff line change
@@ -1,76 +1,70 @@
1+
import { AccompagnementPieChart } from '@app/web/app/coop/(sidemenu-layout)/mes-statistiques/_components/AccompagnementPieChart'
2+
import { QuantifiedShareLegend } from '@app/web/app/coop/(sidemenu-layout)/mes-statistiques/_components/QuantifiedShareLegend'
3+
import { canauxAccompagnementColors } from '@app/web/app/coop/(sidemenu-layout)/mes-statistiques/_sections/colors'
14
import { metadataTitle } from '@app/web/app/metadataTitle'
25
import Breadcrumbs from '@app/web/components/Breadcrumbs'
36
import SkipLinksPortal from '@app/web/components/SkipLinksPortal'
47
import { contentId, defaultSkipLinks } from '@app/web/utils/skipLinks'
58
import type { Metadata } from 'next'
6-
import { AccompagnementPieChart } from '../../coop/(sidemenu-layout)/mes-statistiques/_components/AccompagnementPieChart'
7-
import { QuantifiedShareLegend } from '../../coop/(sidemenu-layout)/mes-statistiques/_components/QuantifiedShareLegend'
8-
import { canauxAccompagnementColors } from '../../coop/(sidemenu-layout)/mes-statistiques/_sections/colors'
99
import budgetElement from './dataBudget'
1010

1111
export const metadata: Metadata = {
1212
title: metadataTitle('Budget'),
1313
}
1414

15-
16-
1715
const BudgetPage = () => {
18-
1916
// Calcul du total pour obtenir la proportion
20-
const totalAmount = budgetElement.reduce((sum, item) => sum + parseFloat(item.amount.replace(' ', '').replace('€', '')), 0);
17+
const totalAmount = budgetElement.reduce((sum, item) => sum + item.amount, 0)
2118

2219
const pieChartData = budgetElement.map((item) => {
23-
const count = parseFloat(item.amount.replace(' ', '').replace('€', '')); // Le montant dépensé
24-
const proportion = count / totalAmount; // La proportion du total
20+
const amount = item.amount // Le montant dépensé
21+
const proportion = amount / totalAmount // La proportion du total
2522

2623
return {
2724
label: item.post,
28-
count, // Montant dépensé
25+
count: amount, // Montant dépensé
2926
proportion, // Proportion par rapport au total
30-
};
31-
});
27+
}
28+
})
3229

3330
// Adaptation temporaire pour `QuantifiedShareLegend`
3431
const legendData = pieChartData.map((item) => ({
3532
...item,
3633
proportion: item.proportion * 100, // Conversion en pourcentage
37-
}));
34+
}))
3835

3936
return (
40-
<div className="fr-container">
41-
<SkipLinksPortal links={defaultSkipLinks} />
42-
<Breadcrumbs currentPage="Budget" />
43-
<main
44-
id={contentId}
45-
className="fr-container landing-main-container fr-my-8w"
46-
>
47-
<h1 className="fr-text-title--blue-france fr-mb-2w">
48-
Budget
49-
</h1>
50-
<p>
51-
La coop de la médiation numérique est un service public numérique
52-
développé au sein de l’Incubateur des territoires de l’Agence Nationale
53-
de la Cohésion des Territoires (ANCT). C’est la raison pour laquelle
54-
nous sommes transparents sur les ressources allouées et la manière dont
55-
elles sont employées.
56-
</p>
57-
58-
<div className="fr-col-md-10 fr-background-alt--blue-france fr-p-6w fr-border-radius--16">
59-
<h2 className="fr-h2 fr-text-title--blue-france">Fonctionnement</h2>
37+
<div className="fr-container">
38+
<SkipLinksPortal links={defaultSkipLinks} />
39+
<Breadcrumbs currentPage="Budget" />
40+
<main
41+
id={contentId}
42+
className="fr-container landing-main-container fr-my-8w"
43+
>
44+
<h1 className="fr-text-title--blue-france fr-mb-2w">Budget</h1>
6045
<p>
61-
La coop de la médiation numérique est une stat-up d’Etat : l’équipe est
62-
donc portée par une intrapreneuse agent public qui est responsable du
63-
service numérique développé au sein de son administration (ANCT en
64-
l’occurence).
46+
La coop de la médiation numérique est un service public numérique
47+
développé au sein de l’Incubateur des territoires de l’Agence
48+
Nationale de la Cohésion des Territoires (ANCT). C’est la raison pour
49+
laquelle nous sommes transparents sur les ressources allouées et la
50+
manière dont elles sont employées.
6551
</p>
66-
<p>
67-
Le budget exposé ici ne prend pas en compte l’intrapreneuse puisqu’elle
68-
est salariée (fonctionnaire) de l’ANCT mais concerne le reste de
69-
l’équipe qui est constitué de free lance sur les volets Produit, Design,
70-
Développement et Déploiement.
71-
</p>
72-
<p>
73-
Membres de l’équipe :</p>
52+
53+
<div className="fr-col-md-10 fr-background-alt--blue-france fr-p-6w fr-border-radius--16">
54+
<h2 className="fr-h2 fr-text-title--blue-france">Fonctionnement</h2>
55+
<p>
56+
La coop de la médiation numérique est une stat-up d’Etat : l’équipe
57+
est donc portée par une intrapreneuse agent public qui est
58+
responsable du service numérique développé au sein de son
59+
administration (ANCT en l’occurence).
60+
</p>
61+
<p>
62+
Le budget exposé ici ne prend pas en compte l’intrapreneuse
63+
puisqu’elle est salariée (fonctionnaire) de l’ANCT mais concerne le
64+
reste de l’équipe qui est constitué de free lance sur les volets
65+
Produit, Design, Développement et Déploiement.
66+
</p>
67+
<p>Membres de l’équipe&nbsp;:</p>
7468
<ul>
7569
<li>Manon Galle, Intrapreneuse</li>
7670
<li>Thibault Rouveyrol, Responsable de produit</li>
@@ -80,96 +74,98 @@ const BudgetPage = () => {
8074
<li>Sarah Ouali, Chargée de déploiement/support</li>
8175
</ul>
8276

83-
<p>
84-
L’ensemble des membres de l’équipe ne sont pas à temps plein sur le
85-
développement de La coop de la médiation mais développe, en parallèle,
86-
d’autres produits numériques pour l’ANCT.
87-
</p>
88-
</div>
89-
90-
<div className="fr-col-md-10 fr-background-alt--blue-france fr-p-6w fr-border-radius--16 fr-mb-2w fr-mt-2w">
91-
<h2 className="fr-h2 fr-text-title--blue-france">Budget consommé</h2>
92-
93-
<p>
94-
La coop de la médiation numérique est un service en construction ayant
95-
démarré son développement en février 2024. En 2023, 45 000€ a été dépensé pour la phase d'investigation.
96-
</p>
97-
98-
<h4>Détail des postes de dépenses en 2024 :</h4>
99-
<div className="fr-table" data-fr-js-table="true">
100-
<table className="data-table" data-fr-js-table-element="true">
101-
<thead>
102-
<tr>
103-
<th className="fr-background-alt--blue-france" scope="col">
104-
Poste de dépense
105-
</th>
106-
<th className="fr-background-alt--blue-france" scope="col">
107-
Dépenses 2024
108-
</th>
109-
<th className="fr-background-alt--blue-france" scope="col">
110-
Dépenses prévisionnelles T1 2025
111-
</th>
112-
</tr>
113-
</thead>
114-
<tbody>
115-
<tr>
116-
<th>Produit</th>
117-
<td>140 465 €</td>
118-
<td>36 290 €</td>
119-
</tr>
120-
<tr>
121-
<th>Design</th>
122-
<td>172 698 €</td>
123-
<td>31 104 €</td>
124-
</tr>
125-
<tr>
126-
<th>Développement</th>
127-
<td> 199 758 €</td>
128-
<td>93 792 €</td>
129-
</tr>
130-
<tr>
131-
<th>Déploiement/support</th>
132-
<td>10 166 €</td>
133-
<td>18 774 €</td>
134-
</tr>
135-
</tbody>
136-
</table>
77+
<p>
78+
L’ensemble des membres de l’équipe ne sont pas à temps plein sur le
79+
développement de La coop de la médiation mais développe, en
80+
parallèle, d’autres produits numériques pour l’ANCT.
81+
</p>
13782
</div>
13883

84+
<div className="fr-col-md-10 fr-background-alt--blue-france fr-p-6w fr-border-radius--16 fr-mb-2w fr-mt-2w">
85+
<h2 className="fr-h2 fr-text-title--blue-france">Budget consommé</h2>
86+
87+
<p>
88+
La coop de la médiation numérique est un service en construction
89+
ayant démarré son développement en février 2024. En 2023, 45 000€ a
90+
été dépensé pour la phase d'investigation.
91+
</p>
92+
93+
<h4>Détail des postes de dépenses en 2024 :</h4>
94+
<div className="fr-table" data-fr-js-table="true">
95+
<table className="data-table" data-fr-js-table-element="true">
96+
<thead>
97+
<tr>
98+
<th className="fr-background-alt--blue-france" scope="col">
99+
Poste de dépense
100+
</th>
101+
<th className="fr-background-alt--blue-france" scope="col">
102+
Dépenses 2024
103+
</th>
104+
<th className="fr-background-alt--blue-france" scope="col">
105+
Dépenses prévisionnelles T1 2025
106+
</th>
107+
</tr>
108+
</thead>
109+
<tbody>
110+
<tr>
111+
<th>Produit</th>
112+
<td>140 465 €</td>
113+
<td>36 290 €</td>
114+
</tr>
115+
<tr>
116+
<th>Design</th>
117+
<td>172 698 €</td>
118+
<td>31 104 €</td>
119+
</tr>
120+
<tr>
121+
<th>Développement</th>
122+
<td>199 758 €</td>
123+
<td>93 792 €</td>
124+
</tr>
125+
<tr>
126+
<th>Déploiement/support</th>
127+
<td>10 166 €</td>
128+
<td>18 774 €</td>
129+
</tr>
130+
</tbody>
131+
</table>
132+
</div>
133+
134+
<div className="fr-flex fr-align-items-center fr-col-md-8">
135+
{/* Intégration du camembert */}
136+
<AccompagnementPieChart
137+
size={128}
138+
data={pieChartData} // Passage des données avec count et proportion
139+
colors={canauxAccompagnementColors}
140+
/>
141+
142+
<QuantifiedShareLegend
143+
classeName="fr-pl-3w"
144+
quantifiedShares={legendData} // Passage des mêmes données à la légende
145+
colors={canauxAccompagnementColors}
146+
/>
147+
</div>
148+
<br />
149+
<p>
150+
Au total, 568 087€ ont été investis dans le développement et le
151+
déploiement de La coop depuis le départ.
152+
</p>
153+
</div>
139154

140-
<div className="fr-flex fr-align-items-center fr-col-md-8">
141-
{/* Intégration du camembert */}
142-
<AccompagnementPieChart
143-
size={128}
144-
data={pieChartData} // Passage des données avec count et proportion
145-
colors={canauxAccompagnementColors}
146-
/>
147-
148-
<QuantifiedShareLegend
149-
classeName="fr-pl-3w"
150-
quantifiedShares={legendData} // Passage des mêmes données à la légende
151-
colors={canauxAccompagnementColors}
152-
/>
153-
</div>
154-
<br/>
155-
<p>Au total, 568 087€ ont été investis dans le développement et le déploiement de La coop
156-
depuis le départ.</p>
157-
</div>
158-
159-
160-
161-
<div className="fr-col-md-10 fr-background-alt--blue-france fr-p-6w fr-border-radius--16">
162-
<h4 className="fr-h2 fr-text-title--blue-france">A propos de la TVA</h4>
163-
<p>
164-
Contrairement aux entreprises du secteur privé, les administrations ne
165-
peuvent pas récupérer la TVA supportée sur leurs achats dans le cadre
166-
de leur activité. Le montant TTC inclut la TVA au taux de 20%. La TVA
167-
est collectée et reservée à l’Etat et diminue donc le montant du
168-
budget utilisable sur le projet.
169-
</p>
170-
</div>
171-
</main>
172-
</div>
173-
174-
)}
155+
<div className="fr-col-md-10 fr-background-alt--blue-france fr-p-6w fr-border-radius--16">
156+
<h4 className="fr-h2 fr-text-title--blue-france">
157+
A propos de la TVA
158+
</h4>
159+
<p>
160+
Contrairement aux entreprises du secteur privé, les administrations
161+
ne peuvent pas récupérer la TVA supportée sur leurs achats dans le
162+
cadre de leur activité. Le montant TTC inclut la TVA au taux de 20%.
163+
La TVA est collectée et reservée à l’Etat et diminue donc le montant
164+
du budget utilisable sur le projet.
165+
</p>
166+
</div>
167+
</main>
168+
</div>
169+
)
170+
}
175171
export default BudgetPage

0 commit comments

Comments
 (0)