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.
59 lines
1.4 KiB
HTML
59 lines
1.4 KiB
HTML
<section class="resume-annuel">
|
|
<h1>Résumé annuel</h1>
|
|
|
|
<form class="selecteurs" (ngSubmit)="charger()">
|
|
<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 annuel
|
|
</button>
|
|
</div>
|
|
</form>
|
|
|
|
@if (chargement()) {
|
|
<p class="info">Chargement du résumé…</p>
|
|
} @else if (resumeCharge()) {
|
|
<table class="mois">
|
|
<thead>
|
|
<tr>
|
|
<th>Mois</th>
|
|
<th class="num">Total (km)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@for (ligne of lignes(); track ligne.mois) {
|
|
<tr>
|
|
<td>{{ ligne.libelle }}</td>
|
|
<td class="num">{{ ligne.totalKm | number: '1.2-2' }}</td>
|
|
</tr>
|
|
}
|
|
</tbody>
|
|
<tfoot>
|
|
<tr>
|
|
<td>Total annuel</td>
|
|
<td class="num total">{{ totalAnnuel() | number: '1.2-2' }} km</td>
|
|
</tr>
|
|
</tfoot>
|
|
</table>
|
|
}
|
|
</section>
|