Skip to content

Feat integrating static pages - frontend #3909

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Sep 23, 2025
Merged

Feat integrating static pages - frontend #3909

Show file tree
Hide file tree
Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
c7dc37e
feat(frontend): integrating static pages
hbalty Sep 14, 2025
cc5aa2d
feat(frotend): integrating dsfr static pages
hbalty Sep 15, 2025
d6475af
Update packages/frontend/src/app/modules/general/components/faq/faq.c…
hbalty Sep 23, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 4 additions & 0 deletions .talismanrc
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,6 +17,10 @@ fileignoreconfig:
checksum: e2d06e63d58935b349f2591b0a3c407c254be26c4e833456829e7c605fc7411b
- filename: packages/backend/src/_migrations/_init-db/domifa_test_schema.sql
checksum: 8b421c413bab4f2419972dec548a5399879f497a8c75c9b240bbf8c123cfab06
- filename: packages/frontend/src/app/modules/general/components/static-pages/politique/politique.component.html
checksum: b4b98ac83a35a960edeb96d560203a9afbcc2d68d01c6289c2b316c36e5cdc80
- filename: packages/frontend/src/app/modules/general/components/static-pages/politique/politique.component.ts
checksum: 94dd1d6db6c4ed1876bca5b077543693ee240e221ba32fab45885ed5b91e9f70
- filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/admin-structures-list.component.spec.ts
checksum: 8f66091255109d0da277819584c6c69d4a7f720256842851a49b0dda16af6651
- filename: packages/portail-admins/src/app/modules/admin-structures/components/admin-structures-list/admin-structures-list.component.ts
Expand Down
36 changes: 19 additions & 17 deletions ...rontend/src/app/modules/general/components/contact-support/contact-support.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,3 @@
<div class="head-page py-4">
<div class="container">
<h1 class="title">Formulaire de contact</h1>
</div>
</div>

<div class="step-form my-5" *ngIf="success">
<div class="text-center">
<fa-icon
Expand All @@ -18,19 +12,27 @@ <h2 class="text-success">
</div>
</div>

<div class="content py-3" *ngIf="contactForm && !success">
<div class="py-3" *ngIf="contactForm && !success">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The contact form title was moved from a styled header to regular content. Ensure the h1 styling is appropriate and maintains visual hierarchy for accessibility.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@pYassine c'était un choix, parce qu'on affichait un message parachuté avec un header parachuté.

<div class="container py-3">
<div class="page-content p-3">
<p>
Un problème ? Une suggestion ? Avez-vous consulté
<a [routerLink]="['/faq']" ariaCurrentWhenActive="page">notre FAQ</a>
?
<br />
Si la réponse ne s'y trouve pas, merci de remplir les champs ci-dessous
en nous donnant un maximum d'informations, ce qui nous permettra de vous
répondre plus rapidement.
</p>

<div class="row justify-content-center">
<div class="col-md-8 col-lg-8 col-sm-12">
<h1>Formulaire de contact</h1>
</div>
<div class="col-md-8 col-lg-8 col-sm-12">
<p>
Un problème ? Une suggestion ? Avez-vous consulté
<a [routerLink]="['/faq']" ariaCurrentWhenActive="page"
>notre FAQ</a
>
?
<br />
Si la réponse ne s'y trouve pas, merci de remplir les champs
ci-dessous en nous donnant un maximum d'informations, ce qui nous
permettra de vous répondre plus rapidement.
</p>
</div>
</div>
<div class="row justify-content-center">
<div class="col-md-8 col-lg-8 col-sm-12">
<form [formGroup]="contactForm" (ngSubmit)="sendContactMessage()">
Expand Down
74 changes: 23 additions & 51 deletions packages/frontend/src/app/modules/general/components/faq/faq.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,28 +1,23 @@
<div class="head-page py-4">
<div class="container">
<div class="row">
<div class="col-md-7 col-12">
<h1 class="title">Questions / Réponses sur DomiFa</h1>
</div>
<div class="text-start text-md-end col-12 col-md-5">
<a
href="/assets/files/guide_utilisateur_domifa.pdf"
target="_blank"
class="btn btn-white-primary"
rel="noopener noreferrer"
download
>
<fa-icon [icon]="['fas', 'download']" aria-hidden="true"></fa-icon>
Télécharger le guide utilisateur
</a>
</div>
<div class="container py-4">
<div class="row">
<div class="col-md-7 col-12">
<h1>Questions / Réponses sur DomiFa</h1>
</div>
<div class="text-start text-md-end col-12 col-md-5">
<a
href="/assets/files/guide_utilisateur_domifa.pdf"
target="_blank"
class="btn btn-primary"
rel="noopener noreferrer"
download
>
<fa-icon [icon]="['fas', 'download']" aria-hidden="true"></fa-icon>
Télécharger le guide utilisateur
</a>
</div>
</div>
</div>

<div class="content py-4">
<div class="container py-4">
<div class="page-content p-3">
<div class="py-4">
<div class="p-3">
<p>
Si vos questions concernent les sections ci-dessous, merci de vous
référer à notre guide utilisateurr, qui se compose des parties suivantes
Expand Down Expand Up @@ -331,34 +326,11 @@ <h3>

Ces équipes soit joignables 5 jours sur 7, de 9h à 18h.
</p>
<div class="table-responsive">
<table class="table">
<caption class="visually-hidden">
En cas d’incident majeur sur la plateforme, quel est le dispositif
mis en place ?
</caption>
<thead>
<tr>
<th scope="row">Action</th>
<th scope="row">Indisponibilité maximum</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mise à jour</td>
<td>30 minutes</td>
</tr>
<tr>
<td>Maintenance trimestrielle</td>
<td>1 heure</td>
</tr>
<tr>
<td>Désastre majeur</td>
<td>48 heures</td>
</tr>
</tbody>
</table>
</div>
<dsfr-datatable
[columns]="shutdownDelaiColumn"
[data]="shutdownDelaidata"
>
</dsfr-datatable>
<p>
Nous garantissons un taux de disponibilité des applications de 95%.
<br />
Expand Down
4 changes: 0 additions & 4 deletions packages/frontend/src/app/modules/general/components/faq/faq.component.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,10 +8,6 @@ video {
max-width: 98%;
}

h2 {
font-size: 1.6rem;
}

ol {
list-style-type: non;

Expand Down
30 changes: 29 additions & 1 deletion packages/frontend/src/app/modules/general/components/faq/faq.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,13 +3,42 @@ import { Meta, Title } from "@angular/platform-browser";
import { MatomoTracker } from "ngx-matomo-client";
import { GeneralService } from "../../services/general.service";
import { ImportDocumentType } from "@domifa/common";
import { DsfrColumn } from "@edugouvfr/ngx-dsfr";

@Component({
selector: "app-faq",
styleUrls: ["./faq.component.scss"],
templateUrl: "./faq.component.html",
})
export class FaqComponent implements OnInit {
public shutdownDelaiColumn: DsfrColumn[] = [
{
label: "Action",
field: "action",
},
{
label: "Indisponibilité maximum",
field: "maxShutdownTime",
},
];

public shutdownDelaidata: {
action: string;
maxShutdownTime: string;
}[] = [
{
action: "Mise à jour",
maxShutdownTime: "30 minutes",
},
{
action: "Maintenance trimestrielle ",
maxShutdownTime: "1 heure",
},
{
action: "Désastre majeur",
maxShutdownTime: "48 heures",
},
];
constructor(
private readonly titleService: Title,
private readonly meta: Meta,
Expand All @@ -19,7 +48,6 @@ export class FaqComponent implements OnInit {

public ngOnInit(): void {
this.titleService.setTitle("Foire aux question de DomiFa");

this.meta.updateTag({
name: "description",
content:
Expand Down
9 changes: 2 additions & 7 deletions packages/frontend/src/app/modules/general/components/news/news.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,6 @@
<div class="head-page py-4">
<div class="container">
<h1 class="title">Les dernières nouveautés de DomiFa</h1>
</div>
</div>

<div class="content py-3" *ngIf="DOMIFA_NEWS">
<div class="py-3" *ngIf="DOMIFA_NEWS">
<div class="container py-3">
<h1 class="title">Les dernières nouveautés de DomiFa</h1>
<div class="card my-3 text-start" *ngFor="let news of DOMIFA_NEWS">
<h2 class="my-2">
Nouveautés du {{ news.date | date : "d MMMM y"
Expand Down
1 change: 0 additions & 1 deletion packages/frontend/src/app/modules/general/components/news/news.component.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,6 @@ export class NewsComponent implements OnInit {
public readonly DOMIFA_NEWS: any = DOMIFA_NEWS;

public constructor(private readonly seoService: SeoService) {}

public ngOnInit(): void {
this.seoService.updateTitleAndTags(
"Les dernières nouveautés de DomiFa",
Expand Down
108 changes: 50 additions & 58 deletions packages/frontend/src/app/modules/general/components/plan-site/plan-site.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,68 +1,60 @@
<div class="head-page py-4">
<div class="container">
<h1 class="title">Plan du site de DomiFa</h1>
</div>
</div>
<div class="content py-3">
<div class="container">
<div class="page-content p-3">
<div class="row" *ngIf="authService.currentUserValue">
<ng-container *ngFor="let linkSection of siteMapLinksLogged">
<div class="col-md-4 col-12 my-3">
<h2 class="my-3">
{{ linkSection.section }}
</h2>
<ul>
<li *ngFor="let link of linkSection.links">
<a routerLink="{{ link.path }}">{{ link.label }}</a>
</li>
</ul>
</div>
</ng-container>
</div>
<div class="row">
<ng-container *ngFor="let linkSection of sitemapLinks">
<div class="col-md-4 col-12 my-3">
<h2 class="my-3">
{{ linkSection.section }}
</h2>
<ul>
<li *ngFor="let link of linkSection.links">
<a routerLink="{{ link.path }}">{{ link.label }}</a>
</li>
</ul>
</div>
</ng-container>

<div class="container">
<h1 class="title">Plan du site de DomiFa</h1>
<div class="page-content p-3">
<div class="row" *ngIf="authService.currentUserValue">
<ng-container *ngFor="let linkSection of siteMapLinksLogged">
<div class="col-md-4 col-12 my-3">
<h2 class="my-3">Nos partenaires</h2>
<h2 class="my-3">
{{ linkSection.section }}
</h2>
<ul>
<li *ngFor="let link of partnerLinks">
<a [href]="link.path" target="_blank">{{ link.label }} </a>
<li *ngFor="let link of linkSection.links">
<a routerLink="{{ link.path }}">{{ link.label }}</a>
</li>
</ul>
</div>
</ng-container>
</div>
<div class="row">
<ng-container *ngFor="let linkSection of sitemapLinks">
<div class="col-md-4 col-12 my-3">
<h2 class="my-3">Pages de statistiques</h2>
<section>
<h3 class="fw-bold text-primary">Régions françaises</h3>
<div class="region-list">
<ul>
<li *ngFor="let region of REGIONS_LISTE | keyvalue">
<a
[routerLink]="[
'/stats/region/' + REGIONS_ID_SEO[region.key]
]"
class="region-name"
ariaCurrentWhenActive="page"
>
{{ region.value }}
</a>
</li>
</ul>
</div>
</section>
<h2 class="my-3">
{{ linkSection.section }}
</h2>
<ul>
<li *ngFor="let link of linkSection.links">
<a routerLink="{{ link.path }}">{{ link.label }}</a>
</li>
</ul>
</div>
</ng-container>

<div class="col-md-4 col-12 my-3">
<h2 class="my-3">Nos partenaires</h2>
<ul>
<li *ngFor="let link of partnerLinks">
<a [href]="link.path" target="_blank">{{ link.label }} </a>
</li>
</ul>
</div>
<div class="col-md-4 col-12 my-3">
<h2 class="my-3">Pages de statistiques</h2>
<section>
<h3 class="fw-bold text-primary">Régions françaises</h3>
<div class="region-list">
<ul>
<li *ngFor="let region of REGIONS_LISTE | keyvalue">
<a
[routerLink]="['/stats/region/' + REGIONS_ID_SEO[region.key]]"
class="region-name"
ariaCurrentWhenActive="page"
>
{{ region.value }}
</a>
</li>
</ul>
</div>
</section>
</div>
</div>
</div>
Expand Down
Loading
Loading