Use custom traveled time formatter in metadata view

googlemaps · Nov 2, 2023 · 8926b35 · 8926b35
1 parent 059fc96
commit 8926b35
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/...-metadata/components/base-routes-metadata-table/base-routes-metadata-table.component.html b/...-metadata/components/base-routes-metadata-table/base-routes-metadata-table.component.html
@@ -74,9 +74,9 @@
     </td>
   </ng-container>
   <ng-container matColumnDef="traveledTime">
-    <th mat-header-cell *matHeaderCellDef mat-sort-header>Traveled time</th>
+    <th mat-header-cell *matHeaderCellDef mat-sort-header>Traveled time (hh:mm)</th>
     <td mat-cell *matCellDef="let item">
-      {{ durationFormatter(item.traveledTime) }}
+      {{ formattedTravelTime(item.traveledTime) }}
     </td>
   </ng-container>
   <ng-container matColumnDef="cost">

diff --git a/...es-metadata/components/base-routes-metadata-table/base-routes-metadata-table.component.ts b/...es-metadata/components/base-routes-metadata-table/base-routes-metadata-table.component.ts
@@ -18,7 +18,10 @@ import {
   ViewEncapsulation,
 } from '@angular/core';
 import { DataSource } from 'src/app/shared/models';
-import { formatDuration, getCapacityQuantityUnit, getUnitAbbreviation } from 'src/app/util';
+import {
+  getCapacityQuantityUnit,
+  getUnitAbbreviation,
+} from 'src/app/util';
 import { RouteMetadata } from '../../models';
 import { selectAllowExperimentalFeatures } from '../../../../app/core/selectors/config.selectors';
 import { Store } from '@ngrx/store';
@@ -44,7 +47,6 @@ export class BaseRoutesMetadataTableComponent implements OnInit {
   @Output() sortChange = new EventEmitter<{ active: string; direction: string }>();
   allowExperimentalFeatures: boolean;
 
-  durationFormatter = formatDuration;
   objectKeys = Object.keys;
 
   constructor(private store: Store, private zone: NgZone) {}
@@ -83,4 +85,10 @@ export class BaseRoutesMetadataTableComponent implements OnInit {
   onSortChange(value: { active: string; direction: string }): void {
     this.zone.run(() => this.sortChange.emit(value));
   }
+
+  formattedTravelTime(seconds: number): string {
+    const hours = Math.floor(seconds / 3600);
+    const minutes = Math.floor((seconds - hours * 3600) / 60);
+    return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}`;
+  }
 }