fix: floor crimerate to nearest integer

Author: Kexplx

src/app/map/map.component.ts

@@ -103,7 +103,7 @@ export class MapComponent implements AfterViewInit, OnInit {
     <p>${type} in ${state}</p>
     <p>
       <span style="color: ${this.getColorByCrimeRate(crimeRate)}">
-      ${crimeRate ? crimeRate * 100000 : '--'}
+      ${crimeRate ? Math.floor(crimeRate * 100000) : '--'}
       </span>
       Straftaten pro 100.000 Einwohner (Stand 2019)
     </p>`;

src/app/search-details/county-table/county-table.component.html

@@ -22,7 +22,7 @@
       Krimnialtität
       <mat-icon matTooltip="Straftaten pro 100T Einwohner (2019)" matTooltipPosition="above" style="font-size: 15px">info</mat-icon>
     </th>
-    <td mat-cell *matCellDef="let element">{{ element.crimeRate * 100000 }}</td>
+    <td mat-cell *matCellDef="let element">{{ element.crimeRate | crimeRate }}</td>
   </ng-container>
 
   <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>

src/app/search-details/county-table/crime-rate.pipe.ts

@@ -0,0 +1,10 @@
+import { Pipe, PipeTransform } from '@angular/core';
+
+@Pipe({
+  name: 'crimeRate',
+})
+export class CrimeRatePipe implements PipeTransform {
+  transform(crimeRate: number): number {
+    return Math.floor(crimeRate * 100000);
+  }
+}

src/app/search-details/search-details.module.ts

@@ -4,9 +4,10 @@ import { SharedModule } from '../shared/shared.module';
 import { CityNamesPipe } from './city-names.pipe';
 import { CountyTableComponent } from './county-table/county-table.component';
 import { CountyTypePipe } from './county-table/county-type.pipe';
+import { CrimeRatePipe } from './county-table/crime-rate.pipe';
 
 @NgModule({
-  declarations: [SearchDetailsComponent, CityNamesPipe, CountyTableComponent, CountyTypePipe],
+  declarations: [SearchDetailsComponent, CityNamesPipe, CountyTableComponent, CountyTypePipe, CrimeRatePipe],
   imports: [SharedModule],
   exports: [SearchDetailsComponent],
 })