From 3978128840efd99aaa14909751831e27ff2ee9b8 Mon Sep 17 00:00:00 2001 From: Julien Gautier Date: Wed, 4 Oct 2023 19:18:51 +0200 Subject: [PATCH] Ajout d'une fenetre 'dialog' pour l'affichage du detail d'un saut --- src/app/components/jump/jump.component.html | 4 +- src/app/components/shared/dialogs/index.ts | 1 + .../shared/dialogs/jump-view.dialog.html | 67 +++++++++++++++++++ .../shared/dialogs/jump-view.dialog.ts | 30 +++++++++ .../helpers-jump/jump-table.component.html | 8 ++- .../helpers-jump/jump-table.component.ts | 11 ++- 6 files changed, 115 insertions(+), 6 deletions(-) create mode 100644 src/app/components/shared/dialogs/jump-view.dialog.html create mode 100644 src/app/components/shared/dialogs/jump-view.dialog.ts diff --git a/src/app/components/jump/jump.component.html b/src/app/components/jump/jump.component.html index 3c97e19..49fab34 100644 --- a/src/app/components/jump/jump.component.html +++ b/src/app/components/jump/jump.component.html @@ -36,8 +36,10 @@
{{jump.accessoires}}
Zone:
{{jump.zone}}
+
Emplacement des media:
+
{{jump.dossier}}
Video:
-
{{jump.dossier}}{{jump.video}}
+
{{jump.video}}
diff --git a/src/app/components/shared/dialogs/index.ts b/src/app/components/shared/dialogs/index.ts index 35df325..5cb40ea 100644 --- a/src/app/components/shared/dialogs/index.ts +++ b/src/app/components/shared/dialogs/index.ts @@ -1,3 +1,4 @@ export * from './jump-add.dialog'; export * from './jump-delete.dialog'; export * from './jump-edit.dialog'; +export * from './jump-view.dialog'; diff --git a/src/app/components/shared/dialogs/jump-view.dialog.html b/src/app/components/shared/dialogs/jump-view.dialog.html new file mode 100644 index 0000000..0540a74 --- /dev/null +++ b/src/app/components/shared/dialogs/jump-view.dialog.html @@ -0,0 +1,67 @@ +

+ Saut n°{{jump.numero}} + +

+ +
+
Le {{ jump.date | date: 'dd/MM/yyyy' }} à {{ jump.lieu }} :
+
+
+
+
Lieu:
+
{{jump.lieu}}
+
Oaci:
+
{{jump.oaci}}
+
Aeronef:
+
{{jump.aeronef}}
+
Imat:
+
{{jump.imat}}
+
Voile:
+
{{jump.voile}}
+
Taille:
+
{{jump.taille}} ft2
+
Participants:
+
{{jump.participants}}
+
Sautants:
+
+ + + {{ sautant }} + + + + ju_solide + +
+
+
+
+
+
Hauteur:
+
{{jump.hauteur}} m
+
Deploiement:
+
{{jump.deploiement}} m
+
Categorie:
+
{{jump.categorie}}
+
Module:
+
{{jump.module}}
+
Accessoires:
+
{{jump.accessoires}}
+
Zone:
+
{{jump.zone}}
+
Dossier media:
+
{{jump.dossier}}
+
Video:
+
{{jump.video}}
+
Programme:
+
{{jump.programme}}
+
+
+
+ +
+ + + + + diff --git a/src/app/components/shared/dialogs/jump-view.dialog.ts b/src/app/components/shared/dialogs/jump-view.dialog.ts new file mode 100644 index 0000000..53fdabe --- /dev/null +++ b/src/app/components/shared/dialogs/jump-view.dialog.ts @@ -0,0 +1,30 @@ +import { Component, Inject } from '@angular/core'; +import { DatePipe, NgFor } from '@angular/common'; +import { MatButtonModule } from '@angular/material/button'; +import { MatDialogRef, MAT_DIALOG_DATA, MatDialogModule } from '@angular/material/dialog'; +import { MatDividerModule } from '@angular/material/divider'; +import { MatIconModule } from '@angular/material/icon'; + +import { Jump } from 'src/app/core/models'; + +@Component({ + selector: 'huapp-jump-view-dialog', + templateUrl: 'jump-view.dialog.html', + standalone: true, + imports: [ + DatePipe, NgFor, + MatButtonModule, MatDialogModule, MatDividerModule, MatIconModule + ] +}) +export class JumpViewDialogComponent { + + constructor( + public dialogRef: MatDialogRef, + @Inject(MAT_DIALOG_DATA) public jump: Jump + ) { } + + closeDialog(): void { + // close the dialog without result + this.dialogRef.close(); + } +} diff --git a/src/app/components/shared/helpers-jump/jump-table.component.html b/src/app/components/shared/helpers-jump/jump-table.component.html index ff1939f..ed363db 100644 --- a/src/app/components/shared/helpers-jump/jump-table.component.html +++ b/src/app/components/shared/helpers-jump/jump-table.component.html @@ -24,8 +24,10 @@ # - - {{element.numero}} + + + + @@ -157,7 +159,7 @@ Participants - + {{element.participants}} diff --git a/src/app/components/shared/helpers-jump/jump-table.component.ts b/src/app/components/shared/helpers-jump/jump-table.component.ts index aad8ccc..b0b027e 100644 --- a/src/app/components/shared/helpers-jump/jump-table.component.ts +++ b/src/app/components/shared/helpers-jump/jump-table.component.ts @@ -21,7 +21,7 @@ import { NgxSkeletonLoaderModule } from 'ngx-skeleton-loader'; import { ColumnDefinition, Errors, Jump, JumpList, JumpListConfig, jumpColumns } from 'src/app/core/models'; import { JumpsService, JumpTableService } from 'src/app/core/services'; -import { JumpAddDialogComponent, JumpDeleteDialogComponent, JumpEditDialogComponent } from 'src/app/components/shared/dialogs' +import { JumpAddDialogComponent, JumpDeleteDialogComponent, JumpEditDialogComponent, JumpViewDialogComponent } from 'src/app/components/shared/dialogs' @Component({ standalone: true, @@ -30,7 +30,7 @@ import { JumpAddDialogComponent, JumpDeleteDialogComponent, JumpEditDialogCompon MatButtonModule, MatCardModule, MatDialogModule, MatFormFieldModule, MatIconModule, MatInputModule, MatNativeDateModule, MatMenuModule, MatPaginatorModule, MatProgressSpinnerModule, MatSnackBarModule, MatSortModule, MatTableModule, - JumpAddDialogComponent, JumpDeleteDialogComponent, JumpEditDialogComponent + JumpAddDialogComponent, JumpDeleteDialogComponent, JumpEditDialogComponent, JumpViewDialogComponent ], selector: 'huapp-jump-table', styleUrls: ['./jump-table.component.scss'], @@ -188,6 +188,13 @@ export class JumpTableComponent implements OnChanges, OnDestroy, AfterContentChe }); } + openViewDialog(jump: Jump): void { + const dialogRef = this.dialog.open(JumpViewDialogComponent, { + width: '60vw', + data: jump + }); + } + getErrorMessage() { if (this.searchForm.controls['numero'].errors !== null) { return 'Vous devez indiquer une valeur';