hft-informatik/geovisualisierung
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

humanize seconds in table

Browse Source
This commit is contained in:
Tim Herbst 2020-12-28 11:58:22 +01:00
parent 1b82cd6b8f
commit 3f3dd14e8f
4 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
projects/project-3/frontend/package-lock.json generated
View File

@ -10761,6 +10761,11 @@
"ajv-keywords": "^3.5.2" "ajv-keywords": "^3.5.2"
} }
}, },
"seconds-to-human-time": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/seconds-to-human-time/-/seconds-to-human-time-1.0.0.tgz",
"integrity": "sha512-ojOSaCcU8nkmR3tC/5GPIwmBAH4go7q1iyWRZhxB+tIKbR3rO3dDW5L73ZVRmAMNbK2AY1otz4QXCTxZXUHcXg=="
},
"select-hose": { "select-hose": {
"version": "2.0.0", "version": "2.0.0",
"resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz", "resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",

1
projects/project-3/frontend/package.json
View File

@ -31,6 +31,7 @@
"ng-apexcharts": "^1.5.6", "ng-apexcharts": "^1.5.6",
"popper.js": "^1.14.3", "popper.js": "^1.14.3",
"rxjs": "~6.6.0", "rxjs": "~6.6.0",
"seconds-to-human-time": "^1.0.0",
"tslib": "^2.0.0", "tslib": "^2.0.0",
"zone.js": "~0.10.2" "zone.js": "~0.10.2"
}, },

4
projects/project-3/frontend/src/app/dashboard/dashboard.component.html
View File

@ -92,7 +92,7 @@
<ng-container matColumnDef="avgDuration"> <ng-container matColumnDef="avgDuration">
<th *matHeaderCellDef mat-header-cell> average lend duration</th> <th *matHeaderCellDef mat-header-cell> average lend duration</th>
<td *matCellDef="let element" mat-cell> {{element.avgDuration}} </td> <td *matCellDef="let element" mat-cell> {{humanizeAvgDuration(element.avgDuration)}} </td>
</ng-container> </ng-container>
<tr *matHeaderRowDef="displayedColumnsTo" mat-header-row></tr> <tr *matHeaderRowDef="displayedColumnsTo" mat-header-row></tr>
@ -114,7 +114,7 @@
<ng-container matColumnDef="avgDuration"> <ng-container matColumnDef="avgDuration">
<th *matHeaderCellDef mat-header-cell> average lend duration</th> <th *matHeaderCellDef mat-header-cell> average lend duration</th>
<td *matCellDef="let element" mat-cell> {{element.avgDuration}} </td> <td *matCellDef="let element" mat-cell> {{humanizeAvgDuration(element.avgDuration)}} </td>
</ng-container> </ng-container>
<tr *matHeaderRowDef="displayedColumnsFrom" mat-header-row></tr> <tr *matHeaderRowDef="displayedColumnsFrom" mat-header-row></tr>

7
projects/project-3/frontend/src/app/dashboard/dashboard.component.ts
View File

@ -5,7 +5,8 @@ import {IDashboardCommonBikePoint} from '../service/domain/dashboard-common-bike
import {MatTableDataSource} from '@angular/material/table'; import {MatTableDataSource} from '@angular/material/table';
import {FormBuilder, FormControl, FormGroup} from '@angular/forms'; import {FormBuilder, FormControl, FormGroup} from '@angular/forms';
import {MapService} from '../service/map.service'; import {MapService} from '../service/map.service';
import 'humanize-duration/humanize-duration'; import stht from "seconds-to-human-time";
import { import {
ApexAxisChartSeries, ApexAxisChartSeries,
@ -473,7 +474,7 @@ export class DashboardComponent implements OnInit {
}); });
} }
routeToStation(stationId: string): void { humanizeAvgDuration(avgDuration: number): string {
this.router.navigate(['/dashboard', stationId]); return stht(avgDuration);
} }
} }