import { ToastrService } from 'ngx-toastr';
import { AuthServiceService } from './../../../shared/auth-service.service';
import { HttpClient } from '@angular/common/http';
import { ActivatedRoute } from '@angular/router';
import { Component, OnInit } from '@angular/core';
import { NgxSpinnerService } from 'ngx-spinner';
@Component({
selector: 'app-existing-report',
templateUrl: './existing-report.component.html',
styleUrls: ['./existing-report.component.css']
})
export class ExistingReportComponent implements OnInit {
constructor(private route: ActivatedRoute,
private authSer: AuthServiceService,
private toastr: ToastrService,
private spinner: NgxSpinnerService,
private http: HttpClient) { }
vehicle_types: any[] =[];
vehicle_models: any[]=[];
vehiclesData: any[] = [];
vehicleTypeId: number;
vehicleModelId:number;
showTableData:boolean = false;
ngOnInit() {
//init the values of permision boolean
this.authSer.showAddBtn = false;
this.authSer.showDeleteBtn = false;
this.authSer.showEditBtn = false;
//show / hide notification search in header
this.authSer.notificationLogin = true;
this.authSer.showSearchHeader = false;
this.authSer.showHeaderLogin = false;
this.authSer.showHeaderDashBoard = true;
this.authSer.showDashboardHeader = true;
this.authSer.internalHeader = false;
localStorage.setItem('pageIdActive', '48');
//get vehicles types
this.http.get(this.authSer.pathApi + '/get_vehicle_types_list').subscribe(
(response) => {
console.log(response);
this.vehicle_types = response['types'];
},
(error) => {
console.log(error);
});
}
//change type vehicle
typeVehicle(event) {
console.log(event.target.value);
this.vehicleTypeId = event.target.value;
this.http.get(this.authSer.pathApi + '/get_vehicle_models_by_type_id/' + this.vehicleTypeId).subscribe(
(responce) => {
console.log('models vehicle', responce);
this.vehicle_models = responce['models'];
if(this.vehicle_models.length == 0) {
this.toastr.warning('لا يوجد موديلات لهذا النوع حاليا ');
}
},
(error) => {
console.log(error);
}
);
};
//get report when change model
getReport(event) {
this.spinner.show();
console.log(event.target.value);
this.vehicleModelId = event.target.value;
this.http.get(this.authSer.pathApi + '/report_existing_vehicles/' + this.vehicleTypeId + '/' + this.vehicleModelId + '/all').subscribe(
(responce) => {
console.log('report data ', responce);
this.vehiclesData = responce['vehicles'];
if(this.vehiclesData.length > 0) {
this.showTableData = true;
} else {
this.showTableData = false;
}
this.spinner.hide();
},
(error) => {
console.log(error);
}
);
}
//fillter data
getFillter(event) {
console.log(event.target.value);
this.spinner.show();
this.http.get(this.authSer.pathApi
+ '/report_existing_vehicles/'
+ this.vehicleTypeId + '/'
+ this.vehicleModelId
+ '/' + event.target.value).subscribe(
(responce) => {
this.vehiclesData = [];
console.log(responce);
this.vehiclesData = responce['vehicles'];
if(this.vehiclesData.length == 0) {
this.toastr.warning('لا يوجد بيانات لعرضها حاليا');
}
if(this.vehiclesData.length > 0) {
this.showTableData = true;
} else {
this.showTableData = false;
}
this.spinner.hide();
},
(error) => {
console.log(error);
}
)
}
//print function
onPrint(): void {
let printContents, popupWin;
printContents = document.getElementById('print-section').innerHTML;
popupWin = window.open('', '_blank', 'top=0,left=0,height=100%,width=auto');
popupWin.document.open();
popupWin.document.write(`
تقرير المركبات الموجوده
`
);
popupWin.document.close();
}
}
