Import "TranslateModule"

Front/skydivelogs-app/src/app/list-of-dzs/list-of-dzs.component.ts

@@ -1,40 +1,43 @@
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { MatPaginator } from '@angular/material/paginator';
-import { MatTableDataSource } from '@angular/material/table';
-import { MatDialog } from '@angular/material/dialog';
-import { TranslateService } from '@ngx-translate/core';
+import { Component, OnInit, ViewChild } from "@angular/core";
+import { MatPaginator } from "@angular/material/paginator";
+import { MatTableDataSource } from "@angular/material/table";
+import { MatDialog } from "@angular/material/dialog";
+import { TranslateModule, TranslateService } from "@ngx-translate/core";
 
-import { AddAction } from '../../models/add-action.enum';
-import { DropZoneResp } from '../../models/dropzone';
-import { DropzoneService } from '../../services/dropzone.service';
-import { ServiceComm } from '../../services/service-comm.service';
-import { AuthenticationService } from '../../services/authentication.service';
-import { NewDropZoneComponent } from '../new-drop-zone/new-drop-zone.component';
+import { AddAction } from "../../models/add-action.enum";
+import { DropZoneResp } from "../../models/dropzone";
+import { DropzoneService } from "../../services/dropzone.service";
+import { ServiceComm } from "../../services/service-comm.service";
+import { AuthenticationService } from "../../services/authentication.service";
+import { NewDropZoneComponent } from "../new-drop-zone/new-drop-zone.component";
 
 @Component({
-    selector: 'app-list-of-dzs',
-    templateUrl: './list-of-dzs.component.html',
-    styleUrls: ['./list-of-dzs.component.css'],
-    standalone: false
+  selector: "app-list-of-dzs",
+  templateUrl: "./list-of-dzs.component.html",
+  styleUrls: ["./list-of-dzs.component.css"],
+  imports: [TranslateModule],
 })
 export class ListOfDzsComponent implements OnInit {
   public displayedColumns: Array<string> = [
-    'isfavorite',
-    'name',
-    'address',
-    'type',
+    "isfavorite",
+    "name",
+    "address",
+    "type",
   ];
   public dataSourceTable: MatTableDataSource<DropZoneResp>;
   public isUserAdmin: boolean;
   public resultsLength = 0;
   @ViewChild(MatPaginator, { static: true }) paginator: MatPaginator;
 
-  constructor(private serviceApi: DropzoneService,
-              private serviceComm: ServiceComm,
-              private authenticationService: AuthenticationService,
-              public dialog: MatDialog,
-              private translateService: TranslateService) { 
-    this.isUserAdmin = this.authenticationService.currentUserValue.roles === "admin";
+  constructor(
+    private serviceApi: DropzoneService,
+    private serviceComm: ServiceComm,
+    private authenticationService: AuthenticationService,
+    public dialog: MatDialog,
+    private translateService: TranslateService
+  ) {
+    this.isUserAdmin =
+      this.authenticationService.currentUserValue.roles === "admin";
   }
 
   ngOnInit() {
@@ -44,32 +47,35 @@ export class ListOfDzsComponent implements OnInit {
         this.getListOfDropZones();
       }
     });
-    this.serviceComm.forceTranslateTitle.subscribe((data)=> {
-      if (data === true){
+    this.serviceComm.forceTranslateTitle.subscribe((data) => {
+      if (data === true) {
         this.updateTitle();
       }
     });
-    
+
     this.updateTitle();
     this.getListOfDropZones();
   }
 
   private getListOfDropZones() {
-    this.serviceApi.getListOfDropZones()
-                   .subscribe((data) => {
-                      setTimeout(() => {
-                        data.sort((a, b) => (b.isFavorite ? 1 : 0) - (a.isFavorite ? 1 : 0) || a.name.localeCompare(b.name));
-                        this.dataSourceTable = new MatTableDataSource<DropZoneResp>(data);
-                        this.dataSourceTable.paginator = this.paginator;
-                        this.resultsLength = data.length;
-                      }, 500);
-                   });
+    this.serviceApi.getListOfDropZones().subscribe((data) => {
+      setTimeout(() => {
+        data.sort(
+          (a, b) =>
+            (b.isFavorite ? 1 : 0) - (a.isFavorite ? 1 : 0) ||
+            a.name.localeCompare(b.name)
+        );
+        this.dataSourceTable = new MatTableDataSource<DropZoneResp>(data);
+        this.dataSourceTable.paginator = this.paginator;
+        this.resultsLength = data.length;
+      }, 500);
+    });
   }
 
   public setToFavorite(dropzone: DropZoneResp) {
     dropzone.isFavorite = true;
     this.serviceApi.setFavoriteDropZone(dropzone);
-    
+
     const data = this.dataSourceTable.data;
     data.sort((a, b) => (b.isFavorite ? 1 : 0) - (a.isFavorite ? 1 : 0));
     this.dataSourceTable = new MatTableDataSource<DropZoneResp>(data);
@@ -88,8 +94,8 @@ export class ListOfDzsComponent implements OnInit {
 
   openDialogToAdd() {
     this.dialog.open(NewDropZoneComponent, {
-      height: '400px',
-      width: '600px',
+      height: "400px",
+      width: "600px",
     });
   }
 
@@ -99,8 +105,8 @@ export class ListOfDzsComponent implements OnInit {
   }
 
   private updateTitle() {
-    this.translateService.get("ListDz_Title").subscribe(
-      data => { this.serviceComm.updatedComponentTitle(data); }
-    );
+    this.translateService.get("ListDz_Title").subscribe((data) => {
+      this.serviceComm.updatedComponentTitle(data);
+    });
   }
 }