From fb5462f0be4a94fcaa218c7aaaea759f9316e25d Mon Sep 17 00:00:00 2001 From: sandre Date: Wed, 14 Jan 2026 15:33:40 +0100 Subject: [PATCH] Ajout des modules FormField et Paginator --- Front/skydivelogs-app/src/app/app.component.ts | 2 ++ .../src/app/create-user/create-user.component.ts | 3 ++- .../src/app/jump-infos/jump-infos.component.ts | 12 ++++++++++-- .../list-of-aircrafts/list-of-aircrafts.component.ts | 4 ++-- .../src/app/list-of-dzs/list-of-dzs.component.ts | 4 ++-- .../src/app/list-of-gears/list-of-gears.component.ts | 4 ++-- .../app/list-of-images/list-of-images.component.ts | 4 ++-- .../list-of-jump-types.component.ts | 4 ++-- .../src/app/list-of-jumps/list-of-jumps.component.ts | 8 ++++++-- .../list-of-tunnel-flights.component.ts | 9 ++++++++- 10 files changed, 38 insertions(+), 16 deletions(-) diff --git a/Front/skydivelogs-app/src/app/app.component.ts b/Front/skydivelogs-app/src/app/app.component.ts index 0d0fa74..ce27134 100644 --- a/Front/skydivelogs-app/src/app/app.component.ts +++ b/Front/skydivelogs-app/src/app/app.component.ts @@ -7,6 +7,7 @@ import { MatIconModule } from "@angular/material/icon"; import { MatSelectModule } from "@angular/material/select"; import { MatOptionModule } from "@angular/material/core"; import { MatSidenavModule } from "@angular/material/sidenav"; +import { MatListModule } from "@angular/material/list"; import { User } from "../models/user"; import { CacheApiKey } from "../models/cache-api-key.enum"; @@ -27,6 +28,7 @@ import { ServiceCacheApi } from "../services/service-cache-api.service"; MatSelectModule, MatOptionModule, MatSidenavModule, + MatListModule, ], }) export class AppComponent implements OnInit { diff --git a/Front/skydivelogs-app/src/app/create-user/create-user.component.ts b/Front/skydivelogs-app/src/app/create-user/create-user.component.ts index 4a617ae..72a850c 100644 --- a/Front/skydivelogs-app/src/app/create-user/create-user.component.ts +++ b/Front/skydivelogs-app/src/app/create-user/create-user.component.ts @@ -3,6 +3,7 @@ import { Router, ActivatedRoute } from "@angular/router"; import { FormBuilder, FormGroup, Validators } from "@angular/forms"; import { TranslateModule, TranslateService } from "@ngx-translate/core"; import { CommonModule } from "@angular/common"; +import { MatFormFieldModule } from "@angular/material/form-field"; import { first } from "rxjs/operators"; @@ -13,7 +14,7 @@ import { User } from "../../models/user"; selector: "app-create-user", templateUrl: "./create-user.component.html", styleUrls: ["./create-user.component.css"], - imports: [TranslateModule, CommonModule], + imports: [TranslateModule, CommonModule, MatFormFieldModule], }) export class CreateUserComponent implements OnInit { createForm: FormGroup; diff --git a/Front/skydivelogs-app/src/app/jump-infos/jump-infos.component.ts b/Front/skydivelogs-app/src/app/jump-infos/jump-infos.component.ts index 3055abc..69e37ac 100644 --- a/Front/skydivelogs-app/src/app/jump-infos/jump-infos.component.ts +++ b/Front/skydivelogs-app/src/app/jump-infos/jump-infos.component.ts @@ -1,18 +1,26 @@ import { Component, Inject, OnInit } from "@angular/core"; import { CommonModule } from "@angular/common"; import { MAT_DIALOG_DATA } from "@angular/material/dialog"; +import { TranslateModule } from "@ngx-translate/core"; +import { MatCheckboxModule } from "@angular/material/checkbox"; +import { MatFormFieldModule } from "@angular/material/form-field"; import { AddAction } from "../../models/add-action.enum"; import { JumpResp } from "../../models/jump"; + import { JumpService } from "../../services/jump.service"; import { ServiceComm } from "../../services/service-comm.service"; -import { TranslateModule } from "@ngx-translate/core"; @Component({ selector: "app-jump-infos", templateUrl: "./jump-infos.component.html", styleUrls: ["./jump-infos.component.css"], - imports: [TranslateModule, CommonModule], + imports: [ + TranslateModule, + CommonModule, + MatCheckboxModule, + MatFormFieldModule, + ], }) export class JumpInfosComponent implements OnInit { public editMode: boolean; diff --git a/Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.ts b/Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.ts index 041ce2a..48fc664 100644 --- a/Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.ts +++ b/Front/skydivelogs-app/src/app/list-of-aircrafts/list-of-aircrafts.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, ViewChild } from "@angular/core"; -import { MatPaginator } from "@angular/material/paginator"; +import { MatPaginator, MatPaginatorModule } from "@angular/material/paginator"; import { MatTableDataSource } from "@angular/material/table"; import { MatDialog } from "@angular/material/dialog"; import { TranslateModule, TranslateService } from "@ngx-translate/core"; @@ -16,7 +16,7 @@ import { AircraftResp } from "../../models/aircraft"; selector: "app-list-of-aircrafts", templateUrl: "./list-of-aircrafts.component.html", styleUrls: ["./list-of-aircrafts.component.css"], - imports: [TranslateModule, CommonModule], + imports: [TranslateModule, CommonModule, MatPaginatorModule], }) export class ListOfAircraftsComponent implements OnInit { public displayedColumns: Array = ["name", "imageData"]; diff --git a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts index 7e0066a..883a98a 100644 --- a/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts +++ b/Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, ViewChild } from "@angular/core"; -import { MatPaginator } from "@angular/material/paginator"; +import { MatPaginator, MatPaginatorModule } from "@angular/material/paginator"; import { MatTableDataSource } from "@angular/material/table"; import { MatDialog } from "@angular/material/dialog"; import { TranslateModule, TranslateService } from "@ngx-translate/core"; @@ -17,7 +17,7 @@ import { NewDropZoneComponent } from "../new-drop-zone/new-drop-zone.component"; selector: "app-list-of-dzs", templateUrl: "./list-of-dzs.component.html", styleUrls: ["./list-of-dzs.component.css"], - imports: [TranslateModule, CommonModule, MatIconModule], + imports: [TranslateModule, CommonModule, MatIconModule, MatPaginatorModule], }) export class ListOfDzsComponent implements OnInit { public displayedColumns: Array = [ diff --git a/Front/skydivelogs-app/src/app/list-of-gears/list-of-gears.component.ts b/Front/skydivelogs-app/src/app/list-of-gears/list-of-gears.component.ts index 790c98c..0d0462a 100644 --- a/Front/skydivelogs-app/src/app/list-of-gears/list-of-gears.component.ts +++ b/Front/skydivelogs-app/src/app/list-of-gears/list-of-gears.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, ViewChild } from "@angular/core"; -import { MatPaginator } from "@angular/material/paginator"; +import { MatPaginator, MatPaginatorModule } from "@angular/material/paginator"; import { MatTableDataSource } from "@angular/material/table"; import { MatDialog } from "@angular/material/dialog"; import { TranslateModule, TranslateService } from "@ngx-translate/core"; @@ -15,7 +15,7 @@ import { NewGearComponent } from "../new-gear/new-gear.component"; selector: "app-list-of-gears", templateUrl: "./list-of-gears.component.html", styleUrls: ["./list-of-gears.component.css"], - imports: [TranslateModule, CommonModule], + imports: [TranslateModule, CommonModule, MatPaginatorModule], }) export class ListOfGearsComponent implements OnInit { public displayedColumns: Array = [ diff --git a/Front/skydivelogs-app/src/app/list-of-images/list-of-images.component.ts b/Front/skydivelogs-app/src/app/list-of-images/list-of-images.component.ts index 75bec40..e9804c2 100644 --- a/Front/skydivelogs-app/src/app/list-of-images/list-of-images.component.ts +++ b/Front/skydivelogs-app/src/app/list-of-images/list-of-images.component.ts @@ -1,7 +1,7 @@ import { Component, OnInit, ViewChild } from "@angular/core"; import { FormGroup, FormControl, Validators } from "@angular/forms"; import { MatTableDataSource } from "@angular/material/table"; -import { MatPaginator } from "@angular/material/paginator"; +import { MatPaginator, MatPaginatorModule } from "@angular/material/paginator"; import { trigger, state, style } from "@angular/animations"; import { CommonModule } from "@angular/common"; import { MatIconModule } from "@angular/material/icon"; @@ -24,7 +24,7 @@ import { TranslateModule } from "@ngx-translate/core"; state("rot270", style({ transform: "rotate(-270deg)" })), ]), ], - imports: [TranslateModule, CommonModule, MatIconModule], + imports: [TranslateModule, CommonModule, MatIconModule, MatPaginatorModule], }) export class ListOfImagesComponent implements OnInit { public displayedColumns: Array = ["comment", "data"]; diff --git a/Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.ts b/Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.ts index de7c9ba..8aaa26c 100644 --- a/Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.ts +++ b/Front/skydivelogs-app/src/app/list-of-jump-types/list-of-jump-types.component.ts @@ -1,5 +1,5 @@ import { Component, OnInit, ViewChild } from "@angular/core"; -import { MatPaginator } from "@angular/material/paginator"; +import { MatPaginator, MatPaginatorModule } from "@angular/material/paginator"; import { MatTableDataSource } from "@angular/material/table"; import { MatDialog } from "@angular/material/dialog"; import { TranslateModule, TranslateService } from "@ngx-translate/core"; @@ -16,7 +16,7 @@ import { NewJumpTypeComponent } from "../new-jump-type/new-jump-type.component"; selector: "app-list-of-jump-types", templateUrl: "./list-of-jump-types.component.html", styleUrls: ["./list-of-jump-types.component.css"], - imports: [TranslateModule, CommonModule], + imports: [TranslateModule, CommonModule, MatPaginatorModule], }) export class ListOfJumpTypesComponent implements OnInit { public displayedColumns: Array = ["name"]; diff --git a/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts b/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts index 4d0ff87..f64c1be 100644 --- a/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts +++ b/Front/skydivelogs-app/src/app/list-of-jumps/list-of-jumps.component.ts @@ -1,5 +1,9 @@ import { Component, OnInit, ViewChild } from "@angular/core"; -import { MatPaginator, PageEvent } from "@angular/material/paginator"; +import { + MatPaginator, + MatPaginatorModule, + PageEvent, +} from "@angular/material/paginator"; import { MatTableDataSource } from "@angular/material/table"; import { MatDialog } from "@angular/material/dialog"; import { TranslateModule, TranslateService } from "@ngx-translate/core"; @@ -17,7 +21,7 @@ import { StatsService } from "../../services/stats.service"; selector: "app-list-of-jumps", templateUrl: "./list-of-jumps.component.html", styleUrls: ["./list-of-jumps.component.css"], - imports: [TranslateModule, CommonModule, MatIconModule], + imports: [TranslateModule, CommonModule, MatIconModule, MatPaginatorModule], }) export class ListOfJumpsComponent implements OnInit { public displayedColumns: Array = [ diff --git a/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts b/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts index cae09e7..3cb9d69 100644 --- a/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts +++ b/Front/skydivelogs-app/src/app/list-of-tunnel-flights/list-of-tunnel-flights.component.ts @@ -4,6 +4,7 @@ import { TranslateModule, TranslateService } from "@ngx-translate/core"; import { MatTableDataSource } from "@angular/material/table"; import { CommonModule } from "@angular/common"; import { MatIconModule } from "@angular/material/icon"; +import { MatListModule } from "@angular/material/list"; import { ChartConfiguration, ChartData, ChartType } from "chart.js"; import { from, groupBy, mergeMap, reduce, map } from "rxjs"; @@ -18,7 +19,13 @@ import { TunnelFlight, TunnelFlightByMonth } from "../../models/tunnel-flight"; selector: "app-list-of-tunnel-flights", templateUrl: "./list-of-tunnel-flights.component.html", styleUrls: ["./list-of-tunnel-flights.component.css"], - imports: [TranslateModule, BaseChartDirective, CommonModule, MatIconModule], + imports: [ + TranslateModule, + BaseChartDirective, + CommonModule, + MatIconModule, + MatListModule, + ], }) export class ListOfTunnelFlightsComponent implements OnInit { public barChartLegend = true;