diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.component.html b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.component.html new file mode 100644 index 0000000..5318bd5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.component.html @@ -0,0 +1,405 @@ +
    +
  1. Stepper Workflow
    2. +
+
+
+
+

Stepper Workflow

+
+
+ + + +
+
+ + + + Loading ... + +
{{error}}
+ + + Name + + + + Description + + + + Active + + + + + + Action + + + + + + {{user. name }} + + + + + + + {{user. active }} + + + + + + + +
Who Column
+
Account ID: {{user.accountId}}
+
Created At: {{user.createdAt| date}}
+
Created By: {{user.createdBy}}
+
Updated At: {{user.updatedAt | date}}
+
Updated By: {{user.updatedBy}}
+ + + + + + + + + + + + + + + + + + + Users per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} users + + + + + + +
+
+
+
+
+
+ +
+
+ {{beforeText(item.fieldtext)}} + {{ app[transform(item.fieldtext) ] }} + {{afterText(item.fieldtext)}} +
+ +
+ {{beforeText(item.fieldtext)}} + {{ app[transform(item.fieldtext) ] | date}} + {{afterText(item.fieldtext)}} +
+
+ {{beforeText(item.fieldtext)}} + {{ app[transform(item.fieldtext) ]}} + {{afterText(item.fieldtext)}} +
+ +
+
+
+ + +
+ +
+ +
+ File Preview +
+
+ +
+
+
+
+
+
+ +
+ + + + +
+ +
+ + + + + + +

Update Stepper Workflow + + + + + + +

+
+

{{rowSelected.id}}

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

Extension

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

Are You Sure Want to delete?

+

{{rowSelected.id}}

+
+ + +
+
+ + + +

Add Stepper Workflow + + + + + + + +         + + + + + Form Extension + +

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

Extension

+
+
+
+
+ + + + + + + +
+ + +
+
+
+ +
+ + +
+
+
+ + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.component.scss b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.component.scss new file mode 100644 index 0000000..c47b921 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.component.scss @@ -0,0 +1,78 @@ +//@import "../../../../assets/scss/var"; +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; + button { + outline: none; + } +} +.delete,.heading{ + text-align: center; + color: red; +} +.entry-pg { + width: 750px; +} + +.button1::after { + content: none; +} +.button1:hover::after { + content: "ADD ROWS"; +} + +.section { + background-color: #dddddd; + height: 40px; +} + +.section p { + //color: white; + padding: 10px; + font-size: 18px; +} + +.clr-input { + color: #212529; + border: 1px solid #ced4da; + border-radius: 0.25rem; + padding: 0.75rem 0.75rem; + margin-top: 3px; + width: 100%; + margin-bottom: 10px; +} + +.clr-file { + color: #212529; + border: 1px solid #ced4da; + border-radius: 0.25rem; + //padding: 0.6rem 0.75rem; + margin-top: 3px; + width: 100%; + margin-bottom: 10px; +} + +.center { + text-align: center; +} +select{ + width: 100%; + margin-top: 3px; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} +input[type=text],[type=date],[type=number],textarea { + width: 100%; + padding: 15px 15px; + background-color:rgb(255, 255, 255); + // margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} +.error_mess { + color: red; +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.component.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.component.ts new file mode 100644 index 0000000..0edb0c9 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.component.ts @@ -0,0 +1,243 @@ +import { Component, OnInit } from '@angular/core'; +import { ToastrService } from 'ngx-toastr'; +import { AlertService } from 'src/app/services/alert.service'; +import { Stepper_workflowservice } from './Stepper_workflow.service'; +import { AbstractControl, FormArray, FormBuilder, FormGroup, Validators, ValidationErrors } from '@angular/forms'; +import { ExtensionService } from 'src/app/services/fnd/extension.service'; +import { DashboardContentModel2 } from 'src/app/models/builder/dashboard'; +import { Stepper_workflowcardvariable } from './Stepper_workflow_cardvariable'; +import { UserInfoService } from 'src/app/services/user-info.service'; +import { ActivatedRoute, Router } from '@angular/router'; + +declare var JsBarcode: any; +@Component({ + selector: 'app-Stepper_workflow', + templateUrl: './Stepper_workflow.component.html', + styleUrls: ['./Stepper_workflow.component.scss'] +}) +export class Stepper_workflowComponent implements OnInit { + cardButton = Stepper_workflowcardvariable.cardButton; + cardmodeldata = Stepper_workflowcardvariable.cardmodeldata; + public dashboardArray: DashboardContentModel2[]; + isCardview = Stepper_workflowcardvariable.cardButton; + cardmodal; changeView() { + this.isCardview = !this.isCardview; + } + beforeText(fieldtext: string): string { // Extract the text before the first '<' + const index = fieldtext.indexOf('<'); + return index !== -1 ? fieldtext.substring(0, index) : fieldtext; + } + afterText(fieldtext: string): string { // Extract the text after the last '>' + const index = fieldtext.lastIndexOf('>'); + return index !== -1 ? fieldtext.substring(index + 1) : ''; + } + transform(fieldtext: string): string { + const match = fieldtext.match(/<([^>]*)>/); + return match ? match[1] : ''; // Extract the text between '<' and '>' + } + userrole; + rowSelected: any = {}; + modaldelete = false; + modalEdit = false; + modalAdd = false; + public entryForm: FormGroup; + loading = false; + product; + modalOpenedforNewLine = false; + newLine: any; + additionalFieldsFromBackend: any[] = []; + formcode = 'Stepper_workflow_formCode' + tableName = 'Stepper_workflow'; checkFormCode; selected: any[] = []; constructor( + private extensionService: ExtensionService, + private userInfoService: UserInfoService, + private mainService: Stepper_workflowservice, + private alertService: AlertService, + private toastr: ToastrService, + private _fb: FormBuilder, + private router: Router, + private route: ActivatedRoute, + ) { } + // component button + ngOnInit(): void { + if (this.cardmodeldata !== '') { + this.cardmodal = JSON.parse(this.cardmodeldata); + this.dashboardArray = this.cardmodal.dashboard.slice(); + console.log(this.dashboardArray) + } + this.userrole = this.userInfoService.getRoles(); + this.getData(); + this.entryForm = this._fb.group({ + name: [null], + + description: [null], + + active: [false], + + + + + + + + + }); // component_button200 + // form code start + this.extensionService.getJsonObjectsByFormCodeList(this.formcode).subscribe(data => { + console.log(data); + const jsonArray = data.map((str) => JSON.parse(str)); + this.additionalFieldsFromBackend = jsonArray; + this.checkFormCode = this.additionalFieldsFromBackend.some(field => field.formCode === "Stepper_workflow_formCode"); + console.log(this.checkFormCode); + console.log(this.additionalFieldsFromBackend); + if (this.additionalFieldsFromBackend && this.additionalFieldsFromBackend.length > 0) { + this.additionalFieldsFromBackend.forEach(field => { + if (field.formCode === this.formcode) { + if (!this.entryForm.contains(field.extValue)) { + // Add the control only if it doesn't exist in the form + this.entryForm.addControl(field.extValue, this._fb.control(field.fieldValue)); + } + } + }); + } + }); + console.log(this.entryForm.value); + // form code end + + + } + + + error; + getData() { + this.mainService.getAll().subscribe((data) => { + console.log(data); + this.product = data; + if (this.product.length == 0) { + this.error = "No Data Available" + } + }, (error) => { + console.log(error); + if (error) { + this.error = "Server Error"; + } + }); + } + onEdit(row) { + this.rowSelected = row; + + this.modalEdit = true; + } + onDelete(row) { + this.rowSelected = row; + this.modaldelete = true; + } + delete(id) { + this.modaldelete = false; + console.log("in delete " + id); + this.mainService.delete(id).subscribe( + (data) => { + console.log(data); + this.ngOnInit(); + if (data) { this.toastr.success('Deleted successfully'); } + }); + } + onUpdate(id) { + this.modalEdit = false; + + + //console.log("in update"); + console.log("id " + id); + console.log(this.rowSelected); + //console.log("out update"); + this.mainService.update(id, this.rowSelected).subscribe( + (data) => { + console.log(data); + if (data || data.status >= 200 && data.status <= 299) { + this.toastr.success("Update Successfully"); + } + setTimeout(() => { + this.ngOnInit(); + }, 500); + + }, (error) => { + console.log(error); + if (error.status >= 200 && error.status <= 299) { + // this.toastr.success("update Succesfully"); + } + if (error.status >= 400 && error.status <= 499) { + this.toastr.error("Not Updated"); + } + if (error.status >= 500 && error.status <= 599) { + this.toastr.error("Not Updated"); + } + }); + setTimeout(() => { + this.ngOnInit(); + }, 500); + } + onCreate() { + this.modalAdd = false; + + this.mainService.create(this.entryForm.value).subscribe( + (data) => { + console.log(data); + if (data || data.status >= 200 && data.status <= 299) { + this.toastr.success("Added Successfully"); + } + setTimeout(() => { + this.ngOnInit(); + }, 500); + + }, (error) => { + console.log(error); + if (error.status >= 200 && error.status <= 299) { + // this.toastr.success("Added Succesfully"); + } + if (error.status >= 400 && error.status <= 499) { + this.toastr.error("Not Added"); + } + if (error.status >= 500 && error.status <= 599) { + this.toastr.error("Not Added"); + } + }); + setTimeout(() => { + this.ngOnInit(); + }, 500); + } + goToAdd(row) { + this.modalAdd = true; this.submitted = false; + + } + submitted = false; + onSubmit() { + console.log(this.entryForm.value); + this.submitted = true; + if (this.entryForm.invalid) { + return; + } this.onCreate(); + + } + + + rsModaldescription = false; + goToReplaceStringdescription(row) { + this.rowSelected = row; this.rsModaldescription = true; + } + + + gotoStepper(id) { + + console.log('id is ', id) + // this.router.navigate(["/cns-portal/SiteBuilder"]); + + this.router.navigate(["../Test1/", id], { relativeTo: this.route }); + + } + + // updateaction +} + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.service.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.service.ts new file mode 100644 index 0000000..da9eebd --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.service.ts @@ -0,0 +1,39 @@ +import { Injectable } from '@angular/core'; +import { Observable } from "rxjs"; +import { HttpClient, HttpHeaders, HttpParams, } from "@angular/common/http"; +import { ApiRequestService } from "src/app/services/api/api-request.service"; +import { environment } from 'src/environments/environment'; +@Injectable({ + providedIn: 'root' +}) +export class Stepper_workflowservice{ + private baseURL = "Stepper_workflow/Stepper_workflow" ; constructor( + private http: HttpClient, + private apiRequest: ApiRequestService, + ) { } + getAll(page?: number, size?: number): Observable { + return this.apiRequest.get(this.baseURL); + } + getById(id: number): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.get(_http); + } + create(data: any): Observable { + return this.apiRequest.post(this.baseURL, data); + } + update(id: number, data: any): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.put(_http, data); + } + delete(id: number): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.delete(_http); + } + + + + + + +// updateaction +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow_cardvariable.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow_cardvariable.ts new file mode 100644 index 0000000..1cdd2a5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow_cardvariable.ts @@ -0,0 +1,4 @@ +export const Stepper_workflowcardvariable = { + "cardButton": false, + "cardmodeldata": `` +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.component.css.map new file mode 100644 index 0000000..810a211 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["test1.component.scss","test1.component.css"],"names":[],"mappings":"AAAA;EACE,UAAA;EACA,YAAA;ACCF;;ADCA;EACE,UAAA;EACA,aAAA;ACEF;;ADAA;EACE,UAAA;EACA,aAAA;ACGF;;ADDA;EACE,UAAA;EACA,aAAA;ACIF;;ADDA;EACE,WAAA;EACA,aAAA;ACIF;;ADDA;EACE,WAAA;EACA,kBAAA;EACA,aAAA;EACA,qBAAA;EACA,sBAAA;EACA,kBAAA;EACA,sBAAA;ACIF;;ADFA;EACE,UAAA;ACKF;;ADHA;EACE,kBAAA;ACMF;;ADHA;EACE,WAAA;ACMF;;ADJA;EACA;IACA,WAAA;ECOE;AACF","file":"test1.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.component.html b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.component.html new file mode 100644 index 0000000..e28cf67 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.component.html @@ -0,0 +1,157 @@ +
    +
  1. Home
    2. +
  2. stepper
    3. +
+ +
+ + + + + + + +
+ +
+
+
+
+

Customer Information

+
+ +
+ + + + + step 0 + Application Update + Datagrid + Create/test1
Information Of + Customer + + step 1 + Application Update + Datagrid + Create/test2
Information Of + Customer + + + Step 2 + Review And
Confirmation + + Finish . + + +
+
+
+
+ +
+
+

test1

+

Update {{test1entryForm.name}}

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

test2

+

Update {{test2entryForm.name}}

+
+ +
+ + +
+ +
+ +
+
+ + +
+ +
+ + +
+ + +
+ +
+ +
+ +
+
+ + + + + +
+
+
+ +
+ +
+
+
+
\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.component.scss b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.component.scss new file mode 100644 index 0000000..35a9e5a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.component.scss @@ -0,0 +1,46 @@ +.horizontal{ + width: 25%; + padding: 5px; +} +.horizontal1{ + width: 50%; + padding: 10px; +} +.middle{ + width: 33%; + padding: 10px; +} +.middle1{ + width: 75%; + padding: 10px; +} + +.full{ + width: 100%; + padding: 10px; +} + +input[type=text],[type=date], select { + width: 100%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} +.required-field{ + color: red; +} +.center { + text-align: center; + +} +.center{ + color: blue; +} +@media (max-width: 600px){ +.horizontal,.middle,.horizontal1,.middle1 { +width: 100%; +}} + diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.component.spec.ts new file mode 100644 index 0000000..bc24b18 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { test1Component } from './test1.component'; + +describe('test1Component', () => { + let component: test1Component; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ test1Component ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(test1Component); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.component.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.component.ts new file mode 100644 index 0000000..9e9d7db --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.component.ts @@ -0,0 +1,387 @@ +import { Component, OnInit } from '@angular/core'; + + +import { ToastrService } from 'ngx-toastr'; +import { ActivatedRoute, Router } from '@angular/router'; +import { College } from 'src/app/models/fnd/play'; +import { student } from 'src/app/models/fnd/Studentadd'; +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { ValidationError } from 'src/app/models/fnd/ValidationError'; +import { test1service } from './test1.service'; +import { Observable } from 'rxjs'; +@Component({ + selector: 'app-editstepper', + templateUrl: './test1.component.html', + styleUrls: ['./test1.component.scss'] +}) +export class test1Component implements OnInit { + updated = false; + // college: College; + stringJson: any; + customerId: string = ''; + selectedFile!: File; + fileName = ''; + + id: number; + errorFields: ValidationError[] = []; + appToUpdate: College = null; + trained = false; + + json: string = ""; + luisApp = + { + name: '', + created: 1, + trained: 1, + tested: 1, + updated: 1, + published: 1, + + }; + // Layout direction changing + layout = { + direction: "vertical", + block1: "clr-col-lg-3 clr-col-12 ", + block2: "clr-col-lg-9 clr-col-12 ", + }; + + timelineStyle = { + step0: { state: "current", open: true, failed: false }, + step1: { state: "not-started", open: false, failed: false }, + step2: { state: "not-started", open: false, failed: false }, + + }; + public test1entryForm: FormGroup; + public test2entryForm: FormGroup; + submitted = false; + rowSelected: any = {}; + modalcomplete = false; + + constructor(private mainService: test1service, + + private test1_fb: FormBuilder, + private test2_fb: FormBuilder, + private router: Router, + private route: ActivatedRoute, + private toastr: ToastrService, + ) { } + + ngOnInit(): void { + // this.college = new College(); + this.id = this.route.snapshot.params["id"]; + console.log("update with id = ", this.id); + + this.test1entryForm = this.test1_fb.group({ + name: [null], + + description: [null], + + active: [false], + + }); + + this.test2entryForm = this.test2_fb.group({ + name: [null], + + description: [null], + + }); + const stepId = this.id; // or from route/query/etc + this.getResolvedDataFromStepper(stepId).subscribe(res => { + console.log('response get ', res); + + if (res === null) { + this.showEmptyForm(); + } else { + if (res['Test2']) { + this.prefillTest1Form(res['Test2']); + } + + if (res['Basicp']) { + this.prefillTest2Form(res['Basicp']); + } + + } + }); + + + } + + showEmptyForm(): void { + console.log('No config found. Showing empty form.'); + // You can choose to show one or both based on some logic + this.test1entryForm.reset(); + this.test2entryForm.reset(); + } + + prefillTest1Form(data: any): void { + + console.log(' test1 data ', data) + this.test1entryForm.patchValue({ + id: data.id || '', + name: data.name || '', + description: data.description || '', + active: data.active || false + }); + } + + prefillTest2Form(data: any): void { + console.log(' test2 data ', data) + + this.test2entryForm.patchValue({ + id: data.id || '', + name: data.name || '', + description: data.description || '' + }); + } + + + getResolvedDataFromStepper(id: number): Observable { + console.log('get step config'); + + return new Observable(observer => { + this.mainService.gettabledata(id).subscribe(configList => { + if (!configList || configList.length === 0) { + console.log('empty config'); + observer.next(null); + observer.complete(); + return; + } + + const results: { [key: string]: any } = {}; + let processed = 0; + + configList.forEach(config => { + const { table_name, table_id } = config; + + this.getByTableNameAndId(table_name, table_id).subscribe(data => { + + console.log('data is ', data); + results[table_name] = data; + + processed++; + if (processed === configList.length) { + observer.next(results); // emit combined data + observer.complete(); + } + + }, error => { + console.error(`Error loading data for table ${table_name}`, error); + processed++; + if (processed === configList.length) { + observer.next(results); // continue with what we have + observer.complete(); + } + }); + }); + + }, error => { + console.error("Error loading stepper config", error); + observer.error(error); + }); + }); + } + + + + getByTableNameAndId(tableName: string, id: number): Observable { + + switch (tableName) { + case 'Test2': + return this.mainService.getTest2ById(id); + case 'Basicp': + return this.mainService.getBasicpById(id); + // aur bhi cases agar naye table add ho to + default: + throw new Error(`Unknown table name: ${tableName}`); + } + } + + // 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 ", + } + } + + + + ontest1Save() { + console.log('Form Submitted:', this.test1entryForm.value); + this.submitted = true; + if (this.test1entryForm.invalid) { + + console.log('invalid form ..'); + // Log all form errors + Object.keys(this.test1entryForm.controls).forEach(field => { + const control = this.test1entryForm.get(field); + if (control && control.invalid) { + console.log(`Error in field: ${field}`, control.errors); + } + } + ); + return; + } + this.ontest1Create(); + } + + ontest1Create() { + this.mainService.createTest2(this.test1entryForm.value).subscribe( + (data) => { + console.log('adding data ', data); + this.customerId = data.id; + + console.log('id is ', this.customerId); + const tableId = data.id; + const tableName = 'Test2'; + const stepperId = this.id; + + // Save stepper config + this.mainService.saveStepperConfig(stepperId, tableId, tableName).subscribe(() => { + this.toastr.success("Stepper Config Saved"); + }); + + if (data || data.status >= 200 && data.status <= 299) { + this.toastr.success("Added Successfully"); + } + setTimeout(() => { + this.ngOnInit(); + }, 500); + + }, (error) => { + console.log(error); + if (error.status >= 200 && error.status <= 299) { + // this.toastr.success("Added Succesfully"); + } + if (error.status >= 400 && error.status <= 499) { + this.toastr.error("Not Added"); + } + if (error.status >= 500 && error.status <= 599) { + this.toastr.error("Not Added"); + } + }); + this.rowSelected = this.test1entryForm.value; + + setTimeout(() => { + this.ngOnInit(); + }, 500); + } + + + ontest2Save() { + console.log('Form Submitted:', this.test2entryForm.value); + this.submitted = true; + if (this.test2entryForm.invalid) { + + console.log('invalid form ..'); + // Log all form errors + Object.keys(this.test2entryForm.controls).forEach(field => { + const control = this.test2entryForm.get(field); + if (control && control.invalid) { + console.log(`Error in field: ${field}`, control.errors); + } + } + ); + return; + } + this.ontest2Create(); + } + + ontest2Create() { + this.mainService.createBasicp(this.test2entryForm.value).subscribe( + (data) => { + console.log('adding data ', data); + this.customerId = data.id; + + console.log('id is ', this.customerId); + + const tableId = data.id; + const tableName = 'Basicp'; + const stepperId = this.id; + + // Save stepper config + this.mainService.saveStepperConfig(stepperId, tableId, tableName).subscribe(() => { + this.toastr.success("Stepper Config Saved"); + }); + + if (data || data.status >= 200 && data.status <= 299) { + this.toastr.success("Added Successfully"); + } + setTimeout(() => { + this.ngOnInit(); + }, 500); + + }, (error) => { + console.log(error); + if (error.status >= 200 && error.status <= 299) { + // this.toastr.success("Added Succesfully"); + } + if (error.status >= 400 && error.status <= 499) { + this.toastr.error("Not Added"); + } + if (error.status >= 500 && error.status <= 599) { + this.toastr.error("Not Added"); + } + }); + this.rowSelected = this.test2entryForm.value; + + setTimeout(() => { + this.ngOnInit(); + }, 500); + } + + + onnext() { + this.router.navigate(["../../main/workflow"], { relativeTo: this.route }); + } + 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 }, + + }; + } + current() { + console.log(this.timelineStyle) + this.stringJson = JSON.stringify(this.timelineStyle); + console.log("String json object :", this.stringJson); + + // this.mainService.update(this.id, this.college, this.stringJson).subscribe( + // (data) => { + // console.log(data); + // }, + + // ); + } + + + rsModaldescription = false; + goToReplaceStringdescription(row) { + this.rowSelected = row; this.rsModaldescription = true; + } + + // updateaction +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.service.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.service.ts new file mode 100644 index 0000000..3791929 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/test1/test1.service.ts @@ -0,0 +1,83 @@ +import { Injectable } from '@angular/core'; +import { Observable } from "rxjs"; +import { HttpClient, HttpHeaders, HttpParams, } from "@angular/common/http"; +import { ApiRequestService } from "src/app/services/api/api-request.service"; +import { environment } from 'src/environments/environment'; +@Injectable({ + providedIn: 'root' +}) +export class test1service { + + private StepperURL = "Stepper_table_config/Stepper_table_config"; + + private Test2URL = "Test2/Test2"; + private BasicpURL = "Basicp/Basicp"; + + constructor( + private http: HttpClient, + private apiRequest: ApiRequestService, + ) { } + + gettabledata(id: number): Observable { + const _http = this.StepperURL + "/stepId/" + id; + return this.apiRequest.get(_http); + } + + saveStepperConfig(stepperId: number, tableId: number, tableName: string): Observable { + const params = new HttpParams() + .set('stepperId', stepperId.toString()) + .set('tableId', tableId.toString()) + .set('tableName', tableName); + + return this.apiRequest.post(this.StepperURL, null, params); // null body, params used + } + + + getAllTest2(page?: number, size?: number): Observable { + return this.apiRequest.get(this.Test2URL); + } + getTest2ById(id: number): Observable { + const _http = this.Test2URL + "/" + id; + return this.apiRequest.get(_http); + } + createTest2(data: any): Observable { + return this.apiRequest.post(this.Test2URL, data); + } + updateTest2(id: number, data: any): Observable { + const _http = this.Test2URL + "/" + id; + return this.apiRequest.put(_http, data); + } + deleteTest2(id: number): Observable { + const _http = this.Test2URL + "/" + id; + return this.apiRequest.delete(_http); + } + + + + + + + getAllBasicp(page?: number, size?: number): Observable { + return this.apiRequest.get(this.BasicpURL); + } + getBasicpById(id: number): Observable { + const _http = this.BasicpURL + "/" + id; + return this.apiRequest.get(_http); + } + createBasicp(data: any): Observable { + return this.apiRequest.post(this.BasicpURL, data); + } + updateBasicp(id: number, data: any): Observable { + const _http = this.BasicpURL + "/" + id; + return this.apiRequest.put(_http, data); + } + deleteBasicp(id: number): Observable { + const _http = this.BasicpURL + "/" + id; + return this.apiRequest.delete(_http); + } + + + + + // updateaction +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/main-routing.module.ts b/frontend/angular-clarity-master/src/app/modules/main/main-routing.module.ts index c7450e8..4e04639 100644 --- a/frontend/angular-clarity-master/src/app/modules/main/main-routing.module.ts +++ b/frontend/angular-clarity-master/src/app/modules/main/main-routing.module.ts @@ -1,7 +1,4 @@ - - - import { SequencegenaratorComponent } from './fnd/sequencegenarator/sequencegenarator.component'; import { Component, NgModule } from '@angular/core'; import { Routes, RouterModule } from '@angular/router'; @@ -84,9 +81,11 @@ import { MappingruleComponent } from './datamanagement/mappingrule/mappingrule.c import { MappingruleallComponent } from './datamanagement/mappingrule/mappingruleall/mappingruleall.component'; import { MappingruleaddComponent } from './datamanagement/mappingrule/mappingruleadd/mappingruleadd.component'; import { MappingruleeditComponent } from './datamanagement/mappingrule/mappingruleedit/mappingruleedit.component'; -import { QueryComponent } from './superadmin/query/query.component'; -import { QueryaddComponent } from './superadmin/queryadd/queryadd.component'; -import { QueryeditComponent } from './superadmin/queryedit/queryedit.component'; +import { test1Component } from './BuilderComponents/stepperworkflow/test1/test1.component'; +import { Stepper_workflowComponent } from './BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.component'; +// import { QueryComponent } from './superadmin/query/query.component'; +// import { QueryaddComponent } from './superadmin/queryadd/queryadd.component'; +// import { QueryeditComponent } from './superadmin/queryedit/queryedit.component'; @@ -132,9 +131,9 @@ const routes: Routes = [ //SUPER ADMIN - { path: 'query', component: QueryComponent, canActivate: [AuthGuard], data: { roles: [Role.Admin] } }, - { path: 'reportQuery/:id/queryadd', component: QueryaddComponent, canActivate: [AuthGuard], data: { roles: [Role.Admin] } }, - { path: 'reportQuery/queryedit/:id', component: QueryeditComponent, canActivate: [AuthGuard], data: { roles: [Role.Admin] } }, + // { path: 'query', component: QueryComponent, canActivate: [AuthGuard], data: { roles: [Role.Admin] } }, + // { path: 'reportQuery/:id/queryadd', component: QueryaddComponent, canActivate: [AuthGuard], data: { roles: [Role.Admin] } }, + // { path: 'reportQuery/queryedit/:id', component: QueryeditComponent, canActivate: [AuthGuard], data: { roles: [Role.Admin] } }, @@ -259,6 +258,20 @@ const routes: Routes = [ // buildercomponents + + + + { path: 'Stepper_workflow', component: Stepper_workflowComponent }, + + { path: 'Test1/:id', component: test1Component }, + + + + + + + + { path: '**', component: PageNotFoundComponent }, ] diff --git a/frontend/angular-clarity-master/src/app/modules/main/main.module.ts b/frontend/angular-clarity-master/src/app/modules/main/main.module.ts index dacaf40..ae29aea 100644 --- a/frontend/angular-clarity-master/src/app/modules/main/main.module.ts +++ b/frontend/angular-clarity-master/src/app/modules/main/main.module.ts @@ -104,9 +104,11 @@ import { MappingruleComponent } from './datamanagement/mappingrule/mappingrule.c import { MappingruleaddComponent } from './datamanagement/mappingrule/mappingruleadd/mappingruleadd.component'; import { MappingruleallComponent } from './datamanagement/mappingrule/mappingruleall/mappingruleall.component'; import { MappingruleeditComponent } from './datamanagement/mappingrule/mappingruleedit/mappingruleedit.component'; -import { QueryComponent } from './superadmin/query/query.component'; -import { QueryaddComponent } from './superadmin/queryadd/queryadd.component'; -import { QueryeditComponent } from './superadmin/queryedit/queryedit.component'; +import { test1Component } from './BuilderComponents/stepperworkflow/test1/test1.component'; +import { Stepper_workflowComponent } from './BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.component'; +// import { QueryComponent } from './superadmin/query/query.component'; +// import { QueryaddComponent } from './superadmin/queryadd/queryadd.component'; +// import { QueryeditComponent } from './superadmin/queryedit/queryedit.component'; @NgModule({ declarations: [ @@ -118,7 +120,8 @@ import { QueryeditComponent } from './superadmin/queryedit/queryedit.component'; DashboardnewComponent, EditformnewdashComponent, EditnewdashComponent, ScheduleComponent, DoughnutChartComponent, LineChartComponent, RadarChartComponent, BarChartComponent, BubbleChartComponent, DynamicChartComponent, ScatterChartComponent, PolarChartComponent, PieChartComponent, FinancialChartComponent, ToDoChartComponent, GridViewComponent, DashrunnerlineComponent, BarRunnerComponent, LineRunnerComponent, DoughnutRunnerComponent, GridRunnerComponent, PieRunnerComponent, PolarRunnerComponent, RadarRunnerComponent, ScatterRunnerComponent, TodoRunnerComponent, BubbleRunnerComponent, - ReportBuildComponent, ReportbuildeditComponent, ReportbuildqueryComponent, ReportBuild2Component, ReportBuild2editComponent, QueryComponent, QueryaddComponent, QueryeditComponent, + ReportBuildComponent, ReportbuildeditComponent, ReportbuildqueryComponent, ReportBuild2Component, ReportBuild2editComponent, + // QueryComponent, QueryaddComponent, QueryeditComponent, ExtensionComponent, AllextensionComponent, AddextensionComponent, EditextensionComponent, ApiregisteryComponent, @@ -128,6 +131,11 @@ import { QueryeditComponent } from './superadmin/queryedit/queryedit.component'; // buildercomponents + Stepper_workflowComponent, + test1Component, + + + ], imports: [ diff --git a/frontend/angular-clarity-master/src/app/modules/main/superadmin.zip b/frontend/angular-clarity-master/src/app/modules/main/superadmin.zip new file mode 100644 index 0000000..06627f6 Binary files /dev/null and b/frontend/angular-clarity-master/src/app/modules/main/superadmin.zip differ