MadJax
e3f946f7d4
Application complète de saisie et de suivi des trajets kilométriques avec calcul de distance routière (OpenRouteService), barème kilométrique, résumés et régularisation annuelle. Backend (ASP.NET Core .NET 8, EF Core, SQLite) : - Trajets (CRUD, réordonnancement, insertion), calcul de distance ORS avec fallback Haversine, géométrie d'itinéraire stockée par trajet, recalcul en masse. - Profil, véhicules (avec dénomination), carnet d'adresses nommées, cache d'adresses. - Barème kilométrique : tranches multiples par puissance fiscale, borne max exclusive avec 'illimité' (KmMax nullable), coefficient à 3 décimales, recopie du dernier barème connu. - Résumés mensuel/annuel, montants réglés, régularisation, export PDF. Frontend (Angular 22, zoneless + signals) : - Consultation par jour, navigation temporelle synchronisée, carte Leaflet, formulaire de trajet (adresses nommées, domicile, autocomplétion BAN). - Détection de changement zoneless (indépendante de zone.js). Hébergement : Docker Compose (nginx + backend), scripts run-dev.sh / run-docker.sh.
78 lines
2.0 KiB
HTML
78 lines
2.0 KiB
HTML
<section class="resume-mensuel">
|
|
<h1>Résumé mensuel</h1>
|
|
|
|
<form class="selecteurs" (ngSubmit)="charger()">
|
|
<div class="champ">
|
|
<label for="mois">Mois</label>
|
|
<select id="mois" name="mois" [(ngModel)]="mois">
|
|
@for (m of moisDisponibles; track m) {
|
|
<option [ngValue]="m">{{ m }}</option>
|
|
}
|
|
</select>
|
|
</div>
|
|
|
|
<div class="champ">
|
|
<label for="annee">Année</label>
|
|
<input
|
|
id="annee"
|
|
name="annee"
|
|
type="number"
|
|
[(ngModel)]="annee"
|
|
[min]="anneeMin"
|
|
[max]="anneeMax"
|
|
/>
|
|
</div>
|
|
|
|
<div class="actions">
|
|
<button type="submit" class="btn-principal" [disabled]="chargement()">
|
|
Afficher
|
|
</button>
|
|
<button
|
|
type="button"
|
|
class="btn-secondaire"
|
|
(click)="exporterPdf()"
|
|
[disabled]="export() || chargement()"
|
|
>
|
|
Export PDF mensuel
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
@if (chargement()) {
|
|
<p class="info">Chargement du résumé…</p>
|
|
} @else if (resume(); as resume) {
|
|
<table class="trajets">
|
|
<thead>
|
|
<tr>
|
|
<th>Date</th>
|
|
<th>Départ</th>
|
|
<th>Arrivée</th>
|
|
<th class="num">Distance (km)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@for (trajet of resume.trajets; track trajet.id) {
|
|
<tr>
|
|
<td>{{ trajet.date | date: 'dd/MM/yyyy' }}</td>
|
|
<td>{{ trajet.adresseDepart }}</td>
|
|
<td>{{ trajet.adresseArrivee }}</td>
|
|
<td class="num">
|
|
{{ trajet.distance != null ? (trajet.distance | number: '1.2-2') : '—' }}
|
|
</td>
|
|
</tr>
|
|
} @empty {
|
|
<tr>
|
|
<td colspan="4" class="vide">Aucun trajet pour ce mois.</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td colspan="3">Total mensuel</td>
|
|
<td class="num total">{{ resume.totalKm | number: '1.2-2' }} km</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
}
|
|
</section>
|