julien/headup_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Ajout du composant 'jump' (détail d'un saut)

Browse Source
This commit is contained in:
Julien Gautier
2023-10-04 14:16:29 +02:00
parent b0c9dbd647
commit 37cbba6cad
10 changed files with 303 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/components/jump/jump.component.html
+71
View File
@@ -0,0 +1,71 @@
<div class="content">
<h1 class="my-0">Saut n°{{ jump.numero }} <small class="text-muted">le {{ jump.date | date: 'dd/MM/yyyy' }} à {{ jump.lieu }}</small></h1>
<hr />
<section class="row mb-3">
<div class="col-lg-6 col-md-12">
<dl class="dl-horizontal">
<dt class="text-accent fw-normal">Lieu:</dt>
<dd>{{jump.lieu}}</dd>
<dt class="text-accent fw-normal">Oaci:</dt>
<dd>{{jump.oaci}}</dd>
<dt class="text-accent fw-normal">Aeronef:</dt>
<dd>{{jump.aeronef}}</dd>
<dt class="text-accent fw-normal">Imat:</dt>
<dd>{{jump.imat}}</dd>
<dt class="text-accent fw-normal">Voile:</dt>
<dd>{{jump.voile}}</dd>
<dt class="text-accent fw-normal">Taille:</dt>
<dd>{{jump.taille}} ft<sup>2</sup></dd>
<dt class="text-accent fw-normal">Programme:</dt>
<dd>{{jump.programme}}</dd>
<dt class="text-accent fw-normal">Participants:</dt>
<dd>{{jump.participants}}</dd>
</dl>
</div>
<div class="col-lg-6 col-md-12">
<dl class="dl-horizontal">
<dt class="text-accent fw-normal">Hauteur:</dt>
<dd>{{jump.hauteur}} m</dd>
<dt class="text-accent fw-normal">Deploiement:</dt>
<dd>{{jump.deploiement}} m</dd>
<dt class="text-accent fw-normal">Categorie:</dt>
<dd>{{jump.categorie}}</dd>
<dt class="text-accent fw-normal">Module:</dt>
<dd>{{jump.module}}</dd>
<dt class="text-accent fw-normal">Accessoires:</dt>
<dd>{{jump.accessoires}}</dd>
<dt class="text-accent fw-normal">Zone:</dt>
<dd>{{jump.zone}}</dd>
<dt class="text-accent fw-normal">Video:</dt>
<dd>{{jump.dossier}}{{jump.video}}</dd>
</dl>
</div>
<div class="col-xs-12 mb-2">
<span *ngFor="let sautant of jump.sautants" class="badge rounded-pill bg-primary mb-2 me-1 pe-3 py-1 fw-normal text-dark">
<mat-icon class="align-middle me-1" fontIcon="person"></mat-icon>
{{ sautant }}
</span>
<span class="badge rounded-pill bg-accent mb-2 me-1 pe-3 py-1 fw-normal text-dark">
<mat-icon class="align-middle me-1" fontIcon="person"></mat-icon>
ju_solide
</span>
</div>
</section>
<section class="border-top pt-4 d-flex">
<!--
<huapp-jump-meta [jump]="jump" class="me-2"></huapp-jump-meta>
<span class="flex-spacer"></span>
-->
<span class="flex-spacer"></span>
<span [hidden]="!canModify">
<button mat-button color="primary" (click)="openEditDialog(jump)" class="me-1">
<mat-icon aria-label="Modifier" fontIcon="edit"></mat-icon>
Modifier
</button>
<button mat-button color="danger" (click)="openDeleteDialog(jump)">
<mat-icon aria-label="Supprimer" fontIcon="delete"></mat-icon>
Supprimer
</button>
</span>
</section>
</div>