From 006f503e27d9e4deb147e35096e14fb50417fd3a Mon Sep 17 00:00:00 2001 From: Gaurav Kumar Date: Wed, 13 Aug 2025 11:05:11 +0530 Subject: [PATCH] datamanagemnet --- .../datamanagement.component.html | 63 +- .../datamanagement.component.ts | 153 ++-- .../datamananementworkflow.component.html | 690 +++++++------- .../datamananementworkflow.component.ts | 841 +++++++++--------- 4 files changed, 897 insertions(+), 850 deletions(-) diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.html b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.html index 63c652d..b45ed70 100644 --- a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.html +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.html @@ -1,7 +1,7 @@
    2. -
  2. Data Management
    3. -
  3. Data Management
    4. +
  4. Data Management
    5. +
  5. Data Management
@@ -14,21 +14,22 @@ - -
- + Loading ... -
{{error}}
 +
{{error}}
+ - + Go To - + @@ -36,25 +37,27 @@ Entity Name - + - File Name - - - Action + File Name - - Workflow - {{user.entityName}} + + Action + + + Workflow + {{user.entity_name}} {{user.file_name}} - + - - Delete + + Delete - + @@ -94,7 +97,7 @@
-
@@ -108,8 +111,8 @@
- -
+ + @@ -122,7 +125,7 @@

{{rowSelected.id}}

- +
@@ -157,17 +160,17 @@
- -
+ +
- -
+ + - + - + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.ts index f9bec9d..5e6d93b 100644 --- a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.ts +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.ts @@ -14,22 +14,22 @@ import { BulkimportService } from 'src/app/services/fnd/bulkimport.service'; styleUrls: ['./datamanagement.component.scss'] }) export class DatamanagementComponent implements OnInit { - rowSelected :any= {}; - modaldelete=false; - modalEdit=false; - modalAdd= false; + rowSelected: any = {}; + modaldelete = false; + modalEdit = false; + modalAdd = false; public entryForm: FormGroup; selected: any[] = []; error; loading = false; data; udata; - selectedFile: File[]=[]; + selectedFile: File[] = []; entitydata; // tableList =['priority','impact','urgency','category','state','contact_type','customer','handler']; tableList; - constructor( private excel: ExcelService, private datamservice:DatamanagementService, private toastr: ToastrService, - private _fb: FormBuilder, private userservice:UsermaintanceService, private router: Router,private bulkimportService:BulkimportService, + constructor(private excel: ExcelService, private datamservice: DatamanagementService, private toastr: ToastrService, + private _fb: FormBuilder, private userservice: UsermaintanceService, private router: Router, private bulkimportService: BulkimportService, private route: ActivatedRoute,) { } ngOnInit(): void { @@ -38,51 +38,51 @@ export class DatamanagementComponent implements OnInit { this.allentity(); this.entitygetall(); this.entryForm = this._fb.group({ - user_id:[null], - file_name:[null], - entityName:[null], - // entity_name:[null], - file_type:[null], + user_id: [null], + file_name: [null], + entityName: [null], + // entity_name:[null], + file_type: [null], - }); -// this.datamservice.getjson().subscribe((data)=>{ -// console.log(data); -// }) + }); + // this.datamservice.getjson().subscribe((data)=>{ + // console.log(data); + // }) } - getall(){ - this.datamservice.getall().subscribe((data)=>{ - console.log(data); - this.data=data; - if(this.data.length == 0){ - this.error="No data Available"; + getall() { + this.datamservice.getall().subscribe((data) => { + console.log('data managemnt ', data); + this.data = data; + if (this.data.length == 0) { + this.error = "No data Available"; console.log(this.error); } - },(error) => { + }, (error) => { console.log(error); - if(error){ - this.error="No data Available OR server Error"; - } + if (error) { + this.error = "No data Available OR server Error"; + } }); } - entitygetall(){ - this.bulkimportService.getDetails().subscribe((data)=>{ + entitygetall() { + this.bulkimportService.getDetails().subscribe((data) => { console.log(data); - this.tableList=data; - },(error) => { + this.tableList = data; + }, (error) => { console.log(error); }); } - getuserall(){ - this.userservice.getAll().subscribe((data)=>{ + getuserall() { + this.userservice.getAll().subscribe((data) => { console.log(data); - this.udata=data; + this.udata = data; }) } - allentity(){ + allentity() { // this.datamservice.getallentity().subscribe((data)=>{ // console.log(data); // this.entitydata=data; @@ -101,77 +101,76 @@ export class DatamanagementComponent implements OnInit { } goToAdd() { -this.modalAdd = true; + this.modalAdd = true; } - onSubmit(){ -console.log(this.entryForm.value); -this.datamservice.create(this.selectedFile,this.entryForm.value.entityName).subscribe((data)=>{ - console.log(data); - if(data.status===202){ - this.toastr.success("Added Succesfully"); - } - setTimeout(() => { - this.getall(); - }, 1000); - this.getall(); -}, (error: HttpErrorResponse)=>{ - console.log(error); - if(error.status >=200 && error.status <= 299){ - this.toastr.success("Added Succesfully"); - setTimeout(() => { + onSubmit() { + console.log(this.entryForm.value); + this.datamservice.create(this.selectedFile, this.entryForm.value.entityName).subscribe((data) => { + console.log(data); + if (data.status === 202) { + this.toastr.success("Added Succesfully"); + } + setTimeout(() => { + this.getall(); + }, 1000); this.getall(); - }, 1000); - } - if(error.status===404){ - this.toastr.error("Not Added"); - } - this.ngOnInit(); -}); -this.modalAdd=false; + }, (error: HttpErrorResponse) => { + console.log(error); + if (error.status >= 200 && error.status <= 299) { + this.toastr.success("Added Succesfully"); + setTimeout(() => { + this.getall(); + }, 1000); + } + if (error.status === 404) { + this.toastr.error("Not Added"); + } + this.ngOnInit(); + }); + this.modalAdd = false; } onEdit(row) { this.rowSelected = row; this.modalEdit = true; } - onDelete(row) { + onDelete(row) { this.rowSelected = row; - this.modaldelete=true; + this.modaldelete = true; } - delete(id) - { + delete(id) { this.modaldelete = false; - console.log("in delete "+id); + console.log("in delete " + id); this.datamservice.delete(id).subscribe( (data) => { console.log(data); this.ngOnInit(); - if(data.status >=200 && data.status <= 299 || data == null) { + if (data.status >= 200 && data.status <= 299 || data == null) { this.toastr.success("Delete Succesfully"); } - }, (error: HttpHeaderResponse)=>{ + }, (error: HttpHeaderResponse) => { console.log(error); - if(error.status >=200 && error.status <= 299){ + if (error.status >= 200 && error.status <= 299) { this.toastr.success("Delete Succesfully"); } - if(error.status >=400 && error.status <= 499){ + if (error.status >= 400 && error.status <= 499) { this.toastr.error("Not Delete"); } - if(error.status >=500 && error.status <= 599){ + if (error.status >= 500 && error.status <= 599) { this.toastr.error("Server Error"); } }); - this.ngOnInit(); + this.ngOnInit(); } onUpdate(id) { this.modalEdit = false; - this.datamservice.update(id,this.rowSelected,this.selectedFile).subscribe( + this.datamservice.update(id, this.rowSelected, this.selectedFile).subscribe( (data) => { console.log(data); - if(data.status===202){ + if (data.status === 202) { this.toastr.success("Updated Succesfully"); } @@ -181,9 +180,9 @@ this.modalAdd=false; } ); this.ngOnInit(); -} -work(id:any){ - console.log(id); - this.router.navigate(["../dataworkflow/"+ id], { relativeTo: this.route }); -} + } + work(id: any) { + console.log(id); + this.router.navigate(["../dataworkflow/" + id], { relativeTo: this.route }); + } } diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.html b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.html index 2c7ad2e..1268fb9 100644 --- a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.html +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.html @@ -1,4 +1,3 @@ -
  1. Admin
  2. Data Import
    3. @@ -13,63 +12,65 @@ - - + + -
    -
    +
    +
    -
    -
    +
    +

    Data Import

    +
    +
    + +
    -
    - -
    -
    -
    +
    - - - Step 0 - Review - + + + Step 0 + Review + - - Step 1 - Table Mapping - + + Step 1 + Table Mapping + - - Step 2 - Data Mapping - + + Step 2 + Data Mapping + - - Step 3 - Import + + Step 3 + Import - - - Step 4 - Download Excel + + + Step 4 + Download Excel - - - Step 5 - Finish + + + Step 5 + Finish - - + + +
    -
    -
    +
    @@ -78,12 +79,12 @@

    Update {{college.studentname}}

    -
    +
    - - -
    -

    {{ sheetName }}

    -
    - - - - - - - - - - - -
    {{ co }}
    {{ item[key] }}
    -
    -
    -
    -
    - + +
    +

    {{ sheetName }}

    +
    + + + + + + + + + + + +
    {{ co }}
    {{ item[key] }}
    +
    +
    +
    +
    + - - + + + +
    - -
    - +
    -
    - -
    -
    -

    Table Mapping

    +
    +
    + +
    +
    +

    Table Mapping

    -
    + -
    -
    -
    - - +
    +
    +
    +
    + - - + + - - + + - - + - -
    Sheet NameTable NameSheet NameTable Name
    - - - - -
    -
    -
    - + + +
    +
    + - - + + - + -
    -
    -
    - -
    -
    -
    - -
    -
    - - -
    -
    -

    Data Mapping

    - -
    - -
    -
    -
    -
    - Enable TransFormation - -
    -
    - - + +
    +
    +
    - -
    -
    -
    Add Rule line
    - - -
    -
    - - -
    +
    +
    - +
    - - - +
    +
    +

    Data Mapping

    -
    -
    -
    - +
    + +
    +
    +
    +
    + Enable TransFormation + + +
    +
    + + +
    +
    + +
    +
    +
    Add Rule line
    + + +
    +
    + + +
    +
    +
    + + + + + + + +
    +
    +
    +
    + +
    +
    +
    + +
    -
    - -
    -
    - -
    -
    -

    Importing Data

    - -
    -
    -
    -
    - +
    +
    +

    Importing Data

    + +
    +
    +
    +
    + -
    -

    {{ sheetName }}

    -
    - - - - - - - - - - - -
    {{ co }}
    {{ item[key] }}
    -
    -
    -
    - - - + + - -
    - -
    -
    -

    Download Excel

    -
    -
    -
    - - - - -
    - -
    -
    -

    File is Downloaded

    -
    - - - -
    - - -
    - - -

    MAPPER FORM

    -
    -
    -
    -
    - + +
    +
    +
    -
    -
    + + +
    +
    +

    Download Excel

    +
    +
    +
    + + + + +
    +
    +
    + +
    +
    +

    File is Downloaded

    +
    + + + +
    +
    +
    + + +
    + + +

    MAPPER FORM

    +
    + +
    +
    + +
    + +
    +
    - - - - - - - - - - - - - -
    Header FieldsValue
    - - - - -
    + + + + + + + + + + + + + +
    Header FieldsValue
    + + + + +
    -
    -
    -
    - - -
    - -
    -     - - -

    Add Rule Lines

    -
    -
    -
    -
    - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Rule NameFrom SheetFrom Columnvalidation TableCheck ColumnUse Column (Id)Replacement Table (Id)Replacement Column (Id)Error MessageAction
    - - - - - - - - - - - - - - - - - - - - - -
    -
    -
    -
    - +
    +
    + + +
    + +
    + + + +

    Add Rule Lines

    +
    +
    +
    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    Rule NameFrom SheetFrom Columnvalidation TableCheck ColumnUse Column (Id)Replacement Table (Id)Replacement Column (Id)Error MessageAction
    + + + + + + + + + + + + + + + + + + + + + +
    +
    +
    +
    +
    + -
    -
    -
    -     - - - +
    + +
    + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.ts index db4efd1..d1777ac 100644 --- a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.ts +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.ts @@ -16,48 +16,48 @@ export class DatamananementworkflowComponent implements OnInit { getbyiddata; id; columns: any[]; - rows:any[]; - bodyrow:any[]=[]; + rows: any[]; + bodyrow: any[] = []; getHeaderData; JsonHeader = []; rowdata; - transform:boolean = false; - checkTransform:boolean = true; - mapperText:string = ''; - changeKeyJson:any[]; + transform: boolean = false; + checkTransform: boolean = true; + mapperText: string = ''; + changeKeyJson: any[]; tableName; - - // Layout direction changing -layout = { - direction: "horizontal", - block1: "clr-col-lg-12 clr-col-12 height container", - block2: "clr-col-lg-12 clr-col-12 container", -} -timelineStyle = { - step0: { state: "current", open: true, failed: false }, - step1: { state: "not-started", open: false, failed: false }, - step2: { state: "not-started", open: false, failed: false }, - step3: { state: "not-started", open: false, failed: false }, - step4: { state: "not-started", open: false, failed: false }, - step5: { state: "not-started", open: false, failed: false }, -}; + // Layout direction changing -json: string = ""; + layout = { + direction: "horizontal", + block1: "clr-col-lg-12 clr-col-12 height container", + block2: "clr-col-lg-12 clr-col-12 container", + } + timelineStyle = { + step0: { state: "current", open: true, failed: false }, + step1: { state: "not-started", open: false, failed: false }, + step2: { state: "not-started", open: false, failed: false }, + step3: { state: "not-started", open: false, failed: false }, + step4: { state: "not-started", open: false, failed: false }, + step5: { state: "not-started", open: false, failed: false }, + }; + + json: string = ""; luisApp = - { - name: '', - created: 1, - trained: 1, - tested: 1, - updated:1, - published: 1, + { + name: '', + created: 1, + trained: 1, + tested: 1, + updated: 1, + published: 1, - }; - constructor( private excel: ExcelService, private datamservice:DatamanagementService, private toastr: ToastrService,private router: Router, - private route: ActivatedRoute,public bulkUpload:BulkimportService) { } + }; + constructor(private excel: ExcelService, private datamservice: DatamanagementService, private toastr: ToastrService, private router: Router, + private route: ActivatedRoute, public bulkUpload: BulkimportService) { } ngOnInit(): void { this.id = this.route.snapshot.params["id"]; @@ -65,21 +65,21 @@ json: string = ""; this.getall(); this.getSheetName(this.id); this.getById(this.id); - + this.getTableData(this.id); // this.getColumns(this.tableName); // this.getHeadersById(this.id); - + } - getall(){ - this.datamservice.getall().subscribe((data)=>{ + getall() { + this.datamservice.getall().subscribe((data) => { console.log(data); - this.data=data; + this.data = data; }) } - + getById(id) { this.datamservice.getTemplateById(id).subscribe((data) => { console.log(data); @@ -88,20 +88,20 @@ json: string = ""; }); } headerData; - getColumns(table){ + getColumns(table) { console.log(table); // console.log(this.getbyiddata.entityName); this.bulkUpload.getColumnNames(table).subscribe((data) => { console.log(data); this.headerData = data; - }); -} -getHeadersById(id){ - console.log(this.columnJson); - this.bulkUpload.getHeader(id).subscribe((data) => { - console.log(data); - this.getHeaderData = JSON.stringify(data); - + }); + } + getHeadersById(id) { + console.log(this.columnJson); + this.bulkUpload.getHeader(id).subscribe((data) => { + console.log(data); + this.getHeaderData = JSON.stringify(data); + // const objectArray = data.map(key => ({ // headerName: key, // value: "", @@ -113,19 +113,19 @@ getHeadersById(id){ // const json = `{"Customer":[{"headerName":"balance","value":""},{"headerName":"c_status","value":""},{"headerName":"city","value":""},{"headerName":"country","value":""},{"headerName":"currency_code","value":""},{"headerName":"customer_id","value":""},{"headerName":"date_of_birth","value":""},{"headerName":"defaultsite_id","value":""}], // "Site":[{"headerName":"balance","value":""},{"headerName":"city","value":""},{"headerName":"country","value":""},{"headerName":"credit_profile","value":""},{"headerName":"currency_code","value":""},{"headerName":"date_of_birth","value":""},{"headerName":"default_order_type","value":""},{"headerName":"dsa","value":""}]}` // this.getHeaderData = json; - - },(error) => { + + }, (error) => { console.log(error); }); - + } selectedSheetName: string | null = null; - getHeaderbybutton(id,sheetName){ + getHeaderbybutton(id, sheetName) { // this.bulkUpload.getHeader(id,sheetName).subscribe((data) => { // console.log(data); // this.getHeaderData = data; - + // const objectArray = data.map(key => ({ // headerName: key, // value: "", @@ -133,426 +133,423 @@ getHeadersById(id){ // // console.log(objectArray); // this.getHeaderData = JSON.stringify(objectArray); // console.log(this.getHeaderData); - - - + + + // },(error) => { // console.log(error); // }); this.selectedSheetName = sheetName; const columnEntry = this.columnJson.find(entry => entry.sheetName === sheetName); - if (columnEntry) { - const tablename = columnEntry.TableName; - this.getColumns(tablename); - } + if (columnEntry) { + const tablename = columnEntry.TableName; + this.getColumns(tablename); + } } - - checkData(){ + + checkData() { console.log(this.JsonHeader); console.log(this.mapperText); } - getkeychangesJson(){ + getkeychangesJson() { const jsonString = JSON.stringify(this.rows); - console.log("body",jsonString); + console.log("body", jsonString); // const datajson = JSON.parse(this.datajson); // this.datajson = [datajson]; // console.log(this.datajson); - this.bulkUpload.changeKeysOfJson(this.datajson,jsonString).subscribe((data) => { + this.bulkUpload.changeKeysOfJson(this.datajson, jsonString).subscribe((data) => { console.log(data); - this.changeKeyJson = data.body; - },(error:HttpErrorResponse) => { + this.changeKeyJson = data.body; + }, (error: HttpErrorResponse) => { console.log(error.error); }); + } + // getHeaderskeychange() { + // let headers: string[] = []; + // if(this.changeKeyJson) { + // this.changeKeyJson.forEach((value) => { + // Object.keys(value).forEach((key) => { + // if(!headers.find((header) => header == key)){ + // headers.push(key) + // } + + // }) + + // }) + // } + // return headers; + // } + getHeaderskeychange(sheetName: string) { + if (this.changeKeyJson && this.changeKeyJson.length > 0 && this.changeKeyJson[0][sheetName]) { + // Assuming the first item in the array contains the keys. + return Object.keys(this.changeKeyJson[0][sheetName][0]); } - // getHeaderskeychange() { - // let headers: string[] = []; - // if(this.changeKeyJson) { - // this.changeKeyJson.forEach((value) => { - // Object.keys(value).forEach((key) => { - // if(!headers.find((header) => header == key)){ - // headers.push(key) - // } - - // }) - - // }) - // } - // return headers; - // } - getHeaderskeychange(sheetName: string) { - if (this.changeKeyJson && this.changeKeyJson.length > 0 && this.changeKeyJson[0][sheetName]) { - // Assuming the first item in the array contains the keys. - return Object.keys(this.changeKeyJson[0][sheetName][0]); - } - return []; - } - - getkeychangeData(sheetName: string) { - if (this.changeKeyJson && this.changeKeyJson.length > 0 && this.changeKeyJson[0][sheetName]) { - // Returning the array of data. - return this.changeKeyJson[0][sheetName]; - } - return []; - } -// Change to Horizontal Layout -changeToHorizonTal() { - this.layout = { - direction: "horizontal", - block1: "clr-col-lg-12 clr-col-12 height container", - block2: "clr-col-lg-12 clr-col-12 container", + return []; } -} -// Change to Vertical Layout -changeToVertical() { - this.layout = { - direction: "vertical", - block1: "clr-col-lg-3 clr-col-12 ", - block2: "clr-col-lg-9 clr-col-12 ", - } -} -reset() { - this.json = ""; - this.luisApp = - { - name: '', - trained: 1, - tested: 1, - updated:1, - published: 1, - - created: 1, - - }; - - this.timelineStyle = { - step0: { state: "current", open: true, failed: false }, - step1: { state: "not-started", open: false, failed: false }, - step2: { state: "not-started", open: false, failed: false }, - step3: { state: "not-started", open: false, failed: false }, - step4: { state: "not-started", open: false, failed: false }, - step5: { state: "not-started", open: false, failed: false }, - }; -} - - -//dynamic table -sheetNames:any; -getSheetName(id){ - this.bulkUpload.getSheetName(id).subscribe(data => { - console.log(data); - this.sheetNames = data; - }); -} - -getTableData(id){ - // console.log(this.getbyiddata.file_name); - this.bulkUpload.convertFileToJson(id).subscribe((data) => { - this.rows = data; - // this.bodyrow = data; - console.log(this.rows); -this.rowdata= [this.rows]; -this.rows = [this.rows] - console.log(typeof this.rows); - if(data){ - // this.toastr.success("Run Successfully") + getkeychangeData(sheetName: string) { + if (this.changeKeyJson && this.changeKeyJson.length > 0 && this.changeKeyJson[0][sheetName]) { + // Returning the array of data. + return this.changeKeyJson[0][sheetName]; } - var j; - var cart = []; + return []; + } + // Change to Horizontal Layout + changeToHorizonTal() { + this.layout = { + direction: "horizontal", + block1: "clr-col-lg-12 clr-col-12 height container", + block2: "clr-col-lg-12 clr-col-12 container", + } + } + // Change to Vertical Layout + changeToVertical() { + this.layout = { + direction: "vertical", + block1: "clr-col-lg-3 clr-col-12 ", + block2: "clr-col-lg-9 clr-col-12 ", + } + } + reset() { + this.json = ""; + this.luisApp = + { + name: '', + trained: 1, + tested: 1, + updated: 1, + published: 1, - for(var i = 0; i < data.length; i++) - { - var columnsIn = data[i]; - if(i==1) - { - for(var key in columnsIn) - { - j={prop:key , name: key}; - cart.push(j) + created: 1, + + }; + + this.timelineStyle = { + step0: { state: "current", open: true, failed: false }, + step1: { state: "not-started", open: false, failed: false }, + step2: { state: "not-started", open: false, failed: false }, + step3: { state: "not-started", open: false, failed: false }, + step4: { state: "not-started", open: false, failed: false }, + step5: { state: "not-started", open: false, failed: false }, + }; + } + + + //dynamic table + sheetNames: any; + getSheetName(id) { + this.bulkUpload.getSheetName(id).subscribe(data => { + console.log(data); + this.sheetNames = data; + }); + } + + getTableData(id) { + // console.log(this.getbyiddata.file_name); + this.bulkUpload.convertFileToJson(id).subscribe((data) => { + this.rows = data; + // this.bodyrow = data; + console.log(this.rows); + this.rowdata = [this.rows]; + this.rows = [this.rows] + console.log(typeof this.rows); + if (data) { + // this.toastr.success("Run Successfully") + } + var j; + var cart = []; + + for (var i = 0; i < data.length; i++) { + var columnsIn = data[i]; + if (i == 1) { + for (var key in columnsIn) { + j = { prop: key, name: key }; + cart.push(j) + + } } - } - } - this.columns = cart; + } + this.columns = cart; -}); -} -// sheetNames = ['Customer', 'Site']; -getHeaders(sheetName: string) { - if (this.rows && this.rows.length > 0 && this.rows[0][sheetName]) { - // Assuming the first item in the array contains the keys. - return Object.keys(this.rows[0][sheetName][0]); + }); } - return []; -} - -getData(sheetName: string) { - if (this.rows && this.rows.length > 0 && this.rows[0][sheetName]) { - // Returning the array of data. - return this.rows[0][sheetName]; + // sheetNames = ['Customer', 'Site']; + getHeaders(sheetName: string) { + if (this.rows && this.rows.length > 0 && this.rows[0][sheetName]) { + // Assuming the first item in the array contains the keys. + return Object.keys(this.rows[0][sheetName][0]); + } + return []; } - return []; -} -// getHeaders() { -// let headers: string[] = []; -// this.rows= [] -// if(this.rows) { -// this.rows.forEach((value) => { -// Object.keys(value).forEach((key) => { -// if(!headers.find((header) => header == key)){ -// headers.push(key) -// } - -// }) - -// }) -// } -// return headers; -// } - -//data mapping -checkTrans(){ - - console.log("transform open") - // console.log(this.storeData); - if(this.getHeaderData){ - this.checkTransform = false; - this.transform = true; - console.log(this.getHeaderData); - if(this.mapperText === "undefined"){ this.mapperText= '';} - const currentText = this.mapperText; - let trnsfData = currentText + '' +this.getHeaderData; - this.mapperText = trnsfData; - }else { - this.checkTransform = true; - this.transform = false; + getData(sheetName: string) { + if (this.rows && this.rows.length > 0 && this.rows[0][sheetName]) { + // Returning the array of data. + return this.rows[0][sheetName]; + } + return []; } - -} -mappperModal = false; -goFromMapper(){ - this.mappperModal = true; - this.selectedSheetName = this.sheetNames[0]; - const tablename = this.columnJson[0].TableName; - this.getColumns(tablename) - if(this.mapperText){ - try { - this.JsonHeader = JSON.parse(this.mapperText); - console.log('Received data:', this.JsonHeader ); - } catch (e) { console.error('Invalid JSON:', this.mapperText);} - }else - if (this.getHeaderData) { + + // getHeaders() { + // let headers: string[] = []; + // this.rows= [] + // if(this.rows) { + // this.rows.forEach((value) => { + // Object.keys(value).forEach((key) => { + // if(!headers.find((header) => header == key)){ + // headers.push(key) + // } + + // }) + + // }) + // } + // return headers; + // } + + //data mapping + checkTrans() { + + console.log("transform open") + // console.log(this.storeData); + if (this.getHeaderData) { + this.checkTransform = false; + this.transform = true; + console.log(this.getHeaderData); + if (this.mapperText === "undefined") { this.mapperText = ''; } + const currentText = this.mapperText; + let trnsfData = currentText + '' + this.getHeaderData; + this.mapperText = trnsfData; + } else { + this.checkTransform = true; + this.transform = false; + } + + } + mappperModal = false; + goFromMapper() { + this.mappperModal = true; + this.selectedSheetName = this.sheetNames[0]; + const tablename = this.columnJson[0].TableName; + this.getColumns(tablename) + if (this.mapperText) { + try { + this.JsonHeader = JSON.parse(this.mapperText); + console.log('Received data:', this.JsonHeader); + } catch (e) { console.error('Invalid JSON:', this.mapperText); } + } else + if (this.getHeaderData) { // try { // this.serverData = data.replace(/\[|\]|"/g, '').split(','); //(/\[|\]|'/g, '') //(/[\[\]"]/g, '') // console.log('Received data:', this.serverData ); // } catch (e) { console.error('Invalid JSON:', data);} try { - this.JsonHeader = JSON.parse(this.getHeaderData); - console.log('Received data:', this.JsonHeader ); - } catch (e) { console.error('Invalid JSON:', this.getHeaderData);} - + this.JsonHeader = JSON.parse(this.getHeaderData); + console.log('Received data:', this.JsonHeader); + } catch (e) { console.error('Invalid JSON:', this.getHeaderData); } + } - //this.mappperclick = true; - // this.router.navigate(["../../mapperTable/"], { relativeTo: this.route, queryParams: { id: this.updateId, data: this.nodeEditProperties.mappers, title:this.nodeEditProperties.title }, skipLocationChange: true}); - // console.log("gofrommapper",this.updateId,this.nodeEditProperties.mappers) - // if(this.mappperclick = true && this.datajson!= null){ - // this.nodeEditProperties.mappers = this.datajson; - // } -} + //this.mappperclick = true; + // this.router.navigate(["../../mapperTable/"], { relativeTo: this.route, queryParams: { id: this.updateId, data: this.nodeEditProperties.mappers, title:this.nodeEditProperties.title }, skipLocationChange: true}); + // console.log("gofrommapper",this.updateId,this.nodeEditProperties.mappers) + // if(this.mappperclick = true && this.datajson!= null){ + // this.nodeEditProperties.mappers = this.datajson; + // } + } -transReset(){ - this.mapperText = ''; - this.transform = false; - this.checkTransform = true; -} + transReset() { + this.mapperText = ''; + this.transform = false; + this.checkTransform = true; + } -Rule:boolean = false; -checkRule:boolean = true; -RuleData:string = ''; -ruleModal = false; -RuleHeader = []; + Rule: boolean = false; + checkRule: boolean = true; + RuleData: string = ''; + ruleModal = false; + RuleHeader = []; -checkRules(){ - console.log("rule line open") - this.ruleModal = true; + checkRules() { + console.log("rule line open") + this.ruleModal = true; - -} -rulechecking(){ - if(this.RuleData){ - console.log(this.RuleData); - this.checkRule = false; - this.Rule = true; - }else{ + } + + rulechecking() { + if (this.RuleData) { + console.log(this.RuleData); + this.checkRule = false; + this.Rule = true; + } else { + this.Rule = false; + this.checkRule = true; + } + } + + mappperclick = false; + goFromRule() { + this.ruleModal = true; + if (this.RuleData) { + try { + this.RuleHeader = JSON.parse(this.RuleData); + console.log('Received data:', this.RuleHeader); + } catch (e) { console.error('Invalid JSON:', this.RuleData); } + } + console.log(this.RuleHeader); + } + + resetRule() { + this.RuleData = undefined; + this.RuleHeader = []; this.Rule = false; this.checkRule = true; } -} - -mappperclick = false; -goFromRule(){ - this.ruleModal = true; - if(this.RuleData){ - try { - this.RuleHeader = JSON.parse(this.RuleData); - console.log('Received data:', this.RuleHeader ); - } catch (e) { console.error('Invalid JSON:', this.RuleData);} - } - console.log(this.RuleHeader); -} - -resetRule(){ - this.RuleData = undefined; - this.RuleHeader = []; - this.Rule = false; - this.checkRule = true; -} - -onAddLines(){ - this.RuleHeader.push({ - rulename: "", - fromsheet:"", - fromColumn: "", - validationTable: "", - checkColumn: "", - useColumn:"", - replacementTable:"", - replacementcolumn:"", - errormsg:"" - }); -} -deleteRow(index) { - this.RuleHeader.splice(index, 1); -} - -onRuleUpdate(){ - this.ruleModal = false; - console.log("rule",this.RuleHeader); - let serverData = JSON.stringify(this.RuleHeader); - // console.log(serverData); - let product = JSON.stringify(serverData); - // console.log(product); - - try { - this.RuleData = JSON.parse(product); - console.log('Received rulejson data:', this.RuleData); - } catch (e) { console.error('Invalid JSON:', product);} - this.rulechecking() -} - - - datajson; - keychangeTable = false; -onUpdate(){ - this.mappperModal = false; - console.log(this.JsonHeader); - let serverData = JSON.stringify(this.JsonHeader); - // console.log(serverData); - let product = JSON.stringify(serverData); - // console.log(product); - - try { - this.datajson = JSON.parse(product); - console.log('Received Newjson data:', this.datajson); - } catch (e) { console.error('Invalid JSON:', product);} - - this.mapperText = this.datajson; - - // const output = this.datajson.reduce((result, item) => { - // result[item.headerName] = item.value; - // return result; - // }, {}); - - // console.log(output); - - this.getkeychangesJson(); - this.keychangeTable=true; -} - -//download excel file - -selectedTable; -selectTable(val){ - this.selectedTable = val; - // this.downloadExcel(val); -} - -downloadExcel(id){ - console.log(this.changeKeyJson); - const jsonDataWithoutBrackets = this.changeKeyJson[0]; - console.log(jsonDataWithoutBrackets); - console.log(this.RuleHeader); - this.bulkUpload.downloadExcel(id,jsonDataWithoutBrackets,this.RuleHeader).subscribe( - (response: Blob) => { - // Process the downloaded Excel file - console.log(response); - // const file = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); - // const fileUrl = URL.createObjectURL(file); - // const link = document.createElement('a'); - // link.href = fileUrl; - // link.download = 'data.xlsx'; // Set the desired file name - // link.click(); - - // this.timelineStyle = { - // step0: { state: "success", open: false, failed: false }, - // step1: { state: "success", open: false, failed: false }, - // step2: { state: "success", open: false, failed: false }, - // step3: { state: "success", open: false, failed: false }, - // step4: { state: "current", open: true, failed: false }, - // }; - }, - (error) => { - // Handle error - console.log(error); - // this.timelineStyle = { - // step0: { state: "success", open: false, failed: false }, - // step1: { state: "success", open: false, failed: false }, - // step2: { state: "success", open: false, failed: false }, - // step3: { state: "current", open: true, failed: false }, - // step4: { state: "not-started", open: false, failed: false }, - // step5: { state: "not-started", open: false, failed: false }, - // }; - - } - ); -} - -getSheet(id){ - this.bulkUpload.getSheet(id).subscribe( - (response: Blob) => { - // Process the downloaded Excel file - console.log(response); - const file = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); - const fileUrl = URL.createObjectURL(file); - const link = document.createElement('a'); - link.href = fileUrl; - link.download = 'data.xlsx'; // Set the desired file name - link.click(); + onAddLines() { + this.RuleHeader.push({ + rulename: "", + fromsheet: "", + fromColumn: "", + validationTable: "", + checkColumn: "", + useColumn: "", + replacementTable: "", + replacementcolumn: "", + errormsg: "" }); -} + } + deleteRow(index) { + this.RuleHeader.splice(index, 1); + } -back(){ - this.router.navigate(["../../datamanagement"], { relativeTo: this.route }); -} + onRuleUpdate() { + this.ruleModal = false; + console.log("rule", this.RuleHeader); + let serverData = JSON.stringify(this.RuleHeader); + // console.log(serverData); + let product = JSON.stringify(serverData); + // console.log(product); -////step 1 - mapping name -columnJson =[] -getColumnforstep1(){ - - const objectArray = this.sheetNames.map(key => ({ - sheetName: key, - TableName: "", - })); - // console.log(objectArray); - this.columnJson = objectArray; + try { + this.RuleData = JSON.parse(product); + console.log('Received rulejson data:', this.RuleData); + } catch (e) { console.error('Invalid JSON:', product); } + this.rulechecking() + } - } + + datajson; + keychangeTable = false; + onUpdate() { + this.mappperModal = false; + console.log(this.JsonHeader); + let serverData = JSON.stringify(this.JsonHeader); + // console.log(serverData); + let product = JSON.stringify(serverData); + // console.log(product); + + try { + this.datajson = JSON.parse(product); + console.log('Received Newjson data:', this.datajson); + } catch (e) { console.error('Invalid JSON:', product); } + + this.mapperText = this.datajson; + + // const output = this.datajson.reduce((result, item) => { + // result[item.headerName] = item.value; + // return result; + // }, {}); + + // console.log(output); + + this.getkeychangesJson(); + this.keychangeTable = true; + } + + //download excel file + + selectedTable; + selectTable(val) { + this.selectedTable = val; + // this.downloadExcel(val); + } + + downloadExcel(id) { + console.log(this.changeKeyJson); + const jsonDataWithoutBrackets = this.changeKeyJson[0]; + console.log(jsonDataWithoutBrackets); + console.log(this.RuleHeader); + this.bulkUpload.downloadExcel(id, jsonDataWithoutBrackets, this.RuleHeader).subscribe( + (response: Blob) => { + // Process the downloaded Excel file + console.log(response); + // const file = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); + // const fileUrl = URL.createObjectURL(file); + // const link = document.createElement('a'); + // link.href = fileUrl; + // link.download = 'data.xlsx'; // Set the desired file name + // link.click(); + + // this.timelineStyle = { + // step0: { state: "success", open: false, failed: false }, + // step1: { state: "success", open: false, failed: false }, + // step2: { state: "success", open: false, failed: false }, + // step3: { state: "success", open: false, failed: false }, + // step4: { state: "current", open: true, failed: false }, + // }; + }, + (error) => { + // Handle error + console.log(error); + // this.timelineStyle = { + // step0: { state: "success", open: false, failed: false }, + // step1: { state: "success", open: false, failed: false }, + // step2: { state: "success", open: false, failed: false }, + // step3: { state: "current", open: true, failed: false }, + // step4: { state: "not-started", open: false, failed: false }, + // step5: { state: "not-started", open: false, failed: false }, + // }; + + } + ); + } + + getSheet(id) { + this.bulkUpload.getSheet(id).subscribe( + (response: Blob) => { + // Process the downloaded Excel file + console.log(response); + const file = new Blob([response], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' }); + const fileUrl = URL.createObjectURL(file); + const link = document.createElement('a'); + link.href = fileUrl; + link.download = 'data.xlsx'; // Set the desired file name + link.click(); + + }); + } + + back() { + this.router.navigate(["../../datamanagement"], { relativeTo: this.route }); + } + + ////step 1 - mapping name + columnJson = [] + getColumnforstep1() { + + const objectArray = this.sheetNames.map(key => ({ + sheetName: key, + TableName: "", + })); + // console.log(objectArray); + this.columnJson = objectArray; + + } }