Johan LEROY
d16de84559
Page derrière authGuard, ouverte à tous les rôles : filtre site (.form-select, présélectionné par ?site=), focus sur une alerte par ?alert= (entier strictement positif, sinon ignoré), et pour les admins un bouton « Générer les recommandations » qui appelle POST /recommendations/generate sur le site filtré, affiche le bilan accordé en nombre et recharge la liste. Route ajoutée dans app.routes.ts, lien « Recommandations » dans la navigation du tableau de bord.
59 lines
1.8 KiB
HTML
59 lines
1.8 KiB
HTML
<div class="recommendations">
|
|
<nav class="ev-breadcrumb">
|
|
<a routerLink="/dashboard">Tableau de bord</a>
|
|
</nav>
|
|
|
|
<header class="recommendations__header">
|
|
<a routerLink="/dashboard" class="ev-brand-link">
|
|
<ev-brand class="recommendations__logo" />
|
|
</a>
|
|
<div>
|
|
<h1>Recommandations</h1>
|
|
<p class="recommendations__subtitle">
|
|
Actions proposées par le moteur de règles à partir des alertes
|
|
</p>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="recommendations__toolbar">
|
|
<label class="recommendations__filter">
|
|
<span class="form-label">Site</span>
|
|
<select class="form-select" data-testid="site-filter" (change)="onSiteChange($event)">
|
|
<option value="" [selected]="!siteFilter()">Tous les sites</option>
|
|
@for (site of sites(); track site.site_id) {
|
|
<option [value]="site.site_id" [selected]="site.site_id === siteFilter()">
|
|
{{ site.site_name }}
|
|
</option>
|
|
}
|
|
</select>
|
|
</label>
|
|
@if (isAdmin()) {
|
|
<ev-button
|
|
variant="secondary"
|
|
[fullWidth]="false"
|
|
[disabled]="generating()"
|
|
data-testid="generate"
|
|
(click)="onGenerate()"
|
|
>
|
|
{{ generating() ? 'Génération en cours…' : 'Générer les recommandations' }}
|
|
</ev-button>
|
|
}
|
|
</div>
|
|
|
|
@if (generationReport(); as report) {
|
|
<ev-alert severity="success" class="recommendations__banner">{{ bilan(report) }}.</ev-alert>
|
|
}
|
|
@if (generationError(); as message) {
|
|
<ev-alert severity="danger" class="recommendations__banner">{{ message }}</ev-alert>
|
|
}
|
|
|
|
@if (alertId(); as id) {
|
|
<p class="recommendations__focus">
|
|
Alerte n° {{ id }} ·
|
|
<a routerLink="/recommendations" class="ev-link">Toutes les recommandations</a>
|
|
</p>
|
|
}
|
|
|
|
<app-recommendation-list [siteId]="siteFilter()" [alertId]="alertId()" [sites]="sites()" />
|
|
</div>
|