import { Component, OnInit, EventEmitter } from '@angular/core'; import { ProductsService } from '../../services/products/products.service'; import { CookieService } from 'ngx-cookie-service'; import { FileUploader, FileLikeObject } from 'ng2-file-upload'; @Component({ selector: 'app-import-products', templateUrl: './import-products.component.html', styleUrls: ['./import-products.component.scss'] }) export class ImportProductsComponent implements OnInit { csvFile: any; ulpoadCSV: any; companyId: number; actionType: string = "IMPORT" Overide = false; IgnoreBlanks = false; CreateColumns = false; constructor(private productService: ProductsService, private cookieService: CookieService) { } ngOnInit() { this.companyId = +this.cookieService.get('CompanyId'); } // Import csv file ImportCSVFile(event: any): void { let files = event.target.files[0]; console.log("CSV", event); if (files) { let reader = new FileReader(); reader.onload = (e: any) => { this.csvFile = e.target.result; this.saveImportedCSV(files); console.log("CSV", this.csvFile); } reader.readAsDataURL(files); } this.ulpoadCSV = event.target.files[0]; } // Save CSV saveImportedCSV(files) { console.log(this.Overide, this.IgnoreBlanks, this.CreateColumns) if (this.Overide[0] === "Overide") { this.actionType = "OVERRIDE" } else { this.actionType = "IMPORT" } const frmData = new FormData(); frmData.append("fileUpload", files); this.productService.SaveImportedCSV(frmData, this.companyId, this.actionType) .subscribe(res => { }, error => console.log("Error", error)) } // Import csv file ImportZipFile(event: any): void { let files = event.target.files[0]; console.log("ZIP", files); if (files) { let reader = new FileReader(); reader.onload = (e: any) => { this.csvFile = e.target.result; this.SaveZipFile(files); } reader.readAsDataURL(files); } this.ulpoadCSV = event.target.files[0]; } //Save zip file SaveZipFile(files) { const frmData = new FormData(); frmData.append("fileUpload", files); this.productService.SaveImportedZip(frmData, this.companyId, this.actionType) .subscribe(res => { }, error => console.log("Error", error)) } }