USB Port reader Web solution
// TS
```typescript
import { Component, Inject, OnDestroy, OnInit } from '@angular/core';
import { FormBuilder, FormGroup, Validators } from '@angular/forms';
import { Router } from '@angular/router';
import { RfidService } from 'src/app/services/rfid.service';
import { MatDialog, MAT_DIALOG_DATA } from '@angular/material/dialog';
import { VehicleService } from 'src/app/services/vehicle.service';
import { CustomerService } from 'src/app/services/customer.service';
import { ToastrService } from 'ngx-toastr';
import { Connect, DisConnect, CheckStatus} from '../../../../assets/script/portscript.js'
@Component({
selector: 'app-rfid-add-update',
templateUrl: './rfid-add-update.component.html',
styleUrls: ['./rfid-add-update.component.scss']
})
export class RfidAddUpdateComponent implements OnInit,OnDestroy {
frm!: FormGroup;
submitClicked = false;
is_edit: boolean = true;
VehicleList: any;
DriverList:any;
CompanyList: any;
constructor(
@Inject(MAT_DIALOG_DATA) public data:any,
public router: Router,
public fb: FormBuilder,
private rfidService: RfidService,
private dialog: MatDialog,
private vehicleService: VehicleService,
private customerService: CustomerService,
private toastr: ToastrService,
) { }
ngOnInit(): void {
this.initialForm(this.data);
// this.getCompanyList();
this.getVehicleList();
CheckStatus();
}
initialForm(data: any){
this.frm = this.fb.group({
rfidid: [{value:'', disabled: !this.is_edit}],
rfidNo: ['', Validators.required],
serialNo: ['', Validators.required],
vehicleid: ['', Validators.required],
});
if (data.action == 'Edit' )
{
this.frm = this.fb.group({
rfidid: data.rfid.rfidid,
rfidNo: data.rfid.rfidNo,
serialNo: data.rfid.serialNo,
vehicleid: data.rfid.vehicleid
});
}
}
onConnect() {
Connect();
}
onDisConnect() {
DisConnect();
// window.location.reload();
}
ngOnDestroy(): void {
window.location.reload();
}
async onSubmit(frm:FormGroup) {
this.submitClicked = true;
if (this.data.action == 'New')
{
this.rfidService.addNewRfid(frm.value)
.subscribe({
next: data => {
if (data.status == 200)
{
this.toastr.success('A new record has added successfully !', 'Success',{timeOut: 5000});
this.dialog.closeAll(); ///close DialogComponent
this.reload(this.router.url);
}
},
error: error => {
console.error('There was an error in update!', error);
this.toastr.error('Add Fail', 'Error')
}})
// console.log(result);
}
else if (this.data.action == 'Edit') {
this.rfidService.editRfid(frm.value)
.subscribe({
next: data => {
if (data.status == 200)
{
this.toastr.success('Update Success', 'Success');
this.dialog.closeAll(); ///close DialogComponent
// this.reload(this.router.url);
}
},
error: error => {
console.error('There was an error in update!', error);
this.toastr.error('Update Fail', 'Error')
}})
}
}
async reload(url: string): Promise<boolean> {
await this.router.navigateByUrl('weighing', { skipLocationChange: true });
return this.router.navigateByUrl(url);
}
//#region dropdown list
getCompanyList(){
return this.customerService.getCompanyWithCustomerList()
.subscribe({
next: res=>{
this.CompanyList = res;
},
error: error => {
console.log("retrive Customer list error"+error);
}});
}
getVehicleList(){
return this.vehicleService.getAllVehicles()
.subscribe({
next: res=>{
this.VehicleList = res;
},
error: error => {
console.log("Error: retrive Vehicle list error"+error);
}});
}
//#endregion
}
```error TS7016: Could not find a declaration file for module
tsconfig.json
//
// Some code // Angular, assets/script
// Some code // Angular, assets/script
error TS7016: Could not find a declaration file for module tsconfig.json "compilerOptions": { "noImplicitAny":false, ... }
PreviousAngular read csv and upload to ServerNextDebug Angular app using JavaScript Debugger in VS Code
Last updated
Was this helpful?