export interface VehicleDetail {
    id: number;
    name: string;
    alarms: Alarms[];
    infos: SignalInfo[];
    position: Position;


}
export interface Alarms {
    severity: number;
    kind: number;
    name: string;
    description: string;
    details: string;
    timestamp: string;

}

export interface SignalInfo {
    kind: number;
    timestamp: string;
    value: number;

}

export interface Position {
    Longitude: number; // x
    Latitude: number; // y
}

/* my componenet file */

@Component({
  selector: 'app-vehiclelist',
  templateUrl: './vehiclelist.component.html',
  styleUrls: ['./vehiclelist.component.scss']
})
export class VehiclelistComponent implements OnInit {


vehicleDetail: VehicleDetail;


constructor(private vehicleService: VehicleService) { }

  ngOnInit() {

   this.vehicleDetail = {name: 'Hans', id: 53, alarms: [{severity: 0, kind: 0, name: 'derp',
   description: 'derp', details: 'derppeprper', timestamp: 'darp' }], infos: [{kind: 0, timestamp: 'derp', value: 0 }],
   position: {Longitude: 0, Latitude: 0} };
    }

  // returns the vehicle details of a vehicle, such as alarms, signals and position.
  getVehicleDetails(id: number): void {
    this.vehicleService.getVehicleDetail(id)
    .subscribe(vehicleDetail => this.vehicleDetail = vehicleDetail);
  }