Line	Action
{{ item.line }}	+ +

active	description	name	{{ childformcomponents?.length >= 1 ? 'Actions' : '' }}
+	+	+	+ +

active	description	name	{{ childformcontrols.length > 1 ? 'Actions' : '' }}
			+ + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + + + Are you sure? + + + + + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + + + Are you sure? + + + + + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + + + Are you sure? + + + + + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + + + Are you sure? + + + + + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + + + Are you sure? + + + + + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + + + Are you sure? + + + + + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + + + Are you sure? + + + + + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + + + Are you sure? + + + + + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + +

No	File	File Name	Preview	Cancel
	+	{{attach.uploadedfile_name}}		+ + + +

Line	Action
{{ item.line }}	+ +

Line	Action
{{ item.line }}	+ +

description	name	{{ supportcomponents?.length >= 1 ? 'Actions' : '' }}
+	+	+ +

active	description	name	{{ childformcomponents?.length >= 1 ? 'Actions' : '' }}
+	+	+	+ +

description	name	{{ supportcontrols.length > 1 ? 'Actions' : '' }}
		+ + +

active	description	name	{{ childformcontrols.length > 1 ? 'Actions' : '' }}
			+ + +

Line	Product	Description	Unit Price	Quantity	Total	Action
{{ item.line }}	{{ item.product }}	{{ item.description }}	{{ item.unitPrice }}	{{ item.quantity }}	{{ item.total \| number:'1.4-4' }}	+ +

Workflow

+ +

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

+ +

registration

Update {{Test11entryForm.name}}

+ +
+ + +

+ +

+ Name + +

+ + + + + + + + + + +

+ + + +

List of picupload

+ +

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

No	File	File Name	Preview	Cancel
+	+	{{attach.uploadedfile_name}}		+ + + +

+ +

List of fileupload_field

+ +

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

No	File	File Name	Preview	Cancel
+	+	{{attach.uploadedfile_name}}		+ + + +

+ +

List of audio_field

+ +

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

No	File	File Name	Preview	Cancel
+	+	{{attach.uploadedfile_name}}		+ + + +

+ +

List of video_field

+ +

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

No	File	File Name	Preview	Cancel
+	+	{{attach.uploadedfile_name}}		+ + + +

+ +

+ +
+

+ + + +

+ +

Review And Confirmation

+ + +

Registration Summary:

Name : {{ Test11entryForm.get('name')?.value | json}}

+ +

Uploaded Images Preview:

+ +

Uploaded Files Preview:

+ +

+ + +

Uploaded Audios Preview:

+ + +

Uploaded Videos Preview:

+ + + +

+ + +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/demostepper/demostepper.component.scss b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/demostepper/demostepper.component.scss new file mode 100644 index 0000000..35a9e5a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/demostepper/demostepper.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/demostepper/demostepper.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/demostepper/demostepper.component.spec.ts new file mode 100644 index 0000000..2c47bc5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/demostepper/demostepper.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { demostepperComponent } from './demostepper.component'; + +describe('demostepperComponent', () => { + let component: demostepperComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ demostepperComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(demostepperComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/demostepper/demostepper.component.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/demostepper/demostepper.component.ts new file mode 100644 index 0000000..40e17a7 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/demostepper/demostepper.component.ts @@ -0,0 +1,525 @@ +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 { AbstractControl,FormArray, FormBuilder, FormGroup, ValidationErrors, Validators } from '@angular/forms'; +import { Observable } from 'rxjs'; +import { ValidationError } from 'src/app/models/fnd/ValidationError'; +import { demostepperservice } from './demostepper.service'; +declare var JsBarcode: any; + @Component({ + selector: 'app-editstepper', + templateUrl: './demostepper.component.html', + styleUrls: ['./demostepper.component.scss'] +}) +export class demostepperComponent implements OnInit { + updated = false; + 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 }, +}; +public Test11entryForm: FormGroup; + submitted = false; + rowSelected: any = {}; + modalcomplete = false; + + constructor( +private mainService: demostepperservice, + +private Test11_fb: FormBuilder, +private router: Router, + private route: ActivatedRoute, + private toastr: ToastrService, + ) { } + + ngOnInit(): void { + this.id = this.route.snapshot.params["id"]; + console.log("update with id = ", this.id); + + + this.Test11entryForm = this.Test11_fb.group({ +name : [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['Test11']) { + + this.prefillregistrationForm(res['Test11']); + } +} + }); + + } +showEmptyForm(): void { + console.log('No config found. Showing empty form.'); + // You can choose to show one or both based on some logic + + this.Test11entryForm.reset(); + } + prefillregistrationForm(data: any): void { + + console.log(' registration data ', data) + this.Test11entryForm.patchValue({ + id: data.id || '', +name: data.name || '', + +picupload: data.picupload || '', + +fileupload_field: data.fileupload_field || '', + +audio_field: data.audio_field || '', + +video_field: data.video_field || '', + + }); + } + 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(table_name, ' 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 'Test11': + return this.mainService.getTest11ById(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 ", + } + } + + + + onregistrationSave() { + console.log('Form Submitted:', this.Test11entryForm.value); + this.submitted = true; + if (this.Test11entryForm.invalid) { + + console.log('invalid form ..'); + // Log all form errors + Object.keys(this.Test11entryForm.controls).forEach(field => { + const control = this.Test11entryForm.get(field); + if (control && control.invalid) { + console.log(`Error in field: ${field}`, control.errors); + } + } + ); + return; + } + this.onregistrationCreate(); + } + + onregistrationCreate() { + + + + + + + + + + + this.mainService.createTest11(this.Test11entryForm.value).subscribe( + (data) => { + console.log('adding data ', data); + this.customerId = data.id; + + console.log('id is ', this.customerId); + + + const tableId = data.id; + const tableName = 'Test11'; + 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); + + +for (let i = 0; i < this.selectedpicupload.length; i++){ + + this.mainService.uploadPicupload(data.id,tableName,this.selectedpicupload[i]).subscribe(uploaddata =>{ + console.log(uploaddata); + }) +} + +for (let i = 0; i < this.selectedfileupload_field.length; i++){ + + this.mainService.uploadfilefileupload_field(data.id,tableName,this.selectedfileupload_field[i]).subscribe(uploaddata =>{ + console.log(uploaddata); + }) +} + +for (let i = 0; i < this.selectedaudio_field.length; i++){ + + this.mainService.uploadAudio_field(data.id,tableName,this.selectedaudio_field[i]).subscribe(uploaddata =>{ + console.log(uploaddata); + }) +} + +for (let i = 0; i < this.selectedvideo_field.length; i++){ + + this.mainService.uploadVideo_field(data.id,tableName,this.selectedvideo_field[i]).subscribe(uploaddata =>{ + console.log(uploaddata); + }) +} + + + }, (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.Test11entryForm.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 }, + }; + } + current() { + console.log(this.timelineStyle) + this.stringJson = JSON.stringify(this.timelineStyle); + console.log("String json object :", this.stringJson); + + } + + +filePreviewpicupload: string | ArrayBuffer | null = null; +FileDatapicupload: {uploadedfile_name?:any, filePreview: string | ArrayBuffer | null }[] = []; // Initialize the array +selectedpicupload: File[]=[]; +public onFileChangedpicupload(event, index) { + const files = event.target.files; + for (let i = 0; i < files.length; i++) { + const file = files[i]; + this.FileDatapicupload[index].uploadedfile_name = files[i].name; + this.selectedpicupload.push(files[i]); + if (file.type.startsWith('image/')) { + const reader = new FileReader(); + reader.onload = (e) => { + // Set the file preview source + const filePreview = e.target?.result as string; + this.FileDatapicupload[index] = { + ...this.FileDatapicupload[index], // Preserve existing properties + filePreview: filePreview // Update only the filePreview property + }; + }; + reader.readAsDataURL(file); + } + } +} + onAddLinespicupload(){ + this.FileDatapicupload.push({ + uploadedfile_name: "", + filePreview: "", + // f3: "", + }); + } + deleteRowpicupload(index,id) { + this.FileDatapicupload.splice(index, 1); + + if(id){ + this.mainService.uploadPicuploaddelete(id).subscribe(data =>{ + console.log(data); + }) + } + } + +filePreviewfileupload_field: string | ArrayBuffer | null = null; +FileDatafileupload_field: {uploadedfile_name?:any, filePreview: string | ArrayBuffer | null }[] = []; // Initialize the array +selectedfileupload_field: File[]=[]; +public onFileChangedfileupload_field(event, index) { + const files = event.target.files; + for (let i = 0; i < files.length; i++) { + const file = files[i]; + this.FileDatafileupload_field[index].uploadedfile_name = files[i].name; + this.selectedfileupload_field.push(files[i]); + if (file.type.startsWith('file/')) { + const reader = new FileReader(); + reader.onload = (e) => { + // Set the file preview source + const filePreview = e.target?.result as string; + this.FileDatafileupload_field[index] = { + ...this.FileDatafileupload_field[index], // Preserve existing properties + filePreview: filePreview // Update only the filePreview property + }; + }; + reader.readAsDataURL(file); + } + } +} + onAddLinesfileupload_field(){ + this.FileDatafileupload_field.push({ + uploadedfile_name: "", + filePreview: "", + // f3: "", + }); + } + deleteRowfileupload_field(index,id) { + this.FileDatafileupload_field.splice(index, 1); + + if(id){ + this.mainService.uploadfiledeletefileupload_field(id).subscribe(data =>{ + console.log(data); + }) + } + } + +filePreviewaudio_field: string | ArrayBuffer | null = null; +FileDataaudio_field: {uploadedfile_name?:any, filePreview: string | ArrayBuffer | null }[] = []; // Initialize the array +selectedaudio_field: File[]=[]; +public onFileChangedaudio_field(event, index) { + const files = event.target.files; + for (let i = 0; i < files.length; i++) { + const file = files[i]; + this.FileDataaudio_field[index].uploadedfile_name = files[i].name; + this.selectedaudio_field.push(files[i]); + if (file.type.startsWith('audio/')) { + const reader = new FileReader(); + reader.onload = (e) => { + // Set the file preview source + const filePreview = e.target?.result as string; + this.FileDataaudio_field[index] = { + ...this.FileDataaudio_field[index], // Preserve existing properties + filePreview: filePreview // Update only the filePreview property + }; + }; + reader.readAsDataURL(file); + } + } +} + onAddLinesaudio_field(){ + this.FileDataaudio_field.push({ + uploadedfile_name: "", + filePreview: "", + // f3: "", + }); + } + deleteRowaudio_field(index,id) { + this.FileDataaudio_field.splice(index, 1); + + if(id){ + this.mainService.uploadAudio_fielddelete(id).subscribe(data =>{ + console.log(data); + }) + } + } + +filePreviewvideo_field: string | ArrayBuffer | null = null; +FileDatavideo_field: {uploadedfile_name?:any, filePreview: string | ArrayBuffer | null }[] = []; // Initialize the array +selectedvideo_field: File[]=[]; +public onFileChangedvideo_field(event, index) { + const files = event.target.files; + for (let i = 0; i < files.length; i++) { + const file = files[i]; + this.FileDatavideo_field[index].uploadedfile_name = files[i].name; + this.selectedvideo_field.push(files[i]); + if (file.type.startsWith('video/')) { + const reader = new FileReader(); + reader.onload = (e) => { + // Set the file preview source + const filePreview = e.target?.result as string; + this.FileDatavideo_field[index] = { + ...this.FileDatavideo_field[index], // Preserve existing properties + filePreview: filePreview // Update only the filePreview property + }; + }; + reader.readAsDataURL(file); + } + } +} + onAddLinesvideo_field(){ + this.FileDatavideo_field.push({ + uploadedfile_name: "", + filePreview: "", + // f3: "", + }); + } + deleteRowvideo_field(index,id) { + this.FileDatavideo_field.splice(index, 1); + + if(id){ + this.mainService.uploadVideo_fielddelete(id).subscribe(data =>{ + console.log(data); + }) + } + } + + + +FileDataPicupload: any[]; + selectedPicupload: any[]; + + + +FileDataAudio_field: any[]; + selectedAudio_field: any[]; + +FileDataVideo_field: any[]; + selectedVideo_field: any[]; + + +// updateaction +} + + + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/demostepper/demostepper.service.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/demostepper/demostepper.service.ts new file mode 100644 index 0000000..55ee1e3 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/demostepper/demostepper.service.ts @@ -0,0 +1,108 @@ +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 demostepperservice{ + private StepperURL = "Stepper_table_config/Stepper_table_config"; + private Test11URL = "Test11/Test11" ; 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 + } getAllTest11(page?: number, size?: number): Observable { + return this.apiRequest.get(this.Test11URL); + } + getTest11ById(id: number): Observable { + const _http = this.Test11URL + "/" + id; + return this.apiRequest.get(_http); + } + createTest11(data: any): Observable { + return this.apiRequest.post(this.Test11URL, data); + } + updateTest11(id: number, data: any): Observable { + const _http = this.Test11URL + "/" + id; + return this.apiRequest.put(_http, data); + } + deleteTest11(id: number): Observable { + const _http = this.Test11URL + "/" + id; + return this.apiRequest.delete(_http); + } + + + uploadPicupload(ref:any, Test11:any, file:any): Observable{ + const formData = new FormData(); + formData.append('file', file); + return this.apiRequest.postFormData(`FileUpload/Uploadeddocs/${ref}/${Test11}`, formData); + } + + uploadPicuploadgetById(ref:any, Test11:any,): Observable { + return this.apiRequest.get(`FileUpload/Uploadeddocs/${ref}/${Test11}`); + } + + + uploadPicuploaddelete(id: number): Observable { + return this.apiRequest.delete(`FileUpload/Uploadeddocs/${id}`); + } + + uploadfilefileupload_field(ref:any, Test11:any, file:any): Observable{ + const formData = new FormData(); + formData.append('file', file); + return this.apiRequest.postFormData(`FileUpload/Uploadeddocs/${ref}/${Test11}`, formData); + } + + uploadfilegetByIdfileupload_field(ref:any, Test11:any,): Observable { + return this.apiRequest.get(`FileUpload/Uploadeddocs/${ref}/${Test11}`); + } + + + uploadfiledeletefileupload_field(id: number): Observable { + return this.apiRequest.delete(`FileUpload/Uploadeddocs/${id}`); + } + + uploadAudio_field(ref:any, Test11:any, file:any): Observable{ + const formData = new FormData(); + formData.append('file', file); + return this.apiRequest.postFormData(`FileUpload/Uploadeddocs/${ref}/${Test11}`, formData); + } + + uploadAudio_fieldgetById(ref:any, Test11:any,): Observable { + return this.apiRequest.get(`FileUpload/Uploadeddocs/${ref}/${Test11}`); + } + + + uploadAudio_fielddelete(id: number): Observable { + return this.apiRequest.delete(`FileUpload/Uploadeddocs/${id}`); + } + + uploadVideo_field(ref:any, Test11:any, file:any): Observable{ + const formData = new FormData(); + formData.append('file', file); + return this.apiRequest.postFormData(`FileUpload/Uploadeddocs/${ref}/${Test11}`, formData); + } + + uploadVideo_fieldgetById(ref:any, Test11:any,): Observable { + return this.apiRequest.get(`FileUpload/Uploadeddocs/${ref}/${Test11}`); + } + + + uploadVideo_fielddelete(id: number): Observable { + return this.apiRequest.delete(`FileUpload/Uploadeddocs/${id}`); + } + +// updateaction +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/steptest1/steptest1.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/steptest1/steptest1.component.css.map new file mode 100644 index 0000000..07fc40a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/steptest1/steptest1.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["steptest1.component.scss","steptest1.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":"steptest1.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/steptest1/steptest1.component.html b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/steptest1/steptest1.component.html new file mode 100644 index 0000000..77128e2 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stepperworkflow/steptest1/steptest1.component.html @@ -0,0 +1,232 @@ + + +

+ + + + + + + +

+ +

Workflow

+ +

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

+ +

registration

Update {{Test11entryForm.name}}

+ +
+ + + + +

+ +

File_upload

Update {{Test22entryForm.name}}

+ +
+ + +

+ +

+ Name + +

+ + + + +

+ + + +

List of fileupload_field

+ +

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

No	File	File Name	Preview	Cancel
+	+	{{attach.uploadedfile_name}}		+ + + +

+ +

+ +
+

+ + + +

+ +

Review And Confirmation

+ {{beforeText(item.fieldtext)}} + {{ app[transform(item.fieldtext) ] | date}} + {{afterText(item.fieldtext)}} +

+ {{beforeText(item.fieldtext)}} + {{ app[transform(item.fieldtext) ]}} + {{afterText(item.fieldtext)}} +

+ +

+ + +

+ +

+ +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stpkg/Childform/Childform.component.scss b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stpkg/Childform/Childform.component.scss new file mode 100644 index 0000000..12f7fc8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stpkg/Childform/Childform.component.scss @@ -0,0 +1,85 @@ +//@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; +} +.universal-section-header { + margin: 24px 0 10px 0; + font-weight: 600; + color: #1a237e; + letter-spacing: 0.5px; + font-size: 1.25rem; +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stpkg/Childform/Childform.component.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stpkg/Childform/Childform.component.ts new file mode 100644 index 0000000..6a60776 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stpkg/Childform/Childform.component.ts @@ -0,0 +1,275 @@ +import { Component, OnInit } from '@angular/core'; +import { ToastrService } from 'ngx-toastr'; +import { AlertService } from 'src/app/services/alert.service'; +import { Childformservice} from './Childform.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 { Childformcardvariable } from './Childform_cardvariable'; +import { UserInfoService } from 'src/app/services/user-info.service'; +declare var JsBarcode: any; +@Component({ + selector: 'app-Childform', + templateUrl: './Childform.component.html', + styleUrls: ['./Childform.component.scss'] +}) +export class ChildformComponent implements OnInit { + cardButton = Childformcardvariable.cardButton; + cardmodeldata = Childformcardvariable.cardmodeldata; + public dashboardArray: DashboardContentModel2[]; + isCardview = Childformcardvariable.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 = 'Childform_formCode' +tableName = 'Childform'; checkFormCode; selected: any[] = []; constructor( + private extensionService: ExtensionService, +private userInfoService:UserInfoService, + private mainService:Childformservice, + private alertService: AlertService, + private toastr: ToastrService, + private _fb: FormBuilder, + ) { } + private editInterval: any; +// 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 : [true], + + + + + + + + + }); // 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 === "Childform_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 + + + + + + + + } + ngOnDestroy(): void { + if (this.editInterval) { + clearInterval(this.editInterval); + } + } + + + + + + error; + getData() { + this.mainService.getAll().subscribe((data) => { + console.log(data); + this.product = data; +this.product = [...this.product].reverse(); 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; } + + + +// updateaction +} + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stpkg/Childform/Childform.service.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stpkg/Childform/Childform.service.ts new file mode 100644 index 0000000..3c8571d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stpkg/Childform/Childform.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 Childformservice{ + private baseURL = "Childform/Childform" ; 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/stpkg/Childform/Childform_cardvariable.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stpkg/Childform/Childform_cardvariable.ts new file mode 100644 index 0000000..8809902 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/stpkg/Childform/Childform_cardvariable.ts @@ -0,0 +1,4 @@ +export const Childformcardvariable = { + "cardButton": false, + "cardmodeldata": `` +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/test.html b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/test.html new file mode 100644 index 0000000..815da4a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/test.html @@ -0,0 +1,20 @@ + + + + +gaurav + + + + +

this is h1

Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ipsa fuga, asperiores mollitia iste vitae repellendus adipisci atque eum corrupti ad placeat unde voluptatum quia perferendis neque expedita, sequi iure quo. Ut error adipisci ex cum sint, suscipit, voluptatem repellat nemo dolorum unde dolores quasi aut. A earum quo mollitia voluptatibus!

+ + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Country/Country.component.html b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Country/Country.component.html new file mode 100644 index 0000000..eb002f3 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Country/Country.component.html @@ -0,0 +1,383 @@ + +

Country

+ + + + + + +

+ + + Loading ... + +

+ + +

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 + + +

+ +

+ + + Data could be found. Loading.. + Loading ... + +

+ +

+ {{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)}} +

+ +

+ + +

+ +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Country/Country.component.scss b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Country/Country.component.scss new file mode 100644 index 0000000..12f7fc8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Country/Country.component.scss @@ -0,0 +1,85 @@ +//@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; +} +.universal-section-header { + margin: 24px 0 10px 0; + font-weight: 600; + color: #1a237e; + letter-spacing: 0.5px; + font-size: 1.25rem; +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Country/Country.component.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Country/Country.component.ts new file mode 100644 index 0000000..9a72264 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Country/Country.component.ts @@ -0,0 +1,293 @@ +import { Component, OnInit } from '@angular/core'; +import { ToastrService } from 'ngx-toastr'; +import { AlertService } from 'src/app/services/alert.service'; +import { Countryservice} from './Country.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 { Countrycardvariable } from './Country_cardvariable'; +import { UserInfoService } from 'src/app/services/user-info.service'; +import { ActivatedRoute, Router } from '@angular/router'; +declare var JsBarcode: any; +@Component({ + selector: 'app-Country', + templateUrl: './Country.component.html', + styleUrls: ['./Country.component.scss'] +}) +export class CountryComponent implements OnInit { + cardButton = Countrycardvariable.cardButton; + cardmodeldata = Countrycardvariable.cardmodeldata; + public dashboardArray: DashboardContentModel2[]; + isCardview = Countrycardvariable.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 = 'Country_formCode' +tableName = 'Country'; checkFormCode; selected: any[] = []; constructor( + private extensionService: ExtensionService, +private userInfoService:UserInfoService, + private mainService:Countryservice, + private alertService: AlertService, + private toastr: ToastrService, + private _fb: FormBuilder, + private router: Router, + private route: ActivatedRoute ) { } + private editInterval: any; +// 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 : [true], + + + + + + + + + }); // 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 === "Country_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 + + + + + + + + } + ngOnDestroy(): void { + if (this.editInterval) { + clearInterval(this.editInterval); + } + } + + + + + + error; + getData() { + this.mainService.getAll().subscribe((data) => { + console.log(data); + this.product = data; +this.product = [...this.product].reverse(); 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; } + + + + goToDataM(){ + this.router.navigate(['/cns-portal/datamanagement'],{ relativeTo: this.route }); + } + + +downloadCSV(tableName): void { + this.mainService.downloadCSV(tableName).subscribe(response => { + const blob = new Blob([response], { type: 'application/octet-stream' }); + const url = window.URL.createObjectURL(blob); + const a = document.createElement('a'); + a.href = url; + a.download = `${tableName}.csv`; + document.body.appendChild(a); + a.click(); + document.body.removeChild(a); + }); +}// updateaction +} + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Country/Country.service.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Country/Country.service.ts new file mode 100644 index 0000000..786c0b2 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Country/Country.service.ts @@ -0,0 +1,44 @@ +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'; +import baseUrl from 'src/app/services/api/helper'; +@Injectable({ + providedIn: 'root' +}) +export class Countryservice{ + private baseURL = "Country/Country" ; 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); + } + + + + + + +downloadCSV(tableName: string): Observable { + const url = `${baseUrl}/api/template/download-csv?tableName=${tableName}`; + return this.http.get(url, { responseType: 'blob' }) + +}// updateaction +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Country/Country_cardvariable.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Country/Country_cardvariable.ts new file mode 100644 index 0000000..efc9e50 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Country/Country_cardvariable.ts @@ -0,0 +1,4 @@ +export const Countrycardvariable = { + "cardButton": false, + "cardmodeldata": `` +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/District/District.component.html b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/District/District.component.html new file mode 100644 index 0000000..cd24628 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/District/District.component.html @@ -0,0 +1,412 @@ + +

District

+ + + + + + +

+ + + Loading ... + +

+ + +

district name +

+ + +

Description +

+ + +

Active +

+ + +

state name +

+ + + +

+ Action +

+ + + + +{{user.district_name }} + + + + + + +{{user.active }} + + +{{user.state_name }} + + + + + +

+ +

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 + + +

+ +

+ + + Data could be found. Loading.. + Loading ... + +

+ +

+ {{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)}} +

+ +

+ + +

+ +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/District/District.component.scss b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/District/District.component.scss new file mode 100644 index 0000000..12f7fc8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/District/District.component.scss @@ -0,0 +1,85 @@ +//@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; +} +.universal-section-header { + margin: 24px 0 10px 0; + font-weight: 600; + color: #1a237e; + letter-spacing: 0.5px; + font-size: 1.25rem; +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/District/District.component.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/District/District.component.ts new file mode 100644 index 0000000..0f347e0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/District/District.component.ts @@ -0,0 +1,317 @@ +import { Component, OnInit } from '@angular/core'; +import { ToastrService } from 'ngx-toastr'; +import { AlertService } from 'src/app/services/alert.service'; +import { Districtservice} from './District.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 { Districtcardvariable } from './District_cardvariable'; +import { UserInfoService } from 'src/app/services/user-info.service'; +import { ActivatedRoute, Router } from '@angular/router'; +declare var JsBarcode: any; +@Component({ + selector: 'app-District', + templateUrl: './District.component.html', + styleUrls: ['./District.component.scss'] +}) +export class DistrictComponent implements OnInit { + cardButton = Districtcardvariable.cardButton; + cardmodeldata = Districtcardvariable.cardmodeldata; + public dashboardArray: DashboardContentModel2[]; + isCardview = Districtcardvariable.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 = 'District_formCode' +tableName = 'District'; checkFormCode; selected: any[] = []; constructor( + private extensionService: ExtensionService, +private userInfoService:UserInfoService, + private mainService:Districtservice, + private alertService: AlertService, + private toastr: ToastrService, + private _fb: FormBuilder, + private router: Router, + private route: ActivatedRoute ) { } + private editInterval: any; +// 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({ +district_name : [null], + +description : [null], + +active : [true], + +state_name : [null], + + + + + + + + + + + }); // 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 === "District_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 + + + + + + + + + + } + ngOnDestroy(): void { + if (this.editInterval) { + clearInterval(this.editInterval); + } + } + + + + + + + + error; + getData() { + this.mainService.getAll().subscribe((data) => { + console.log(data); + this.product = data; +this.product = [...this.product].reverse(); 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; } + + + + + + goToDataM(){ + this.router.navigate(['/cns-portal/datamanagement'],{ relativeTo: this.route }); + } + + +downloadCSV(tableName): void { + this.mainService.downloadCSV(tableName).subscribe(response => { + const blob = new Blob([response], { type: 'application/octet-stream' }); + const url = window.URL.createObjectURL(blob); + const a = document.createElement('a'); + a.href = url; + a.download = `${tableName}.csv`; + document.body.appendChild(a); + a.click(); + document.body.removeChild(a); + }); +}// updateaction +} + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/District/District.service.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/District/District.service.ts new file mode 100644 index 0000000..3ce9204 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/District/District.service.ts @@ -0,0 +1,46 @@ +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'; +import baseUrl from 'src/app/services/api/helper'; +@Injectable({ + providedIn: 'root' +}) +export class Districtservice{ + private baseURL = "District/District" ; 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); + } + + + + + + + + +downloadCSV(tableName: string): Observable { + const url = `${baseUrl}/api/template/download-csv?tableName=${tableName}`; + return this.http.get(url, { responseType: 'blob' }) + +}// updateaction +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/District/District_cardvariable.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/District/District_cardvariable.ts new file mode 100644 index 0000000..7dd47dd --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/District/District_cardvariable.ts @@ -0,0 +1,4 @@ +export const Districtcardvariable = { + "cardButton": false, + "cardmodeldata": `` +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/State/State.component.html b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/State/State.component.html new file mode 100644 index 0000000..48e4a66 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/State/State.component.html @@ -0,0 +1,412 @@ + +

State

+ + + + + + +

+ + + Loading ... + +

+ + +

state name +

+ + +

Description +

+ + +

Active +

+ + +

country name +

+ + + +

+ Action +

+ + + + +{{user.state_name }} + + + + + + +{{user.active }} + + +{{user.country_name }} + + + + + +

+ +

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 + + +

+ +

+ + + Data could be found. Loading.. + Loading ... + +

+ +

+ {{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)}} +

+ +

+ + +

+ +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/State/State.component.scss b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/State/State.component.scss new file mode 100644 index 0000000..12f7fc8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/State/State.component.scss @@ -0,0 +1,85 @@ +//@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; +} +.universal-section-header { + margin: 24px 0 10px 0; + font-weight: 600; + color: #1a237e; + letter-spacing: 0.5px; + font-size: 1.25rem; +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/State/State.component.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/State/State.component.ts new file mode 100644 index 0000000..de1a50e --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/State/State.component.ts @@ -0,0 +1,317 @@ +import { Component, OnInit } from '@angular/core'; +import { ToastrService } from 'ngx-toastr'; +import { AlertService } from 'src/app/services/alert.service'; +import { Stateservice} from './State.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 { Statecardvariable } from './State_cardvariable'; +import { UserInfoService } from 'src/app/services/user-info.service'; +import { ActivatedRoute, Router } from '@angular/router'; +declare var JsBarcode: any; +@Component({ + selector: 'app-State', + templateUrl: './State.component.html', + styleUrls: ['./State.component.scss'] +}) +export class StateComponent implements OnInit { + cardButton = Statecardvariable.cardButton; + cardmodeldata = Statecardvariable.cardmodeldata; + public dashboardArray: DashboardContentModel2[]; + isCardview = Statecardvariable.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 = 'State_formCode' +tableName = 'State'; checkFormCode; selected: any[] = []; constructor( + private extensionService: ExtensionService, +private userInfoService:UserInfoService, + private mainService:Stateservice, + private alertService: AlertService, + private toastr: ToastrService, + private _fb: FormBuilder, + private router: Router, + private route: ActivatedRoute ) { } + private editInterval: any; +// 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({ +state_name : [null], + +description : [null], + +active : [true], + +country_name : [null], + + + + + + + + + + + }); // 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 === "State_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 + + + + + + + + + + } + ngOnDestroy(): void { + if (this.editInterval) { + clearInterval(this.editInterval); + } + } + + + + + + + + error; + getData() { + this.mainService.getAll().subscribe((data) => { + console.log(data); + this.product = data; +this.product = [...this.product].reverse(); 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; } + + + + + + goToDataM(){ + this.router.navigate(['/cns-portal/datamanagement'],{ relativeTo: this.route }); + } + + +downloadCSV(tableName): void { + this.mainService.downloadCSV(tableName).subscribe(response => { + const blob = new Blob([response], { type: 'application/octet-stream' }); + const url = window.URL.createObjectURL(blob); + const a = document.createElement('a'); + a.href = url; + a.download = `${tableName}.csv`; + document.body.appendChild(a); + a.click(); + document.body.removeChild(a); + }); +}// updateaction +} + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/State/State.service.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/State/State.service.ts new file mode 100644 index 0000000..bb13104 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/State/State.service.ts @@ -0,0 +1,46 @@ +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'; +import baseUrl from 'src/app/services/api/helper'; +@Injectable({ + providedIn: 'root' +}) +export class Stateservice{ + private baseURL = "State/State" ; 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); + } + + + + + + + + +downloadCSV(tableName: string): Observable { + const url = `${baseUrl}/api/template/download-csv?tableName=${tableName}`; + return this.http.get(url, { responseType: 'blob' }) + +}// updateaction +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/State/State_cardvariable.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/State/State_cardvariable.ts new file mode 100644 index 0000000..fce7bf8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/State/State_cardvariable.ts @@ -0,0 +1,4 @@ +export const Statecardvariable = { + "cardButton": false, + "cardmodeldata": `` +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Test2/Test2.component.html b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Test2/Test2.component.html new file mode 100644 index 0000000..b0c32f7 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Test2/Test2.component.html @@ -0,0 +1,432 @@ + +

Test2

+ + + +

+ + + Loading ... + +

+ + +

Name +

+ + +

country +

+ + + +

+ Action +

+ + + + +{{user.name }} + + +{{user. countryidentifier}} + + + + + +

+ +

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 + + +

+ +

+ + + Data could be found. Loading.. + Loading ... + +

+ +

+ {{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)}} +

+ +

+ + +

+ +

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

+ +

+ Name + +

+ + + +

+ country +

+ + + + + +

+ +

+ + +

Order Summary

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

Line	name	description	Action
{{ item.line }}	{{ item.name }}	{{ item.description }}	+ +

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

Subtotal:	₹ {{ getcountrySubtotal() \| number:'1.4-4' }}
GST (18%):	₹ {{ getcountryGST() \| number:'1.4-4' }}

Total:	₹ {{ getcountryGrandTotal() \| number:'1.4-4' }}

+ + + + + +

+ + + + + + + +

Extension

+
+

+ + {{ field.fieldName }} + + {{ field.fieldName }} + + {{ field.fieldName }} + + {{ field.fieldName }}
+ + +

+ +

+ + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Test2/Test2.component.scss b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Test2/Test2.component.scss new file mode 100644 index 0000000..12f7fc8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Test2/Test2.component.scss @@ -0,0 +1,85 @@ +//@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; +} +.universal-section-header { + margin: 24px 0 10px 0; + font-weight: 600; + color: #1a237e; + letter-spacing: 0.5px; + font-size: 1.25rem; +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Test2/Test2.component.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Test2/Test2.component.ts new file mode 100644 index 0000000..16edb30 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Test2/Test2.component.ts @@ -0,0 +1,389 @@ +import { Component, OnInit } from '@angular/core'; +import { ToastrService } from 'ngx-toastr'; +import { AlertService } from 'src/app/services/alert.service'; +import { Test2service} from './Test2.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 { Test2cardvariable } from './Test2_cardvariable'; +import { UserInfoService } from 'src/app/services/user-info.service'; +declare var JsBarcode: any; +@Component({ + selector: 'app-Test2', + templateUrl: './Test2.component.html', + styleUrls: ['./Test2.component.scss'] +}) +export class Test2Component implements OnInit { + cardButton = Test2cardvariable.cardButton; + cardmodeldata = Test2cardvariable.cardmodeldata; + public dashboardArray: DashboardContentModel2[]; + isCardview = Test2cardvariable.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 = 'Test2_formCode' +tableName = 'Test2'; checkFormCode; selected: any[] = []; constructor( + private extensionService: ExtensionService, +private userInfoService:UserInfoService, + private mainService:Test2service, + private alertService: AlertService, + private toastr: ToastrService, + private _fb: FormBuilder, + ) { } + private editInterval: any; +// 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], + +country : [null], + + + + + + + }); // 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 === "Test2_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 + + +this.getallcountry(); + + + + if (this.countrydefault) { + // Listen for product changes to auto-fill description + this.entryForm.get('country')?.valueChanges.subscribe(name => { + if (name && this.selectcountry) { + + const found = this.selectcountry.find(p => p.Description === name); + + console.log('found is ', found); + + // Auto-fill price when product is selected + if (found && found.Name) { + this.entryForm.patchValue({ Name: found.Description }); + } else { + this.entryForm.patchValue({ Name: null }); + } + + } + }); +} + + + } + ngOnDestroy(): void { + if (this.editInterval) { + clearInterval(this.editInterval); + } + } + + + + error; + getData() { + this.mainService.getAll().subscribe((data) => { + console.log(data); + this.product = data; +this.product = [...this.product].reverse(); 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(); + +} + + +countrydefault=true +selectcountry ; +getallcountry() { + this.mainService.getAllcountry().subscribe(data=>{ +this.selectcountry = data; +console.log(data); +},(error) => { console.log(error); }); } + + + + // ================== ORDER SUMMARY LOGIC START ================== + /** + * Order Summary Array and Methods for Add to Order functionality + */ + countrySummary: any[] = []; + countrytotal; +iscountryorder =true; + /** + * Add selected product to order summary + */ + addcountryOrder() { + const formValue = this.entryForm.value; + if (!formValue.country ) { + this.toastr.error('Please select country'); + return; + } + // Get description from master (selectcountry) + + + + let countryname= ''; + + + + let countrydescription= ''; + + + + + if (this.selectcountry && Array.isArray(this.selectcountry)) { + + + const found = this.selectcountry.find(p => p.name === formValue.country); + + + + + + if (found && found.name) { + countryname = found.name; + } + + + + + if (found && found.description) { + countrydescription = found.description; + } + + + + } + const line = this.countrySummary.length + 1; + const orderItem = { + line: line, + + + name: countryname, // always use master description + + + + + description: countrydescription, // always use master description + + + + // unitPrice: Number(formValue.price), + // quantity: Number(formValue.quantity), + // total: Number(formValue.price) * Number(formValue.quantity) + }; + this.countrySummary.push(orderItem); + + this.countrytotal = ''; + } + + /** + * Remove item from order summary by index + */ + removecountryOrder(index: number) { + this.countrySummary.splice(index, 1); + // Recalculate line numbers + this.countrySummary.forEach((item, i) => { + item.line = i + 1; + }); + } + + /** + * Calculate subtotal of all order items + */ + getcountrySubtotal(): number { + return this.countrySummary.reduce((sum, item) => sum + item.total, 0); + } + + /** + * Calculate GST (18%) + */ + getcountryGST(): number { + return this.getcountrySubtotal() * 0.18; + } + + /** + * Calculate grand total (subtotal + GST) + */ + getcountryGrandTotal(): number { + return this.getcountrySubtotal() + this.getcountryGST(); + + } + // ================== ORDER SUMMARY LOGIC END ================== + + +// updateaction +} + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Test2/Test2.service.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Test2/Test2.service.ts new file mode 100644 index 0000000..26a1c69 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Test2/Test2.service.ts @@ -0,0 +1,38 @@ +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 Test2service{ + private baseURL = "Test2/Test2" ; 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); + } + + +getAllcountry(): Observable { +return this.apiRequest.get("Country_ListFilter1/Country_ListFilter1"); } + +// updateaction +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Test2/Test2_cardvariable.ts b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Test2/Test2_cardvariable.ts new file mode 100644 index 0000000..c719226 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/testdata/Test2/Test2_cardvariable.ts @@ -0,0 +1,4 @@ +export const Test2cardvariable = { + "cardButton": false, + "cardmodeldata": `` +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/about/about.component.html b/frontend/angular-clarity-master/src/app/modules/main/about/about.component.html new file mode 100644 index 0000000..552bb52 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/about/about.component.html @@ -0,0 +1,13 @@ + + +

+ Angular {{ version.full }} + and Clarity Design System 15.2.0 +

+ UX guidelines, HTML/CSS framework, and Angular components working together to craft exceptional experiences +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/about/about.component.scss b/frontend/angular-clarity-master/src/app/modules/main/about/about.component.scss new file mode 100644 index 0000000..e6d686a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/about/about.component.scss @@ -0,0 +1,15 @@ +a:link { + text-decoration: none; +} + +a:visited { + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +a:active { + text-decoration: none; +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/about/about.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/about/about.component.spec.ts new file mode 100644 index 0000000..6b77344 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/about/about.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AboutComponent } from './about.component'; + +describe('AboutComponent', () => { + let component: AboutComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ AboutComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(AboutComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/about/about.component.ts b/frontend/angular-clarity-master/src/app/modules/main/about/about.component.ts new file mode 100644 index 0000000..07e4283 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/about/about.component.ts @@ -0,0 +1,14 @@ +import { Component, OnInit, VERSION } from '@angular/core'; + +@Component({ + selector: 'app-about', + templateUrl: './about.component.html', + styleUrls: ['./about.component.scss'] +}) +export class AboutComponent implements OnInit { + version: any = VERSION; + constructor() { } + + ngOnInit() {} + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/about/about.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/about/about.component.html new file mode 100644 index 0000000..29e3819 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/about/about.component.html @@ -0,0 +1,18 @@ + + +

+ {{ 'ABOUT_TITLE' | translate }} +

+ {{ 'ABOUT_DESCRIPTION' | translate }} +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/about/about.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/about/about.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/about/about.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/about/about.component.spec.ts new file mode 100644 index 0000000..6b77344 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/about/about.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AboutComponent } from './about.component'; + +describe('AboutComponent', () => { + let component: AboutComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ AboutComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(AboutComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/about/about.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/about/about.component.ts new file mode 100644 index 0000000..80c565f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/about/about.component.ts @@ -0,0 +1,19 @@ +import { Component, OnInit, VERSION } from '@angular/core'; +import { TranslateService } from '@ngx-translate/core'; + +@Component({ + selector: 'app-about', + templateUrl: './about.component.html', + styleUrls: ['./about.component.scss'] +}) +export class AboutComponent implements OnInit { + version: any = VERSION; + + constructor(private translate: TranslateService) { } + + ngOnInit() {} + + switchLanguage(language: string) { + this.translate.use(language); + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/accesstype/accesstype.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/accesstype/accesstype.component.html new file mode 100644 index 0000000..289c50b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/accesstype/accesstype.component.html @@ -0,0 +1,204 @@ + + + + + +

+ + +

+ + + +

Loading ...

+ +

+ + + + + {{user.name}} + + {{user.description}} + + + + + + + + + + + + {{'usersPerPage' | translate}} + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + {{'of' | translate}} {{pagination.totalItems}} {{'users' | translate}} + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/accesstype/accesstype.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/accesstype/accesstype.component.scss new file mode 100644 index 0000000..d3cd6e7 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/accesstype/accesstype.component.scss @@ -0,0 +1,62 @@ +input[type=text],[type=date],[type=password] { + width: 100%; + padding: 15px 20px; + // margin: 3px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} +.required-field{ + color: red; +font-size: 18px; + +} +.green{ + background-color: rgb(156, 231, 156); + color: black; +} +.blue{ + background-color: #57abcf;//rgb(82, 87, 161); + color: black; +} +.td-title { + text-align: center; + width: 150px; +color: white; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); + //color: rgb(24, 13, 13); +} +th{ + //background-color:rgb(170, 169, 169); + font-weight: bold; +} +.td-content{ + text-align: left; +} +.delete,.heading{ + text-align: center; + color: red; +} +.section p { +background-color: rgb(206, 201, 201); + padding: 10px; + font-size: 18px; +} + +select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} + +input.ng-invalid.ng-touched { + border-color: red; +} + +.error_mess { + color: red; +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/accesstype/accesstype.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/accesstype/accesstype.component.spec.ts new file mode 100644 index 0000000..5c4bf19 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/accesstype/accesstype.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AccesstypeComponent } from './accesstype.component'; + +describe('AccesstypeComponent', () => { + let component: AccesstypeComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ AccesstypeComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(AccesstypeComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/accesstype/accesstype.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/accesstype/accesstype.component.ts new file mode 100644 index 0000000..a54048d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/accesstype/accesstype.component.ts @@ -0,0 +1,189 @@ +import { Component, OnInit } from '@angular/core'; +import { Form, FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { AccesstypeService } from 'src/app/services/admin/accesstype.service'; + +@Component({ + selector: 'app-accesstype', + templateUrl: './accesstype.component.html', + styleUrls: ['./accesstype.component.scss'] +}) +export class AccesstypeComponent implements OnInit { + loading = false; + selected: any[] = []; + rowSelected: any = {}; + modaldelete = false; + modalAdd = false; + modaledit = false; + moduleAdd = false; + error; + data; + module; + moduledata; + submitted = false; + selected1 = "true"; + public entryForm: FormGroup; + public mentryForm: FormGroup; + constructor(private _fb: FormBuilder, private toastr: ToastrService, + private router: Router, private accesstype: AccesstypeService, + private route: ActivatedRoute, + ) { } + + ngOnInit(): void { + this.entryForm = this._fb.group({ + + name: ['', [Validators.required]], + defaultvalue: ['', [Validators.required]], + description: ['', [Validators.required]], + + }); + this.mentryForm = this._fb.group({ + modulename: [null], + }) + this.getdata(); + this.getdata1(); + } + getdata() { + this.accesstype.getAll().subscribe(resp => { + this.data = resp; + console.log('menus: ', this.data); + if (this.data.length == 0) { + this.error = "No data Available"; + console.log(this.error) + } + }, (error) => { + console.log(error); + if (error) { + this.error = "Server Error"; + } + }) + } + getdata1() { + this.accesstype.getAll1().subscribe(resp => { + this.moduledata = resp; + console.log('menus: ', this.moduledata); + if (this.moduledata.length == 0) { + this.error = "No data Available"; + console.log(this.error) + } + }, (error) => { + console.log(error); + if (error) { + this.error = "Server Error"; + } + }) + } + goToAdd() { + this.modalAdd = true; + } + onSubmit() { + console.log(this.entryForm.value); + this.submitted = true; + if (this.entryForm.invalid) { + return; + } + console.log(this.entryForm.value); + this.accesstype.create(this.entryForm.value).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Added successfully'); + } + this.ngOnInit(); + }, + (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not added Data Getting Some Error'); + } + this.ngOnInit(); + + }); + this.modalAdd = false; + } + goToEdit(row) { + this.rowSelected = row; + console.log(row) + this.modaledit = true; + //this.router.navigate(["../edit/" + id], { relativeTo: this.route }); + } + onDelete(row) { + this.rowSelected = row; + this.modaldelete = true; + } + + delete(id) { + this.modaldelete = false; + console.log("in delete " + id); + this.accesstype.delete(id).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Deleted successfully'); + } + this.ngOnInit(); + }, + (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not Deleted Data Getting Some Error'); + } + this.ngOnInit(); + }); + + } + onUpdate(id) { + this.modaledit = false; + this.accesstype.update(id, this.rowSelected).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Updated successfully'); + } + this.ngOnInit(); + }, + (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not updated Data Getting Some Error'); + } + this.ngOnInit(); + }); + } + goTomodules() { + this.router.navigate(["../acmodules"], { relativeTo: this.route }); + } + accessid; + gomodules(row) { + this.rowSelected = row; + this.moduleAdd = true; + this.accessid = row.id + this.getallidmodules(this.accessid) + } + moduledata1; + getallidmodules(id) { + this.accesstype.getById(id).subscribe((data) => { + console.log(data); + this.moduledata1 = data; + if (this.moduledata1.length == 0) { + this.error = "No data Available"; + console.log(this.error) + } + }) + } + addmodules(id) { + console.log(this.mentryForm.value); + this.accesstype.addById(id, this.mentryForm.value).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success("Added Successfully"); + } + this.ngOnInit(); + }, (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not Added Data Getting Some Error'); + } + this.ngOnInit(); + }) + this.moduleAdd = false; + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/documentmaster/documentmaster.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/documentmaster/documentmaster.component.html new file mode 100644 index 0000000..fce1d94 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/documentmaster/documentmaster.component.html @@ -0,0 +1,128 @@ + + + + +

+ +

+ + +

+ + + + + + + + + data not found! + +

+ NO +

+ Structure ID +

+ Structure Name +

+ Structure Seq +

+ + + + + {{i+1}} + {{user.StructureID}} + {{user.StructureName}} + {{user.StructureSeq}} + + + + + + + + + + + + + + + + +

StructureName

+ + + + + + Record per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} Records + + + +

+ + + + + + + + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/documentmaster/documentmaster.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/documentmaster/documentmaster.component.scss new file mode 100644 index 0000000..36abb8c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/documentmaster/documentmaster.component.scss @@ -0,0 +1 @@ +@import '../../../../../styles1.scss'; diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/documentmaster/documentmaster.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/documentmaster/documentmaster.component.spec.ts new file mode 100644 index 0000000..7fde7a8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/documentmaster/documentmaster.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DocumentmasterComponent } from './documentmaster.component'; + +describe('DocumentmasterComponent', () => { + let component: DocumentmasterComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DocumentmasterComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DocumentmasterComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/documentmaster/documentmaster.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/documentmaster/documentmaster.component.ts new file mode 100644 index 0000000..4779866 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/documentmaster/documentmaster.component.ts @@ -0,0 +1,30 @@ +import { Component, OnInit } from '@angular/core'; +import { FormGroup } from '@angular/forms'; +import { ExcelService } from '../../../../services/excel.service'; +import * as moment from 'moment'; +@Component({ + selector: 'app-documentmaster', + templateUrl: './documentmaster.component.html', + styleUrls: ['./documentmaster.component.scss'] +}) +export class DocumentmasterComponent implements OnInit { + loading = false; + public entryForm: FormGroup; + givendata; + orders; + modalAdd= false; + modaledit=false; + rowSelected :any= {}; + constructor(private excel: ExcelService,) { } + + ngOnInit(): void { + } + onExport() { + this.excel.exportAsExcelFile(this.givendata, 'user_', + moment().format('YYYYMMDD_HHmmss')) + } + goToAdd() { + this.modalAdd=true; + //this.router.navigate(["../usermaintanceadd"],{relativeTo:this.route}); + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/documentreference/documentreference.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/documentreference/documentreference.component.html new file mode 100644 index 0000000..db3c0eb --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/documentreference/documentreference.component.html @@ -0,0 +1,180 @@ + + + + +

+ +

+ + +

+ + + + + + + + + data not found! + +

+ NO +

+ Document Code +

+ Pad Zero +

+ Start With +

+ Last Number +

+ Max Length +

+ Structure ID +

+ + + + {{i+1}} + {{user. DocumentCode}} + {{user. PadZero}} + {{user. StartWith}} + {{user. LastNumber}} + {{user. MaxLength}} + {{user. StructureID}} + + + + + + + + + + + + + + + + +

StructureID

+ + + + + + Record per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} Records + + + +

+ + + + + + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/documentreference/documentreference.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/documentreference/documentreference.component.scss new file mode 100644 index 0000000..36abb8c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/documentreference/documentreference.component.scss @@ -0,0 +1 @@ +@import '../../../../../styles1.scss'; diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/documentreference/documentreference.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/documentreference/documentreference.component.spec.ts new file mode 100644 index 0000000..18b137e --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/documentreference/documentreference.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DocumentreferenceComponent } from './documentreference.component'; + +describe('DocumentreferenceComponent', () => { + let component: DocumentreferenceComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DocumentreferenceComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DocumentreferenceComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/documentreference/documentreference.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/documentreference/documentreference.component.ts new file mode 100644 index 0000000..5678564 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/documentreference/documentreference.component.ts @@ -0,0 +1,30 @@ +import { Component, OnInit } from '@angular/core'; +import { FormGroup } from '@angular/forms'; +import { ExcelService } from '../../../../services/excel.service'; +import * as moment from 'moment'; +@Component({ + selector: 'app-documentreference', + templateUrl: './documentreference.component.html', + styleUrls: ['./documentreference.component.scss'] +}) +export class DocumentreferenceComponent implements OnInit { + loading = false; + public entryForm: FormGroup; + givendata; + orders; + modalAdd= false; + modaledit=false; + rowSelected :any= {}; + constructor(private excel: ExcelService,) { } + + ngOnInit(): void { + } + onExport() { + this.excel.exportAsExcelFile(this.givendata, 'user_', + moment().format('YYYYMMDD_HHmmss')) + } + goToAdd() { + this.modalAdd=true; + //this.router.navigate(["../usermaintanceadd"],{relativeTo:this.route}); + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/documentstructure/documentstructure.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/documentstructure/documentstructure.component.html new file mode 100644 index 0000000..dae85a6 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/documentstructure/documentstructure.component.html @@ -0,0 +1,56 @@ + +

+ +

+ For Structure ID + +

+ + + + + + No Result Found + No + Seq + Prefix + Type + Delete + + + + + + + + + users + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/documentstructure/documentstructure.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/documentstructure/documentstructure.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/documentstructure/documentstructure.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/documentstructure/documentstructure.component.spec.ts new file mode 100644 index 0000000..0f200c4 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/documentstructure/documentstructure.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DocumentstructureComponent } from './documentstructure.component'; + +describe('DocumentstructureComponent', () => { + let component: DocumentstructureComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DocumentstructureComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DocumentstructureComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/documentstructure/documentstructure.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/documentstructure/documentstructure.component.ts new file mode 100644 index 0000000..2117853 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/documentstructure/documentstructure.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-documentstructure', + templateUrl: './documentstructure.component.html', + styleUrls: ['./documentstructure.component.scss'] +}) +export class DocumentstructureComponent implements OnInit { + loading = false; + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/all/all-menu-group.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/all/all-menu-group.component.html new file mode 100644 index 0000000..4b1d101 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/all/all-menu-group.component.html @@ -0,0 +1,1057 @@ + + +

User list

+ + + +

+ + + user not found! + + + Menu Name + + + + + Description + + + + + Enabled + + + + + Start Date + + + + + End Date + + + + + + {{user.menu_name}} + {{user.description}} + {{user.active}} + {{user.start_date_1}} + {{user.end_date_1}} + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Menu Name: {{user.menu_name}} +
Description: {{user.description}}
Enabled: {{user.active}}
Default End Date: 10/03/2001	Start Date: {{user.start_date_1}}
Default End Date: 10/03/2001	End Date: {{user.end_date_1}}

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

Sr. No	Name	Type	Menu Name	Active
{{ i + 1 }}	{{ line.name }}	{{ line.type }}	{{ line.menu_name }}	{{ line.active }}

+ + + + + + + + Users per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} users + + + +

+ + + +

Header

+ + +

+ Menu Name: + + +

+ Description: + + +

+ +

+ Start Date: + + +

+ +

+ End Date: + +

+ +

+ Enabled + + +

+ + +

+
+ + +

Menu Group Lines Details

+ + + +

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

Name	Type	Menu Name	Active
+ + + + + + +	+ + + +	+ + + + +	+ + + +

+ + + +

+ +

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

Header

+ +

+ + +

+ Menu Name + +

+ +

+ Description + +

+ +

+ Start Date + + + +

+ +

+ End Date: + +

+ + Enabled + + + + +

+ +

Lines Details

+ + +

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

Name	Type	Menu Name	Enable
+ + +	+ + +	+ + +	+ + +	+ + + +

+
+ + +

+ + + + + + + + + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/all/all-menu-group.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/all/all-menu-group.component.scss new file mode 100644 index 0000000..76ae2bd --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/all/all-menu-group.component.scss @@ -0,0 +1,65 @@ +// // @import '../../../../assets/scss/var'; +// .s-info-bar { +// display: flex; +// flex-direction: row; +// justify-content: space-between; +// button { +// outline: none; +// } +// } + +// .grid-pg { +// width:750px; +// } + + +// #add { +// position: absolute; +// //position: fixed; +// transition: .5s ease; +// top: 16%; +// left: 79%; +// } + +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; + + } + .horizontal{ + width: 50%; + padding: 10px; + } + + .td-title { + text-align: center; + color: white; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); + //color: rgb(24, 13, 13); + } + th{ + background-color:rgb(170, 169, 169); + font-weight: bold; + } + .td-content{ + text-align: left; + } + .delete,.heading{ + text-align: center; + color: red; + } + .section p { + background-color: rgb(206, 201, 201); + padding: 10px; + font-size: 18px; + } + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/all/all-menu-group.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/all/all-menu-group.component.ts new file mode 100644 index 0000000..83594c5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/all/all-menu-group.component.ts @@ -0,0 +1,506 @@ +import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core'; +import { MenuGroupService } from '../../../../../services/admin/menu-group.service'; +import { MenuRegisterService } from '../../../../../services/admin/menu-register.service'; + +import { ToastrService } from 'ngx-toastr'; +import { university } from '../../../../../models/fnd/university'; +import { AlertService } from '../../../../../services/alert.service'; +import { UniversityService } from 'src/app/services/admin/university.service'; +import { ExcelService } from '../../../../../services/excel.service'; +import * as moment from 'moment'; +import { FormArray, FormBuilder, FormGroup } from '@angular/forms'; +import { HttpErrorResponse } from '@angular/common/http'; +import { ActivatedRoute, Router } from '@angular/router'; + +@Component({ + selector: 'app-all-menu-group', + templateUrl: './all-menu-group.component.html', + styleUrls: ['./all-menu-group.component.scss'], +}) +export class AllMenuGroupComponent implements OnInit { + + rowSelected: any = {}; + modaldelete = false; + modalEdit = false; + modalAdd = false; + public entryForm: FormGroup; + + loading = false; + university; + modalOpenedforNewLine = false; + newLine: university = new university(); + + hname = ['ashwini', 'akash', 'satyam', 'ganesh', 'krishna']; + + email = ['a@gmail.com', 'b@gmail.com', 'c@gmail.com', 'd@gmail.com', 'k@gmail.com']; + + subject = ['marathi', 'hindi', 'english']; + + booktype = ['maths', 'language', 'science']; + + bookname: string[] = ['rich dad poor dad', 'The one thing', 'The momb who head farai', 'trump', 'lucky', 'syamchi aai', + 'aai', 'ek hota karwar', 'chawa', 'mutunjay', 'duniyadari', 'dad', + 'story book', 'horror story', 'poem']; + + writer = ['true', 'false']; + + + price = ['100', '200']; + + basic: boolean = false; + + id: number; + submitted = false; + currentUrl = ""; + selected: any[] = []; + + constructor( + private _mg: MenuGroupService, + private _mr: MenuRegisterService, + private mainService: UniversityService, + private alertService: AlertService, + private toastr: ToastrService, + private excel: ExcelService, + private _fb: FormBuilder, + private router: Router, + private route: ActivatedRoute, + ) { + + } + + ngOnInit() { + + this.getData(); + + } + getData() { + this._mg.getAll().subscribe((data) => { + console.log(data); + this.university = data; + this.university = this.university.items; + console.log(this.university); + + }); + + this.entryForm = this._fb.group({ + menu_name: [null], + description: [null], + active: [null], + start_date_1: [null], + end_date_1: [null], + start_date: [null], + end_date: [null], + + + menu_group_lines: this._fb.array([this.initLinesForm()]), + + + + }); + + } + + initLinesForm() { + return this._fb.group({ + + menu_id: 23, + menu_name: [null], + name: [null], + active: [null], + seq: 32, + type: [null], + + }); + } + + onEdit(row) { + this.rowSelected = row; + console.log(this.rowSelected); + + 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(); + + // }, + // ); + + this._mg.deleteById(id).subscribe( + (data: any)=>{ + console.log('Deletion success...'); + this.ngOnInit(); + } + ); + if (id) { + 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); + + // }, + + // ); + this._mg.updateGroupHeader(id, this.rowSelected).subscribe( + (data: any)=>{ + console.log(data); + console.log('Update Success...'); + this.modalEdit = false; + this.ngOnInit(); + + }, + (error: any)=>{ + console.log(error); + + } + ); + if (id) { + this.toastr.success('Updated successfully'); + } + + } + onExport() { + this.excel.exportAsExcelFile(this.university, 'user_', + moment().format('YYYYMMDD_HHmmss')) + } + goToAdd(row) { + + this.modalAdd = true; + + } + onSubmit() { + + + + //console.warn("calling submit"); + + //console.log(this.entryForm.value); + this.submitted = true; + if (this.entryForm.invalid) { + return; + } + this.onCreate(); + } + + + + onCreate() { + this.modalAdd = false; + + this._mg.addToDb(this.entryForm.value).subscribe( + (data: any)=>{ + console.log(data); + this.ngOnInit(); + }, + (error: any)=>{ + console.log(error); + + } + ); + if (this.entryForm.value) { + this.toastr.success('Added successfully'); + + } + } + + get controls() { + return (this.entryForm.get("menu_group_lines") as FormArray).controls; + } + + onRemoveLines(index: number) { + (this.entryForm.get("menu_group_lines")).removeAt(index); + } + onAddLines() { + (this.entryForm.get("menu_group_lines")).push(this.initLinesForm()); + } + update() { + this.mainService.update(this.id, this.university).subscribe( + (data) => { + console.log(data); + + }, + (error: HttpErrorResponse) => { + console.log(error.message); + } + ); + } + +} + + + + + + +// import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core'; +// import { MenuGroupService } from 'src/app/services/api/menu-group.service'; +// import { MenuRegisterService } from 'src/app/services/api/menu-register.service'; + + +// @Component({ +// selector: 'app-all-menu-group', +// templateUrl: './all-menu-group.component.html', +// styleUrls: ['./all-menu-group.component.scss'], +// encapsulation: ViewEncapsulation.Emulated +// }) +// export class AllMenuGroupComponent implements OnInit { +// @ViewChild('getById') selectById: TemplateRef; +// @ViewChild('txId') txId: TemplateRef; +// basic: boolean = false; +// columns: any[]; +// rows: any[]; +// temp = []; + +// filterData: string; +// isLoading: boolean = false; + +// modalEdit: false; +// loading = false; +// openEdit = false; +// openAdd = false; +// openAddLine = false; +// openEditHeader = false; + +// mgdata: any; +// linesData: Array; +// lines = []; + +// updata = { +// id: '', +// active: '', +// createdAt: '', +// createdBy: '', +// description: '', +// end_date: '', +// end_date_1: '', +// menu_name: '', +// start_date: '', +// start_date_1: '', +// updatedAt: '', +// updatedBy: '', +// menu_group_lines: [ +// { +// id: '', +// active: '', +// createdAt: '', +// createdBy: '', +// menu_id: '', +// manu_name: '', +// name: '', +// seq: '', +// type: '', +// updatedAt: '', +// updatedBy: '' +// }, +// ], +// } + +// updateHeader = { +// id: '', +// active: '', +// createdAt: '', +// createdBy: '', +// description: '', +// end_date: '', +// end_date_1: '', +// menu_name: '', +// start_date: '', +// start_date_1: '', +// updatedAt: '', +// updatedBy: '', +// } + +// menu_group_line = +// { +// id: '', +// menu_id: '', +// menu_name: '', +// name: '', +// active: '', +// seq: '', +// type: '', +// menu_group_header: { +// id: '' +// } +// } + +// headerAdd = { +// menu_name: '', +// description: '', +// active: false, +// start_date_1: '', +// end_date_1: '' +// } + +// lineAdd = { +// name: '', +// menu_name: '', +// active: false, +// type: '', +// menu_group_header: { +// id: '' +// } +// } + +// constructor( +// private _mg: MenuGroupService, +// private _mr: MenuRegisterService +// ) { +// this.linesData = new Array(); +// } + +// ngOnInit() { + +// this._mg.getAll().subscribe( +// (data: any) => { +// this.mgdata = data; +// console.log(this.mgdata); + +// } +// ); + +// } + +// addData() { +// console.log(this.headerAdd); +// this._mg.addToDb(this.headerAdd).subscribe( +// (data: any) => { +// console.log('Data addedd successfully...'); +// this.openAdd = false; +// this.ngOnInit(); +// }, +// (error: any) => { +// console.log(error); + +// } + +// ); +// } + +// openAddLinef(id: any) { +// this.openAddLine = true; +// console.log(id); +// this.lineAdd.menu_group_header.id = id; + + +// } +// saveD() { +// console.log(this.lineAdd); +// this._mg.addLineToDb(this.lineAdd).subscribe( +// (data: any) => { +// console.log('data added success...'); +// this.openAddLine = false; +// this.ngOnInit(); +// }, +// (error: any) => { +// console.log(error); + +// } +// ); +// } + +// openEditGroup(id: any) { +// this.openEdit = true; +// console.log(id); +// this._mg.getOneById(id).subscribe( +// (data: any) => { +// this.updata = data; +// this.lines = this.updata.menu_group_lines; +// for(let val of this.updata.menu_group_lines){ +// this.linesData.push(val); +// } +// console.log('New Data of Lines : '); +// console.log(this.lines); +// }, +// (error: any) => { +// console.log(error); + +// } +// ); + +// } + +// perfUpdate(){ +// console.log(this.updata); +// this.updateHeader.id = this.updata.id; +// this.updateHeader.active = this.updata.active; +// this.updateHeader.createdAt = this.updata.createdAt; +// this.updateHeader.createdBy = this.updata.createdBy; +// this.updateHeader.description = this.updata.description; +// this.updateHeader.end_date = this.updata.end_date; +// this.updateHeader.end_date_1 = this.updata.end_date_1; +// this.updateHeader.menu_name = this.updata.menu_name; +// this.updateHeader.start_date = this.updata.start_date; +// this.updateHeader.start_date_1 = this.updata.start_date_1; +// this.updateHeader.updatedAt = this.updata.updatedAt; +// this.updateHeader.updatedBy = this.updata.updatedBy; + +// this._mg.updateGroupHeader(this.updateHeader.id, this.updateHeader).subscribe( +// (datah: any)=>{ +// console.log('Data(header) updated successsfully...'); +// console.log(datah); + +// for(let val of this.lines){ +// this.menu_group_line.id = val.id; +// this.menu_group_line.menu_id = val.menu_id; +// this.menu_group_line.menu_name = val.menu_name; +// this.menu_group_line.name = val.name; +// this.menu_group_line.seq = val.seq; +// this.menu_group_line.type = val.type; +// // this.menu_group_line.menu_group_header.id = datah.id; +// this.menu_group_line.menu_group_header.id = this.updateHeader.id; + +// this._mg.updateLineById(this.menu_group_line).subscribe( +// (data: any)=>{ +// console.log('Data(Line) Updated Successfully...'); +// console.log(data); +// this.linesData = []; +// this.openEdit = false; +// this.ngOnInit(); +// console.log(this.linesData); + +// }, +// (error: any)=>{ +// console.log(error); + +// } +// ); +// } +// }, +// (error: any)=>{ +// console.log(error); + +// } +// ); +// } + +// closeM(){ +// this.openEdit = false; +// this.linesData = []; +// } + + + +// } + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/edit/edit-menu-group.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/edit/edit-menu-group.component.html new file mode 100644 index 0000000..75220a5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/edit/edit-menu-group.component.html @@ -0,0 +1,99 @@ + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/edit/edit-menu-group.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/edit/edit-menu-group.component.ts new file mode 100644 index 0000000..2ba68dc --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/edit/edit-menu-group.component.ts @@ -0,0 +1,97 @@ +import { Component, OnInit } from "@angular/core"; +import { ActivatedRoute, Router } from "@angular/router"; +import { HttpClient, HttpErrorResponse } from "@angular/common/http"; +// import { Rn_Menu_Group_Line } from "src/app/models/Rn_Menu_Group_Line"; +// import { Rn_Menu_Group_Header } from "src/app/models/Rn_Menu_Group_Header"; +// import { MenuGroupService } from "src/app/services/api/menu-group.service"; +// import { MenuRegisterService } from "src/app/services/api/menu-register.service"; + +@Component({ + selector: "edit-menu-group", + templateUrl: "./edit-menu-group.component.html", + styleUrls: ["./edit-menu-group.scss"], +}) +export class EditMenuGroupComponent implements OnInit { + updated = false; + // rn_menu_group_header: Rn_Menu_Group_Header; + // rn_menu_group_line: Rn_Menu_Group_Line[]; + id: number; + + types = ['user', 'admin', 'mis report', 'bi report']; + + constructor( + private router: Router, + private route: ActivatedRoute, + // private menuRegisterService: MenuRegisterService, + // private menuGroupService: MenuGroupService + ) {} + + ngOnInit() { + //this.getMapings(); + + // this.rn_menu_group_header = new Rn_Menu_Group_Header(); + // this.id = this.route.snapshot.params["id"]; + // console.log("update with id = ", this.id); + // this.getById(this.id); + } + +// getById(id: number) { +// this.menuGroupService.getById(id).subscribe((data) => { +// this.rn_menu_group_header = data; +// this.rn_menu_group_line = data.menu_group_lines; +// }); +// } + +// update() { +// this.menuGroupService.update(this.id, this.rn_menu_group_header).subscribe( +// (resp) => { +// console.log(resp); +// this.router.navigate(["../../all"], { relativeTo: this.route }); +// }, +// (error: HttpErrorResponse) => { +// console.log(error.message); +// } +// ); +// this.rn_menu_group_header = new Rn_Menu_Group_Header(); +// } + +// onSubmit() { +// this.updated = true; +// this.update(); +// } + +// /* getMapings() { +// this.httpService +// .get('./assets/json/form-setup-mapping.json') +// .subscribe(data => { +// console.log(data); +// this.mappings = data; +// }, err => console.log(err) +// ) +// } */ + +// menuDate: any[]; +// menuDropDown: any[]; +// getMenuData() { +// //this.menuRegisterService.getAll().subscribe((data) => { +// this.menuRegisterService.getByAccountId().subscribe((data) => { +// this.menuDate = data; +// console.log('Menu List by Account Id : ', this.menuDate); +// const keys = this.menuDate.map((item) => { +// const container = {id: '', name: ''}; +// container.id = item.id; +// container.name = item.main_menu_name; +// return container; +// }); +// console.log('Menu dropdown: ', keys); +// this.menuDropDown = keys; +// }, (err) => { +// console.log(err) +// } +// ); +// } + +// back() { +// this.router.navigate(["../../all"], { relativeTo: this.route }); +// } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/edit/edit-menu-group.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/edit/edit-menu-group.scss new file mode 100644 index 0000000..ffe3733 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/edit/edit-menu-group.scss @@ -0,0 +1,51 @@ +// @import '../../../../assets/scss/var'; + +.s-info-bar{ + display:flex; + flex-direction: row; + justify-content:space-between; + button{outline:none;} +} + +.edit-pg { + width:750px; +} + +#lines { + table, th, td { + border: 0.5px solid #f1f0f0; + border-collapse: collapse; + } + input, input :focus { + //-webkit-appearance: none; + outline: none; + border-width:0px; + border:none; + } +} + +.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; +} + +.center { + text-align: center; +} + +$bg-color: #dddddd; +.section { + background-color: $bg-color; + height: 40px; +} + +.section p { + //color: white; + padding: 10px; + font-size: 18px; +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/menu-group.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/menu-group.component.html new file mode 100644 index 0000000..0680b43 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/menu-group.component.html @@ -0,0 +1 @@ + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/menu-group.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/menu-group.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/menu-group.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/menu-group.component.ts new file mode 100644 index 0000000..fb6833d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/menu-group.component.ts @@ -0,0 +1,16 @@ +import { Component, OnInit, ViewEncapsulation } from '@angular/core'; + +@Component({ + selector: 'app-menu-group', + templateUrl: './menu-group.component.html', + styleUrls: ['./menu-group.component.scss'], + // encapsulation: ViewEncapsulation.Emulated +}) +export class MenuGroupComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/read-only/readonly-menu-group.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/read-only/readonly-menu-group.component.html new file mode 100644 index 0000000..54ee5b7 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/read-only/readonly-menu-group.component.html @@ -0,0 +1,94 @@ + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/read-only/readonly-menu-group.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/read-only/readonly-menu-group.component.ts new file mode 100644 index 0000000..9d0ad17 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/read-only/readonly-menu-group.component.ts @@ -0,0 +1,44 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +// import { Rn_Forms_Setup } from 'src/app/models/Rn_Forms_Setup'; +// import { FormSetupService } from 'src/app/services/api/form-setup.service'; +// import { Rn_Menu_Group_Header } from 'src/app/models/Rn_Menu_Group_Header'; +// import { MenuGroupService } from 'src/app/services/api/menu-group.service'; + +@Component({ + selector: 'readonly-menu-group', + templateUrl: './readonly-menu-group.component.html', + styleUrls: [ './readonly-menu-group.scss'], +}) +export class ReadOnlyMenuGroupComponent implements OnInit { + basic: boolean = false; + id: number; + // rn_menu_group_header: Rn_Menu_Group_Header; + constructor( + private router: Router, + private route: ActivatedRoute, + // private menuGroupService: MenuGroupService + ) { } + + ngOnInit() { + // this.getById(); + } + + // getById() { + // this.rn_menu_group_header = new Rn_Menu_Group_Header(); + // this.id = this.route.snapshot.params['id']; + // this.menuGroupService.getById(this.id) + // .subscribe(data => { + // console.log(data); + // this.rn_menu_group_header = data; + // }); + // } + + // goToWhoColumns() { + // this.basic = !this.basic; + // } + + // back() { + // this.router.navigate(['../../all'], {relativeTo: this.route}); + // } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/read-only/readonly-menu-group.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/read-only/readonly-menu-group.scss new file mode 100644 index 0000000..3036f69 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-group/read-only/readonly-menu-group.scss @@ -0,0 +1,23 @@ +// @import '../../../../assets/scss/var'; +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; + button { + outline: none; + } +} + +.read-only-pg { + width:750px; +} + + + +#build_btn { + position: absolute; + transition: .5s ease; + top: 404px; + left: 644px; +} + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/add-menur/add-menur.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/add-menur/add-menur.component.html new file mode 100644 index 0000000..0e3e30e --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/add-menur/add-menur.component.html @@ -0,0 +1 @@ +

add-menur works!

diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/add-menur/add-menur.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/add-menur/add-menur.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/add-menur/add-menur.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/add-menur/add-menur.component.spec.ts new file mode 100644 index 0000000..fccbe61 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/add-menur/add-menur.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AddMenurComponent } from './add-menur.component'; + +describe('AddMenurComponent', () => { + let component: AddMenurComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ AddMenurComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(AddMenurComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/add-menur/add-menur.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/add-menur/add-menur.component.ts new file mode 100644 index 0000000..c24e5f3 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/add-menur/add-menur.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-add-menur', + templateUrl: './add-menur.component.html', + styleUrls: ['./add-menur.component.scss'] +}) +export class AddMenurComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/all-menur/all-menur.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/all-menur/all-menur.component.html new file mode 100644 index 0000000..6c134ab --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/all-menur/all-menur.component.html @@ -0,0 +1,203 @@ + + +

menu register

+ + +

+ + user not found! + + + Sr. No + + + + + Menu Name + + + + + Action Link + + + + + Menu Icon + + + + + Flag + + + + + End Date + + + + + {{i + 1}} + {{user.main_menu_name}} + {{user.main_menu_action_name}} + {{user.main_menu_icon}} + {{user.enable_flag}} + {{user.end_date_1}} + + + + ˝ + + + + + + Users per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} users + + + +

+ + + + + + + + + + + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/all-menur/all-menur.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/all-menur/all-menur.component.scss new file mode 100644 index 0000000..4f6d7c9 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/all-menur/all-menur.component.scss @@ -0,0 +1,14 @@ +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; + } + + .delete,.heading{ + text-align: center; + color: red; + } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/all-menur/all-menur.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/all-menur/all-menur.component.spec.ts new file mode 100644 index 0000000..620106c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/all-menur/all-menur.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AllMenurComponent } from './all-menur.component'; + +describe('AllMenurComponent', () => { + let component: AllMenurComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ AllMenurComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(AllMenurComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/all-menur/all-menur.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/all-menur/all-menur.component.ts new file mode 100644 index 0000000..67ea77d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/all-menur/all-menur.component.ts @@ -0,0 +1,187 @@ +import { Component, OnInit } from '@angular/core'; +import { ToastrService } from 'ngx-toastr'; +import { MenuGroupService } from '../../../../../services/admin/menu-group.service'; +import { MenuRegisterService } from '../../../../../services/admin/menu-register.service'; + +@Component({ + selector: 'app-all-menur', + templateUrl: './all-menur.component.html', + styleUrls: ['./all-menur.component.scss'] +}) +export class AllMenurComponent implements OnInit { + + basic: boolean = false; + columns: any[]; + rows: any[]; + temp = []; + selected: any[] = []; + filterData: string; + isLoading: boolean = false; + + modalEdit: false; + loading = false; + + openEdit = false; + openAdd = false; + + modaldelete = false; + tempid: any; + + regData: any; + + addReg = { + main_menu_name: '', + main_menu_action_name: '', + main_menu_icon: '', + enable_flag: false, + end_date_1: '' + } + + upReg = { + id: '', + main_menu_name: '', + main_menu_action_name: '', + main_menu_icon: '', + enable_flag: '', + end_date_1: '' + } + + line = { + id: '', + menu_id: '', + menu_name: '', + name: '', + active: true, + seq: '', + type: '', + menu_group_header: { + id: 5, + } + }; + + lenReg: any; + + constructor( + private _mr: MenuRegisterService, + private _mg: MenuGroupService, + private toastr: ToastrService, + ) { } + + ngOnInit(): void { + + this._mr.getd().subscribe( + (data: any) => { + this.regData = data.items; + this.lenReg = this.regData.length; + console.log(this.regData); + console.log(this.lenReg); + + + } + ); + + + } + + saveData() { + console.log(this.addReg); + + this._mr.add(this.addReg).subscribe( + (data: any) => { + console.log('Data Success...'); + + this.line.menu_id = data.id; + this.line.active = true; + this.line.type = 'admin'; + // this.line.menu_group_header.id = '5'; + + this._mr.getd().subscribe( + (data: any)=>{ + this.lenReg = data.length; + } + ); + + this.line.seq = this.lenReg + 1; + + this._mg.addLineToDb(this.line).subscribe( + (data: any)=>{ + console.log('both success..'); + + }, + (error: any)=>{ + console.log(error); + + } + ); + + this.openAdd = false; + this.addReg = { + main_menu_name: '', + main_menu_action_name: '', + main_menu_icon: '', + enable_flag: false, + end_date_1: '' + }; + this.ngOnInit(); + this.toastr.success('Added successfully'); + }, + (error: any) => { + console.log(error); + + } + ); + } + + editReg(id: any) { + this.openEdit = true; + console.log(id); + this._mr.getById(id).subscribe( + (data: any) => { + this.upReg = data; + console.log(this.upReg); + }, + (error: any) => { + console.log(error); + } + ); + } + + performup() { + this._mr.update(this.upReg.id, this.upReg).subscribe( + (data: any) => { + console.log('updation success...'); + this.toastr.success('Updated successfully'); + this.openEdit = false; + this.ngOnInit(); + + }, + (error: any) => { + console.log(error); + + } + ); + } + + delete(id: any) { + this.tempid = id; + this.modaldelete = true; + + } + + del() { + console.log('Id of row u clicked is : ' + this.tempid); + this._mr.deleteById(this.tempid).subscribe( + (data: any) => { + console.log('Deletion successful..'); + this.ngOnInit(); + this.modaldelete = false; + this.toastr.success('Deleted successfully'); + }, + (error: any) => { + console.log(error); + + } + ); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/edit-menur/edit-menur.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/edit-menur/edit-menur.component.html new file mode 100644 index 0000000..862db5a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/edit-menur/edit-menur.component.html @@ -0,0 +1 @@ +

edit-menur works!

diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/edit-menur/edit-menur.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/edit-menur/edit-menur.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/edit-menur/edit-menur.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/edit-menur/edit-menur.component.spec.ts new file mode 100644 index 0000000..cf744ca --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/edit-menur/edit-menur.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { EditMenurComponent } from './edit-menur.component'; + +describe('EditMenurComponent', () => { + let component: EditMenurComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ EditMenurComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(EditMenurComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/edit-menur/edit-menur.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/edit-menur/edit-menur.component.ts new file mode 100644 index 0000000..7f5dcf8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/edit-menur/edit-menur.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-edit-menur', + templateUrl: './edit-menur.component.html', + styleUrls: ['./edit-menur.component.scss'] +}) +export class EditMenurComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/menu-register.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/menu-register.component.html new file mode 100644 index 0000000..0680b43 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/menu-register.component.html @@ -0,0 +1 @@ + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/menu-register.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/menu-register.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/menu-register.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/menu-register.component.spec.ts new file mode 100644 index 0000000..3b21b1f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/menu-register.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MenuRegisterComponent } from './menu-register.component'; + +describe('MenuRegisterComponent', () => { + let component: MenuRegisterComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ MenuRegisterComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(MenuRegisterComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/menu-register.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/menu-register.component.ts new file mode 100644 index 0000000..e8e3459 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/menu-register.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-menu-register', + templateUrl: './menu-register.component.html', + styleUrls: ['./menu-register.component.scss'] +}) +export class MenuRegisterComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/readonly-menur/readonly-menur.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/readonly-menur/readonly-menur.component.html new file mode 100644 index 0000000..2c0eda0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/readonly-menur/readonly-menur.component.html @@ -0,0 +1 @@ +

readonly-menur works!

diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/readonly-menur/readonly-menur.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/readonly-menur/readonly-menur.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/readonly-menur/readonly-menur.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/readonly-menur/readonly-menur.component.spec.ts new file mode 100644 index 0000000..efe0482 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/readonly-menur/readonly-menur.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ReadonlyMenurComponent } from './readonly-menur.component'; + +describe('ReadonlyMenurComponent', () => { + let component: ReadonlyMenurComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ReadonlyMenurComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ReadonlyMenurComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/readonly-menur/readonly-menur.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/readonly-menur/readonly-menur.component.ts new file mode 100644 index 0000000..bf58eb2 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menu-register/readonly-menur/readonly-menur.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-readonly-menur', + templateUrl: './readonly-menur.component.html', + styleUrls: ['./readonly-menur.component.scss'] +}) +export class ReadonlyMenurComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menuaccesscontrol/menuaccesscontrol.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/menuaccesscontrol/menuaccesscontrol.component.html new file mode 100644 index 0000000..fb96a15 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menuaccesscontrol/menuaccesscontrol.component.html @@ -0,0 +1,465 @@ + + +

+ +

+ {{'EDIT_MODE' | translate}} +

+ {{'FOR' | translate}} + + +

+ {{'SHOW_ALL' | translate}} + {{'ONLY_MAIN_MENU' | translate}} + + + + +

+ + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menuaccesscontrol/menuaccesscontrol.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/menuaccesscontrol/menuaccesscontrol.component.scss new file mode 100644 index 0000000..4446200 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menuaccesscontrol/menuaccesscontrol.component.scss @@ -0,0 +1,777 @@ +@import '../../../../../styles/_design-tokens.scss'; + +// Import base styles +input[type=text], +[type=date], +[type=password], +[type=checkbox] { + width: 100%; + padding: 15px 20px; + background-color: var(--theme-surface); + display: inline-block; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 8px; + box-sizing: border-box; + font-family: var(--theme-font-primary); + color: var(--theme-text); +} + +input[type=text]:focus, +[type=date]:focus, +[type=password]:focus, +[type=checkbox]:focus { + outline: none; + border-color: var(--theme-primary); + box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1); +} + +.required-field { + color: var(--theme-error, #ef4444); + font-size: 18px; +} + +.td-title { + text-align: center; + width: 150px; + color: white; + font-weight: bold; + background-color: var(--theme-primary); +} + +th { + font-weight: bold; +} + +.td-content { + text-align: left; +} + +// Modern Button Styles using ThemeService +.mac-btn { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 8px; + padding: 12px 20px; + font-size: 14px; + font-weight: 500; + line-height: 1; + border-radius: 8px; + border: 1px solid transparent; + cursor: pointer; + transition: all 200ms ease-out; + text-decoration: none; + position: relative; + overflow: hidden; + font-family: var(--theme-font-primary); + z-index: 1; + + &:focus { + outline: 2px solid var(--theme-primary); + outline-offset: 2px; + } + + &:disabled { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; + } + + // Sizes + &.mac-btn-sm { + padding: 8px 16px; + font-size: 13px; + height: 32px; + } + + &.mac-btn-md { + padding: 12px 20px; + font-size: 14px; + height: 40px; + } + + &.mac-btn-lg { + padding: 16px 24px; + font-size: 16px; + height: 48px; + } + + // Variants + &.mac-btn-primary { + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-color: var(--theme-primary); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: linear-gradient(135deg, var(--theme-primary, #0284c7) 0%, var(--theme-accent, #7c3aed) 100%); + transform: translateY(-2px); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + &:active { + transform: translateY(0); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + } + } + + &.mac-btn-outline { + background: transparent; + color: var(--theme-secondary); + border-color: var(--theme-secondary); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: rgba(100, 116, 139, 0.1); + border-color: var(--theme-secondary); + color: var(--theme-secondary); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + } + + &.mac-btn-error { + background: var(--theme-error, #ef4444); + color: white; + border-color: var(--theme-error, #ef4444); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: var(--theme-error-dark, #dc2626); + border-color: var(--theme-error-dark, #dc2626); + transform: translateY(-2px); + box-shadow: 0 10px 15px -3px rgba(239, 68, 68, 0.3), 0 4px 6px -2px rgba(239, 68, 68, 0.1); + } + } + + &.mac-btn-ghost { + background: transparent; + color: var(--theme-text-secondary); + border-color: transparent; + + &:hover { + background: var(--theme-background); + color: var(--theme-text); + } + } +} + +//toggle button +.switch { + position: relative; + display: inline-block; + width: 60px; + height: 34px; +} + +.switch input { + opacity: 0; + width: 0; + height: 0; +} + +.slider { + position: absolute; + cursor: pointer; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: #ccc; + -webkit-transition: .4s; + transition: .4s; +} + +.slider:before { + position: absolute; + content: ""; + height: 26px; + width: 26px; + left: 4px; + bottom: 4px; + background-color: white; + -webkit-transition: .4s; + transition: .4s; +} + +input:checked+.slider { + background-color: var(--theme-primary); +} + +input:focus+.slider { + box-shadow: 0 0 1px var(--theme-primary); +} + +input:checked+.slider:before { + -webkit-transform: translateX(26px); + -ms-transform: translateX(26px); + transform: translateX(26px); +} + +.slider.round { + border-radius: 34px; +} + +.slider.round:before { + border-radius: 50%; +} + +// Modern themed enhancements (ThemeService variables) +.mm-breadcrumb { + color: var(--theme-text-secondary); +} + +.mac-header-left { + display: flex; +} + +.mac-title h4 { + font-weight: 300; +} + +.mac-edit-chip { + margin-top: 27px; + position: relative; +} + +.mac-chip { + display: inline-flex; + align-items: center; + padding: 6px 12px; + background-color: var(--theme-background); + color: var(--theme-text); + border-radius: var(--theme-border-radius); + font-size: 14px; + font-weight: 500; + box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); +} + +.mac-header-right { + text-align: right; +} + +.mac-select { + height: 40px; + padding: 8px 12px; + background: var(--theme-surface); + color: var(--theme-text); + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 8px; + font-family: var(--theme-font-primary); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); + + &:focus { + outline: none; + border-color: var(--theme-primary); + box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1); + } +} + +.w-100 { + width: 100%; +} + +.mac-btn-primary { + margin-left: 20px; + box-shadow: var(--theme-shadow); +} + +.mac-actions { + text-align: right; + margin-bottom: 24px; +} + +.mac-hint { + color: var(--theme-error, #ef4444); + font-size: 14px; + margin-top: 5px; +} + +.mac-grid { + background: var(--theme-surface); + border-radius: 16px; + overflow: hidden; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + margin-bottom: 24px; + + ::ng-deep .datagrid { + .datagrid-head { + background: var(--theme-background); + + .datagrid-column { + padding: 16px 24px; + font-size: 12px; + font-weight: 600; + color: var(--theme-text-secondary); + text-transform: uppercase; + letter-spacing: 0.05em; + border-bottom: 1px solid #e5e7eb; + } + } + + .datagrid-row { + transition: background-color 150ms ease-out; + + &:hover { + background: var(--theme-background); + } + + &:not(:last-child) { + border-bottom: 1px solid #e5e7eb; + } + + .datagrid-cell { + padding: 16px 24px; + font-size: 14px; + color: var(--theme-text); + } + } + + .datagrid-footer { + background: var(--theme-background); + border-top: 1px solid #e5e7eb; + padding: 16px 24px; + } + } +} + +.mac-grid-footer { + background: var(--theme-background); + border-top: 1px solid #e5e7eb; +} + +.mac-modal .modal-title { + color: var(--theme-text); +} + +// Hero and actions +.mac-hero { + display: flex; + justify-content: space-between; + align-items: center; + padding: 24px 32px; + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-radius: 16px; + margin-bottom: 24px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + backdrop-filter: blur(16px); + border: 1px solid rgba(255, 255, 255, 0.2); + font-family: var(--theme-font-primary); + + &__content { + display: flex; + align-items: center; + gap: 16px; + } + + &__icon { + background: rgba(255, 255, 255, 0.2); + border-radius: 50%; + padding: 16px; + display: flex; + align-items: center; + justify-content: center; + + clr-icon { + width: 36px; + height: 36px; + color: white; + } + } + + &__title { + font-size: 28px; + font-weight: 700; + margin: 0; + color: white; + font-family: var(--theme-font-secondary); + } + + &__subtitle { + font-size: 16px; + margin: 0; + opacity: 0.9; + color: rgba(255, 255, 255, 0.8); + } + + &__actions { + display: flex; + align-items: center; + gap: 16px; + } +} + +.mac-sep { + width: 1px; + height: 22px; + background: rgba(255, 255, 255, 0.5); +} + +.mac-label { + color: white; + font-weight: 500; +} + +.mac-toggle__label { + color: white; + font-weight: 500; +} + +// Grid columns +.mac-col-title { + display: inline-flex; + align-items: center; + gap: 6px; + color: var(--theme-text-secondary); +} + +.mac-col--perm .mac-col-title clr-icon { + color: var(--theme-primary); +} + +// Toolbar, search and stats +.mac-toolbar { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 24px; + padding: 16px; + background: var(--theme-surface); + border-radius: 12px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &__left { + flex: 1; + } + + &__right { + display: flex; + gap: 16px; + } +} + +.mac-search { + position: relative; + max-width: 400px; + + clr-icon { + position: absolute; + left: 12px; + top: 50%; + transform: translateY(-50%); + color: #9ca3af; + z-index: 1; + } + + &__input { + width: 100%; + padding: 12px 12px 12px 40px; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 8px; + font-size: 14px; + transition: all 200ms ease-out; + background: var(--theme-surface); + color: var(--theme-text); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); + font-family: var(--theme-font-primary); + + &:focus { + outline: none; + border-color: var(--theme-primary); + box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1); + } + } +} + +.mac-stats { + display: flex; + gap: 16px; +} + +.mac-stat { + min-width: 110px; + background: var(--theme-surface); + border: 1px solid rgba(0, 0, 0, 0.04); + border-radius: var(--theme-border-radius); + padding: 16px; + text-align: center; + box-shadow: var(--theme-shadow); + + &__value { + font-size: 24px; + font-weight: 700; + color: var(--theme-primary); + margin-bottom: 4px; + } + + &__label { + font-size: 12px; + color: var(--theme-text-secondary); + text-transform: uppercase; + letter-spacing: 0.05em; + } +} + +// Enhanced modals +.mac-modal-title clr-icon { + margin-right: 6px; + color: var(--theme-primary); +} + +.mac-form-group { + margin-bottom: 20px; +} + +.mac-form-label { + display: block; + font-size: 14px; + font-weight: 500; + color: var(--theme-text); + margin-bottom: 8px; + font-family: var(--theme-font-primary); +} + +.mac-form-select { + width: 100%; + padding: 12px 16px; + font-size: 14px; + line-height: 1.5; + color: var(--theme-text); + background: var(--theme-surface); + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 8px; + transition: all 200ms ease-out; + margin-bottom: 0; + font-family: var(--theme-font-primary); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); + background-position: right 12px center; + background-repeat: no-repeat; + background-size: 16px 12px; + padding-right: 40px; + appearance: none; + + &:focus { + outline: none; + border-color: var(--theme-primary); + box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1); + } + + &:disabled { + background: var(--theme-background); + color: var(--theme-text-secondary); + cursor: not-allowed; + } +} + +.mac-form-help { + color: var(--theme-text-secondary); + font-size: 12px; + margin-top: 6px; + font-family: var(--theme-font-primary); +} + +.mac-perms { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 16px; + margin: 24px 0; +} + +.mac-perm { + display: flex; + align-items: center; + gap: 12px; + padding: 16px; + background: var(--theme-surface); + border: 1px solid rgba(0, 0, 0, 0.06); + border-radius: var(--theme-border-radius); + box-shadow: var(--theme-shadow); + transition: all 200ms ease-out; + + &:hover { + transform: translateY(-2px); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + input[type="checkbox"] { + width: auto; + padding: 0; + } +} + +.mac-perm__icon clr-icon { + color: var(--theme-primary); + width: 20px; + height: 20px; +} + +.mac-perm__label { + color: var(--theme-text); + font-weight: 500; + font-family: var(--theme-font-primary); +} + +// Datagrid action overflow buttons +.mac-action-item { + @extend .mac-btn; + @extend .mac-btn-ghost; + @extend .mac-btn-sm; + width: 100%; + justify-content: flex-start; + margin-bottom: 4px; + text-align: left; + + clr-icon { + width: 16px; + height: 16px; + margin-right: 8px; + } + + &.mac-btn-error { + color: var(--theme-error, #ef4444); + + &:hover { + background: rgba(239, 68, 68, 0.1); + } + } +} + +// Delete Modal Styles +.mac-delete-header { + text-align: center; + padding: 24px; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.mac-delete-icon { + color: var(--theme-error, #ef4444); + margin-bottom: 16px; +} + +.mac-delete-title { + font-size: 24px; + font-weight: 700; + color: var(--theme-text); + margin: 0 0 8px 0; +} + +.mac-delete-subtitle { + font-size: 16px; + color: var(--theme-text-secondary); + margin: 0; +} + +.mac-delete-details { + padding: 24px; +} + +.mac-delete-detail-item { + display: flex; + justify-content: space-between; + padding: 12px 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + + &:last-child { + border-bottom: none; + } +} + +.mac-delete-detail-label { + font-weight: 500; + color: var(--theme-text-secondary); +} + +.mac-delete-detail-value { + font-weight: 600; + color: var(--theme-text); +} + +.delete, +.heading { + text-align: center; + color: var(--theme-error, #ef4444); +} + +// Modal Header +::ng-deep .modal-header { + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-radius: 16px 16px 0 0 !important; + padding: 20px 24px !important; + + .modal-title { + color: white; + font-weight: 600; + font-size: 20px; + margin: 0; + } + + .close { + color: white; + opacity: 0.8; + + &:hover { + opacity: 1; + } + } +} + +// Modal Body +::ng-deep .modal-body { + padding: 24px !important; +} + +// Modal Footer +::ng-deep .modal-footer { + padding: 20px 24px !important; + background: var(--theme-background); + border-radius: 0 0 16px 16px !important; + border-top: 1px solid rgba(0, 0, 0, 0.05) !important; +} + +// Responsive adjustments +@media (max-width: 768px) { + .mac-hero { + flex-direction: column; + gap: 16px; + text-align: center; + + &__content { + flex-direction: column; + text-align: center; + } + + &__actions { + flex-direction: column; + width: 100%; + } + } + + .mac-toolbar { + flex-direction: column; + gap: 16px; + } + + .mac-search { + max-width: 100%; + } + + .mac-stats { + flex-direction: column; + width: 100%; + } + + .mac-perms { + grid-template-columns: 1fr; + } + + .mac-actions { + text-align: center; + } + + .mac-btn { + width: 100%; + justify-content: center; + } +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menuaccesscontrol/menuaccesscontrol.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menuaccesscontrol/menuaccesscontrol.component.spec.ts new file mode 100644 index 0000000..46c2323 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menuaccesscontrol/menuaccesscontrol.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MenuaccesscontrolComponent } from './menuaccesscontrol.component'; + +describe('MenuaccesscontrolComponent', () => { + let component: MenuaccesscontrolComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ MenuaccesscontrolComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(MenuaccesscontrolComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menuaccesscontrol/menuaccesscontrol.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menuaccesscontrol/menuaccesscontrol.component.ts new file mode 100644 index 0000000..ada1420 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menuaccesscontrol/menuaccesscontrol.component.ts @@ -0,0 +1,299 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { ActivatedRoute } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { MenuGroupService } from 'src/app/services/admin/menu-group.service'; +import { MenumaintanceService } from 'src/app/services/admin/menumaintance.service'; +import { UsergrpmaintainceService } from 'src/app/services/admin/usergrpmaintaince.service'; +import { UsermaintanceService } from '../../../../services/admin/usermaintance.service'; +import { ThemeService } from 'src/app/services/theme.service'; + +@Component({ + selector: 'app-menuaccesscontrol', + templateUrl: './menuaccesscontrol.component.html', + styleUrls: ['./menuaccesscontrol.component.scss'] +}) +export class MenuaccesscontrolComponent implements OnInit { + loading = false; + givendata; + alldata; + colvalue = "true"; + usergrpid = 1; + secmenuaccessdata; + modalAdd = false; + modaledit = false; + modaldelete = false; + modaldelete1 = false; + rowSelected: any = {}; + public entryForm: FormGroup; + selected = "true"; + menudata; + menus; + menuselectid = 1; + msg; + error; + mcreate; + medit; + mdelete; + toggle: boolean = false; + maindata; + showdata; + // UI enhancements (no API changes) + filterText: string = ''; + + constructor( + private mainservice: UsermaintanceService, + private _fb: FormBuilder, + private toastr: ToastrService, + private route: ActivatedRoute, + private usergrpservice: UsergrpmaintainceService, + private menuGroupService: MenuGroupService, + private menuservice: MenumaintanceService, + private themeService: ThemeService + ) { } + + ngOnInit(): void { + // Ensure theme variables are applied to the view + this.themeService.currentTheme$.subscribe(() => { + // CSS variables are updated globally; no extra handling needed here + }); + + this.showdata = this.menuGroupService.getdata(); + console.log(this.showdata); + this.mcreate = this.showdata.mcreate; + console.log(this.mcreate); + this.mdelete = this.showdata.mdelete + console.log(this.mdelete); + this.medit = this.showdata.medit + console.log(this.medit); + this.dropddowngetdata(); + // this.getall(); + this.getbyuseriddata(); + + this.entryForm = this._fb.group({ + grpid: this.usergrpid, + gmenuid: this.menuselectid, + }); + } + + // Stats & filtering helpers for UI only + get totalItems(): number { + const list: any[] = (this.alldata as unknown as any[]) || []; + return list.length; + } + + get mainMenuCount(): number { + const list: any[] = (this.alldata as unknown as any[]) || []; + return list.filter(it => it && it.menuId === 0).length; + } + + get subMenuCount(): number { + const list: any[] = (this.alldata as unknown as any[]) || []; + return list.filter(it => it && it.menuId !== 0).length; + } + + get filteredAllData(): any[] { + const items: any[] = (this.alldata as unknown as any[]) || []; + const text = (this.filterText || '').toLowerCase(); + if (!text) { return items; } + return items.filter(m => ( + (m?.menuItemDesc || '').toLowerCase().includes(text) + )); + } + + dropddowngetdata() { + this.usergrpservice.getAll().subscribe((data) => { + console.log(data); + this.givendata = data; + }); + } + + getdata() { + this.menuservice.getByCurrentUserMenuGroupId1().subscribe(resp => { + this.menus = resp; + console.log('menus: ', this.menus); + }) + } + + getall() { + this.usergrpservice.getall().subscribe((data) => { + this.secmenuaccessdata = data + console.log(data); + }) + } + + idofselected(val) { + console.log(val); + this.usergrpid = val; + } + + idselected(val) { + console.log(val) + this.menuselectid = val; + } + + getbyuseriddata() { + this.usergrpservice.getbyusergrpid(this.usergrpid).subscribe((data) => { + this.alldata = data; + console.log(this.alldata); + if (this.alldata.array?.length === 0) { + this.msg = 'No Data Availabel' + } + for (this.alldata; this.alldata >= 100; this.alldata++) { + this.maindata = this.alldata.menuId === 0 + console.log(this.maindata) + } + + // console.log(this.menudata) + }, + (error) => { + console.log('Error in adding data...', error); + if (error) { + this.error = "No data Available" + } + }); + } + + modaladd() { + this.modalAdd = true; + this.getdata(); + } + + onSubmit() { + this.modalAdd = false; + this.entryForm.value.grpid = this.usergrpid; + this.entryForm.value.gmenuid = this.menuselectid; + console.log(this.entryForm.value); + this.menuservice.create2(this.entryForm.value).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Added successfully'); + } + this.ngOnInit(); + + }, + (error) => { + console.log('Error in adding data...', error); + if (error.status == 400) { + this.toastr.error(error.error); + + } else if (error) { + this.toastr.error('Not added Data Getting Some Error'); + } + this.ngOnInit(); + }); + } + + modalEdit(row) { + this.rowSelected = row; + console.log(this.rowSelected); + this.modaledit = true; + } + + modalDelete(row) { + this.rowSelected = row; + console.log(this.rowSelected) + this.modaldelete = true; + } + + delete(id, usrgrp) { + this.modaldelete = false; + this.usergrpservice.delete(id, usrgrp).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Deleted successfully'); + } + this.ngOnInit(); + }, (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not Deleted Data Getting Some Error'); + } + this.ngOnInit(); + }); + } + + modaldeletemainmenu(row) { + this.rowSelected = row; + console.log(this.rowSelected) + this.modaldelete1 = true; + } + + delete1(id, usrgrp) { + this.modaldelete1 = false; + this.usergrpservice.deletemain(id, usrgrp).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Deleted successfully'); + } + this.ngOnInit(); + }, (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not Deleted Data Getting Some Error'); + } + this.ngOnInit(); + }); + } + + onUpdate(id: any, usrgrp: any) { + this.modaledit = false; + console.log(id, usrgrp); + this.menuservice.update2(id, usrgrp, this.rowSelected).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Updated successfully'); + } + this.ngOnInit(); + }, (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not Updated Data Getting Some Error'); + } + this.ngOnInit(); + }); + } + + onChecked(value) { + if (value == "y") { + this.selected = "y" + console.log(this.selected); // make a call for checked + } + else { + this.selected = "n"// make a call for unchecked + } + } + + changedelete(val) { + console.log(val); + val = this.colvalue = val; + console.log(val); + } + + data: {}; + Sync(id: any, row) { + this.rowSelected = row; + console.log(id); + if (this.rowSelected.subMenus != 0) { + this.rowSelected.subMenus = [] + } console.log(this.rowSelected); + this.menuservice.sink(id, this.rowSelected).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('SYNC successfully'); + } + this.ngOnInit(); + }, (error) => { + console.log(error); + if (error) { + this.toastr.error('Not SYNC Data Getting Some Error'); + } + this.ngOnInit(); + }) + } + + toggleCheckbox() { + this.toggle = !this.toggle; + //this.dataService.setDivToggler(this.toggler); + } +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menumaintance/menumaintance.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/menumaintance/menumaintance.component.html new file mode 100644 index 0000000..f9ee1bd --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menumaintance/menumaintance.component.html @@ -0,0 +1,569 @@ + + +

+ +

+ + + + +

+ +

+ + + + +

+ +

{{'LOADING'|translate}} ... +

+ +

+ + + + + + + + {{'NO' | translate}} + + + + + + {{'MENU_ITEM_NAME' | translate}} + + + + + + {{'ID' | translate}} + + + + + + {{'SEQUENCE' | translate}} + + + + + + {{'MODULE_NAME' | translate}} + + + + + + {{'MENU_ACTION_LINK' | translate}} + + + + + + {{'STATUS' | translate}} + + + + + + {{'SUB_MENU' | translate}} + + + + + + + {{'ACTION' | translate}} + + + + + + +

+ + {{i+1}} + +

ID: {{user.menuId}} â¢ Seq: {{user.itemSeq}}

+ + {{user.menuId}} + {{user.itemSeq}} + +

+ + {{user.moduleName}} +

+ + +

+ + {{user.main_menu_action_name}} +

+ + + {{user.status}} + +

+ +

+ + +

+ +

{{'ACCOUNT_ID'|translate}} {{user.accountId}}

{{'CREATED_AT'|translate}} {{user.createdAt| date}}

{{'CREATED_BY'|translate}} {{user.createdBy}}

{{'UPDATED_AT'|translate}} {{user.updatedAt | date}}

{{'UPDATED_BY'|translate}} {{user.updatedBy}}

+ + + + + + +

Menu Name{{user.menuItemDesc}}

Action Link{{user.main_menu_action_name}}

Module{{user.moduleName}}

+ + + + + +

+ +

ID{{user.menuId}}

Sequence{{user.itemSeq}}

Module{{user.moduleName}}

{{user.main_menu_action_name}} +

+ +

+ + + + + + + + + + +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menumaintance/menumaintance.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/menumaintance/menumaintance.component.scss new file mode 100644 index 0000000..d14e655 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menumaintance/menumaintance.component.scss @@ -0,0 +1,650 @@ +input[type=text],[type=date],[type=password] { + width: 100%; + padding: 15px 20px; + // margin: 3px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} +.required-field{ + color: red; +font-size: 18px; + +} +.green{ + background-color: rgb(156, 231, 156); + color: black; +} +.blue{ + background-color: #57abcf;//rgb(82, 87, 161); + color: black; +} +input.ng-invalid.ng-touched { + border-color: red; +} + +.error_mess { + color: red; +} +.td-title { + text-align: center; + width: 150px; +color: white; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); + //color: rgb(24, 13, 13); +} +th{ + //background-color:rgb(170, 169, 169); + font-weight: bold; +} +.td-content{ + text-align: left; +} +.delete,.heading{ + text-align: center; + color: red; +} +.section p { +background-color: rgb(206, 201, 201); + padding: 10px; + font-size: 18px; +} + +select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} + +/* Modern theme-aware enhancements */ +.mm-container { + background: var(--theme-surface); + border-radius: var(--theme-border-radius); + box-shadow: var(--theme-shadow); + padding: 1rem; +} + +.mm-hero { + display: flex; + justify-content: space-between; + align-items: center; + background: var(--theme-glass-bg); + backdrop-filter: blur(12px); + border: 1px solid var(--theme-glass-border); + border-radius: calc(var(--theme-border-radius) + 4px); + padding: 1rem 1.25rem; + margin-bottom: 0.75rem; + box-shadow: var(--theme-glass-shadow); +} + +.mm-hero__content { + display: flex; + align-items: center; + gap: 0.75rem; +} + +.mm-hero__icon clr-icon { + width: 28px; + height: 28px; + color: var(--theme-primary); + filter: drop-shadow(0 4px 10px rgba(0,0,0,0.15)); +} + +.mm-hero__title { + font-size: 1.25rem; + line-height: 1.2; + margin: 0; +} + +.mm-hero__subtitle { + margin: 0; + font-size: 0.875rem; + color: var(--theme-text-secondary); +} + +.mm-hero__actions .btn + .btn { + margin-left: 0.5rem; +} + +.mm-breadcrumb { + margin-bottom: 0.75rem; +} + +.mm-header-row { + align-items: center; + margin-top: 0.75rem; +} + +.mm-title-wrap { + display: inline-flex; + align-items: center; + gap: 0.75rem; +} + +.mm-title { + display: inline-block; + font-weight: 600; + color: var(--theme-text); +} + +.mm-subtitle { + display: inline-block; +} + +.mm-actions { + text-align: right; +} + +.mm-btn-group { + margin-right: 0.5rem; +} + +.mm-btn-primary { + border-radius: var(--theme-border-radius); + background: var(--theme-primary); + color: #fff; + box-shadow: 0 2px 6px rgba(0,0,0,0.08); + transition: transform 120ms var(--ease-out, cubic-bezier(0, 0, 0.2, 1)), box-shadow 150ms ease; +} + +.mm-btn-primary:hover { box-shadow: 0 4px 10px rgba(0,0,0,0.12); transform: translateY(-1px); } +.mm-btn-primary:active { transform: translateY(0); } + +.mm-btn-outline { + border-radius: var(--theme-border-radius); + border: 1px solid var(--theme-primary); + color: var(--theme-primary); + background: transparent; +} + +.mm-btn-outline:hover { background: var(--theme-primary-100); } + +.mm-btn-secondary { + border-radius: var(--theme-border-radius); + background: var(--theme-secondary); + color: #fff; +} + +.mm-btn-text { + margin-left: 0.35rem; +} + +.mm-grid { + background: var(--theme-surface); + border-radius: var(--theme-border-radius); + box-shadow: var(--theme-shadow); +} +.mm-grid--modern .datagrid-header { + background: linear-gradient(135deg, var(--theme-primary-50), transparent); +} + +.mm-col-title { + display: inline-flex; + align-items: center; + gap: 6px; + font-weight: 600; +} + +.mm-col--icon { width: 44px; } +.mm-col--no { width: 70px; } +.mm-col--name { min-width: 220px; } +.mm-col--id { width: 120px; } +.mm-col--seq { width: 120px; } +.mm-col--module { min-width: 160px; } +.mm-col--link { min-width: 220px; } +.mm-col--status { width: 140px; } +.mm-col--submenu { width: 100px; } +.mm-col--action { width: 140px; } + +.mm-card { + background: var(--theme-glass-bg); + backdrop-filter: blur(10px); + border: 1px solid var(--theme-glass-border); + border-radius: var(--theme-border-radius); + padding: 0.25rem; +} + +.mm-grid-footer { + border-top: 1px solid rgba(0,0,0,0.06); +} + +.mm-col--icon, +.mm-cell--icon { + max-width: 40px; +} + +.mm-row:hover { + background: var(--theme-primary-50); +} + +.mm-icon-action { + cursor: pointer; + padding: 6px; + border-radius: 6px; + transition: background 150ms ease-out, transform 150ms ease-out; +} + +.mm-icon-action:hover { + background: var(--theme-primary-100); + transform: translateY(-1px); +} + +.mm-icon-edit { + color: var(--theme-accent); +} + +.mm-icon-link { + color: var(--theme-secondary); +} + +.mm-icon-help { + color: var(--theme-primary); +} + +.mm-icon-delete { + color: #ef4444; +} + +.mm-danger:hover { + background: rgba(239, 68, 68, 0.12); +} + +.mm-modal .modal-body { + background: var(--theme-surface); +} + +.mm-modal .modal-title { + font-weight: 600; +} + +/* Modernize Add/Edit modals */ +.mm-modal .modal-body form { + display: block; +} + +.mm-modal .modal-body .clr-row { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 12px 16px; +} + +@media (max-width: 640px) { + .mm-modal .modal-body .clr-row { grid-template-columns: 1fr; } +} + +.mm-modal label { + display: inline-block; + margin-bottom: 6px; + font-weight: 600; + color: var(--theme-text); +} + +.mm-modal input.clr-input, +.mm-modal select { + width: 100%; + padding: 10px 12px; + border-radius: 10px; + border: 1px solid rgba(0,0,0,0.12); + background: var(--theme-background); + transition: border-color 150ms ease, box-shadow 150ms ease; +} + +.mm-modal input.clr-input:focus, +.mm-modal select:focus { + outline: none; + border-color: var(--theme-primary); + box-shadow: 0 0 0 3px var(--theme-primary-100); +} + +.mm-modal .modal-footer { + display: flex; + justify-content: flex-end; + gap: 10px; +} + +.mm-modal .modal-footer .btn.btn-primary { + background: var(--theme-primary); + color: #fff; + border-radius: 10px; +} + +.mm-modal .modal-footer .btn.btn-outline { + border-radius: 10px; + border: 1px solid var(--theme-secondary); + color: var(--theme-secondary); +} + +.mm-modal .error_mess { color: #ef4444; font-size: 12px; margin-top: 4px; } + +.mm-item { + display: flex; + align-items: center; + gap: 0.75rem; +} + +.mm-item__avatar clr-icon { + width: 18px; + height: 18px; + color: var(--theme-accent); +} + +.mm-item__title { + font-weight: 600; +} + +.mm-item__meta { + font-size: 0.75rem; + color: var(--theme-text-secondary); +} + +.mm-chip { + display: inline-flex; + align-items: center; + gap: 6px; + padding: 2px 8px; + border-radius: 999px; + border: 1px solid rgba(0,0,0,0.06); + background: var(--theme-primary-50); +} + +.mm-link { + display: inline-flex; + align-items: center; + gap: 6px; +} + +.mm-badge { + display: inline-block; + padding: 2px 10px; + border-radius: 999px; + background: var(--theme-secondary); + color: white; + font-size: 0.75rem; +} + +.mm-badge--success { + background: var(--theme-primary); +} + +.mm-badge--muted { + background: var(--theme-primary-200); + color: var(--theme-text); +} + +.mm-actions-inline .btn { + margin-right: 6px; +} + +.mm-detail { + display: grid; + grid-template-columns: 1fr; + gap: 8px; + padding: 8px 0; +} + +.mm-detail__row { + display: flex; + justify-content: space-between; +} + +/* Skeleton loader */ +.mm-skeleton-list { + display: grid; + gap: 10px; + margin: 8px 0 12px; +} + +.mm-skeleton-item { + display: grid; + grid-template-columns: 44px 1.2fr 0.8fr 0.6fr 1fr 120px 140px; + align-items: center; + gap: 10px; + padding: 8px; + background: var(--theme-surface); + border-radius: var(--theme-border-radius); + border: 1px solid rgba(0,0,0,0.05); +} + +.mm-skel { + height: 12px; + border-radius: 6px; + background: linear-gradient( + 90deg, + rgba(0,0,0,0.05) 25%, + rgba(0,0,0,0.08) 37%, + rgba(0,0,0,0.05) 63% + ); + background-size: 400% 100%; + animation: mm-shimmer 1.2s ease-in-out infinite; +} + +.mm-skel--icon { width: 24px; height: 24px; border-radius: 50%; } +.mm-skel--title { width: 60%; height: 14px; } +.mm-skel--meta { width: 40%; } +.mm-skel--chip { width: 80px; } +.mm-skel--link { width: 60%; } +.mm-skel--badge { width: 70px; } +.mm-skel--actions { width: 60px; } + +@keyframes mm-shimmer { + 0% { background-position: 100% 0; } + 100% { background-position: 0 0; } +} + +@media (prefers-reduced-motion: reduce) { + .mm-skel { animation: none; } +} + +/* Row mount animation */ +.mm-row { transition: transform 220ms var(--ease-out, cubic-bezier(0, 0, 0.2, 1)), background 200ms ease; } +.mm-row.ng-enter { transform: translateY(8px); opacity: 0.001; } +.mm-row.ng-enter-active { transform: translateY(0); opacity: 1; } + +/* Responsive layouts */ +@media (max-width: 1024px) { + .mm-col--id, .mm-col--seq, .mm-col--submenu { display: none; } +} + +@media (max-width: 768px) { + .mm-col--link { display: none; } + .mm-item__meta { display: none; } + .mm-actions-inline .btn { padding: 0 6px; } +} + +@media (max-width: 640px) { + .mm-col--action { width: 100px; } + .mm-col--status { width: 110px; } + .mm-hero { flex-direction: column; align-items: flex-start; gap: 0.5rem; } + .mm-hero__actions { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 6px; } +} + +/* Sticky toolbar */ +.mm-toolbar { + position: sticky; + top: 0; + z-index: 10; + display: flex; + justify-content: space-between; + align-items: center; + gap: 8px; + padding: 8px 10px; + margin-bottom: 8px; + background: var(--theme-surface); + border: 1px solid rgba(0,0,0,0.05); + border-radius: var(--theme-border-radius); + box-shadow: 0 1px 0 rgba(0,0,0,0.03); +} + +.mm-search { + display: inline-flex; + align-items: center; + gap: 6px; + border: 1px solid rgba(0,0,0,0.08); + padding: 6px 8px; + border-radius: 999px; + background: var(--theme-background); +} + +.mm-search__input { + border: none; + outline: none; + background: transparent; + min-width: 220px; +} + +.mm-select { + border-radius: 999px; + padding: 6px 10px; + border: 1px solid rgba(0,0,0,0.08); + background: var(--theme-background); +} + +@media (max-width: 640px) { + .mm-search__input { min-width: 140px; } +} + +.mm-view-toggle .btn { margin-left: 6px; border-radius: 999px; } + +/* Card view */ +.mm-cards { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 12px; +} + +@media (max-width: 1024px) { .mm-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } } +@media (max-width: 640px) { .mm-cards { grid-template-columns: 1fr; } } + +.mm-card-item { + background: var(--theme-surface); + border: 1px solid rgba(0,0,0,0.06); + border-radius: var(--theme-border-radius); + box-shadow: var(--theme-shadow); + overflow: hidden; + display: flex; + flex-direction: column; +} + +.mm-card-item__header { + display: flex; + align-items: center; + gap: 10px; + padding: 10px 12px; + background: linear-gradient(135deg, var(--theme-primary-50), transparent); + min-height: 48px; +} + +.mm-card-item__icon clr-icon { color: var(--theme-primary); width: 18px; height: 18px; } +.mm-card-item__title { font-weight: 700; flex: 1 1 auto; } +.mm-card-item__badge { margin-left: auto; } + +/* Prevent overlaps and long text issues */ +.mm-ellipsis { + max-width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.mm-card-item__title { + max-width: 60%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +@media (max-width: 640px) { + .mm-card-item__title { max-width: 54%; } +} + +.mm-card-item__body { + padding: 10px 12px; + display: grid; + grid-template-columns: repeat(2, minmax(0,1fr)); + gap: 8px; +} + +@media (max-width: 640px) { .mm-card-item__body { grid-template-columns: 1fr; } } + +.mm-kv { display: flex; justify-content: space-between; } +.mm-kv span { color: var(--theme-text-secondary); } + +.mm-card-item__footer { + padding: 10px 12px; + display: flex; + gap: 8px; + border-top: 1px solid rgba(0,0,0,0.06); +} + +/* Theme the card footer buttons */ +.mm-card-item__footer .btn { + border-radius: 10px; +} + +.mm-card-item__footer .btn.btn-outline { + border: 1px solid var(--theme-secondary); + color: var(--theme-secondary); + background: transparent; +} + +.mm-card-item__footer .btn.btn-outline:hover { background: rgba(0,0,0,0.04); } + +.mm-card-item__footer .btn:not(.btn-outline) { + background: var(--theme-primary); + color: #fff; +} + +.mm-card-item__footer .btn:not(.btn-outline):hover { + filter: brightness(0.98); +} + +/* View toggle buttons */ +.mm-view-toggle .btn.btn-primary { background: var(--theme-primary); color: #fff; } +.mm-view-toggle .btn:not(.btn-primary) { background: var(--theme-primary-100); color: var(--theme-text); } + +.mm-stats { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 0.75rem; + margin: 0.75rem 0 1rem; +} + +.mm-stat { + background: var(--theme-surface); + border-radius: var(--theme-border-radius); + padding: 0.75rem 1rem; + border: 1px solid rgba(0,0,0,0.05); +} + +.mm-stat__value { + font-size: 1.25rem; + font-weight: 700; + color: var(--theme-primary); +} + +.mm-stat__label { + font-size: 0.75rem; + color: var(--theme-text-secondary); +} + +.mm-empty { + text-align: center; + padding: 1.5rem 0.5rem; + color: var(--theme-text-secondary); +} + +.mm-empty clr-icon { + width: 32px; + height: 32px; + color: var(--theme-secondary); + margin-bottom: 0.25rem; +} + +.mm-empty__title { + font-weight: 600; +} + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menumaintance/menumaintance.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menumaintance/menumaintance.component.spec.ts new file mode 100644 index 0000000..4024471 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menumaintance/menumaintance.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MenumaintanceComponent } from './menumaintance.component'; + +describe('MenumaintanceComponent', () => { + let component: MenumaintanceComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ MenumaintanceComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(MenumaintanceComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/menumaintance/menumaintance.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/menumaintance/menumaintance.component.ts new file mode 100644 index 0000000..03d5887 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/menumaintance/menumaintance.component.ts @@ -0,0 +1,291 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { ToastrService } from 'ngx-toastr'; +import { MenumaintanceService } from '../../../../services/admin/menumaintance.service'; +import { Rn_Main_Menu } from '../../../../models/builder/Rn_Main_Menu'; +import { ActivatedRoute, Router } from '@angular/router'; +import { MenuGroupService } from 'src/app/services/admin/menu-group.service'; +import { CsvService } from 'src/app/services/csv.service'; +import { ExcelService } from 'src/app/services/excel.service'; +import * as moment from 'moment'; +import { TranslateService } from '@ngx-translate/core'; +import { ThemeService } from 'src/app/services/theme.service'; +@Component({ + selector: 'app-menumaintance', + templateUrl: './menumaintance.component.html', + styleUrls: ['./menumaintance.component.scss'] +}) +export class MenumaintanceComponent implements OnInit { + loading = false; + selected: any[] = []; + rowSelected: any = {}; + modaldelete = false; + modalAdd = false; + modaledit = false; + givendata; + menus: Rn_Main_Menu[]; + mainid = 0; + public entryForm: FormGroup; + mcreate; + mdelete; + medit; + showdata; + error; + submitted = false; + // Quick filter UI state (no API/logic changes) + filterText = ''; + statusFilter: 'All' | 'Enable' | 'Disable' | '' = 'All'; + viewMode: 'cards' | 'table' = 'cards'; + constructor(private menuservice: MenumaintanceService, + private toastr: ToastrService, + private excel: ExcelService, + private _fb: FormBuilder, + private route: ActivatedRoute, + private menuGroupService: MenuGroupService, + private csvService: CsvService, + private translate: TranslateService, + private router: Router, + private themeService: ThemeService) { } + + ngOnInit(): void { + // Ensure theme variables are applied; subscription keeps this view reactive to theme changes + this.themeService.currentTheme$.subscribe(() => { + // Theme applied globally via CSS variables; no additional handling needed here + }); + this.showdata = this.menuGroupService.getdata(); + console.log(this.showdata); + this.mcreate = this.showdata.mcreate; + console.log(this.mcreate); + this.mdelete = this.showdata.mdelete + console.log(this.mdelete); + this.medit = this.showdata.medit + console.log(this.medit); + + // this.menuservice.getAll().subscribe((data) => { + // console.log(data); + // this.givendata = data; + // }); + + this.entryForm = this._fb.group({ + // menuItemId:[null], + menuId: [null], + menuItemDesc: ['', [Validators.required]], + itemSeq: ['', [Validators.required, Validators.pattern(/^-?(0|[1-9]\d*)?$/)]], + moduleName: ['', [Validators.required]], + status: ['', [Validators.required]], + main_menu_action_name: ['', [Validators.required]], + main_menu_icon_name: ['', [Validators.required]] + }); + this.getdata(); + } + + // Stats for UI (template-safe, no inline arrow functions) + get totalMenus(): number { + return this.menus ? this.menus.length : 0; + } + + get enabledMenusCount(): number { + const list: any[] = (this.menus as unknown as any[]) || []; + return list.filter(menu => menu && menu.status === 'Enable').length; + } + + get disabledMenusCount(): number { + const list: any[] = (this.menus as unknown as any[]) || []; + return list.filter(menu => menu && menu.status === 'Disable').length; + } + + // Filtered list for view + get filteredMenus(): Rn_Main_Menu[] { + const items: any[] = (this.menus as unknown as any[]) || []; + const text = (this.filterText || '').toLowerCase(); + const status = this.statusFilter; + return items.filter(m => { + const matchText = !text || ( + (m.menuItemDesc || '').toLowerCase().includes(text) || + (m.moduleName || '').toLowerCase().includes(text) || + (m.main_menu_action_name || '').toLowerCase().includes(text) + ); + const matchStatus = !status || status === 'All' || m.status === status; + return matchText && matchStatus; + }); + } + + setViewMode(mode: 'cards' | 'table') { + this.viewMode = mode; + } + + // Resolve a safe Clarity icon shape for a menu item + getIconShape(menu: any): string { + const raw = (menu?.main_menu_icon_name ?? menu?.mainMenuIconName ?? '').toString().trim(); + const name = raw.toLowerCase(); + const invalid = !name || name === 'undefined' || name === 'null' || name === '-' || name === 'na' || name === 'n/a'; + if (invalid) { + return 'file'; // universal fallback icon + } + // Optional alias normalization + const aliasMap: Record = { + 'home': 'home', + 'dashboard': 'dashboard', + 'menu': 'list', + 'list': 'list', + 'link': 'link', + 'application': 'application', + 'applications': 'applications', + 'module': 'application', + 'settings': 'cog', + 'config': 'cog', + 'user': 'user', + 'users': 'users', + 'folder': 'folder', + 'file': 'file', + 'tag': 'tag', + 'bookmark': 'bookmark' + }; + return aliasMap[name] ?? name; + } + + switchLanguage(language: string) { + this.translate.use(language); + } + getdata() { + this.menuservice.getByCurrentUserMenuGroupId1().subscribe(resp => { + this.menus = resp; + console.log('menus: ', this.menus); + if (this.menus.length == 0) { + this.error = "No data Available"; + console.log(this.error) + } + }, (error) => { + console.log(error); + if (error) { + this.error = "Server Error"; + } + }) + } + onSubmit() { + this.submitted = true; + if (this.entryForm.invalid) { + return; + } + this.menuservice.create1(this.entryForm.value).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Added successfully'); + } + this.ngOnInit(); + }, + (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not added Data Getting Some Error'); + } + this.getdata(); + }); + this.modalAdd = false; + } + goToAdd() { + this.modalAdd = true; + } + submenu(id: any) { + this.router.navigate(["../submenu/" + id], { relativeTo: this.route }) + } + data: {}; + shrink(id: any, row) { + this.rowSelected = row; + console.log(this.rowSelected); + if (this.rowSelected.subMenus != 0) { + this.rowSelected.subMenus = [] + } console.log(this.rowSelected); + this.menuservice.sink(id, this.rowSelected).subscribe((data) => { + console.log(data); + }) + } + goToEdit(row) { + this.rowSelected = row; + console.log(row) + this.modaledit = true; + //this.router.navigate(["../edit/" + id], { relativeTo: this.route }); + } + onDelete(row) { + this.rowSelected = row; + this.modaldelete = true; + } + + delete(id) { + this.modaldelete = false; + console.log("in delete " + id); + this.menuservice.delete1(id).subscribe((data) => { + console.log(data); + this.toastr.success('Deleted successfully'); + this.ngOnInit(); + }, + (error) => { + console.log('Error in adding data...', +error); + if (error) { + this.toastr.error('Not Deleted Data Getting Some Error'); + } + }); + + } + onUpdate(id) { + this.modaledit = false; + this.menuservice.update1(id, this.rowSelected).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Updated successfully'); + } + this.ngOnInit(); + + }, + (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not updated Data Getting Some Error'); + } + this.ngOnInit(); + + }); + } + + onExport() { + this.excel.exportAsExcelFile(this.givendata, 'menumaintanance_', + moment().format('YYYYMMDD_HHmmss')) + } + + // csv + + modalCsv = false; + selectedFiles: File; + fileList; + ttype = 'menumaintenance'; + + + // Import CSV + public selectFile(event) { + this.selectedFiles = event.target.files[0]; + // this.saveCsv(); + } + + csvImport() { + console.log("import CSV"); + this.modalCsv = true; + } + saveCsv() { + this.csvService.importCsv(this.selectedFiles, this.ttype).subscribe(data => { + console.log(data); + this.fileList = data; + this.modalCsv = false; + }, + (error) => { + console.log(error); + if (error.status == 202) { + this.toastr.success(error.error.text) + } + }); + } + + downloadFiles() { + this.csvService.downloadCsvs(this.ttype); + + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/modules/modules.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/modules/modules.component.html new file mode 100644 index 0000000..c74922e --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/modules/modules.component.html @@ -0,0 +1,146 @@ + + + + + +

Modules

+ + +

+ + + +

Loading ...

+ +

+ Modules +

+ Description +

+ Access Exclusive +

+ + + + + {{user.modules}} + {{user.description}} + {{user.access_exclusive}} + + + + + + + + + + + + + + Users per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} users + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/modules/modules.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/modules/modules.component.scss new file mode 100644 index 0000000..ab11a3c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/modules/modules.component.scss @@ -0,0 +1,62 @@ +input[type=text],[type=date],[type=password] { + width: 100%; + padding: 15px 20px; + // margin: 3px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} +.required-field{ + color: red; +font-size: 18px; + +} +.green{ + background-color: rgb(156, 231, 156); + color: black; +} +.blue{ + background-color: #57abcf;//rgb(82, 87, 161); + color: black; +} +input.ng-invalid.ng-touched { + border-color: red; +} + +.error_mess { + color: red; +} +.td-title { + text-align: center; + width: 150px; +color: white; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); + //color: rgb(24, 13, 13); +} +th{ + //background-color:rgb(170, 169, 169); + font-weight: bold; +} +.td-content{ + text-align: left; +} +.delete,.heading{ + text-align: center; + color: red; +} +.section p { +background-color: rgb(206, 201, 201); + padding: 10px; + font-size: 18px; +} + +select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/modules/modules.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/modules/modules.component.spec.ts new file mode 100644 index 0000000..cf10dbf --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/modules/modules.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ModulesComponent } from './modules.component'; + +describe('ModulesComponent', () => { + let component: ModulesComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ModulesComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ModulesComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/modules/modules.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/modules/modules.component.ts new file mode 100644 index 0000000..b681676 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/modules/modules.component.ts @@ -0,0 +1,121 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { ToastrService } from 'ngx-toastr'; +import { AccesstypeService } from 'src/app/services/admin/accesstype.service'; + +@Component({ + selector: 'app-modules', + templateUrl: './modules.component.html', + styleUrls: ['./modules.component.scss'] +}) +export class ModulesComponent implements OnInit { + loading = false; + selected: any[] = []; + rowSelected: any = {}; + modaldelete = false; + modalAdd = false; + modaledit = false; + error; + data; + submitted = false; + public entryForm: FormGroup; + constructor(private _fb: FormBuilder, private accesstype: AccesstypeService, + private toastr: ToastrService,) { } + + ngOnInit(): void { + this.entryForm = this._fb.group({ + modules: ['', [Validators.required]], + description: ['', [Validators.required]], + access_exclusive: ['', [Validators.required]], + }); + this.getdata(); + } + getdata() { + this.accesstype.getAll1().subscribe(resp => { + this.data = resp; + console.log('menus: ', this.data); + if (this.data.length == 0) { + this.error = "No data Available"; + console.log(this.error) + } + }, (error) => { + console.log(error); + if (error) { + this.error = "Server Error"; + } + }) + } + goToAdd() { + this.modalAdd = true; + } + onSubmit() { + console.log(this.entryForm.value); + this.submitted = true; + if (this.entryForm.invalid) { + return; + } + this.accesstype.create1(this.entryForm.value).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Added successfully'); + } + this.ngOnInit(); + }, + (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not added Data Getting Some Error'); + } + this.ngOnInit(); + + }); + this.modalAdd = false; + } + goToEdit(row) { + this.rowSelected = row; + console.log(row) + this.modaledit = true; + //this.router.navigate(["../edit/" + id], { relativeTo: this.route }); + } + onDelete(row) { + this.rowSelected = row; + this.modaldelete = true; + } + + delete(id) { + this.modaldelete = false; + console.log("in delete " + id); + this.accesstype.delete1(id).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Deleted successfully'); + } + this.ngOnInit(); + }, + (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not Deleted Data Getting Some Error'); + } + this.ngOnInit(); + }); + + } + onUpdate(id) { + this.modaledit = false; + this.accesstype.update1(id, this.rowSelected).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Updated successfully'); + } + this.ngOnInit(); + }, + (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not updated Data Getting Some Error'); + } + this.ngOnInit(); + }); + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.css b/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.css new file mode 100644 index 0000000..8f4c16f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.css @@ -0,0 +1,85 @@ +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; +} +.s-info-bar 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 { + 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; + 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); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} + +.error_mess { + color: red; +} + +.required-field { + color: red; + font-size: 18px; +}/*# sourceMappingURL=myworkspace.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.css.map new file mode 100644 index 0000000..768da17 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["myworkspace.component.scss","myworkspace.component.css"],"names":[],"mappings":"AAWA;EACE,aAAA;EACA,mBAAA;EACA,8BAAA;ACVF;ADWE;EACE,aAAA;ACTJ;;ADYA;EACE,kBAAA;EACA,UAAA;ACTF;;ADWA;EACE,YAAA;ACRF;;ADWA;EACE,aAAA;ACRF;;ADUA;EACE,mBAAA;ACPF;;ADUA;EACE,yBAAA;EACA,YAAA;ACPF;;ADUA;EAEE,aAAA;EACA,eAAA;ACRF;;ADWA;EACE,cAAA;EACA,yBAAA;EACA,sBAAA;EACA,wBAAA;EACA,eAAA;EACA,WAAA;EACA,mBAAA;ACRF;;ADWA;EACE,cAAA;EACA,yBAAA;EACA,sBAAA;EAEA,eAAA;EACA,WAAA;EACA,mBAAA;ACTF;;ADYA;EACE,kBAAA;ACTF;;ADWA;EACE,WAAA;EACA,eAAA;EACA,gBAAA;EACA,sBAAA;EACA,kBAAA;ACRF;;ADUA;EACE,WAAA;EACA,kBAAA;EACA,oCAAA;EAEA,qBAAA;EACA,sBAAA;EACA,kBAAA;EACA,sBAAA;ACRF;;ADUA;EACE,UAAA;ACPF;;ADUA;EACE,UAAA;EACF,eAAA;ACPA","file":"myworkspace.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.html new file mode 100644 index 0000000..c39b264 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.html @@ -0,0 +1,309 @@ +

Organization and Workspaces

+
+ +

+ + + + + + + + + + + + + + + switch + +

Organization:	{{ sys_account.companyName }}
Account Id:	{{ sys_account.gstNumber }}
Selected Workspace:	{{sys_account.workspace }}

+ +

+ + + + + + + +

Loading ...

+ +

+ No +

+ Name +

+ Account Type +

+ Status +

+ Actions +

+ + {{i+1}} +

+ {{user.fullName}}
{{user.username}}{{user.email}} + + + {{user.status}} +

+ + + + + Users per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} users + + + + + + + + + + +

Loading ...

+ +

+ No +

+ Name +

+ Account Type +

+ Status +

+ Access Till +

+ Actions +

+ + {{i+1}} +

+ {{user.fullName}}
{{user.username}}{{user.email}} + {{user.roles[0].description}} + {{user.status}} + {{user.access_duration}} + + + + + + + Users per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} users + + + + + + + + + + +

Loading ...

+ +

+ No +

+ Team Name +

+ Owner +

+ Count +

+ Members +

+ + + {{i+1}} + {{user.name}} + {{user.owner_id}} + 3 +

+ + + + + + + Users per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} users + + + + + + + + + + + + + + + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.scss new file mode 100644 index 0000000..9568abf --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.scss @@ -0,0 +1,94 @@ +// input[type=text],[type=date], select,textarea { +// width: 100%; +// padding: 12px 20px; +// margin: 8px 0; +// display: inline-block; +// border: 1px solid #ccc; +// border-radius: 4px; +// box-sizing: border-box; +// } + +//@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; +} + +.required-field{ + color: red; +font-size: 18px; + +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.spec.ts new file mode 100644 index 0000000..46b827c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MyworkspaceComponent } from './myworkspace.component'; + +describe('MyworkspaceComponent', () => { + let component: MyworkspaceComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ MyworkspaceComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(MyworkspaceComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.ts new file mode 100644 index 0000000..283c78d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.component.ts @@ -0,0 +1,206 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { UserProfileService } from 'src/app/services/admin/user-profile.service'; +import { UserInfoService } from 'src/app/services/user-info.service'; +import { Sys_Account } from 'src/app/services/admin/user-registration.service'; +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { ToastrService } from 'ngx-toastr'; +import { MyworkspaceService } from './myworkspace.service'; +@Component({ + selector: 'app-myworkspace', + templateUrl: './myworkspace.component.html', + styleUrls: ['./myworkspace.component.scss'] +}) +export class MyworkspaceComponent implements OnInit { + loading = false; + selected: any[] = []; + sys_account: Sys_Account; + + userEmail: string; + companyName: string; + workspace: string; + gstNumber: string; + modalteam = false; + modaluser = false; + modalguest = false; + allworkmodal = false; + allworkspacedata; + alluser; + allguest; + allwdata; + public teamForm: FormGroup; + public userForm: FormGroup; + public guestForm: FormGroup; + public entryForm: FormGroup; + constructor(private router: Router, + private route: ActivatedRoute, + private userProfileService: UserProfileService, + private userInfoService: UserInfoService, + private _fb: FormBuilder, + private toastr: ToastrService, + private mywork: MyworkspaceService) { } + + ngOnInit(): void { + //addteam + this.teamForm = this._fb.group({ + name: [null, [Validators.required]], + }); + //add user + this.userForm = this._fb.group({ + email: [null, [Validators.required, Validators.pattern("[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$")]], + }); + //add guest + this.guestForm = this._fb.group({ + email: [null, [Validators.required, Validators.pattern("[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$")]], + access_duration: [null, [Validators.required]], + }) + this.getUserAccount(); + this.getUserRoles(); + this.getallmyworkspace(); + this.getalluser(); + this.getallguest(); + } + getUserAccount() { + this.userProfileService.getUserAccountDetails().subscribe(resp => { + this.sys_account = resp; + console.log("array", this.sys_account); + }, err => { console.log(err); } + ) + } + + + addUsers() { + this.modaluser = true; + //this.router.navigate(["../users"], { relativeTo: this.route }); + } + manage(id: any) { + this.router.navigate(["../manageteam/" + id], { relativeTo: this.route }); + } + goToResetPassword() { + this.router.navigate(["../passwordreset"], { relativeTo: this.route }); + } + + roles: string[] + role: string; + getUserRoles() { + const role = this.userInfoService.getRoles(); + console.log('roles = ', role); + + // if(role !== null) { + // this.roles = role.split(','); + // } + this.role = role; + console.log(this.role); + } + + isAdmin(): boolean { + const role: string = this.userInfoService.getRoles(); + if (role.includes('ADMIN')) { + return true; + } + return false; + } + addteam() { + this.modalteam = true; + } + addguest() { + this.modalguest = true; + } + getalluser() { + this.mywork.getalluser().subscribe((data) => { + this.alluser = data; + console.log(this.alluser); + }) + } + getallguest() { + this.mywork.getallguest().subscribe((data) => { + this.allguest = data; + console.log(this.allguest); + }) + } + getallmyworkspace() { + this.mywork.getall().subscribe((data) => { + this.allworkspacedata = data; + console.log(this.allworkspacedata); + }) + } + + onCreateuser() { + let email = this.userForm.value.email; + console.log(email); + this.mywork.adduser(this.userForm.value.email).subscribe((data) => { + this.mywork.storeEmail(email); + console.log(data); + if (data) { + this.toastr.success('Email Send successfully'); + } + this.getalluser(); + }, (error) => { + console.log(error); + if (error.status >= 200 && error.status <= 299) { + this.toastr.success(error.error.text); + } + if (error.status >= 400 && error.status <= 499) { + this.toastr.error(error.error.message); + } + if (error.status >= 500 && error.status <= 599) { + this.toastr.error("Server Error"); + } + }); + this.modaluser = false; + } + + onCreateguest() { + this.mywork.addguest(this.guestForm.value.email, this.guestForm.value.access_duration).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Email Send successfully'); + } + this.getallguest(); + }, (error) => { + console.log(error); + if (error.status >= 200 && error.status <= 299) { + this.toastr.success(error.error.text); + } + if (error.status >= 400 && error.status <= 499) { + this.toastr.error(error.error.message); + } + if (error.status >= 500 && error.status <= 599) { + this.toastr.error("Server Error"); + } + }) + this.modalguest = false; + } + oncreateteam() { + this.modalteam = false; + this.mywork.addteam(this.teamForm.value).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Team Added successfully'); + } + this.getallmyworkspace(); + }, (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not added Getting Some Error'); + } + }) + } + allworksapce() { + this.allworkmodal = true; + this.mywork.getallworkspace().subscribe((data) => { + this.allwdata = data; + console.log(data); + }) + } + + copyInputMessage(inputElement) { + inputElement.select(); + document.execCommand('copy'); + inputElement.setSelectionRange(0, 0); + + if (inputElement.setSelectionRange) { + this.toastr.success("Link Copy Succesfully"); + } + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.service.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.service.ts new file mode 100644 index 0000000..ae0913b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/myworkspace/myworkspace.service.ts @@ -0,0 +1,115 @@ +import { Injectable } from '@angular/core'; +import { HttpClient, HttpParams } from '@angular/common/http'; + +import { Observable } from 'rxjs'; +import { ApiRequestService } from 'src/app/services/api/api-request.service'; +import baseUrl from 'src/app/services/api/helper'; + +@Injectable({ + providedIn: 'root' +}) +export class MyworkspaceService { + public localStorage: Storage = localStorage; + constructor(private _http: HttpClient,private apiRequest: ApiRequestService) { } + public add(r: any){ + return this._http.post(`${baseUrl}/api/menu-register`, r); + } + + public getall(){ + return this._http.get(`${baseUrl}/Workspace_team/SecTeam/AccountId`); + } + public getalluser(){ + return this._http.get(`${baseUrl}/User_workSpace/GetAllUser`); + } + public getallguest(){ + return this._http.get(`${baseUrl}/User_workSpace/GetAllGuest`); + } + public adduser(email:any){ + let params: HttpParams = new HttpParams(); + params = params.append("email", email); + return this._http.post(`${baseUrl}/api/userviaadmin`,params); + } + storeEmail(email: string) { + this.localStorage.setItem("registeredEmail", email); + } + //Store userinfo from session storage + + //Get email from session storage ( WILL REMOVE AFTER REGISTER) + getStoredEmail(): string | null { + try { + let email: string = this.localStorage.getItem( + "registeredEmail" + ); + if (email) { + return email; + } else { + return null; + } + } catch (e) { + return null; + } + } + adduserdetails(data:any,token:any):Observable{ + return this._http.post(`${baseUrl}/api/admin/adduser/${token}`,data); + } + + addguest(email:any,duration:any){ + let params: HttpParams = new HttpParams(); + params = params.append("email", email); + params=params.append("access_duration",duration) + return this._http.post(`${baseUrl}/api/guest_via_admin`,params); + } + + addguestdetails(data:any,token:any):Observable{ + return this._http.post(`${baseUrl}/api/admin/addguest/${token}`,data); + } + addteam(data:any){ + return this._http.post(`${baseUrl}/Workspace_team/SecTeam`,data); + } + public getallteammeme(id:any){ + return this._http.get(`${baseUrl}/User_workSpace/GetAllMember/${id}`); + } + getallusertosameaccid(){ + return this._http.get(`${baseUrl}/User_workSpace/GetAll/AccountId`); + } + addteammem(id:any,user_id:any,data:any){ + return this._http.post(`${baseUrl}/User_workSpace/add_team/${id}/${user_id}`,data); + } + getallworkspace(){ + return this._http.get(`${baseUrl}/Workspace_workspace/FindByaccount`); + } + addsecworkspaceuser(usrid:any,id:any,data:any,){ + return this._http.post(`${baseUrl}/workspace/secworkspaceuser/add_workspace/users/${usrid}/${id}`,data); + } + addsecworkteam(pid:any,tid:any,data:any){ + return this._http.post(`${baseUrl}/workspace/secworkspaceuser/addteam/${pid}/${tid}`,data); + } + getallsecworkspace(id:any):Observable{ + return this._http.get(`${baseUrl}/workspace/secworkspaceuser/get_by_projectid/${id}`); + } + // public getById(id: any){ + // return this._http.get(`${baseUrl}/api/menu-register/${id}`); + // } + + // public update(id:any, reg:any){ + // return this._http.put(`${baseUrl}/api/menu-register/${id}`, reg); + // } + + // public deleteById(id: any){ + // return this._http.delete(`${baseUrl}/api/menu-register/${id}`); + // } + + + +////////////////////project users + +addprojectuser(userId: any, projectId: any, duration: any, role: string):Observable { + const params = new HttpParams().set('role', role); + return this._http.post(`${baseUrl}/workspace/secworkspaceuser/add_workspace/users/${userId}/${projectId}/${duration}`, {}, { params }); +} + +///for team +public addprojectteam(projectId:any,teamId:any){ + return this._http.post(`${baseUrl}/workspace/secworkspaceuser/addteam/${projectId}/${teamId}`, {}); +} +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/password-reset/password-reset.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/password-reset/password-reset.component.html new file mode 100644 index 0000000..472d4bb --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/password-reset/password-reset.component.html @@ -0,0 +1,43 @@ +

Please Reset Your Password

you're signed in as {{ email }}

+
+ + +
+
+

Wrong account? Log in instead.

diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/password-reset/password-reset.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/password-reset/password-reset.component.scss new file mode 100644 index 0000000..3ee7d64 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/password-reset/password-reset.component.scss @@ -0,0 +1,83 @@ +//@import '../../../../../styles1.scss'; + + +//** variables +$background: #f5f6fa; +$text: #9c9c9c; +$input-bg-color: #fff; +$input-text-color: #a3a3a3; +$button-bg-color: #7f8ff4; +$button-text-color: #fff; +$google-button-bg-color: #7f8ff4; +$linkedin-button-bg-color: #4b76eb; + +//** root +:root { + background: $background; + color: $text; + font: 1rem "PT Sans", sans-serif; +} + +//** helper +.display_msg { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.form { + /* margin-left: auto; + margin-right: auto; */ + &__field { + // width: 360px; + // //background: #fff; + // color: $input-text-color; + // font: inherit; + // //box-shadow: 0 6px 10px 0 rgba(0, 0, 0 , .1); + // border: 1 solid rgb(235, 230, 230); + // background-color:rgb(255, 255, 255); + // display: inline-block; + // border-radius: 4px; + // box-sizing: border-box; + // //outline: 0; + // padding: 6px 9px; + width: 360px; + padding: 9px 11px; + // margin: 3px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } +} + +.btn { + display: inline-block; + background: transparent; + color: inherit; + font: inherit; + border: 0; + outline: 0; + padding: 0; + transition: all 200ms ease-in; + cursor: pointer; + + &--primary { + background: $button-bg-color; + color: $button-text-color; + box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1); + border-radius: 2px; + width: 100%; + + &:hover { + background: darken($button-bg-color, 4%); + } + + &:active { + background: $button-bg-color; + box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, .2); + } + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/password-reset/password-reset.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/password-reset/password-reset.component.spec.ts new file mode 100644 index 0000000..e6bd9ac --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/password-reset/password-reset.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PasswordResetComponent } from './password-reset.component'; + +describe('PasswordResetComponent', () => { + let component: PasswordResetComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ PasswordResetComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(PasswordResetComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/password-reset/password-reset.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/password-reset/password-reset.component.ts new file mode 100644 index 0000000..d17961f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/password-reset/password-reset.component.ts @@ -0,0 +1,109 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { UserRegistrationService } from 'src/app/services/admin/user-registration.service'; +import { UserInfoService } from 'src/app/services/user-info.service'; + +export interface ResetPasswordRequest { + oldPassword: string; + newPassword: string; +} +@Component({ + selector: 'app-password-reset', + templateUrl: './password-reset.component.html', + styleUrls: ['./password-reset.component.scss'] +}) +export class PasswordResetComponent implements OnInit { + + emailErrMsg: string = "" + oldpHide: boolean = true; + oldIcon: string = "eye"; + oldShapeChanger() { + this.oldpHide = !this.oldpHide; + if(this.oldpHide){ + this.oldIcon = 'eye' + } else { + this.oldIcon = 'eye-hide' + } + } + newpHide: boolean = true; + newIcon: string = "eye"; + newShapeChanger() { + this.newpHide = !this.newpHide; + if(this.newpHide){ + this.newIcon = 'eye' + } else { + this.newIcon = 'eye-hide' + } + } + cpHide: boolean = true; + conIcon: string = "eye"; + comfShapeChanger() { + this.cpHide = !this.cpHide; + if(this.cpHide){ + this.conIcon = 'eye' + } else { + this.conIcon = 'eye-hide' + } + } + + constructor( private _fb: FormBuilder, + private router: Router, + private route: ActivatedRoute, + private userRegistrationService: UserRegistrationService, + private userInfoService: UserInfoService) { } + + email: string; + resetPasswordForm: FormGroup; +userid; + ngOnInit(): void { + this.email = this.userInfoService.getEmail(); + this.userid=this.userInfoService.getUserId(); + console.log(this.userid); + + this.resetPasswordForm = this._fb.group({ + userId:this.userid, + oldPassword: ['', Validators.required], + newPassword: ['', [Validators.required, Validators.minLength(3)]], + confirmPassword: ['', [Validators.required]] + }, { + validator: ConfirmedValidator('newPassword', 'confirmPassword') + }); + } + get f() { return this.resetPasswordForm.controls; } + + submitted = false; + onSubmit() { + console.log('this.resetPasswordForm.value : ', this.resetPasswordForm.value); + this.submitted = true; + if(this.resetPasswordForm.invalid){ + return; + } + this.resetPassword(); + } + + resetPassword() { + this.userRegistrationService.resetPassword(this.resetPasswordForm.value) + .subscribe((res) => { + console.log('success ', res); + this.router.navigate(["../user-account"], { relativeTo: this.route }); + },(err) => { + console.log('failure ', err); + }); + } +} + +export function ConfirmedValidator(controlName: string, matchingControlName: string){ + return (formGroup: FormGroup) => { + const control = formGroup.controls[controlName]; + const matchingControl = formGroup.controls[matchingControlName]; + if (matchingControl.errors && !matchingControl.errors.confirmedValidator) { + return; + } + if (control.value !== matchingControl.value) { + matchingControl.setErrors({ confirmedValidator: true }); + } else { + matchingControl.setErrors(null); + } + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/profile-setting/profile-setting.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/profile-setting/profile-setting.component.html new file mode 100644 index 0000000..37105ea --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/profile-setting/profile-setting.component.html @@ -0,0 +1,266 @@ + +
+ + + + + + +

My Profile Settings

+ +

+ + + + + + + +

+ + +

+ +

+ + +
+ + + +

Password:

Change Password for your account Change password

+ + +

+ + +
+ + +

Security:

Logout of all sessions except this current browser Logout other + sessions

+ + +

+ + +
+ + +

Deactivation:

Remove access to all organizations and workspace in cloudnsure Deactivate account

+ +

+ + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/profile-setting/profile-setting.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/profile-setting/profile-setting.component.scss new file mode 100644 index 0000000..ec6f039 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/profile-setting/profile-setting.component.scss @@ -0,0 +1,10 @@ +input[type=text],[type=date],textarea,[type=number] { + width: 100%; + padding: 15px 15px; + // margin: 8px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/profile-setting/profile-setting.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/profile-setting/profile-setting.component.spec.ts new file mode 100644 index 0000000..c4570be --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/profile-setting/profile-setting.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ProfileSettingComponent } from './profile-setting.component'; + +describe('ProfileSettingComponent', () => { + let component: ProfileSettingComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ProfileSettingComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ProfileSettingComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/profile-setting/profile-setting.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/profile-setting/profile-setting.component.ts new file mode 100644 index 0000000..5483ddb --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/profile-setting/profile-setting.component.ts @@ -0,0 +1,223 @@ + +import { HttpClient, HttpEventType } from '@angular/common/http'; +import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { UserProfile, UserProfileService } from '../../../../services/admin/user-profile.service'; +import { DomSanitizer } from '@angular/platform-browser'; +import { AlertService } from '../../../../services/alert.service'; +import { ToastrService } from 'ngx-toastr'; +import { Dimensions, ImageCroppedEvent, ImageTransform } from 'ngx-image-cropper'; +//import { ImageCroppedEvent } from '../image-cropper/interfaces/image-cropped-event.interface'; +//import { ImageCropperComponent } from '../image-cropper/component/image-cropper/image-cropper.component'; +@Component({ + selector: 'app-profile-setting', + templateUrl: './profile-setting.component.html', + styleUrls: ['./profile-setting.component.scss'] +}) +export class ProfileSettingComponent implements OnInit { + updated = false; + userProfile: UserProfile; + roles = ['user', 'admin', 'mis report', 'bi report']; + transform: ImageTransform = {}; + model=false; + constructor( + private router: Router, + private route: ActivatedRoute, + private userProfileService: UserProfileService, + private http: HttpClient, + private alertService: AlertService, + private _sanitizer: DomSanitizer, + private toastr: ToastrService, + ) { } + + ngOnInit(): void { + + this.getUserProfile(); + this.getProfilePic(); + } + getUserProfile() { + this.userProfileService.getUserProfile().subscribe(res => { + console.log(res); + this.userProfile = res; + }) + } + + update() { + this.userProfileService.updateUserProfile(this.userProfile).subscribe( + (resp) => { + console.log(resp); + //this.router.navigate(["../../all"], { relativeTo: this.route }); + }, + (error) => { + console.log(error); + } + ); + //this.picUpload(); + } + + public profilePic: File = null; + onSelectFile(event) { + let flag = 0; + const mimeType = event.target.files[0].type; + if(mimeType.match(/image\/*/) === null ){ + this.message = 'Only Image Type Is Supported'; + flag = flag + 1; + return; + } + const size = event.target.files[0].size; + if(size > 5000000) { + flag = flag + 1; + this.message = 'Plese Select image file under 2 MB'; + return; + } + console.log('flag value = ', flag); + if(flag === 0) { + this.profilePic = event.target.files[0]; + console.log(this.profilePic); + const reader = new FileReader(); + this.image = this.profilePic; + reader.readAsDataURL(this.profilePic); + reader.onload = (_event) => { + this.image = reader.result; + } + this.picUpload(); + } + + } + + message: string; + picUpload() { + this.userProfileService.uploadUserProfilePic(this.profilePic).subscribe(res => { + console.log(res); + if(res.type === HttpEventType.UploadProgress){ + console.log('Upload Progress : ', + Math.round(res.loaded / res.total * 100) + '%'); + } else if(res.type === HttpEventType.Response) { + if (res.status === 200) { + this.alertService.success('Image uploaded successfully'); + //this.message = 'Image uploaded successfully'; + } else { + this.message = 'Image not uploaded'; + } + } + }, err => {console.log(err); + }); + } + image: any; + getProfilePic() { + this.userProfileService.getProfilePic().subscribe(res => { + console.log(res); + this.image = this._sanitizer.bypassSecurityTrustResourceUrl(res.image); + }, err => {console.log(err);} + ); + } + + /*picUpload() { + const uploadImageData = new FormData(); + uploadImageData.append('imageFile', this.profilePic, this.profilePic.name); + this.http.post('http://localhost:9119/api/upload', uploadImageData, { observe: 'response' }) + .subscribe((res) => { + console.log(res); + if (res.status === 200) { + this.message = 'Image uploaded successfully'; + } else { + this.message = 'Image not uploaded successfully'; + } + } + ); + }*/ + + + onSubmit() { + this.updated = true; + this.update(); + } + imageChangedEvent: any = ''; + croppedImage: any = ''; + canvasRotation = 0; + rotation = 0; + scale = 1; + showCropper = false; + containWithinAspectRatio = false; + fileChangeEvent(event: any): void { + this.imageChangedEvent = event; + } + imageCropped(event: ImageCroppedEvent) { + this.croppedImage = event.base64; + this.profilePic=this.croppedImage; + + } + imageLoaded() { + this.showCropper = true; + console.log('Image loaded'); + } + + cropperReady(sourceImageDimensions: Dimensions) { + console.log('Cropper ready', sourceImageDimensions); + } + loadImageFailed() { + // show message + } + rotateLeft() { + this.canvasRotation--; + this.flipAfterRotate(); + } + + rotateRight() { + this.canvasRotation++; + this.flipAfterRotate(); + } + + private flipAfterRotate() { + const flippedH = this.transform.flipH; + const flippedV = this.transform.flipV; + this.transform = { + ...this.transform, + flipH: flippedV, + flipV: flippedH + }; + } + + + flipHorizontal() { + this.transform = { + ...this.transform, + flipH: !this.transform.flipH + }; + } + + flipVertical() { + this.transform = { + ...this.transform, + flipV: !this.transform.flipV + }; + } + zoomOut() { + this.scale -= .1; + this.transform = { + ...this.transform, + scale: this.scale + }; +} + +zoomIn() { + this.scale += .1; + this.transform = { + ...this.transform, + scale: this.scale + }; +} + +toggleContainWithinAspectRatio() { + this.containWithinAspectRatio = !this.containWithinAspectRatio; +} + +updateRotation() { + this.transform = { + ...this.transform, + rotate: this.rotation + }; +} +openmodal(){ + this.model=true; +} +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/sessionlogger/sessionlogger.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/sessionlogger/sessionlogger.component.html new file mode 100644 index 0000000..c287cb4 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/sessionlogger/sessionlogger.component.html @@ -0,0 +1,99 @@ + + + + +

Session Logger

+ + + +

+ + + + + + + + +

Loading ...

+ +

+ Client Ip +

+ lastAccessDate +

+ Log In Time +

+ Log Out Time +

+ Session Id +

+ User Id +

+ User Name +

+ + + + + + + {{user.clientIp}} + {{user.lastAccessDate}} + {{user.logintime}} + {{user.logouttime}} + {{user.sessionId}} + {{user.userId.userId}} + {{user.userId.username}} + + + + + + + + + + + + + Record per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} Records + + + +

+ + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/sessionlogger/sessionlogger.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/sessionlogger/sessionlogger.component.scss new file mode 100644 index 0000000..76ab29b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/sessionlogger/sessionlogger.component.scss @@ -0,0 +1,4 @@ +.delete,.heading{ + text-align: center; + color: red; +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/sessionlogger/sessionlogger.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/sessionlogger/sessionlogger.component.spec.ts new file mode 100644 index 0000000..149e2eb --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/sessionlogger/sessionlogger.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SessionloggerComponent } from './sessionlogger.component'; + +describe('SessionloggerComponent', () => { + let component: SessionloggerComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ SessionloggerComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(SessionloggerComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/sessionlogger/sessionlogger.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/sessionlogger/sessionlogger.component.ts new file mode 100644 index 0000000..4ffab36 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/sessionlogger/sessionlogger.component.ts @@ -0,0 +1,69 @@ +import { Component, OnInit } from '@angular/core'; +import { SessionloggerService } from 'src/app/services/admin/sessionlogger.service'; +import * as moment from 'moment'; +import { ExcelService } from 'src/app/services/excel.service'; +import { ToastrService } from 'ngx-toastr'; +import { HttpErrorResponse } from '@angular/common/http'; +@Component({ + selector: 'app-sessionlogger', + templateUrl: './sessionlogger.component.html', + styleUrls: ['./sessionlogger.component.scss'] +}) +export class SessionloggerComponent implements OnInit { + loading = false; + error; + data; + modaldelete=false; + rowSelected :any= {}; + constructor(private sessionservice:SessionloggerService,private excel: ExcelService, + private toastr: ToastrService,) { } + + ngOnInit(): void { + this.getdata(); + } + getdata(){ + this.sessionservice.getAll().subscribe((data)=>{ + this.data=data; + console.log(this.data); + if(this.data.length==0){ + this.error="No data Available plz add if Required"; + console.log(this.error) + } + },(error) => { + console.log(error); + if(error){ + this.error="server Error"; + } + }); + + + } + onExport(){ + this.excel.exportAsExcelFile(this.data, 'user_', + moment().format('YYYYMMDD_HHmmss')) + } + modaldel(row){ + this.rowSelected = row; + this.modaldelete=true; + console.log(this.rowSelected); + } + delete(id) + { + console.log("in delete "+id); + this.sessionservice.delete(id).subscribe( + (data) => { + console.log(data); + //this.ngOnInit(); + },(error:HttpErrorResponse) => { + console.log(error); + if(error.status==200){ + this.toastr.success(error.error.text); + } + if(error.status==404){ + this.toastr.error(error.error); + } + + }); + this.modaldelete=false; + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/submenu/submenu.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/submenu/submenu.component.html new file mode 100644 index 0000000..4a5da87 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/submenu/submenu.component.html @@ -0,0 +1,311 @@ + + + + + +

Sub-Menu Maintenance

Sub Menu

+ +

+ + + + + +

+ +

Loading ...

+ +

+ NO. +

+ Sub-Menu Item Name +

+ ID +

+ Sequence +

+ Module Name +

+ Menu Action Link +

+ Status +

+ + + {{i+1}} + +

+ +

ID: {{ user.menuId || 'â' }} | Seq: {{ (user.itemSeq === 0 || user.itemSeq) ? user.itemSeq : 'â' }}

+ + {{user.menuId}} + {{user.itemSeq}} + {{user.moduleName}} + {{user.main_menu_action_name}} + {{user.status}} + + +

+ + +

+ + + + + + + + +

Menu Name:

+ + + + + +

+ +

ID{{ user.menuId || 'â' }}

Sequence{{ (user.itemSeq === 0 || user.itemSeq) ? user.itemSeq : 'â' }}

Module{{ user.moduleName || 'â' }}

{{ user.main_menu_action_name || 'â' }}

+ +

+ + + + + + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/submenu/submenu.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/submenu/submenu.component.scss new file mode 100644 index 0000000..c4061f4 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/submenu/submenu.component.scss @@ -0,0 +1,147 @@ +@import '../../../../../styles/design-tokens'; + +.mm-breadcrumb { margin-bottom: 0.75rem; } +.mm-modal .modal-body { background: var(--theme-surface); } +.mm-modal .modal-title { font-weight: 600; } +.mm-modal .modal-body .clr-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; } +@media (max-width: 640px) { .mm-modal .modal-body .clr-row { grid-template-columns: 1fr; } } +.mm-modal label { display: inline-block; margin-bottom: 6px; font-weight: 600; color: var(--theme-text); } +.mm-modal input.clr-input, .mm-modal select { width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(0,0,0,0.12); background: var(--theme-background); transition: border-color 150ms ease, box-shadow 150ms ease; } +.mm-modal input.clr-input:focus, .mm-modal select:focus { outline: none; border-color: var(--theme-primary); box-shadow: 0 0 0 3px var(--theme-primary-100); } +.mm-modal .modal-footer { display: flex; justify-content: flex-end; gap: 10px; } +.mm-modal .modal-footer .btn.btn-primary { background: var(--theme-primary); color: #fff; border-radius: 10px; } +.mm-modal .modal-footer .btn.btn-outline { border-radius: 10px; border: 1px solid var(--theme-secondary); color: var(--theme-secondary); } +.mm-modal .error_mess { color: #ef4444; font-size: 12px; margin-top: 4px; } + +.mm-hero { + display: flex; justify-content: space-between; align-items: center; + background: var(--theme-glass-bg); backdrop-filter: blur(12px); + border: 1px solid var(--theme-glass-border); + border-radius: calc(var(--theme-border-radius) + 4px); + padding: 1rem 1.25rem; margin-bottom: 0.75rem; box-shadow: var(--theme-glass-shadow); +} +.mm-hero__content { display: flex; align-items: center; gap: 0.75rem; } +.mm-hero__icon clr-icon { width: 28px; height: 28px; color: var(--theme-primary); } +.mm-hero__title { font-size: 1.25rem; margin: 0; } +.mm-hero__subtitle { margin: 0; font-size: 0.875rem; color: var(--theme-text-secondary); } +.mm-hero__actions .btn + .btn { margin-left: 0.5rem; } + +.mm-btn-primary { border-radius: var(--theme-border-radius); background: var(--theme-primary); color: #fff; } +.mm-btn-text { margin-left: 0.35rem; } + +.mm-toolbar { position: sticky; top: 0; z-index: 10; display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 8px 10px; margin-bottom: 8px; background: var(--theme-surface); border: 1px solid rgba(0,0,0,0.05); border-radius: var(--theme-border-radius); box-shadow: 0 1px 0 rgba(0,0,0,0.03); } +.mm-search { display: inline-flex; align-items: center; gap: 6px; border: 1px solid rgba(0,0,0,0.08); padding: 6px 8px; border-radius: 999px; background: var(--theme-background); } +.mm-search__input { border: none; outline: none; background: transparent; min-width: 220px; } +.mm-select { border-radius: 999px; padding: 6px 10px; border: 1px solid rgba(0,0,0,0.08); background: var(--theme-background); } +.mm-view-toggle .btn { margin-left: 6px; border-radius: 999px; } + +.mm-card { background: var(--theme-glass-bg); backdrop-filter: blur(10px); border: 1px solid var(--theme-glass-border); border-radius: var(--theme-border-radius); padding: 0.25rem; } +.mm-grid { background: var(--theme-surface); border-radius: var(--theme-border-radius); box-shadow: var(--theme-shadow); } +.mm-grid--modern .datagrid-header { background: linear-gradient(135deg, var(--theme-primary-50), transparent); } +.mm-grid-footer { border-top: 1px solid rgba(0,0,0,0.06); } +.mm-row:hover { background: var(--theme-primary-50); } +.mm-item { display: flex; align-items: center; gap: 0.75rem; } +.mm-item__avatar clr-icon { width: 18px; height: 18px; color: var(--theme-accent); } +.mm-item__title { font-weight: 600; } +.mm-item__meta { font-size: 0.75rem; color: var(--theme-text-secondary); } +.mm-actions-inline .btn { margin-right: 6px; } +.mm-actions-inline .mm-btn-edit { border: 1px solid var(--theme-accent); color: var(--theme-accent); } +.mm-actions-inline .mm-btn-edit:hover { background: rgba(139, 92, 246, 0.12); } +.mm-actions-inline .mm-btn-delete { border: 1px solid #ef4444; color: #ef4444; } +.mm-actions-inline .mm-btn-delete:hover { background: rgba(239, 68, 68, 0.12); } + +.mm-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; } +@media (max-width: 1024px) { .mm-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } } +@media (max-width: 640px) { .mm-cards { grid-template-columns: 1fr; } .mm-search__input { min-width: 140px; } } +.mm-card-item { background: var(--theme-surface); border: 1px solid rgba(0,0,0,0.06); border-radius: var(--theme-border-radius); box-shadow: var(--theme-shadow); overflow: hidden; display: flex; flex-direction: column; } +.mm-card-item__header { display: flex; align-items: center; gap: 10px; padding: 10px 12px; background: linear-gradient(135deg, var(--theme-primary-50), transparent); } +.mm-card-item__icon clr-icon { color: var(--theme-primary); width: 18px; height: 18px; } +.mm-card-item__title { font-weight: 700; flex: 1 1 auto; max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } +.mm-card-item__badge { margin-left: auto; } +.mm-card-item__body { padding: 10px 12px; display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; } +@media (max-width: 640px) { .mm-card-item__body { grid-template-columns: 1fr; } } +.mm-kv { display: flex; justify-content: space-between; } +.mm-kv span { color: var(--theme-text-secondary); } +.mm-card-item__footer { padding: 10px 12px; display: flex; gap: 8px; border-top: 1px solid rgba(0,0,0,0.06); } +.mm-card-item__footer .mm-btn-edit { border: 1px solid var(--theme-accent); color: var(--theme-accent); } +.mm-card-item__footer .mm-btn-edit:hover { background: rgba(139, 92, 246, 0.12); } +.mm-card-item__footer .mm-btn-delete { border: 1px solid #ef4444; color: #ef4444; } +.mm-card-item__footer .mm-btn-delete:hover { background: rgba(239, 68, 68, 0.12); } +.mm-badge { display: inline-block; padding: 2px 10px; border-radius: 999px; background: var(--theme-secondary); color: #fff; font-size: 0.75rem; } +.mm-badge--success { background: var(--theme-primary); } +.mm-badge--muted { background: var(--theme-primary-200); color: var(--theme-text); } + +/* Modals */ +.mm-modal .modal-body { background: var(--theme-surface); } +.mm-modal .modal-title { font-weight: 600; } +.mm-modal .modal-body .clr-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; } +@media (max-width: 640px) { .mm-modal .modal-body .clr-row { grid-template-columns: 1fr; } } +.mm-modal label { display: inline-block; margin-bottom: 6px; font-weight: 600; color: var(--theme-text); } +.mm-modal input.clr-input, .mm-modal select { width: 100%; padding: 10px 12px; border-radius: 10px; border: 1px solid rgba(0,0,0,0.12); background: var(--theme-background); transition: border-color 150ms ease, box-shadow 150ms ease; } +.mm-modal input.clr-input:focus, .mm-modal select:focus { outline: none; border-color: var(--theme-primary); box-shadow: 0 0 0 3px var(--theme-primary-100); } +.mm-modal .modal-footer { display: flex; justify-content: flex-end; gap: 10px; } +.mm-modal .modal-footer .btn.btn-primary { background: var(--theme-primary); color: #fff; border-radius: 10px; } +.mm-modal .modal-footer .btn.btn-outline { border-radius: 10px; border: 1px solid var(--theme-secondary); color: var(--theme-secondary); } +.mm-modal .error_mess { color: #ef4444; font-size: 12px; margin-top: 4px; } +input[type=text],[type=date],[type=password],[type=number] { + width: 100%; + padding: 15px 20px; + // margin: 3px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} + +.required-field{ + color: red; +font-size: 18px; + +} +.green{ + background-color: rgb(156, 231, 156); + color: black; +} +.blue{ + background-color: #57abcf;//rgb(82, 87, 161); + color: black; +} +.td-title { + text-align: center; + width: 150px; +color: white; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); + //color: rgb(24, 13, 13); +} +th{ + //background-color:rgb(170, 169, 169); + font-weight: bold; +} +.td-content{ + text-align: left; +} +.delete,.heading{ + text-align: center; + color: red; +} +.section p { +background-color: rgb(206, 201, 201); + padding: 10px; + font-size: 18px; +} + +select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} +input.ng-invalid.ng-touched { + border-color: red; +} + +.error_mess { + color: red; +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/submenu/submenu.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/submenu/submenu.component.spec.ts new file mode 100644 index 0000000..6d85802 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/submenu/submenu.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SubmenuComponent } from './submenu.component'; + +describe('SubmenuComponent', () => { + let component: SubmenuComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ SubmenuComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(SubmenuComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/submenu/submenu.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/submenu/submenu.component.ts new file mode 100644 index 0000000..5893b4a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/submenu/submenu.component.ts @@ -0,0 +1,186 @@ +import { Component, OnInit } from '@angular/core'; +import { ThemeService } from 'src/app/services/theme.service'; +import { MenumaintanceService } from '../../../../services/admin/menumaintance.service'; +import { Rn_Main_Menu } from '../../../../models/builder/Rn_Main_Menu'; +import { ActivatedRoute, Router } from '@angular/router'; +import { AbstractControl, FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { ToastrService } from 'ngx-toastr'; + + +function numberValidator(control: AbstractControl): { [key: string]: any } | null { + const value = control.value; + return isNaN(value) ? { 'notANumber': { value } } : null; +} + +@Component({ + selector: 'app-submenu', + templateUrl: './submenu.component.html', + styleUrls: ['./submenu.component.scss'] +}) +export class SubmenuComponent implements OnInit { + loading = false; + modalAdd = false; + modaledit = false; + modaldelete = false; + selected: any[] = []; + rowSelected: any = {}; + givendata; + menus: Rn_Main_Menu[]; + sub; + id; + mainid; + submitted = false; + public entryForm: FormGroup; + // UI filter/view state + filterText = ''; + statusFilter: 'All' | 'Enable' | 'Disable' | '' = 'All'; + viewMode: 'cards' | 'table' = 'cards'; + + constructor(private menuservice: MenumaintanceService, + private toastr: ToastrService, + private _fb: FormBuilder, + private route: ActivatedRoute, + private router: Router, + private themeService: ThemeService) { } + + ngOnInit(): void { + this.themeService.currentTheme$.subscribe(() => { + // Theme CSS variables applied globally + }); + this.id = this.route.snapshot.params["id"]; + console.log("project mainmenu with id = ", this.id); + this.getById(this.id); + this.mainid = this.id + this.entryForm = this._fb.group({ + // menuItemId:[null], + menuId: [this.mainid], + menuItemDesc: ['', [Validators.required]], + // itemSeq:['',[Validators.required]] , + // itemSeq: ['', [Validators.required, numberValidator]], + itemSeq: ['', [Validators.required, Validators.pattern('^[0-9]*$')]], + moduleName: ['', [Validators.required]], + status: ['', [Validators.required]], + main_menu_action_name: ['', [Validators.required]] + }); + + // this.getdata(); + } + + // Derived/filtered list for view + get filteredSubMenus(): any[] { + const items: any[] = (this.sub as unknown as any[]) || []; + const text = (this.filterText || '').toLowerCase(); + const status = this.statusFilter; + return items.filter(m => { + const matchText = !text || ( + (m.menuItemDesc || '').toLowerCase().includes(text) || + (m.moduleName || '').toLowerCase().includes(text) || + (m.main_menu_action_name || '').toLowerCase().includes(text) + ); + const matchStatus = !status || status === 'All' || m.status === status; + return matchText && matchStatus; + }); + } + + setViewMode(mode: 'cards' | 'table') { this.viewMode = mode; } + + // Resolve a safe icon + getIconShape(menu: any): string { + const raw = (menu?.main_menu_icon_name ?? menu?.mainMenuIconName ?? '').toString().trim(); + const name = raw.toLowerCase(); + const invalid = !name || name === 'undefined' || name === 'null' || name === '-' || name === 'na' || name === 'n/a'; + if (invalid) return 'file'; + const alias: Record = { application:'application', applications:'applications', settings:'cog', config:'cog', user:'user', users:'users', folder:'folder', file:'file', tag:'tag', bookmark:'bookmark', home:'home', dashboard:'dashboard', menu:'list', list:'list', link:'link', module:'application' }; + return alias[name] ?? name; + } + getById(id: any) { + this.menuservice.getbyid(id).subscribe((data) => { + this.sub = data; + console.log(this.sub) + }) + } + getdata() { + this.menuservice.getByCurrentUserMenuGroupId1().subscribe(resp => { + this.menus = resp; + console.log('menus: ', this.menus); + }) + } + goToAdd() { + this.modalAdd = true; + } + onSubmit() { + this.submitted = true; + if (this.entryForm.invalid) { + return; + } + this.menuservice.create1(this.entryForm.value).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Added successfully'); + this.ngOnInit(); + } + }, + (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not added Data Getting Some Error'); + } + this.ngOnInit(); + + + }); + this.modalAdd = false; + } + + goToEdit(row) { + this.rowSelected = row; + console.log(row) + this.modaledit = true; + //this.router.navigate(["../edit/" + id], { relativeTo: this.route }); + } + onDelete(row) { + this.rowSelected = row; + this.modaldelete = true; + } + + delete(id) { + this.modaldelete = false; + console.log("in delete " + id); + this.menuservice.delete1(id).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Deleted successfully'); + } + this.ngOnInit(); + + }, + (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not Deleted Data Getting Some Error'); + } + this.ngOnInit(); + + }); + + } + onUpdate(id) { + this.modaledit = false; + this.menuservice.update1(id, this.rowSelected).subscribe((data) => { + console.log(data); + if (data) { + this.toastr.success('Updated successfully'); + this.ngOnInit(); + + } + }, + (error) => { + console.log('Error in adding data...', error); + if (error) { + this.toastr.error('Not updated Data Getting Some Error'); + } + this.ngOnInit(); + + }); + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/systemparameters/systemparameters.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/systemparameters/systemparameters.component.html new file mode 100644 index 0000000..bd23988 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/systemparameters/systemparameters.component.html @@ -0,0 +1,665 @@ + + + + + + + + + + +

+ {{'setupCode' | translate}} +

+ {{'value' | translate}} +

+ {{ 'schedulerTimer' | translate }} + +

+ +

+ {{ 'leaseTaxCode' | translate }} + +

+ +

+ {{ 'vesselConfProcessLimit' | translate }} + +

+ +

+ {{ 'rowToDisplay' | translate }} + +

+ +

+ {{'linkToDisplay' | translate}} + +

+ +

+ {{'rowToAdd' | translate}} + +

+ +

+ {{'lovRowToDisplay' | translate}} + +

+ +

+ {{'lovLinkToDisplay' | translate}} + +

+ +

+ {{'oidServerName' | translate}} + +

+ +

+ {{'oidBase' | translate}} + +

+ +

+ {{'oidAdminUser' | translate}} + +

+ +

+ {{'oidServerPort' | translate}} + +

+ +

+ {{'userDefaultGroup' | translate}} + +

+ +

+ {{'defaultDepartment' | translate}} + +

+ +

+ {{'defaultPosition' | translate}} + +

+ +

+ {{'singleCharge' | translate}} + +

+ +

+ {{'firstDayOftheWeek' | translate}} + +

+ +

+ {{'hourPerShift' | translate}} + +

+ +

+ {{'cnBillingFrequency' | translate}} + +

+ +

+ {{'billingDepartmentCode' | translate}} + +

+ +

+ {{'basePriceList' | translate}} + +

+ +

+ {{'nonContainerServiceOrder' | translate}} + +

+ +

+ {{'ediMaeSchedulerONOFF' | translate}} + +

+ +

+ {{'uploadLogo' | translate}} + +

+ + +

+ {{'companyDisplayName' | translate}} + +

+ +

+ + +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/systemparameters/systemparameters.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/systemparameters/systemparameters.component.scss new file mode 100644 index 0000000..5037b31 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/systemparameters/systemparameters.component.scss @@ -0,0 +1,86 @@ +.name{ + background-color:#c5c9b0; + color: white; + font-size: 15px; +} +// input[type=text],[type=date],[type=datetime-local],textarea { +// height: 30px; +// width: 100%; +// // padding: 15px 15px; +// // //margin: 2px 0; +// // display: inline-block; +// // border: 1px solid #ccc; +// // border-radius: 4px; +// // box-sizing: border-box; +// } +clr-icon{ + margin-left: 5px; +} +.one-line { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 300px; +} +input[type=text], select, textarea { + width: 100%; + padding: 5px; + border: 1px solid #ccc; + border-radius: 4px; + resize: vertical; +} + +label { + padding: 12px 12px 12px 0; + display: inline-block; +} + +input[type=submit] { + // background-color: #04AA6D; + color: white; + padding: 12px 20px; + border: none; + border-radius: 4px; + cursor: pointer; + float: right; +} + +input[type=submit]:hover { + background-color: #45a049; +} + +.container { + border-radius: 5px; + //background-color: #f2f2f2; + padding: 20px; +} + +.col-25 { + float: left; + width: 25%; + margin-top: 5px; +} + +.col-75 { + float: left; + width: 75%; + margin-top: 5px; +} + +/* Clear floats after the columns */ +.row:after { + content: ""; + display: table; + clear: both; +} + +/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */ +@media screen and (max-width: 600px) { + .col-25, .col-75, input[type=submit] { + width: 100%; + margin-top: 0; + } +} +.btn{ + float: right; +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/systemparameters/systemparameters.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/systemparameters/systemparameters.component.spec.ts new file mode 100644 index 0000000..6eff4ca --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/systemparameters/systemparameters.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SystemparametersComponent } from './systemparameters.component'; + +describe('SystemparametersComponent', () => { + let component: SystemparametersComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ SystemparametersComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(SystemparametersComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/systemparameters/systemparameters.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/systemparameters/systemparameters.component.ts new file mode 100644 index 0000000..107b8ba --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/systemparameters/systemparameters.component.ts @@ -0,0 +1,114 @@ +import { HttpEventType } from '@angular/common/http'; +import { Component, OnInit } from '@angular/core'; +import { AlertService } from 'src/app/services/alert.service'; +import {SysparameterService} from 'src/app/services/admin/sysparameter.service'; +import { FormBuilder, FormGroup, NG_VALUE_ACCESSOR } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import {Systemparameter} from 'src/app/models/admin/systemparameter' +import { ToastrService } from 'ngx-toastr'; + +@Component({ + selector: 'app-systemparameters', + templateUrl: './systemparameters.component.html', + styleUrls: ['./systemparameters.component.scss'], + +}) +export class SystemparametersComponent implements OnInit { + public profilePic: File = null; + message: string; + image: any; + selectedFile: File[]=[]; + public entryForm: FormGroup; + project: Systemparameter; + id=1; + constructor(private alertService: AlertService, + private sysparaservice:SysparameterService, + private _fb: FormBuilder, + private router: Router, + private route: ActivatedRoute, + private toastr: ToastrService,) { } + + ngOnInit(): void { + this.project = new Systemparameter(); + this.getById(this.id); + + this.entryForm = this._fb.group({ + schedulerTime: [null], + leaseTaxCode: [null], + vesselConfProcessLimit: [null], + rowToDisplay: [null], + linkToDisplay: [null], + rowToAdd: [null], + lovRowToDisplay: [null], + lovLinkToDisplay: [null], + oidserverName: [null], + oidBase: [null], + oidAdminUser: [null], + oidServerPort: [null], + userDefaultGroup: [null], + defaultDepartment: [null], + defaultPosition: [null], + singleCharge: [null], + firstDayOftheWeek: [null], + hourPerShift: [null], + cnBillingFrequency: [null], + billingDepartmentCode: [null], + basePriceList: [null], + nonContainerServiceOrder: [null], + ediMaeSchedulerONOFF: [null], + ediSchedulerONOFF: [null], + upload_Logo:[null], + Company_Display_Name:[null] + }); + + } + public onFileChanged(event) { + for (var i = 0; i < event.target.files.length; i++) { + this.selectedFile.push(event.target.files[i]); + } + } + // onSubmit(){ + // this.userObj.status='P'; + // console.log(this.entryForm.value); + // this.mainService.createall(this.entryForm.value,this.selectedFile).subscribe(data => { + // console.log(data) + + // }, + // (error) => { + // console.log(error); + // } + + // ); + // } + adddata(){ + this.sysparaservice.create(this.entryForm.value).subscribe( + (data) => { + console.log(data); + // this.router.navigate(["../../project/all"], { relativeTo: this.route }); + }, + + ); + } + getById(id: number) { + this.sysparaservice.getById(id).subscribe((data) => { + this.project = data; + console.log("getbyiddata",this.project); + }, + (err) => { + console.log(err); + } + ); + } + updatedata(){ + this.sysparaservice.update(this.id, this.project,this.selectedFile).subscribe( + (data) => { + console.log(data); + //this.router.navigate(["../../../project/all"], { relativeTo: this.route }); + }, + + ); + if (this.id) { + this.toastr.success('Updated successfully'); + } + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/user-registration/user-registration.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/user-registration/user-registration.component.html new file mode 100644 index 0000000..d8c3c77 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/user-registration/user-registration.component.html @@ -0,0 +1,42 @@ + + + +

+ CloudnSure +

+ +

Try CloudnSure For Free

By singing up, I agree to the cloudnsure Privacy Policy and Terms of Service

+ + + +

+ + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/user-registration/user-registration.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/user-registration/user-registration.component.scss new file mode 100644 index 0000000..dbaa7f7 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/user-registration/user-registration.component.scss @@ -0,0 +1,143 @@ +//@import "../../../assets/scss/var"; +/* :host { + display: flex; + flex-direction: row; + justify-content: center; +} */ + +/* .s-login-pg { + width:400px; + display:flex; + padding:0; + margin:48px 16px 16px 16px; + flex-direction: column; + align-items: center; + background-color: white; + border: 1px solid #ccc; + border-radius: 2px; + box-shadow: 0 1px 3px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.15); + .s-login-pg-head{ + width:100%; + height:220px; + display:flex; + flex-direction: column; + align-items: center; + background-color: #998; + padding:16px; + color:white; + } + .s-login-pg-form { + width:100%; + height:200px; + display:flex; + flex-direction: column; + align-items: center; + margin:24px 16px; + input{ + margin: 16px; + } + } + .s-login-pg-foot { + width:100%; + min-height:40px; + display:flex; + flex-direction: column; + align-items: center; + } + + +} */ + +//** variables +$background: #f5f6fa; +$text: #9c9c9c; +$input-bg-color: #fff; +$input-text-color: #a3a3a3; +$button-bg-color: #7f8ff4; +$button-text-color: #fff; + +//** root +:root { + background: $background; + color: $text; + font: 1rem "PT Sans", sans-serif; +} + +html, +body, +.container { + height: 100%; +} + +a { + color: inherit; + + &:hover { + color: $button-bg-color; + } +} + +//** helper +.email_check { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; +} + +.uppercase { + text-transform: uppercase; +} + +//** button +.btn { + display: inline-block; + background: transparent; + color: inherit; + font: inherit; + border: 0; + outline: 0; + padding: 0; + transition: all 200ms ease-in; + cursor: pointer; + + &--primary { + background: $button-bg-color; + color: $button-text-color; + box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1); + border-radius: 2px; + //padding: 12px 36px; + //padding: 7px 158px; + width: 100%; + + &:hover { + background: darken($button-bg-color, 4%); + } + + &:active { + background: $button-bg-color; + box-shadow: inset 0 0 10px 2px rgba(0, 0, 0, .2); + } + } + + /* &--inside { + margin-left: -96px; + } */ +} + +//** form +.form { + /* margin-left: auto; + margin-right: auto; */ + &__field { + width: 360px; + //width: 450px; + background: #fff; + color: $input-text-color; + font: inherit; + box-shadow: 0 6px 10px 0 rgba(0, 0, 0 , .1); + border: 0; + outline: 0; + padding: 22px 18px; + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/user-registration/user-registration.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/user-registration/user-registration.component.spec.ts new file mode 100644 index 0000000..692a6ca --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/user-registration/user-registration.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { UserRegistrationComponent } from './user-registration.component'; + +describe('UserRegistrationComponent', () => { + let component: UserRegistrationComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ UserRegistrationComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(UserRegistrationComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/user-registration/user-registration.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/user-registration/user-registration.component.ts new file mode 100644 index 0000000..52e1126 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/user-registration/user-registration.component.ts @@ -0,0 +1,93 @@ + +import { HttpErrorResponse } from "@angular/common/http"; +import { Component, OnInit, ViewEncapsulation } from "@angular/core"; +import { FormArray, FormBuilder, FormGroup, Validators } from "@angular/forms"; +import { ActivatedRoute, Router } from "@angular/router"; + + +import { UserRegistrationService } from "src/app/services/admin/user-registration.service"; + + +export interface EmailRequest { + email: string; +} +@Component({ + selector: 'app-user-registration', + templateUrl: './user-registration.component.html', + styleUrls: ['./user-registration.component.scss'] +}) +export class UserRegistrationComponent implements OnInit { + + model: any = {}; + EmailRequest: EmailRequest; + emailErrMsg: string = "" + emailCheckForm: FormGroup; + constructor(private _fb: FormBuilder, + private router: Router, + private route: ActivatedRoute, + private userRegistrationService: UserRegistrationService) { } + + ngOnInit(): void { + this.userRegistrationService.removeSignedUpUserInfo(); + this.userRegistrationService.removeStoredEmail(); + this.emailCheckForm = this._fb.group({ + email: ['', Validators.email] + }); + } + emailExistCheck() { + console.log('input email: ', this.model.email); + this.userRegistrationService.emailCheck(this.model.email) + .subscribe((res) => { + console.log('email check Res : ', res); + /* if(res == 202) { + this.emailErrMsg = res.body; + // redirect to next page + //this.router.navigate([""]) + } else if(res.status == 409){ + this.emailErrMsg = res.body; + } */ + }, (err) => { + console.log(err); + }); + } + + + get f() { return this.emailCheckForm.controls; } + onSubmit() { + console.log('this.emailCheckForm.value : ', this.emailCheckForm.value); + /* let headers = new HttpHeaders().set("Content-Type", "application/json"); + this.httpService.post('http://localhost:9119/token/email-exists', + JSON.stringify(this.emailCheckForm.value), { headers: headers, responseType: 'text' }) + .subscribe(data => { + console.log('success ', data); + this.router.navigate(["/varify-account"]); + }, err => { + console.log('failure ', err); + //location.reload; + this.emailErrMsg = "Email is Already Exist"; + } + ); */ + this.userRegistrationService.emailCheck(this.emailCheckForm.value) + .subscribe((res) => { + console.log('success ', res); + let email: string = res.message; + email = email.substring(16); + console.log(email); + this.userRegistrationService.storeEmail(email); + this.router.navigate(["/varify-account"]); + },(err: HttpErrorResponse) => { + console.log(err); + console.log(err.error.message); + if(err.status === 409) { + this.emailErrMsg = 'Email Already Exists'; + } else { + this.emailErrMsg = 'Server error'; + } + }); + } + + onSignUp() { + this.router.navigate(["signup"]); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/user/user.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/user/user.component.html new file mode 100644 index 0000000..4d02174 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/user/user.component.html @@ -0,0 +1,606 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + +

User list

+ + +

+ + user not found! + + + User Id + + + + + Name + + + + + Username + + + + + Role + + + + + email + + + + + {{user1.userId}} + {{user1.firstName}} {{user1.lastName}} + {{user1.username}} + {{user1.role}} + {{user1.email}} + + + + + ˝ + + + + + + + + + + + + + + + + + + + + +

picture
ID	{{user1.userId}}
Updated	{{user1.updatedAt \| date}}
Register	{{user1.createdAt \| date}}

+ + + + + + Users per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} users + + + + +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/user/user.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/user/user.component.scss new file mode 100644 index 0000000..62edce4 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/user/user.component.scss @@ -0,0 +1,40 @@ +.td-title { + text-align: right; + width: 150px; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); + color: white; +} + +.td-content { + text-align: left; +} + +img { + border: 2px solid #245; + border-radius: 5px; +} +.img-class{ + height: 100px; + width: 100px; +} + +input[type=text],[type=date],[type=password] { + width: 100%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} + +.delete,.heading{ + text-align: center; + color: red; +} + +.add-pop,.heading{ + text-align: center; + color: green; +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/user/user.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/user/user.component.spec.ts new file mode 100644 index 0000000..dd3b1d7 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/user/user.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { UserComponent } from './user.component'; + +describe('UserComponent', () => { + let component: UserComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ UserComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(UserComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/user/user.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/user/user.component.ts new file mode 100644 index 0000000..f7530c4 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/user/user.component.ts @@ -0,0 +1,369 @@ +import { Component, OnInit } from '@angular/core'; +import { AlertService } from '../../../../services/alert.service'; +import { ToastrService } from 'ngx-toastr'; +import { ExcelService } from './../../../../services/excel.service'; +import { MainService } from './../../../../services/main.service'; +import * as moment from 'moment'; +import { ActivatedRoute, Router } from '@angular/router'; +import { UserListService } from '../../../../services/admin/user-list.service'; +import { HttpClient } from '@angular/common/http'; +import { MenuGroupService } from '../../../../services/admin/menu-group.service'; +import { UserInfoService } from '../../../../services/user-info.service'; +import { User } from '../../../../models/admin/user'; + +@Component({ + selector: 'app-user', + templateUrl: './user.component.html', + styleUrls: ['./user.component.scss'] +}) +export class UserComponent implements OnInit { + users: any[] = []; + rowSelected: any = {}; + loading = false; + modalEdit = false; + allusers: any; + // allusers: user; + userst: User; + openAddUser = false; + modaldelete = false; + modalcreate = false; + modalup = false; + tempid: any; + assign = false; + + user = { + id: '', + user_id: '', + name: '', + gender: '', + dob: '', + email: '', + username: '', + password: '' + } + updateU = { + id: '', + user_id: '', + name: '', + gender: '', + dob: '', + email: '', + username: '', + password: '' + } + + updateU1 = { + userId: '', + email: '', + firstName: '', + lastName: '', + username: '', + password: '' + } + + // image related variables + selectedFile: File; + retrievedImage: any; + base64Data: any; + retrieveResonse: any; + message: string; + // imageName: any; + imageName = 'index.jpg'; + + groupData: any; + + userData = { + id: '', + user_id: '', + name: '', + gender: '', + dob: '', + email: '', + username: '', + password: '', + menu_group: '' + } + + constructor( + private _mg: MenuGroupService, + private mainService: MainService, + private alertService: AlertService, + private toastr: ToastrService, + private excel: ExcelService, + private router: Router, + private route: ActivatedRoute, + private _user: UserListService, + private httpClient: HttpClient, + private _ut: UserInfoService + ) { } + + ngOnInit() { + this.getUsersT(); + this.getUser(); + this.getUsers(); + + // this.getImage(); + + this._mg.getAll().subscribe( + (data: any) => { + this.groupData = data.items; + // console.log(this.groupData); + } + ); + } + + openAssignModal(id: any) { + // console.log(id); + this._user.getOne(id).subscribe( + (data: any) => { + this.userData = data; + } + ); + this.assign = true; + } + + saveAssign() { + // console.log(this.userData.menu_group); + this._user.update(this.userData).subscribe( + (data: any) => { + console.log('Assign Updated Successfully...'); + this.assign = false; + this.ngOnInit(); + } + ); + } + + async getUser() { + this.loading = true; + const result = await this.mainService.getUserTest(); + if (result.results) { + this.users = result.results; + } + this.loading = false; + } + + onEdit(row) { + + console.log(row); + this._user.getOne(row).subscribe( + (data: any) => { + this.updateU = data; + console.log(this.updateU); + + } + ); + this.modalEdit = true; + } + + del(id: any) { + this.tempid = id; + this.modaldelete = true; + } + + async onDelete() { + // const confirmed: any = await this.alertService.confirm('', 'Delete confirm?'); + // if (confirmed.value) { + // this.toastr.success('Deleted successfully'); + // // .... + // } + + this._user.deleteById(this.tempid).subscribe( + (data: any) => { + console.log('Success....'); + this.toastr.success('User deleted successfully...'); + this.modaldelete = false; + this.ngOnInit(); + + } + ); + } + + async onSave() { + const confirmed: any = await this.alertService.confirm('', 'Save confirm?'); + if (confirmed.value) { + this.toastr.success('Save successfully'); + // .... + this.modalEdit = false; + } + } + + onExport() { + this.excel.exportAsExcelFile(this.allusers, 'user_', + moment().format('YYYYMMDD_HHmmss')) + } + goToAdd() { + this.openAddUser = true; + } + + getUsers() { + this._user.getAll().subscribe( + (data: any) => { + this.allusers = data; + + this.allusers.forEach((i: any) => { + i['imgData'] = ''; + // this.getImage(i.id); + // i['imgData'] = this.retrievedImage; + + this.httpClient.get('http://localhost:9191/user_list/get/' + i.id) + .subscribe( + res => { + this.retrieveResonse = res; + this.base64Data = this.retrieveResonse.picByte; + this.retrievedImage = 'data:image/jpeg;base64,' + this.base64Data; + i['imgData'] = 'data:image/jpeg;base64,' + this.base64Data; + // console.log(this.retrievedImage); + } + ); + }); + + console.log(this.allusers); + }, + (error: any) => { + console.log('Error in loading users from server...'); + + } + ); + } + + createUserHere() { + console.log('add button clicked....'); + + this._user.add(this.user).subscribe( + (data: any) => { + this.onUpload(data.id); + console.log('added...'); + this.toastr.success('User added successfully...'); + + this.openAddUser = false; + this.ngOnInit(); + + }, + (error: any) => { + console.log(error); + + } + ); + } + + updateUser() { + console.log('button clicked: update'); + this._user.update(this.updateU).subscribe( + (data: any) => { + console.log('success...'); + this.toastr.success('User updated successfully...'); + this.modalEdit = false; + this.ngOnInit(); + }, + (error: any) => { + console.log(error); + + } + ); + } + + public onFileChanged(event) { + //Select File + this.selectedFile = event.target.files[0]; + } + + //Gets called when the user clicks on submit to upload the image + onUpload(user: any) { + console.log(this.selectedFile); + + //FormData API provides methods and properties to allow us easily prepare form data to be sent with POST HTTP requests. + const uploadImageData = new FormData(); + uploadImageData.append('imageFile', this.selectedFile, this.selectedFile.name); + uploadImageData.append('user_id', user); + + //Make a call to the Spring Boot Application to save the image + this.httpClient.post('http://localhost:9191/user_list/upload', uploadImageData, { observe: 'response' }) + .subscribe((response) => { + if (response.status === 200) { + this.message = 'Document uploaded successfully'; + } else { + this.message = 'Document not uploaded successfully'; + } + } + ); + + + } + + //Gets called when the user clicks on retieve image button to get the image from back end + getImage(id: any) { + //Make a call to Sprinf Boot to get the Image Bytes. + this.httpClient.get('http://localhost:9191/user_list/get/' + id) + .subscribe( + res => { + this.retrieveResonse = res; + this.base64Data = this.retrieveResonse.picByte; + this.retrievedImage = 'data:image/jpeg;base64,' + this.base64Data; + // console.log(this.retrievedImage); + } + ); + } + + onEditNew(id: any) { + console.log(id); + this.getOneUser(id); + this.modalEdit = true; + } + + delNew(id: any) { + this.tempid = id; + console.log(id); + + } + + openAssignModalNew(id: any) { + console.log(id); + + } + + getUsersT() { + + this.httpClient.get('http://localhost:9191/api/all-users').subscribe( + (data: any) => { + this.userst = data; + console.log(this.userst); + }, + (error: any) => { + console.log(error); + } + ); + } + + getOneUser(id: any) { + + this.httpClient.get('http://localhost:9191/api/org-users/' + id).subscribe( + (data: any) => { + this.updateU1 = data; + console.log(this.updateU1); + + }, + (er: any) => { + console.log(er); + + } + ); + } + + updateUserNew() { + this.httpClient.put('http://localhost:9191/api/org-users/' + this.updateU1.userId, this.updateU1).subscribe( + (data: any) => { + console.log('success...'); + this.toastr.success('User updated successfully...'); + this.modalEdit = false; + console.log(data); + this.ngOnInit(); + + }, + (error: any) => { + console.log(error); + + } + ); + } +} + diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usergrpmaintenance/usergrpmaintenance.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/usergrpmaintenance/usergrpmaintenance.component.html new file mode 100644 index 0000000..93987f1 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usergrpmaintenance/usergrpmaintenance.component.html @@ -0,0 +1,320 @@ + + +

+ + + + + +

+ + + + + + + {{'LOADING' | translate}} ... + +

+ + + + + {{'USERGROUP_NO' | translate}} + + + + + + {{'GROUP_NAME' | translate}} + + + + + {{'GROUP_DESC' | translate}} + + + + + {{'GROUP_LEVEL' | translate}} + + + + + {{'STATUS' | translate}} + + + + + {{'UPDATED_DATE' | translate}} + + + + + {{user.usrGrp}} + {{user.groupName}} + {{user.groupDesc}} + {{user.groupLevel}} + + + {{user.status === 'E' ? 'Enabled' : 'Disabled'}} + + + {{user.updateDateFormated}} + + + + + + + + + + + + + +

username

+ + + + + + +

+ +

ID{{user.usrGrp}}

Desc{{user.groupDesc}}

Level{{user.groupLevel}}

Updated{{user.updateDateFormated}}

+ +

+ + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usergrpmaintenance/usergrpmaintenance.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/usergrpmaintenance/usergrpmaintenance.component.scss new file mode 100644 index 0000000..d903195 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usergrpmaintenance/usergrpmaintenance.component.scss @@ -0,0 +1,748 @@ +@import '../../../../../styles.scss'; + +// Import design tokens +@import '../../../../../styles/design-tokens'; + +// User Group Maintenance Styles +.ug-hero { + display: flex; + justify-content: space-between; + align-items: center; + padding: 24px 32px; + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-radius: 16px; + margin-bottom: 24px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + backdrop-filter: blur(16px); + border: 1px solid rgba(255, 255, 255, 0.2); + font-family: var(--theme-font-primary); + + &__content { + display: flex; + align-items: center; + gap: 16px; + } + + &__icon { + background: rgba(255, 255, 255, 0.2); + border-radius: 50%; + padding: 16px; + display: flex; + align-items: center; + justify-content: center; + + clr-icon { + width: 36px; + height: 36px; + color: white; + } + } + + &__title { + font-size: 28px; + font-weight: 700; + margin: 0; + color: white; + font-family: var(--theme-font-secondary); + } + + &__subtitle { + font-size: 16px; + margin: 0; + opacity: 0.9; + color: rgba(255, 255, 255, 0.8); + } + + &__actions { + display: flex; + gap: 12px; + } +} + +.ug-btn-text { + margin-left: 8px; +} + +// Modern Button Styles using ThemeService +.ug-btn { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 8px; + padding: 12px 20px; + font-size: 14px; + font-weight: 500; + line-height: 1; + border-radius: 8px; + border: 1px solid transparent; + cursor: pointer; + transition: all 200ms ease-out; + text-decoration: none; + position: relative; + overflow: hidden; + font-family: var(--theme-font-primary); + z-index: 1; + + &:focus { + outline: 2px solid var(--theme-primary); + outline-offset: 2px; + } + + &:disabled { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; + } + + // Sizes + &.ug-btn-sm { + padding: 8px 16px; + font-size: 13px; + height: 32px; + } + + &.ug-btn-md { + padding: 12px 20px; + font-size: 14px; + height: 40px; + } + + &.ug-btn-lg { + padding: 16px 24px; + font-size: 16px; + height: 48px; + } + + // Variants + &.ug-btn-primary { + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-color: var(--theme-primary); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: linear-gradient(135deg, var(--theme-primary, #0284c7) 0%, var(--theme-accent, #7c3aed) 100%); + transform: translateY(-2px); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + &:active { + transform: translateY(0); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + } + } + + &.ug-btn-secondary { + background: var(--theme-surface); + color: var(--theme-text); + border-color: rgba(0, 0, 0, 0.1); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: var(--theme-background); + border-color: rgba(0, 0, 0, 0.2); + transform: translateY(-1px); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + } + + &.ug-btn-outline { + background: transparent; + color: var(--theme-secondary); + border-color: var(--theme-secondary); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: rgba(100, 116, 139, 0.1); // var(--theme-secondary) with 10% opacity + border-color: var(--theme-secondary); + color: var(--theme-secondary); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + } + + &.ug-btn-error { + background: var(--theme-error, #ef4444); + color: white; + border-color: var(--theme-error, #ef4444); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: var(--theme-error-dark, #dc2626); + border-color: var(--theme-error-dark, #dc2626); + transform: translateY(-2px); + box-shadow: 0 10px 15px -3px rgba(239, 68, 68, 0.3), 0 4px 6px -2px rgba(239, 68, 68, 0.1); + } + } + + &.ug-btn-ghost { + background: transparent; + color: var(--theme-text-secondary); + border-color: transparent; + + &:hover { + background: var(--theme-background); + color: var(--theme-text); + } + } +} + +.ug-toolbar { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 24px; + padding: 16px; + background: var(--theme-surface); + border-radius: 12px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &__left { + flex: 1; + } + + &__right { + display: flex; + gap: 8px; + } +} + +.ug-search { + position: relative; + max-width: 400px; + + clr-icon { + position: absolute; + left: 12px; + top: 50%; + transform: translateY(-50%); + color: #9ca3af; + z-index: 1; + } + + &__input { + width: 100%; + padding: 12px 12px 12px 40px; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 8px; + font-size: 14px; + transition: all 200ms ease-out; + background: var(--theme-surface); + color: var(--theme-text); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); + + &:focus { + outline: none; + border-color: var(--theme-primary); + box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1); // var(--theme-primary) with 10% opacity + } + } +} + +.ug-view-toggle { + display: flex; + border: 1px solid #d1d5db; + border-radius: 8px; + overflow: hidden; + + .ug-btn { + border-radius: 0; + border: none; + background: var(--theme-surface); + color: var(--theme-text-secondary); + + &:first-child { + border-right: 1px solid #d1d5db; + } + + &.ug-btn-primary { + background: var(--theme-primary); + color: white; + } + } +} + +// Modern Table Styles +.ug-grid { + background: var(--theme-surface); + border-radius: 16px; + overflow: hidden; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + margin-bottom: 24px; + + ::ng-deep .datagrid { + .datagrid-head { + background: var(--theme-background); + + .datagrid-column { + padding: 16px 24px; + font-size: 12px; + font-weight: 600; + color: var(--theme-text-secondary); + text-transform: uppercase; + letter-spacing: 0.05em; + border-bottom: 1px solid #e5e7eb; + } + } + + .datagrid-row { + transition: background-color 150ms ease-out; + + &:hover { + background: var(--theme-background); + } + + &:not(:last-child) { + border-bottom: 1px solid #e5e7eb; + } + + .datagrid-cell { + padding: 16px 24px; + font-size: 14px; + color: var(--theme-text); + } + } + + .datagrid-footer { + background: var(--theme-background); + border-top: 1px solid #e5e7eb; + padding: 16px 24px; + } + } +} + +.ug-grid-footer { + background: var(--theme-background); + border-top: 1px solid #e5e7eb; +} + +// Modern Card Styles - More beautiful design +.ug-cards { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); + gap: 24px; + margin-bottom: 24px; +} + +.ug-card-item { + background: var(--theme-surface); + border: 1px solid rgba(0, 0, 0, 0.06); + border-radius: var(--theme-border-radius); // Using theme variable + box-shadow: var(--theme-shadow); // Using theme variable + overflow: hidden; + display: flex; + flex-direction: column; + transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); + + &:hover { + transform: translateY(-5px); + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + border-color: rgba(14, 165, 233, 0.3); // var(--theme-primary) with 30% opacity + } + + &__header { + display: flex; + align-items: center; + gap: 10px; + padding: 16px; + background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), transparent); // var(--theme-primary) with 10% opacity + min-height: 60px; + } + + &__icon { + clr-icon { + width: 24px; + height: 24px; + color: var(--theme-primary); + } + } + + &__title { + font-weight: 700; + flex: 1 1 auto; + font-size: 18px; + color: var(--theme-text); + max-width: 60%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + &__badge { + margin-left: auto; + display: inline-flex; + align-items: center; + padding: 4px 12px; + font-size: 12px; + font-weight: 600; + border-radius: 9999px; + text-transform: uppercase; + letter-spacing: 0.05em; + } + + &__body { + padding: 16px; + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 12px; + } + + &__footer { + padding: 16px; + display: flex; + gap: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.06); + background: var(--theme-background); + } +} + +.ug-kv { + display: flex; + justify-content: space-between; + font-size: 14px; + + span { + color: var(--theme-text-secondary); + } + + strong { + color: var(--theme-text); + font-weight: 500; + text-align: right; + max-width: 60%; + overflow: hidden; + text-overflow: ellipsis; + } +} + +// Theme the card footer buttons +.ug-card-item__footer .ug-btn { + border-radius: 10px; + flex: 1; + justify-content: center; +} + +.ug-card-item__footer .ug-btn.ug-btn-outline { + border: 1px solid var(--theme-secondary); + color: var(--theme-secondary); + background: transparent; + + &:hover { + background: rgba(100, 116, 139, 0.1); // var(--theme-secondary) with 10% opacity + border-color: var(--theme-secondary); + color: var(--theme-secondary); + } +} + +.ug-card-item__footer .ug-btn.ug-btn-error { + background: var(--theme-error, #ef4444); + color: #fff; + border-color: var(--theme-error, #ef4444); + + &:hover { + background: var(--theme-error-dark, #dc2626); + border-color: var(--theme-error-dark, #dc2626); + transform: translateY(-2px); + } +} + +// Table view action buttons +.ug-action-item { + @extend .ug-btn; + @extend .ug-btn-ghost; + @extend .ug-btn-sm; + width: 100%; + justify-content: flex-start; + margin-bottom: 4px; + text-align: left; + + clr-icon { + width: 16px; + height: 16px; + margin-right: 8px; + } + + &.ug-btn-error { + color: var(--theme-error, #ef4444); + + &:hover { + background: rgba(239, 68, 68, 0.1); + } + } +} + +// Ensure action overflow is visible +::ng-deep .datagrid-action-overflow { + button.action-item { + display: flex; + align-items: center; + width: 100%; + text-align: left; + padding: 8px 12px; + + clr-icon { + margin-right: 8px; + } + } +} + +// Status Badges +.ug-status-badge { + display: inline-flex; + align-items: center; + padding: 6px 16px; + font-size: 13px; + font-weight: 600; + border-radius: 9999px; + text-transform: uppercase; + letter-spacing: 0.05em; +} + +.ug-status-enabled { + background: linear-gradient(135deg, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0.05) 100%); + color: #10b981; +} + +.ug-status-disabled { + background: linear-gradient(135deg, rgba(239, 68, 68, 0.1) 0%, rgba(239, 68, 68, 0.05) 100%); + color: #ef4444; +} + +// Form Styles +.ug-form-group { + margin-bottom: 20px; +} + +.ug-form-label { + display: block; + font-size: 14px; + font-weight: 500; + color: var(--theme-text); + margin-bottom: 8px; + font-family: var(--theme-font-primary); +} + +.ug-form-input, .ug-form-select { + width: 100%; + padding: 12px 16px; + font-size: 14px; + line-height: 1.5; + color: var(--theme-text); + background: var(--theme-surface); + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 8px; + transition: all 200ms ease-out; + margin-bottom: 0; + font-family: var(--theme-font-primary); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); + + &:focus { + outline: none; + border-color: var(--theme-primary); + box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1); // var(--theme-primary) with 10% opacity + } + + &:disabled { + background: var(--theme-background); + color: var(--theme-text-secondary); + cursor: not-allowed; + } + + &.error { + border-color: #ef4444; + box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1); + } + + &::placeholder { + color: var(--theme-text-secondary); + } +} + +.ug-form-select { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); + background-position: right 12px center; + background-repeat: no-repeat; + background-size: 16px 12px; + padding-right: 40px; + appearance: none; +} + +.ug-form-error { + color: #ef4444; + font-size: 12px; + margin-top: 6px; + font-weight: 500; +} + +.required-field { + color: #ef4444; + margin-left: 4px; +} + +.ug-file-input { + width: 100%; + padding: 12px; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 8px; + background: var(--theme-surface); + color: var(--theme-text); + + &::file-selector-button { + @extend .ug-btn; + @extend .ug-btn-secondary; + margin-right: 12px; + padding: 8px 16px; + border: none; + } +} + +// Delete Modal Styles +.ug-delete-header { + text-align: center; + padding: 24px; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.ug-delete-icon { + color: #ef4444; + margin-bottom: 16px; +} + +.ug-delete-title { + font-size: 24px; + font-weight: 700; + color: var(--theme-text); + margin: 0 0 8px 0; +} + +.ug-delete-subtitle { + font-size: 16px; + color: var(--theme-text-secondary); + margin: 0; +} + +.ug-delete-details { + padding: 24px; +} + +.ug-delete-detail-item { + display: flex; + justify-content: space-between; + padding: 12px 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + + &:last-child { + border-bottom: none; + } +} + +.ug-delete-detail-label { + font-weight: 500; + color: var(--theme-text-secondary); +} + +.ug-delete-detail-value { + font-weight: 600; + color: var(--theme-text); +} + +.delete { + color: #ef4444; + text-align: center; + margin-bottom: 16px; + font-weight: 600; + font-size: 20px; +} + +.heading { + text-align: center; + margin-bottom: 24px; + color: var(--theme-text); + font-weight: 600; +} + +// Modal Header +::ng-deep .modal-header { + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-radius: 16px 16px 0 0 !important; + padding: 20px 24px !important; + + .modal-title { + color: white; + font-weight: 600; + font-size: 20px; + margin: 0; + } + + .close { + color: white; + opacity: 0.8; + + &:hover { + opacity: 1; + } + } +} + +// Modal Body +::ng-deep .modal-body { + padding: 24px !important; +} + +// Modal Footer +::ng-deep .modal-footer { + padding: 20px 24px !important; + background: var(--theme-background); + border-radius: 0 0 16px 16px !important; + border-top: 1px solid rgba(0, 0, 0, 0.05) !important; +} + +// Responsive adjustments +@media (max-width: 768px) { + .ug-hero { + flex-direction: column; + gap: 16px; + text-align: center; + + &__content { + flex-direction: column; + text-align: center; + } + + &__actions { + width: 100%; + justify-content: center; + flex-wrap: wrap; + } + } + + .ug-toolbar { + flex-direction: column; + gap: 16px; + } + + .ug-search { + max-width: 100%; + } + + .ug-cards { + grid-template-columns: 1fr; + } + + .ug-card-item { + &__header { + flex-direction: column; + text-align: center; + + &__icon { + margin-right: 0; + margin-bottom: 16px; + } + } + + &__footer { + justify-content: center; + } + } +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usergrpmaintenance/usergrpmaintenance.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/usergrpmaintenance/usergrpmaintenance.component.spec.ts new file mode 100644 index 0000000..945eb38 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usergrpmaintenance/usergrpmaintenance.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { UsergrpmaintenanceComponent } from './usergrpmaintenance.component'; + +describe('UsergrpmaintenanceComponent', () => { + let component: UsergrpmaintenanceComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ UsergrpmaintenanceComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(UsergrpmaintenanceComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usergrpmaintenance/usergrpmaintenance.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/usergrpmaintenance/usergrpmaintenance.component.ts new file mode 100644 index 0000000..5b62fad --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usergrpmaintenance/usergrpmaintenance.component.ts @@ -0,0 +1,246 @@ +import { Component, OnInit, OnDestroy } from '@angular/core'; +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ExcelService } from '../../../../services/excel.service'; +import * as moment from 'moment'; +import { UsergrpmaintainceService } from '../../../../services/admin/usergrpmaintaince.service'; +import { ToastrService } from 'ngx-toastr'; +import { MenuGroupService } from 'src/app/services/admin/menu-group.service'; +import { CsvService } from 'src/app/services/csv.service'; +import { TranslateService } from '@ngx-translate/core'; +import { ThemeService } from 'src/app/services/theme.service'; +import { Subscription } from 'rxjs'; + +@Component({ + selector: 'app-usergrpmaintenance', + templateUrl: './usergrpmaintenance.component.html', + styleUrls: ['./usergrpmaintenance.component.scss'] +}) +export class UsergrpmaintenanceComponent implements OnInit, OnDestroy { + loading = false; + public entryForm: FormGroup; + givendata; + orders; + error; + modalAdd= false; + modaledit=false; + modaldelete=false; + rowSelected :any= {}; + mcreate: string | boolean = false; + medit: string | boolean = false; + showdata: any; + submitted=false; + filterText: string = ''; + viewMode: 'table' | 'cards' = 'cards'; + private themeSubscription: Subscription; + + constructor( + private excel: ExcelService, + private toastr:ToastrService, + private _fb: FormBuilder, + private router: Router, + private route: ActivatedRoute, + private menuGroupService: MenuGroupService, + private mainservice:UsergrpmaintainceService, + private csvService: CsvService, + private translate: TranslateService, + private themeService: ThemeService, + ) { } + + switchLanguage(language: string) { + this.translate.use(language); + } + + ngOnInit(): void { + this.themeSubscription = this.themeService.currentTheme$.subscribe(() => { + // Theme changes will automatically update CSS variables + // This triggers a re-render of themed elements + }); + + this.showdata = this.menuGroupService.getdata(); + console.log('Showdata:', this.showdata); + if (this.showdata) { + // Handle both string and boolean values + this.mcreate = this.showdata.mcreate === 'true' || this.showdata.mcreate === true ? true : false; + this.medit = this.showdata.medit === 'true' || this.showdata.medit === true ? true : false; + console.log('MCREATE:', this.mcreate); + console.log('MEDIT:', this.medit); + } + + this.mainservice.getAll().subscribe((data) => { + console.log('Data received:', data); + this.givendata = data || []; + if(this.givendata.length==0){ + this.error="No data Available"; + console.log(this.error) + } + },(error) => { + console.log(error); + if(error){ + this.error="Server Error"; + } + }); + + this.entryForm = this._fb.group({ + groupName:['',[Validators.required]] , + groupDesc:['',[Validators.required]] , + groupLevel:['',[Validators.required]] , + status:['',[Validators.required]] , + + }); + } + + ngOnDestroy(): void { + if (this.themeSubscription) { + this.themeSubscription.unsubscribe(); + } + } + + get totalGroups(): number { + const list: any[] = (this.givendata as unknown as any[]) || []; + return list.length; + } + + + get filteredGroups(): any[] { + const items: any[] = (this.givendata as unknown as any[]) || []; + const text = (this.filterText || '').toLowerCase(); + if (!text) { return items; } + return items.filter(g => ( + (g?.groupName || '').toLowerCase().includes(text) || + (g?.groupDesc || '').toLowerCase().includes(text) + )); + } + + setViewMode(mode: 'table' | 'cards') { this.viewMode = mode; } + onExport() { + this.excel.exportAsExcelFile(this.givendata, 'user_', + moment().format('YYYYMMDD_HHmmss')) + } + goToAdd() { + this.modalAdd=true; + //this.router.navigate(["../usermaintanceadd"],{relativeTo:this.route}); + } + goToEdit(row){ + console.log('Edit clicked for row:', row); + this.rowSelected = {...row}; // Create a copy to avoid reference issues + this.modaledit=true; + //this.router.navigate(["../usermaintanceedit/"+ id], { relativeTo: this.route }); + } + onUpdate(id) { + this.modaledit = false; + //console.log("in update"); + console.log("id "+id); + console.log( this.rowSelected ); + //console.log("out update"); + this.mainservice.update(this.rowSelected).subscribe( + (data) => { + console.log(data); + if (data) { + this.toastr.success('Updated successfully'); + } + }, (error) => { + console.log(error); + if(error){ + this.toastr.error('Not Updated Data Getting Some Error'); + } + } + ); + } + onSubmit() { + console.log(this.entryForm.value); + this.submitted=true; + if (this.entryForm.invalid) { + return; + } + this.onCreate(); + } + onCreate() { + this.modalAdd=false; + this.mainservice.create(this.entryForm.value).subscribe(data => { + console.log(data) + this.ngOnInit(); + if (data) { + this.toastr.success('Added successfully'); + } + }, + (error) => { + console.log(error); + if(error){ + this.toastr.error('Not Added Data Getting Some Error'); + } + } + ); + // if (this.entryForm.value) { + // this.toastr.success('Added successfully'); + + // } + } + onDelete(row) { + console.log('Delete clicked for row:', row); + this.rowSelected = {...row}; // Create a copy to avoid reference issues + this.modaldelete=true; + } + + delete(id) + { + this.modaldelete = false; + console.log("in delete "+id); + this.mainservice.deleteusr(id).subscribe( + (data) => { + console.log(data); + this.ngOnInit(); + if (data) { + this.toastr.success('Deleted successfully'); + } + }, + (error) => { + console.log('Error in adding data...',+error); + if(error){ + this.toastr.error('Not Deleted Data Getting Some Error'); + } + } + ); + + + } + + + + // csv + + modalCsv = false; + selectedFiles: File; + fileList; + ttype = 'usergroupmaintenance'; + + + // Import CSV + public selectFile(event) { + this.selectedFiles = event.target.files[0]; + // this.saveCsv(); + } + + csvImport() { + console.log("import CSV"); + this.modalCsv = true; + } + saveCsv() { + this.csvService.importCsv(this.selectedFiles, this.ttype).subscribe(data => { + console.log(data); + this.fileList = data; + this.modalCsv = false; + }, + (error) => { + console.log(error); + if (error.status == 202) { + this.toastr.success(error.error.text) + } + }); + } + + downloadFiles() { + this.csvService.downloadCsvs(this.ttype); + + } +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintance/usermaintance.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintance/usermaintance.component.html new file mode 100644 index 0000000..88e73f5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintance/usermaintance.component.html @@ -0,0 +1,202 @@ + + +

+ + + + + +

+ + + + + + + {{'LOADING' | translate}} ... + +

+ + + + + {{'USER_ID' | translate}} + + + + + {{'FULL_NAME' | translate}} + + + + + {{'EMAIL' | translate}} + + + + + {{'USER_GROUP_NAME' | translate}} + + + + + {{user.userId}} + {{user.fullName}} + {{user.email}} + {{user.usrGrpName}} + + + + + + + + + + + + + +

username

+ + + + + + +

+ +

{{'EMAIL' | translate}}{{user.email}}

{{'GROUP' | translate}}{{user.usrGrpName}}

+ +

+ + + + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintance/usermaintance.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintance/usermaintance.component.scss new file mode 100644 index 0000000..adab424 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintance/usermaintance.component.scss @@ -0,0 +1,656 @@ +@import '../../../../../styles.scss'; + +// Import design tokens +@import '../../../../../styles/design-tokens'; + +.delete, .heading { + text-align: center; + color: red; +} + +// Modern User Maintenance Styles +.um-hero { + display: flex; + justify-content: space-between; + align-items: center; + padding: 24px 32px; + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-radius: 16px; + margin-bottom: 24px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + backdrop-filter: blur(16px); + border: 1px solid rgba(255, 255, 255, 0.2); + font-family: var(--theme-font-primary); + + &__content { + display: flex; + align-items: center; + gap: 16px; + } + + &__icon { + background: rgba(255, 255, 255, 0.2); + border-radius: 50%; + padding: 16px; + display: flex; + align-items: center; + justify-content: center; + + clr-icon { + width: 36px; + height: 36px; + color: white; + } + } + + &__title { + font-size: 28px; + font-weight: 700; + margin: 0; + color: white; + font-family: var(--theme-font-secondary); + } + + &__subtitle { + font-size: 16px; + margin: 0; + opacity: 0.9; + color: rgba(255, 255, 255, 0.8); + } + + &__actions { + display: flex; + gap: 12px; + } +} + +.um-btn-text { + margin-left: 8px; +} + +// Modern Button Styles using ThemeService +.um-btn { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 8px; + padding: 12px 20px; + font-size: 14px; + font-weight: 500; + line-height: 1; + border-radius: 8px; + border: 1px solid transparent; + cursor: pointer; + transition: all 200ms ease-out; + text-decoration: none; + position: relative; + overflow: hidden; + font-family: var(--theme-font-primary); + z-index: 1; + + &:focus { + outline: 2px solid var(--theme-primary); + outline-offset: 2px; + } + + &:disabled { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; + } + + // Sizes + &.um-btn-sm { + padding: 8px 16px; + font-size: 13px; + height: 32px; + } + + &.um-btn-md { + padding: 12px 20px; + font-size: 14px; + height: 40px; + } + + &.um-btn-lg { + padding: 16px 24px; + font-size: 16px; + height: 48px; + } + + // Variants + &.um-btn-primary { + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-color: var(--theme-primary); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: linear-gradient(135deg, var(--theme-primary, #0284c7) 0%, var(--theme-accent, #7c3aed) 100%); + transform: translateY(-2px); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + &:active { + transform: translateY(0); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + } + } + + &.um-btn-secondary { + background: var(--theme-surface); + color: var(--theme-text); + border-color: rgba(0, 0, 0, 0.1); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: var(--theme-background); + border-color: rgba(0, 0, 0, 0.2); + transform: translateY(-1px); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + } + + &.um-btn-outline { + background: transparent; + color: var(--theme-secondary); + border-color: var(--theme-secondary); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: rgba(100, 116, 139, 0.1); // var(--theme-secondary) with 10% opacity + border-color: var(--theme-secondary); + color: var(--theme-secondary); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + } + + &.um-btn-error { + background: var(--theme-error, #ef4444); + color: white; + border-color: var(--theme-error, #ef4444); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: var(--theme-error-dark, #dc2626); + border-color: var(--theme-error-dark, #dc2626); + transform: translateY(-2px); + box-shadow: 0 10px 15px -3px rgba(239, 68, 68, 0.3), 0 4px 6px -2px rgba(239, 68, 68, 0.1); + } + } + + &.um-btn-ghost { + background: transparent; + color: var(--theme-text-secondary); + border-color: transparent; + + &:hover { + background: var(--theme-background); + color: var(--theme-text); + } + } +} + +.um-toolbar { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 24px; + padding: 16px; + background: var(--theme-surface); + border-radius: 12px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &__left { + flex: 1; + } + + &__right { + display: flex; + gap: 8px; + } +} + +.um-search { + position: relative; + max-width: 400px; + + clr-icon { + position: absolute; + left: 12px; + top: 50%; + transform: translateY(-50%); + color: #9ca3af; + z-index: 1; + } + + &__input { + width: 100%; + padding: 12px 12px 12px 40px; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 8px; + font-size: 14px; + transition: all 200ms ease-out; + background: var(--theme-surface); + color: var(--theme-text); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); + + &:focus { + outline: none; + border-color: var(--theme-primary); + box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1); // var(--theme-primary) with 10% opacity + } + } +} + +.um-view-toggle { + display: flex; + border: 1px solid #d1d5db; + border-radius: 8px; + overflow: hidden; + + .um-btn { + border-radius: 0; + border: none; + background: var(--theme-surface); + color: var(--theme-text-secondary); + + &:first-child { + border-right: 1px solid #d1d5db; + } + + &.um-btn-primary { + background: var(--theme-primary); + color: white; + } + } +} + +// Modern Table Styles +.um-grid { + background: var(--theme-surface); + border-radius: 16px; + overflow: hidden; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + margin-bottom: 24px; + + ::ng-deep .datagrid { + .datagrid-head { + background: var(--theme-background); + + .datagrid-column { + padding: 16px 24px; + font-size: 12px; + font-weight: 600; + color: var(--theme-text-secondary); + text-transform: uppercase; + letter-spacing: 0.05em; + border-bottom: 1px solid #e5e7eb; + } + } + + .datagrid-row { + transition: background-color 150ms ease-out; + + &:hover { + background: var(--theme-background); + } + + &:not(:last-child) { + border-bottom: 1px solid #e5e7eb; + } + + .datagrid-cell { + padding: 16px 24px; + font-size: 14px; + color: var(--theme-text); + } + } + + .datagrid-footer { + background: var(--theme-background); + border-top: 1px solid #e5e7eb; + padding: 16px 24px; + } + } +} + +.um-grid-footer { + background: var(--theme-background); + border-top: 1px solid #e5e7eb; +} + +// Modern Card Styles - More beautiful design +.um-cards { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); + gap: 24px; + margin-bottom: 24px; +} + +.um-card-item { + background: var(--theme-surface); + border: 1px solid rgba(0, 0, 0, 0.06); + border-radius: var(--theme-border-radius); // Using theme variable + box-shadow: var(--theme-shadow); // Using theme variable + overflow: hidden; + display: flex; + flex-direction: column; + transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1); + + &:hover { + transform: translateY(-5px); + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + border-color: rgba(14, 165, 233, 0.3); // var(--theme-primary) with 30% opacity + } + + &__header { + display: flex; + align-items: center; + gap: 10px; + padding: 16px; + background: linear-gradient(135deg, rgba(14, 165, 233, 0.1), transparent); // var(--theme-primary) with 10% opacity + min-height: 60px; + } + + &__icon { + clr-icon { + width: 24px; + height: 24px; + color: var(--theme-primary); + } + } + + &__title { + font-weight: 700; + flex: 1 1 auto; + font-size: 18px; + color: var(--theme-text); + max-width: 60%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + &__badge { + margin-left: auto; + display: inline-flex; + align-items: center; + padding: 4px 12px; + font-size: 12px; + font-weight: 600; + border-radius: 9999px; + text-transform: uppercase; + letter-spacing: 0.05em; + background: linear-gradient(135deg, rgba(100, 116, 139, 0.1) 0%, rgba(100, 116, 139, 0.05) 100%); + color: var(--theme-secondary); + } + + &__body { + padding: 16px; + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 12px; + } + + &__footer { + padding: 16px; + display: flex; + gap: 8px; + border-top: 1px solid rgba(0, 0, 0, 0.06); + background: var(--theme-background); + } +} + +.um-kv { + display: flex; + justify-content: space-between; + font-size: 14px; + + span { + color: var(--theme-text-secondary); + } + + strong { + color: var(--theme-text); + font-weight: 500; + text-align: right; + max-width: 60%; + overflow: hidden; + text-overflow: ellipsis; + } +} + +// Theme the card footer buttons +.um-card-item__footer .um-btn { + border-radius: 10px; + flex: 1; + justify-content: center; +} + +.um-card-item__footer .um-btn.um-btn-outline { + border: 1px solid var(--theme-secondary); + color: var(--theme-secondary); + background: transparent; +} + +.um-card-item__footer .um-btn.um-btn-outline:hover { + background: rgba(0, 0, 0, 0.04); +} + +.um-card-item__footer .um-btn.um-btn-error { + background: var(--theme-error, #ef4444); + color: #fff; +} + +.um-card-item__footer .um-btn.um-btn-error:hover { + background: var(--theme-error-dark, #dc2626); +} + +// Action items in table +.um-action-item { + @extend .um-btn; + @extend .um-btn-ghost; + @extend .um-btn-sm; + width: 100%; + justify-content: flex-start; + margin-bottom: 4px; + text-align: left; + + clr-icon { + width: 16px; + height: 16px; + margin-right: 8px; + } + + &.um-btn-error { + color: var(--theme-error, #ef4444); + + &:hover { + background: rgba(239, 68, 68, 0.1); + } + } +} + +// Ensure action overflow is visible +::ng-deep .datagrid-action-overflow { + button.action-item { + display: flex; + align-items: center; + width: 100%; + text-align: left; + padding: 8px 12px; + + clr-icon { + margin-right: 8px; + } + } +} + +// Delete Modal Styles +.um-delete-header { + text-align: center; + padding: 24px; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.um-delete-icon { + color: #ef4444; + margin-bottom: 16px; +} + +.um-delete-title { + font-size: 24px; + font-weight: 700; + color: var(--theme-text); + margin: 0 0 8px 0; +} + +.um-delete-subtitle { + font-size: 16px; + color: var(--theme-text-secondary); + margin: 0; +} + +.um-delete-details { + padding: 24px; +} + +.um-delete-detail-item { + display: flex; + justify-content: space-between; + padding: 12px 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + + &:last-child { + border-bottom: none; + } +} + +.um-delete-detail-label { + font-weight: 500; + color: var(--theme-text-secondary); +} + +.um-delete-detail-value { + font-weight: 600; + color: var(--theme-text); +} + +// Form Styles +.um-form-group { + margin-bottom: 20px; +} + +.um-form-label { + display: block; + font-size: 14px; + font-weight: 500; + color: var(--theme-text); + margin-bottom: 8px; + font-family: var(--theme-font-primary); +} + +.um-file-input { + width: 100%; + padding: 12px; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 8px; + background: var(--theme-surface); + color: var(--theme-text); + + &::file-selector-button { + @extend .um-btn; + @extend .um-btn-secondary; + margin-right: 12px; + padding: 8px 16px; + border: none; + } +} + +// Modal Header +::ng-deep .modal-header { + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-radius: 16px 16px 0 0 !important; + padding: 20px 24px !important; + + .modal-title { + color: white; + font-weight: 600; + font-size: 20px; + margin: 0; + } + + .close { + color: white; + opacity: 0.8; + + &:hover { + opacity: 1; + } + } +} + +// Modal Body +::ng-deep .modal-body { + padding: 24px !important; +} + +// Modal Footer +::ng-deep .modal-footer { + padding: 20px 24px !important; + background: var(--theme-background); + border-radius: 0 0 16px 16px !important; + border-top: 1px solid rgba(0, 0, 0, 0.05) !important; +} + +// Responsive adjustments +@media (max-width: 768px) { + .um-hero { + flex-direction: column; + gap: 16px; + text-align: center; + + &__content { + flex-direction: column; + text-align: center; + } + + &__actions { + width: 100%; + justify-content: center; + flex-wrap: wrap; + } + } + + .um-toolbar { + flex-direction: column; + gap: 16px; + } + + .um-search { + max-width: 100%; + } + + .um-cards { + grid-template-columns: 1fr; + } + + .um-card-item { + &__header { + flex-direction: column; + text-align: center; + + &__icon { + margin-right: 0; + margin-bottom: 16px; + } + } + + &__footer { + justify-content: center; + } + } +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintance/usermaintance.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintance/usermaintance.component.spec.ts new file mode 100644 index 0000000..881f48f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintance/usermaintance.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { UsermaintanceComponent } from './usermaintance.component'; + +describe('UsermaintanceComponent', () => { + let component: UsermaintanceComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ UsermaintanceComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(UsermaintanceComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintance/usermaintance.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintance/usermaintance.component.ts new file mode 100644 index 0000000..d801642 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintance/usermaintance.component.ts @@ -0,0 +1,199 @@ +import { Component, OnInit, OnDestroy } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ExcelService } from '../../../../services/excel.service'; +import * as moment from 'moment'; +import { UsermaintanceService } from '../../../../services/admin/usermaintance.service'; +import { MenuGroupService } from 'src/app/services/admin/menu-group.service'; +import { ToastrService } from 'ngx-toastr'; +import { CsvService } from 'src/app/services/csv.service'; +import { TranslateService } from '@ngx-translate/core'; +import { ThemeService } from 'src/app/services/theme.service'; +import { Subscription } from 'rxjs'; + +@Component({ + selector: 'app-usermaintance', + templateUrl: './usermaintance.component.html', + styleUrls: ['./usermaintance.component.scss'] +}) +export class UsermaintanceComponent implements OnInit, OnDestroy { + loading = false; + loading1=false; + public entryForm: FormGroup; + givendata; + orders; + modalAdd= false; + modaledit=false; + mcreate: string | boolean = false; + medit: string | boolean = false; + mdelete; + showdata; + error; + modaldelete=false; + rowSelected :any= {}; + // UI-only state + filterText: string = ''; + viewMode: 'table' | 'cards' = 'cards'; + private themeSubscription: Subscription; + + constructor(private excel: ExcelService, + private _fb: FormBuilder, + private router: Router, private toastr:ToastrService, + private route: ActivatedRoute, + private menuGroupService: MenuGroupService, + private mainservice:UsermaintanceService, + private csvService: CsvService, + private translate: TranslateService, + private themeService: ThemeService, + ) {this.loading1 = true; + setTimeout(() => { + this.loading1 = false; + }, 1000); } + + switchLanguage(language: string) { + this.translate.use(language); + } + + ngOnInit(): void { + this.themeSubscription = this.themeService.currentTheme$.subscribe(() => { + // Theme changes will automatically update CSS variables + // This triggers a re-render of themed elements + }); + + this.showdata = this.menuGroupService.getdata(); + console.log(this.showdata); + if (this.showdata) { + this.mcreate = this.showdata.mcreate === 'true' || this.showdata.mcreate === true ? true : false; + console.log(this.mcreate); + this.mdelete=this.showdata.mdelete + console.log(this.mdelete); + this.medit = this.showdata.medit === 'true' || this.showdata.medit === true ? true : false; + console.log(this.medit); + } + this.getData(); + } + + ngOnDestroy(): void { + if (this.themeSubscription) { + this.themeSubscription.unsubscribe(); + } + } + + getData(){ + this.mainservice.getAll().subscribe((data) => { + console.log(data); + this.givendata = data; + if(this.givendata.length==0){ + this.error="No data Available"; + console.log(this.error) + } + // for(let i =0;i { + console.log(error); + if(error){ + this.error="Server Error"; + } + }); + } + + // UI helpers + get totalUsers(): number { + const list: any[] = (this.givendata as unknown as any[]) || []; + return list.length; + } + get filteredUsers(): any[] { + const items: any[] = (this.givendata as unknown as any[]) || []; + const text = (this.filterText || '').toLowerCase(); + if (!text) { return items; } + return items.filter(u => ( + (u?.fullName || '').toLowerCase().includes(text) || + (u?.email || '').toLowerCase().includes(text) || + (u?.usrGrpName || '').toLowerCase().includes(text) + )); + } + setViewMode(mode: 'table' | 'cards') { this.viewMode = mode; } + + + // csv + + modalCsv = false; + selectedFiles: File; + fileList; + ttype = 'usermaintenance'; + + + // Import CSV + public selectFile(event) { + this.selectedFiles = event.target.files[0]; + // this.saveCsv(); + } + + csvImport() { + console.log("import CSV"); + this.modalCsv = true; + } + saveCsv() { + this.csvService.importCsv(this.selectedFiles, this.ttype).subscribe(data => { + console.log(data); + this.fileList = data; + this.modalCsv = false; + }, + (error) => { + console.log(error); + if (error.status == 202) { + this.toastr.success(error.error.text) + } + }); + } + + downloadFiles() { + this.csvService.downloadCsvs(this.ttype); + + } + + + onExport() { + this.excel.exportAsExcelFile(this.givendata, 'user_', + moment().format('YYYYMMDD_HHmmss')) + } + goToAdd() { + this.router.navigate(["../usermaintanceadd"],{relativeTo:this.route}); + } + goToEdit(id: number){ + this.router.navigate(["../usermaintancedit/"+ id], { relativeTo: this.route }); + } + onDelete(row) { + this.rowSelected = {...row}; // Create a copy to avoid reference issues + this.modaldelete=true; + } + + delete(id) + { + this.modaldelete = false; + console.log("in delete "+id); + this.mainservice.deleteusr(id).subscribe( + (data) => { + console.log(data); + this.ngOnInit(); + if (data) { + this.toastr.success('Deleted successfully'); + } + }, + (error) => { + console.log('Error in adding data...',+error); + if(error){ + this.toastr.error('Not Deleted Data Getting Some Error'); + } + } + ); + + + } +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceadd/usermaintanceadd.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceadd/usermaintanceadd.component.html new file mode 100644 index 0000000..d673199 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceadd/usermaintanceadd.component.html @@ -0,0 +1,282 @@ + + +

User Maintenance

Add New User

+ +

+ First Name* + +

*This field is Required

+ +

+ Last Name* + +

*This field is Required

+ +

+ Mobile Number* + +

*This field is Required

* Please Follow your pattern,+91 Enter 10 digit Mobile Number.

+ +

+ Email* + +

*This field is Required

*Email must be a valid email address

+ +

+ New Password* + +

*Password is required

* Password must be at least 6 characters

+ +

+ Confirm New Password* + +

* Confirm Password is required

* Password and Confirm Password must be match.

+ +

+ User Group* + +

*This field is Required

+ +

+ Access Type* + +

*This field is Required

+ +

+ + +

+ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceadd/usermaintanceadd.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceadd/usermaintanceadd.component.scss new file mode 100644 index 0000000..e182a11 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceadd/usermaintanceadd.component.scss @@ -0,0 +1,390 @@ +@import '../../../../../styles1.scss'; +@import '../../../../../styles/_design-tokens.scss'; + +input.ng-invalid.ng-touched { + border-color: red; +} + +.error_mess { + color: red; +} + +// User Maintenance Add Styles +.um-hero { + display: flex; + justify-content: space-between; + align-items: center; + padding: 24px 32px; + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-radius: 16px; + margin-bottom: 24px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + backdrop-filter: blur(16px); + border: 1px solid rgba(255, 255, 255, 0.2); + font-family: var(--theme-font-primary); + + &__content { + display: flex; + align-items: center; + gap: 16px; + } + + &__icon { + background: rgba(255, 255, 255, 0.2); + border-radius: 50%; + padding: 16px; + display: flex; + align-items: center; + justify-content: center; + + clr-icon { + width: 36px; + height: 36px; + color: white; + } + } + + &__title { + font-size: 28px; + font-weight: 700; + margin: 0; + color: white; + font-family: var(--theme-font-secondary); + } + + &__subtitle { + font-size: 16px; + margin: 0; + opacity: 0.9; + color: rgba(255, 255, 255, 0.8); + } +} + +.um-add-container { + background: var(--theme-surface); + border-radius: 16px; + padding: 24px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + margin-bottom: 24px; +} + +.um-form-card { + background: var(--theme-surface); + border-radius: 12px; + padding: 24px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +} + +.um-form { + .clr-row { + margin: 0 -12px; + } + + .clr-col-md-6, + .clr-col-sm-12 { + padding: 0 12px; + margin-bottom: 20px; + } +} + +.um-form-label { + display: block; + font-size: 14px; + font-weight: 500; + color: var(--theme-text); + margin-bottom: 8px; + font-family: var(--theme-font-primary); +} + +.um-form-input, +.um-form-select { + width: 100%; + padding: 12px 16px; + font-size: 14px; + line-height: 1.5; + color: var(--theme-text); + background: var(--theme-surface); + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 8px; + transition: all 200ms ease-out; + margin-bottom: 0; + font-family: var(--theme-font-primary); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); + + &:focus { + outline: none; + border-color: var(--theme-primary); + box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1); // var(--theme-primary) with 10% opacity + } + + &:disabled { + background: var(--theme-background); + color: var(--theme-text-secondary); + cursor: not-allowed; + } + + &.error { + border-color: #ef4444; + box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1); + } + + &::placeholder { + color: var(--theme-text-secondary); + } +} + +.um-form-select { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); + background-position: right 12px center; + background-repeat: no-repeat; + background-size: 16px 12px; + padding-right: 40px; + appearance: none; +} + +.um-error-message { + color: #ef4444; + font-size: 12px; + margin-top: 6px; + font-weight: 500; +} + +.required-field { + color: #ef4444; + margin-left: 4px; +} + +.um-form-actions { + display: flex; + gap: 12px; + margin-top: 24px; + padding-top: 24px; + border-top: 1px solid rgba(0, 0, 0, 0.05); +} + +// Modern Button Styles using ThemeService +.um-btn { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 8px; + padding: 12px 20px; + font-size: 14px; + font-weight: 500; + line-height: 1; + border-radius: 8px; + border: 1px solid transparent; + cursor: pointer; + transition: all 200ms ease-out; + text-decoration: none; + position: relative; + overflow: hidden; + font-family: var(--theme-font-primary); + z-index: 1; + + &:focus { + outline: 2px solid var(--theme-primary); + outline-offset: 2px; + } + + &:disabled { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; + } + + // Sizes + &.um-btn-sm { + padding: 8px 16px; + font-size: 13px; + height: 32px; + } + + &.um-btn-md { + padding: 12px 20px; + font-size: 14px; + height: 40px; + } + + &.um-btn-lg { + padding: 16px 24px; + font-size: 16px; + height: 48px; + } + + // Variants + &.um-btn-primary { + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-color: var(--theme-primary); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: linear-gradient(135deg, var(--theme-primary, #0284c7) 0%, var(--theme-accent, #7c3aed) 100%); + transform: translateY(-2px); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + &:active { + transform: translateY(0); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + } + } + + &.um-btn-outline { + background: transparent; + color: var(--theme-secondary); + border-color: var(--theme-secondary); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: rgba(100, 116, 139, 0.1); // var(--theme-secondary) with 10% opacity + border-color: var(--theme-secondary); + color: var(--theme-secondary); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + } + + &.um-btn-error { + background: var(--theme-error, #ef4444); + color: white; + border-color: var(--theme-error, #ef4444); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: var(--theme-error-dark, #dc2626); + border-color: var(--theme-error-dark, #dc2626); + transform: translateY(-2px); + box-shadow: 0 10px 15px -3px rgba(239, 68, 68, 0.3), 0 4px 6px -2px rgba(239, 68, 68, 0.1); + } + } + + &.um-btn-ghost { + background: transparent; + color: var(--theme-text-secondary); + border-color: transparent; + + &:hover { + background: var(--theme-background); + color: var(--theme-text); + } + } +} + +.um-clickable-cell { + color: var(--theme-primary); + cursor: pointer; + transition: all 200ms ease-out; + + &:hover { + text-decoration: underline; + transform: translateY(-1px); + } +} + +// Modal Styles +::ng-deep .modal-header { + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-radius: 16px 16px 0 0 !important; + padding: 20px 24px !important; + + .modal-title { + color: white; + font-weight: 600; + font-size: 20px; + margin: 0; + } + + .close { + color: white; + opacity: 0.8; + + &:hover { + opacity: 1; + } + } +} + +::ng-deep .modal-body { + padding: 24px !important; +} + +::ng-deep .modal-footer { + padding: 20px 24px !important; + background: var(--theme-background); + border-radius: 0 0 16px 16px !important; + border-top: 1px solid rgba(0, 0, 0, 0.05) !important; +} + +// Data Grid Styles +.um-datagrid { + background: var(--theme-surface); + border-radius: 16px; + overflow: hidden; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + margin-bottom: 24px; + + ::ng-deep .datagrid { + .datagrid-head { + background: var(--theme-background); + + .datagrid-column { + padding: 16px 24px; + font-size: 12px; + font-weight: 600; + color: var(--theme-text-secondary); + text-transform: uppercase; + letter-spacing: 0.05em; + border-bottom: 1px solid #e5e7eb; + } + } + + .datagrid-row { + transition: background-color 150ms ease-out; + + &:hover { + background: var(--theme-background); + } + + &:not(:last-child) { + border-bottom: 1px solid #e5e7eb; + } + + .datagrid-cell { + padding: 16px 24px; + font-size: 14px; + color: var(--theme-text); + } + } + + .datagrid-footer { + background: var(--theme-background); + border-top: 1px solid #e5e7eb; + padding: 16px 24px; + } + } +} + +// Responsive adjustments +@media (max-width: 768px) { + .um-hero { + flex-direction: column; + gap: 16px; + text-align: center; + + &__content { + flex-direction: column; + text-align: center; + } + } + + .um-form-actions { + flex-direction: column; + } + + .um-btn { + width: 100%; + } +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceadd/usermaintanceadd.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceadd/usermaintanceadd.component.spec.ts new file mode 100644 index 0000000..3a520a3 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceadd/usermaintanceadd.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { UsermaintanceaddComponent } from './usermaintanceadd.component'; + +describe('UsermaintanceaddComponent', () => { + let component: UsermaintanceaddComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ UsermaintanceaddComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(UsermaintanceaddComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceadd/usermaintanceadd.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceadd/usermaintanceadd.component.ts new file mode 100644 index 0000000..d1f3388 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceadd/usermaintanceadd.component.ts @@ -0,0 +1,220 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { AccesstypeService } from 'src/app/services/admin/accesstype.service'; +import { UsergrpmaintainceService } from 'src/app/services/admin/usergrpmaintaince.service'; +import { UsermaintanceService } from '../../../../services/admin/usermaintance.service'; +import { TranslateService } from '@ngx-translate/core'; +import { ThemeService } from 'src/app/services/theme.service'; +import { Subscription } from 'rxjs'; + +@Component({ + selector: 'app-usermaintanceadd', + templateUrl: './usermaintanceadd.component.html', + styleUrls: ['./usermaintanceadd.component.scss'] +}) +export class UsermaintanceaddComponent implements OnInit { + public entryForm: FormGroup; + customer: boolean = false; + department: boolean = false; + position: boolean = false; + custdata: any; + loading = false; + clickedID: number; + custiddata: any; + userobjcust = { + customerName: '', + customerCode: '', + } + departmentdata: any; + positiondata: any; + deptiddata: any; + userobjdept = { + departmentCode: '', + } + userobjpos = { + positionCode: '', + } + posiddata: any; + usergrpdata; + accessdata; + error; + submitted = false; + private themeSubscription: Subscription; + + constructor(private _fb: FormBuilder, + private mainservice: UsermaintanceService, + private router: Router, private accesstype: AccesstypeService, + private route: ActivatedRoute, + private usergrpservice: UsergrpmaintainceService, + private translate: TranslateService, + private themeService: ThemeService, + ) { } + + switchLanguage(language: string) { + this.translate.use(language); + } + + ngOnInit(): void { + this.themeSubscription = this.themeService.currentTheme$.subscribe(() => { + // Theme changes will automatically update CSS variables + // This triggers a re-render of themed elements + }); + + this.entryForm = this._fb.group({ + first_name: ['', [Validators.required]], + last_name: ['', [Validators.required]], + email: ['', [Validators.required, Validators.email]], + mob_no: ['', [Validators.required]], + new_password: ['', [Validators.required, Validators.minLength(6)]], + confirm_password: ['', [Validators.required]], + usrGrpId: ['', [Validators.required]], + account_id: 1, + accesstype: ['', [Validators.required]], + // status:[null], + // username:[null] , + // userPassw:[null] , + // confirmPassword:[null], + // title:[null], + // shortName:[null], + // fullName:[null], + // status:[null], + // positionCodeString:[null], + // departmentCodeString:[null], + // usrGrpId:[null], + // customerId:[null], + // email:[null], + // notification:[null], + + //departmentCode: this._fb.array([this.department()]), + // positionCode: this._fb.array([this.position()]), + //usrGrp: this._fb.array([this.user()]), + + }, { + validator: ConfirmedValidator('new_password', 'confirm_password') + }); + this.usergrp(); + this.getdata(); + } + + ngOnDestroy(): void { + if (this.themeSubscription) { + this.themeSubscription.unsubscribe(); + } + } + + getdata() { + this.accesstype.getAll().subscribe(resp => { + this.accessdata = resp; + console.log('accessdata: ', this.accessdata); + if (this.accessdata.length == 0) { + this.error = "No data Available"; + console.log(this.error) + } + }, (error) => { + console.log(error); + if (error) { + this.error = "Server Error"; + } + }) + } + usergrp() { + this.usergrpservice.getAll().subscribe((data) => { + console.log(data); + this.usergrpdata = data; + }); + } + // department(){ + // return this._fb.group({ + // departmentCode:[null] , + + // }); + // } + // position(){ + // return this._fb.group({ + // positionCode:[null] , + + // }); + // } + // user(){ + // return this._fb.group({ + // usrGrp:[null] , + + // }); + //} + onSubmit() { + this.submitted = true + if (this.entryForm.invalid) { + return; + } + console.log(this.entryForm.value); + this.mainservice.create(this.entryForm.value).subscribe(data => { + console.log(data) + }, + (error) => { + console.log(error); + } + ); + this.router.navigate(["../usermaintance"], { relativeTo: this.route }); + } + + goback() { + this.router.navigate(["../usermaintance"], { relativeTo: this.route }); + } + gotodepartmet() { + this.department = !this.department; + this.mainservice.getalldepartment().subscribe((data) => { + console.log(data); + this.departmentdata = data; + }); + } + getdepid(id: number) { + this.clickedID = id; + console.log("clicked by id" + id); + this.mainservice.getbydepartmentid(id).subscribe((data) => { + console.log(data); + this.deptiddata = data; + // this.userObj= this.custiddata; + this.userobjdept = this.deptiddata; + + + }); + this.department = false; + } + gotoposition() { + this.position = !this.position; + this.mainservice.getallposition().subscribe((data) => { + console.log(data); + this.positiondata = data; + }) + } + getposid(id: number) { + this.clickedID = id; + console.log("clicked by id" + id); + this.mainservice.getbypositionid(id).subscribe((data) => { + console.log(data); + this.posiddata = data; + // this.userObj= this.custiddata; + this.userobjpos = this.posiddata; + + + }); + this.position = false; + } + + +} +export function ConfirmedValidator(controlName: string, matchingControlName: string) { + return (formGroup: FormGroup) => { + const control = formGroup.controls[controlName]; + const matchingControl = formGroup.controls[matchingControlName]; + if (matchingControl.errors && !matchingControl.errors.confirmedValidator) { + return; + } + if (control.value !== matchingControl.value) { + matchingControl.setErrors({ confirmedValidator: true }); + } else { + matchingControl.setErrors(null); + } + } +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceedit/usermaintanceedit.component.html b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceedit/usermaintanceedit.component.html new file mode 100644 index 0000000..e2721fe --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceedit/usermaintanceedit.component.html @@ -0,0 +1,249 @@ + + +

User Maintenance

Edit User

+ +

+ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceedit/usermaintanceedit.component.scss b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceedit/usermaintanceedit.component.scss new file mode 100644 index 0000000..66585f8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceedit/usermaintanceedit.component.scss @@ -0,0 +1,375 @@ +@import '../../../../../styles1.scss'; +@import '../../../../../styles/_design-tokens.scss'; + +// User Maintenance Edit Styles +.um-hero { + display: flex; + justify-content: space-between; + align-items: center; + padding: 24px 32px; + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-radius: 16px; + margin-bottom: 24px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + backdrop-filter: blur(16px); + border: 1px solid rgba(255, 255, 255, 0.2); + font-family: var(--theme-font-primary); + + &__content { + display: flex; + align-items: center; + gap: 16px; + } + + &__icon { + background: rgba(255, 255, 255, 0.2); + border-radius: 50%; + padding: 16px; + display: flex; + align-items: center; + justify-content: center; + + clr-icon { + width: 36px; + height: 36px; + color: white; + } + } + + &__title { + font-size: 28px; + font-weight: 700; + margin: 0; + color: white; + font-family: var(--theme-font-secondary); + } + + &__subtitle { + font-size: 16px; + margin: 0; + opacity: 0.9; + color: rgba(255, 255, 255, 0.8); + } +} + +.um-edit-container { + background: var(--theme-surface); + border-radius: 16px; + padding: 24px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + margin-bottom: 24px; +} + +.um-form-card { + background: var(--theme-surface); + border-radius: 12px; + padding: 24px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +} + +.um-form { + .clr-row { + margin: 0 -12px; + } + + .clr-col-md-6, + .clr-col-sm-12 { + padding: 0 12px; + margin-bottom: 20px; + } +} + +.um-form-label { + display: block; + font-size: 14px; + font-weight: 500; + color: var(--theme-text); + margin-bottom: 8px; + font-family: var(--theme-font-primary); +} + +.um-form-input, +.um-form-select { + width: 100%; + padding: 12px 16px; + font-size: 14px; + line-height: 1.5; + color: var(--theme-text); + background: var(--theme-surface); + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 8px; + transition: all 200ms ease-out; + margin-bottom: 0; + font-family: var(--theme-font-primary); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); + + &:focus { + outline: none; + border-color: var(--theme-primary); + box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1); // var(--theme-primary) with 10% opacity + } + + &:disabled { + background: var(--theme-background); + color: var(--theme-text-secondary); + cursor: not-allowed; + } + + &.error { + border-color: #ef4444; + box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1); + } + + &::placeholder { + color: var(--theme-text-secondary); + } +} + +.um-form-select { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); + background-position: right 12px center; + background-repeat: no-repeat; + background-size: 16px 12px; + padding-right: 40px; + appearance: none; +} + +.required-field { + color: #ef4444; + margin-left: 4px; +} + +.um-form-actions { + display: flex; + gap: 12px; + margin-top: 24px; + padding-top: 24px; + border-top: 1px solid rgba(0, 0, 0, 0.05); +} + +// Modern Button Styles using ThemeService +.um-btn { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 8px; + padding: 12px 20px; + font-size: 14px; + font-weight: 500; + line-height: 1; + border-radius: 8px; + border: 1px solid transparent; + cursor: pointer; + transition: all 200ms ease-out; + text-decoration: none; + position: relative; + overflow: hidden; + font-family: var(--theme-font-primary); + z-index: 1; + + &:focus { + outline: 2px solid var(--theme-primary); + outline-offset: 2px; + } + + &:disabled { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; + } + + // Sizes + &.um-btn-sm { + padding: 8px 16px; + font-size: 13px; + height: 32px; + } + + &.um-btn-md { + padding: 12px 20px; + font-size: 14px; + height: 40px; + } + + &.um-btn-lg { + padding: 16px 24px; + font-size: 16px; + height: 48px; + } + + // Variants + &.um-btn-primary { + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-color: var(--theme-primary); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: linear-gradient(135deg, var(--theme-primary, #0284c7) 0%, var(--theme-accent, #7c3aed) 100%); + transform: translateY(-2px); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + &:active { + transform: translateY(0); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + } + } + + &.um-btn-outline { + background: transparent; + color: var(--theme-secondary); + border-color: var(--theme-secondary); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: rgba(100, 116, 139, 0.1); // var(--theme-secondary) with 10% opacity + border-color: var(--theme-secondary); + color: var(--theme-secondary); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + } + + &.um-btn-error { + background: var(--theme-error, #ef4444); + color: white; + border-color: var(--theme-error, #ef4444); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: var(--theme-error-dark, #dc2626); + border-color: var(--theme-error-dark, #dc2626); + transform: translateY(-2px); + box-shadow: 0 10px 15px -3px rgba(239, 68, 68, 0.3), 0 4px 6px -2px rgba(239, 68, 68, 0.1); + } + } + + &.um-btn-ghost { + background: transparent; + color: var(--theme-text-secondary); + border-color: transparent; + + &:hover { + background: var(--theme-background); + color: var(--theme-text); + } + } +} + +.um-clickable-cell { + color: var(--theme-primary); + cursor: pointer; + transition: all 200ms ease-out; + + &:hover { + text-decoration: underline; + transform: translateY(-1px); + } +} + +// Modal Styles +::ng-deep .modal-header { + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-radius: 16px 16px 0 0 !important; + padding: 20px 24px !important; + + .modal-title { + color: white; + font-weight: 600; + font-size: 20px; + margin: 0; + } + + .close { + color: white; + opacity: 0.8; + + &:hover { + opacity: 1; + } + } +} + +::ng-deep .modal-body { + padding: 24px !important; +} + +::ng-deep .modal-footer { + padding: 20px 24px !important; + background: var(--theme-background); + border-radius: 0 0 16px 16px !important; + border-top: 1px solid rgba(0, 0, 0, 0.05) !important; +} + +// Data Grid Styles +.um-datagrid { + background: var(--theme-surface); + border-radius: 16px; + overflow: hidden; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + margin-bottom: 24px; + + ::ng-deep .datagrid { + .datagrid-head { + background: var(--theme-background); + + .datagrid-column { + padding: 16px 24px; + font-size: 12px; + font-weight: 600; + color: var(--theme-text-secondary); + text-transform: uppercase; + letter-spacing: 0.05em; + border-bottom: 1px solid #e5e7eb; + } + } + + .datagrid-row { + transition: background-color 150ms ease-out; + + &:hover { + background: var(--theme-background); + } + + &:not(:last-child) { + border-bottom: 1px solid #e5e7eb; + } + + .datagrid-cell { + padding: 16px 24px; + font-size: 14px; + color: var(--theme-text); + } + } + + .datagrid-footer { + background: var(--theme-background); + border-top: 1px solid #e5e7eb; + padding: 16px 24px; + } + } +} + +// Responsive adjustments +@media (max-width: 768px) { + .um-hero { + flex-direction: column; + gap: 16px; + text-align: center; + + &__content { + flex-direction: column; + text-align: center; + } + } + + .um-form-actions { + flex-direction: column; + } + + .um-btn { + width: 100%; + } +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceedit/usermaintanceedit.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceedit/usermaintanceedit.component.spec.ts new file mode 100644 index 0000000..4173d29 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceedit/usermaintanceedit.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { UsermaintanceeditComponent } from './usermaintanceedit.component'; + +describe('UsermaintanceeditComponent', () => { + let component: UsermaintanceeditComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ UsermaintanceeditComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(UsermaintanceeditComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceedit/usermaintanceedit.component.ts b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceedit/usermaintanceedit.component.ts new file mode 100644 index 0000000..533fc95 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/admin/usermaintanceedit/usermaintanceedit.component.ts @@ -0,0 +1,154 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { AccesstypeService } from 'src/app/services/admin/accesstype.service'; +import { UsergrpmaintainceService } from 'src/app/services/admin/usergrpmaintaince.service'; +import { UsermaintanceService } from '../../../../services/admin/usermaintance.service'; +import { TranslateService } from '@ngx-translate/core'; +import { ThemeService } from 'src/app/services/theme.service'; +import { Subscription } from 'rxjs'; + +@Component({ + selector: 'app-usermaintanceedit', + templateUrl: './usermaintanceedit.component.html', + styleUrls: ['./usermaintanceedit.component.scss'] +}) +export class UsermaintanceeditComponent implements OnInit { + id: number; + data1: any = {}; + customer: boolean = false; + custdata: any; + clickedID: number; + custiddata: any; + loading = false; + userobjcust = { + customerName: '', + customerCode: '', + } + accessdata; + department: boolean = false; + departmentdata: any; + positiondata: any; + deptiddata: any; + userobjdept = { + departmentCode: '', + } + userobjpos = { + positionCode: '', + } + posiddata: any; + position: boolean = false; + usergrpdata; + error; + private themeSubscription: Subscription; + + constructor(private route: ActivatedRoute, + private mainservice: UsermaintanceService, + private router: Router, private accesstype: AccesstypeService, + private usergrpservice: UsergrpmaintainceService, + private translate: TranslateService, + private themeService: ThemeService, + ) { } + + switchLanguage(language: string) { + this.translate.use(language); + } + + ngOnInit(): void { + this.themeSubscription = this.themeService.currentTheme$.subscribe(() => { + // Theme changes will automatically update CSS variables + // This triggers a re-render of themed elements + }); + + this.id = this.route.snapshot.params["id"]; + console.log("update with id = ", this.id); + this.getById(this.id); + // + this.usergrp(); + this.getdata(); + } + + ngOnDestroy(): void { + if (this.themeSubscription) { + this.themeSubscription.unsubscribe(); + } + } + + getdata() { + this.accesstype.getAll().subscribe(resp => { + this.accessdata = resp; + console.log('accessdata: ', this.accessdata); + if (this.accessdata.length == 0) { + this.error = "No data Available"; + console.log(this.error) + } + }, (error) => { + console.log(error); + if (error) { + this.error = "Server Error"; + } + }) + } + usergrp() { + this.usergrpservice.getAll().subscribe((data) => { + console.log(data); + this.usergrpdata = data; + }); + } + getById(id: number) { + this.mainservice.getbyid(id).subscribe((data) => { + this.data1 = data; + // this.data1=this.data3; + console.log(this.data1); + }); + } + update() { + console.log(this.data1); + this.mainservice.updatenew(this.id, this.data1).subscribe((data) => { + console.log(data); + }); + + } + goback() { + this.router.navigate(["../../usermaintance"], { relativeTo: this.route }); + } + gotodepartmet() { + this.department = !this.department; + this.mainservice.getalldepartment().subscribe((data) => { + console.log(data); + this.departmentdata = data; + }); + } + getdepid(id: number) { + this.clickedID = id; + console.log("clicked by id" + id); + this.mainservice.getbydepartmentid(id).subscribe((data) => { + console.log(data); + this.deptiddata = data; + // this.userObj= this.custiddata; + this.userobjdept = this.deptiddata; + + + }); + this.department = false; + } + gotoposition() { + this.position = !this.position; + this.mainservice.getallposition().subscribe((data) => { + console.log(data); + this.positiondata = data; + }) + } + getposid(id: number) { + this.clickedID = id; + console.log("clicked by id" + id); + this.mainservice.getbypositionid(id).subscribe((data) => { + console.log(data); + this.posiddata = data; + // this.userObj= this.custiddata; + this.userobjpos = this.posiddata; + + + }); + this.position = false; + } +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/addnewdash/addnewdash.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/addnewdash/addnewdash.component.html new file mode 100644 index 0000000..3a4976e --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/addnewdash/addnewdash.component.html @@ -0,0 +1,40 @@ + +

+ {{'add_mode'| translate}} +

+ +

+ + + + + + + +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/addnewdash/addnewdash.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/addnewdash/addnewdash.component.scss new file mode 100644 index 0000000..4a7ff75 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/addnewdash/addnewdash.component.scss @@ -0,0 +1,81 @@ +//@import "../../../../assets/scss/var"; +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; + button { + outline: none; + } + } + + .entry-pg { + width: 750px; + } + + .button1::after { + content: none; + } + .button1:hover::after { + content: "ADD ROWS"; + } + + $bg-color: #dddddd; + + .section { + background-color: $bg-color; + height: 40px; + } + + .section p { + //color: white; + font-weight: bold; + 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; + } + input[type=text],[type=date],textarea { + width: 100%; + padding: 15px 15px; + margin-top: 3px; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + + .required-field{ + color: red; + + } + select{ + width: 100%; + margin-top: 3px; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/addnewdash/addnewdash.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/addnewdash/addnewdash.component.spec.ts new file mode 100644 index 0000000..d4993fe --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/addnewdash/addnewdash.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AddnewdashComponent } from './addnewdash.component'; + +describe('AddnewdashComponent', () => { + let component: AddnewdashComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [AddnewdashComponent] + }); + fixture = TestBed.createComponent(AddnewdashComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/addnewdash/addnewdash.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/addnewdash/addnewdash.component.ts new file mode 100644 index 0000000..4ab52f6 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/addnewdash/addnewdash.component.ts @@ -0,0 +1,125 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { DashboardService } from 'src/app/services/builder/dashboard.service'; + +@Component({ + selector: 'app-addnewdash', + templateUrl: './addnewdash.component.html', + styleUrls: ['./addnewdash.component.scss'] +}) +export class AddnewdashComponent implements OnInit { + public entryForm: FormGroup; + addToDashboard: boolean = false; + submitted = false; + moduleId:any; + tech_stacks=[]; + object_types = ["form", "bi", "report", "api"]; + sub_object_types = [ + "only header", + "only line", + "header line", + "header multiline", + "wrokflow", + "setup", + "std report", + "bi report", + "rest api", + ]; + jsonString:any; + + fieldModels= + { + + "dashboard": [ + { + "cols": 4, + "rows": 5, + "x": 0, + "y": 0, + "name": "Radar Chart", + "component": "Radar Chart" + + } + ] + } + + wfline = { + model: 'this.fieldModels' + } + dashboard: any; + constructor( private _fb:FormBuilder, + private router: Router, + private route: ActivatedRoute, + private dashboardService : DashboardService, + private toastr : ToastrService, + + ) { } + + ngOnInit(): void { + // this.moduleId = this.wireframeService.getModuleId(); + console.log(this.moduleId); + + this.entryForm = this._fb.group({ + dashboard_name : [null], + description: [null], + secuirity_profile : [null], + module_id:[null], + tech_Stack:[null], + object_type:[null], + sub_object_type:[null], + testing:[null], + build:[null], + add_to_home:[true], + + dashbord1_Line: this._fb.array([this.initLinesForm()]), + // dashbord1_Line: this.fieldModels + }); + + + } + initLinesForm() { + return this._fb.group({ + + model:JSON.stringify(this.fieldModels) + }); + } + + onSubmit() { + console.log("In onSubmit method"); + console.log(this.entryForm.value); + if(this.entryForm.invalid) + { + return; + } + this.onCreate() + + } + onBack(){ + this.router.navigate(["../all"],{relativeTo:this.route}); + } + + onCreate() + { + console.log("in oncreate method"); + this.entryForm.value.module_id=this.moduleId; + + console.log(typeof this.fieldModels) + + this.dashboardService.create(this.entryForm.value).subscribe((data)=>{ + console.log(data); + this.router.navigate(["../all"],{relativeTo:this.route}); + }, + (error) => { + console.log(error); + } + ); + if(this.entryForm.value) + { + this.toastr.success('Added successfully'); + } + } + + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/allnewdash/allnewdash.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/allnewdash/allnewdash.component.html new file mode 100644 index 0000000..b50c51f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/allnewdash/allnewdash.component.html @@ -0,0 +1,145 @@ + + +
+ +

+ + + +

+ + +

{{ 'Loading' | translate }} ......

+ + + + {{ 'Go_to' | translate }} + + + + + {{ 'Dashboard_Name' | translate }} + + + + + {{ 'Description' | translate }} + + + + + {{ 'Security_Profile' | translate }} + + + + + {{ 'Add_to_home' | translate }} + + + +

+ {{ 'Action' | translate }} +

+ + + {{ 'SET_UP' | translate }} + {{user.dashboard_name}} + {{user.description}} + {{user.secuirity_profile}} + {{user.add_to_home}} + + + + + + + +

+ +

{{ 'Account_ID' | translate }}: {{ user.accountId }}

{{ 'Created_At' | translate }}: {{ user.createdAt | date }}

{{ 'Created_By' | translate }}: {{ user.createdBy }}

{{ 'Updated_At' | translate }}: {{ user.updatedAt | date }}

{{ 'Updated_By' | translate }}: {{ user.updatedBy }}

+ + + + + + + + + + + + + {{ 'Users_per_page' | translate }} + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + {{ 'of' | translate }} {{pagination.totalItems}} {{ 'users' | translate }} + + + +

+ + + + + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/allnewdash/allnewdash.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/allnewdash/allnewdash.component.scss new file mode 100644 index 0000000..140a8d4 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/allnewdash/allnewdash.component.scss @@ -0,0 +1,83 @@ +.td-title { + text-align: right; + width: 150px; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); + color: white; + } + .td-content{ + text-align: left; + } + .delete,.heading{ + text-align: center; + color: red; + } + input[type='radio']{ + width: 14px !important; + height: 14px !important; + margin: 5px; + -webkit-appearance: none; + -moz-appearance: none; + -o-appearance: none; + appearance: none; + outline: 1px solid gray; + box-shadow: none; + font-size: 0.8em; + text-align: center; + line-height: 1em; + background: red; + } + .dots + { + width: 100px; + height:100px; + border: 1px solid; + border-radius: 50%; + //background-color: #f00; + } + h4{margin-top: 16px;} + .s-order-dash-pg { + margin: 0px; + display:flex; + flex-wrap:wrap; + flex-direction:row; + justify-content:center; + .chart-box{ + margin:16px; + padding:0 16px; + background-color: #fff; + border:1px solid #ccc; + border-radius: 2px; + } + } + #word1{ + width: 190px; + height: 180px; + + } + .center{ + text-align: center; + margin-top: 5px; + } + + .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; + } + .heading{ + text-align: center; + color: red; + } + + select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/allnewdash/allnewdash.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/allnewdash/allnewdash.component.spec.ts new file mode 100644 index 0000000..9e5246b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/allnewdash/allnewdash.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AllnewdashComponent } from './allnewdash.component'; + +describe('AllnewdashComponent', () => { + let component: AllnewdashComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [AllnewdashComponent] + }); + fixture = TestBed.createComponent(AllnewdashComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/allnewdash/allnewdash.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/allnewdash/allnewdash.component.ts new file mode 100644 index 0000000..b907dae --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/allnewdash/allnewdash.component.ts @@ -0,0 +1,124 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +// import { WireframeService } from 'src/app/services/builder/wireframe.service'; +import { ExcelService } from 'src/app/services/excel.service'; +import * as moment from 'moment'; +import { ModulesetupService } from 'src/app/services/builder/modulesetup.service'; +import { DashboardService } from 'src/app/services/builder/dashboard.service'; +@Component({ + selector: 'app-allnewdash', + templateUrl: './allnewdash.component.html', + styleUrls: ['./allnewdash.component.scss'] +}) +export class AllnewdashComponent implements OnInit { + addModall:boolean = false; + selected:any[] = []; + loading = false; + data:any; + id:any; + moduleId:any; + modalDelete = false; + rowSelected :any= {}; + rows: any[]; + projectname; + projectId; + error; + constructor( + private router : Router, + private route: ActivatedRoute,private dashboardService : DashboardService, + // private wireframeservice : WireframeService, + private excel: ExcelService,private mainService: ModulesetupService, + private toastr: ToastrService,) { } + + ngOnInit(): void { + // this.projectId=this.wireframeservice.getProjectId(); + console.log(this.projectId); + this.id = this.route.snapshot.params["id"]; // fb_header_id + // this.moduleId = this.wireframeservice.getModuleId(); // get from session storage + console.log(this.moduleId); + + this.getdashboard(); + // this.getprojectName(this.projectId); + } + + getprojectName(id){ + this.mainService.getProjectModules(id).subscribe((data) => { + console.log(data); + this.projectname=data.items[0]['projectName']; + console.log(this.projectname); + }); + } + + + getdashboard() + { + this.dashboardService.getAllDash().subscribe((data) =>{ + this.data = data; + this.rows = this.data; + console.log(data); + this.error="No data Available"; + console.log(this.error); + }); + } + + openModal() + { + this.addModall = true; + } + gotoadd() + { + this.router.navigate(['../adddata'],{relativeTo:this.route}); + } + goToEdit(id:number) + { + this.router.navigate(['../editdashn/'+id],{relativeTo:this.route}); + } + + goToEditData(id: number){ + this.router.navigate(['../editdata/'+id],{relativeTo:this.route}); + } + + onExport() { + this.excel.exportAsExcelFile(this.rows, 'user_', + moment().format('YYYYMMDD_HHmmss')) + } + + gotoAction(){ + this.router.navigate(["../../actions"], { relativeTo: this.route, queryParams: { m_id: this.moduleId,pname:this.projectname } }); + } + gotoRepo(){ + this.router.navigate(["../../modulecard"], { relativeTo: this.route, queryParams: { p_id: this.projectId } }); + } + + onDelete(row){ + this.rowSelected = row; + console.log(this.rowSelected); + this.modalDelete = true; + } + delete(id) + { + this.modalDelete = false; + console.log("in delete "+id); + this.dashboardService.deleteField(id).subscribe((data)=>{ + console.log(data); + this.ngOnInit(); + }); + if (id) { + this.toastr.success('Deleted successfully'); + } + } + // openModal() + // { + // this.addModall = true; + // } + gotorunner() + { + this.router.navigate(['../../dashboardrunner'],{relativeTo:this.route}); + } + // goToEdit() + // { + // this.router.navigate(['../editdashn'],{relativeTo:this.route}); + // } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/dashboardnew.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/dashboardnew.component.html new file mode 100644 index 0000000..90c6b64 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/dashboardnew.component.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/dashboardnew.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/dashboardnew.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/dashboardnew.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/dashboardnew.component.spec.ts new file mode 100644 index 0000000..c7c3d2e --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/dashboardnew.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DashboardnewComponent } from './dashboardnew.component'; + +describe('DashboardnewComponent', () => { + let component: DashboardnewComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [DashboardnewComponent] + }); + fixture = TestBed.createComponent(DashboardnewComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/dashboardnew.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/dashboardnew.component.ts new file mode 100644 index 0000000..3078dd2 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/dashboardnew.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-dashboardnew', + templateUrl: './dashboardnew.component.html', + styleUrls: ['./dashboardnew.component.scss'] +}) +export class DashboardnewComponent { + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editformnewdash/editformnewdash.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editformnewdash/editformnewdash.component.html new file mode 100644 index 0000000..530e940 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editformnewdash/editformnewdash.component.html @@ -0,0 +1,54 @@ +

Dashboard

+Edit Mode +

+ +

+ + + + + + + +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editformnewdash/editformnewdash.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editformnewdash/editformnewdash.component.scss new file mode 100644 index 0000000..4a7ff75 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editformnewdash/editformnewdash.component.scss @@ -0,0 +1,81 @@ +//@import "../../../../assets/scss/var"; +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; + button { + outline: none; + } + } + + .entry-pg { + width: 750px; + } + + .button1::after { + content: none; + } + .button1:hover::after { + content: "ADD ROWS"; + } + + $bg-color: #dddddd; + + .section { + background-color: $bg-color; + height: 40px; + } + + .section p { + //color: white; + font-weight: bold; + 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; + } + input[type=text],[type=date],textarea { + width: 100%; + padding: 15px 15px; + margin-top: 3px; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + + .required-field{ + color: red; + + } + select{ + width: 100%; + margin-top: 3px; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editformnewdash/editformnewdash.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editformnewdash/editformnewdash.component.spec.ts new file mode 100644 index 0000000..9872c96 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editformnewdash/editformnewdash.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { EditformnewdashComponent } from './editformnewdash.component'; + +describe('EditformnewdashComponent', () => { + let component: EditformnewdashComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [EditformnewdashComponent] + }); + fixture = TestBed.createComponent(EditformnewdashComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editformnewdash/editformnewdash.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editformnewdash/editformnewdash.component.ts new file mode 100644 index 0000000..6e46676 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editformnewdash/editformnewdash.component.ts @@ -0,0 +1,93 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { DashboardService } from 'src/app/services/builder/dashboard.service'; +// import { TechnologyStackService } from 'src/app/services/builder/technology-stack.service'; +// import { WireframeService } from 'src/app/services/builder/wireframe.service'; + +@Component({ + selector: 'app-editformnewdash', + templateUrl: './editformnewdash.component.html', + styleUrls: ['./editformnewdash.component.scss'] +}) +export class EditformnewdashComponent implements OnInit { + updated = false; + Header; + id: number; + moduleId; + tech_stacks=[]; + object_types = ["form", "bi", "report", "api"]; + sub_object_types = [ + "only header", + "only line", + "header line", + "header multiline", + "wrokflow", + "setup", + "std report", + "bi report", + "rest api", + ]; + constructor(private router: Router, + private route: ActivatedRoute, private dashboardService : DashboardService, + // private technologyStackService:TechnologyStackService, + private toastr: ToastrService, + // private wireframeService :WireframeService, + ) { } + + ngOnInit(): void { + // this.moduleId = this.wireframeService.getModuleId(); + this.id = this.route.snapshot.params["id"]; + console.log("update with id = ", this.id); + this.getById(this.id); + // this.technologyStackService.getAll().subscribe((data)=>{ + // console.log(data) + // this.tech_stacks=data; + // }); + } + + getById(id: number) { + this.dashboardService.getById(id).subscribe( + (data) => { + console.log(data); + this.Header = data; + }, + (err) => { + console.log(err); + } + ); + } + update() { + this.dashboardService.updateDash(this.Header).subscribe( + (data) => { + console.log(data); + if (data) { + this.toastr.success('Update successfully'); + } + this.router.navigate(["../../all"], { relativeTo: this.route }); + //this.router.navigate(["../../all"],{ relativeTo: this.route, queryParams: { p_id: this.projectId } }); + }, + (error) => { + // console.log(error); + // const objectArray = Object.entries(error.error.fieldErrors); + // objectArray.forEach(([k, v]) => { + // console.log(k); + // console.log(v); + // this.fieldErors.push({ field: k, message: v }); + // }); + console.log(error); // this will come from backend + } + ); + // this.lineBuilder_Header = new Rn_Cff_ActionBuilder_Header(); + } + + onSubmit() { + this.updated = true; + this.update(); + } + + onBack() { + this.router.navigate(["../../all"], { relativeTo: this.route }); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.html new file mode 100644 index 0000000..02dce20 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.html @@ -0,0 +1,198 @@ + + +

+ +

+ {{dashboardName}} +

+ +

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

+ + + + +

+ + +

+ + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.scss new file mode 100644 index 0000000..2c08e48 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.scss @@ -0,0 +1,51 @@ +.componentbtn{ + color: white; + background-color: #03AC13; + border: none; + } + .content-container { + min-height: 100vh; + height: initial; + } + a:hover { + text-decoration: none; + cursor: pointer; + } + .clr-checkbox{ + color: #212529; + border: 1px solid #ced4da; + border-radius: 0.25rem; + // padding: 0.75rem 0.75rem; + // margin-top: 3px; + width: 100%; + margin-left: 20px; + margin-bottom: 18px; + } + .clr-input, .clr-dropdown { + color: #212529; + border: 1px solid #ced4da; + border-radius: 0.25rem; + padding: 0.75rem 0.75rem; + margin-top: 3px; + width: 100%; + margin-bottom: 10px; + } + + select{ + width: 100%; + padding: 5px 5px; + margin-top: 3px; + border: 1px solid #ccc; + border-radius: 4px; + } + + input[type=text],[type=date],textarea { + width: 100%; + padding: 15px 15px; + // margin: 8px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.spec.ts new file mode 100644 index 0000000..82dc288 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { EditnewdashComponent } from './editnewdash.component'; + +describe('EditnewdashComponent', () => { + let component: EditnewdashComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [EditnewdashComponent] + }); + fixture = TestBed.createComponent(EditnewdashComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.ts new file mode 100644 index 0000000..5104759 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/editnewdash/editnewdash.component.ts @@ -0,0 +1,617 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { GridsterConfig } from 'angular-gridster2'; +import { ToastrService } from 'ngx-toastr'; +import { DashboardContentModel, DashboardModel, WidgetModel } from '../../../../../models/builder/dashboard'; +import { Dashboard3Service } from '../../../../../services/builder/dashboard3.service'; +import { BarChartComponent } from '../gadgets/bar-chart/bar-chart.component'; +import { BubbleChartComponent } from '../gadgets/bubble-chart/bubble-chart.component'; +import { DoughnutChartComponent } from '../gadgets/doughnut-chart/doughnut-chart.component'; +import { DynamicChartComponent } from '../gadgets/dynamic-chart/dynamic-chart.component'; +import { FinancialChartComponent } from '../gadgets/financial-chart/financial-chart.component'; +import { LineChartComponent } from '../gadgets/line-chart/line-chart.component'; +import { PieChartComponent } from '../gadgets/pie-chart/pie-chart.component'; +import { PolarChartComponent } from '../gadgets/polar-chart/polar-chart.component'; +import { RadarChartComponent } from '../gadgets/radar-chart/radar-chart.component'; +import { ScatterChartComponent } from '../gadgets/scatter-chart/scatter-chart.component'; +import { ToDoChartComponent } from '../gadgets/to-do-chart/to-do-chart.component'; +import { GridViewComponent } from '../gadgets/grid-view/grid-view.component'; +import { DatastoreService } from 'src/app/services/fnd/datastore.service'; +import { AlertsService } from 'src/app/services/fnd/alerts.service'; +import { isArray } from 'highcharts'; +// import { ChartItem } from '../chartitem'; + +function isNullArray(arr) { + return !Array.isArray(arr) || arr.length === 0; +} + +@Component({ + selector: 'app-editnewdash', + templateUrl: './editnewdash.component.html', + styleUrls: ['./editnewdash.component.scss'] +}) + + + +export class EditnewdashComponent implements OnInit { + + editId:number; + toggle:boolean; + modeledit:boolean = false; + public entryForm: FormGroup; + + WidgetsMock: WidgetModel[] = [ + { + name: 'Radar Chart', + identifier: 'radar_chart' + }, + { + name: 'Doughnut Chart', + identifier: 'doughnut_chart' + }, + { + name: 'Line Chart', + identifier: 'line_chart' + }, + { + name: 'Bar Chart', + identifier: 'bar_chart' + }, + { + name: 'Pie Chart', + identifier: 'pie_chart' + }, + { + name: 'Polar Area Chart', + identifier: 'polar_area_chart' + }, + { + name: 'Bubble Chart', + identifier: 'bubble_chart' + }, + { + name: 'Scatter Chart', + identifier: 'scatter_chart' + }, + // { + // name: 'Dynamic Chart', + // identifier: 'dynamic_chart' + // }, + // { + // name: 'Financial Chart', + // identifier: 'financial_chart' + // }, + { + name: 'To Do', + identifier: 'to_do_chart' + }, + { + name: 'Grid View', + identifier: 'grid_view' + } +] + + public options: GridsterConfig; + protected dashboardId: number; + protected dashboardCollection: DashboardModel; + //dashboardCollection:any; + protected dashboardCollection1: DashboardModel[]; + public dashboardArray: DashboardContentModel[]; + public dashArr:[]; + + protected componentCollection = [ + { name: "Line Chart", componentInstance: LineChartComponent }, + { name: "Doughnut Chart", componentInstance: DoughnutChartComponent }, + { name: "Radar Chart", componentInstance: RadarChartComponent }, + { name: "Bar Chart", componentInstance: BarChartComponent }, + { name: "Pie Chart", componentInstance: PieChartComponent }, + { name: "Polar Area Chart", componentInstance: PolarChartComponent }, + { name: "Bubble Chart", componentInstance: BubbleChartComponent }, + { name: "Scatter Chart", componentInstance: ScatterChartComponent }, + { name: "Dynamic Chart", componentInstance: DynamicChartComponent }, + { name: "Financial Chart", componentInstance: FinancialChartComponent }, + { name: "To Do Chart", componentInstance: ToDoChartComponent }, + { name: "Grid View", componentInstance: GridViewComponent }, + ]; + model:any; + linesdata:any; + id:any; + gadgetsEditdata = { + donut : '', + chartlegend: '', + showlabel : '', + charturl: '', + chartparameter : '', + datastore : '', + table:'', + datasource : '', + charttitle:'', + id:'', + fieldName:'', + chartcolor:'', + slices:'', + yAxis:'', + xAxis:'' + +}; + constructor(private route: ActivatedRoute, + private router : Router, + private dashboardService: Dashboard3Service, + private toastr:ToastrService, + private _fb: FormBuilder, + private datastoreService: DatastoreService, + private alertService:AlertsService,) { } + + ngOnInit(): void { + + // Grid options + this.options = { + gridType: "fit", + enableEmptyCellDrop: true, + emptyCellDropCallback: this.onDrop, + pushItems: true, + swap: true, + pushDirections: { north: true, east: true, south: true, west: true }, + resizable: { enabled: true }, + itemChangeCallback: this.itemChange.bind(this), + draggable: { + enabled: true, + ignoreContent: true, + dropOverItems: true, + dragHandleClass: "drag-handler", + ignoreContentClass: "no-drag", + }, + displayGrid: "always", + minCols: 10, + minRows: 10 + }; + this.getData(); + + this.editId = this.route.snapshot.params.id; + console.log(this.editId); + this.dashboardService.getById(this.editId).subscribe((data)=>{ + console.log("ngOnInit",data); + this.linesdata = data; + this.id = data.dashbord1_Line[0].id; + console.log("this.id ",this.id); + }, + (error: any)=>{ + + } + ); + + this.entryForm = this._fb.group({ + donut : [null], + chartlegend: [null], + showlabel : [null], + charturl: [null], + chartparameter : [null], + datastore:[null], + table:[null], + fieldName: [null], + datasource : [null], + charttitle:[null], + id:[null], + chartcolor:[null], + slices:[null], + yAxis:[null], + xAxis: [null], + }); + } + + toggleMenu() { + this.toggle = !this.toggle; + } + + onDrag(event, identifier) { + console.log("on drag",identifier); + console.log("on drag ",event); + event.dataTransfer.setData('widgetIdentifier', identifier); + } + datagadgets:any; + dashboardLine:any; + dashboardName:any; + getData() { + // We get the id in get current router dashboard/:id + this.route.params.subscribe(params => { + // + is used to cast string to int + this.dashboardId = +params["id"]; + // We make a get request with the dashboard id + this.dashboardService.getById(this.dashboardId).subscribe(dashboard => { + // We fill our dashboardCollection with returned Observable + this.dashboardName = dashboard.dashboard_name; + this.datagadgets = dashboard; + this.dashboardLine = dashboard.dashbord1_Line; + //this.dashboardCollection = dashboard.dashbord1_Line.model; + console.log("this.datagadgets",this.datagadgets); + console.log("this.dashboardLine",this.dashboardLine); + this.dashboardCollection =JSON.parse(this.dashboardLine[0].model) ; + //this.dashboardCollection =this.dashboardLine[0].model ; + console.log("this.dasboard ",this.dashboardCollection ); + console.log(this.dashboardCollection); + // We parse serialized Json to generate components on the fly + this.parseJson(this.dashboardCollection); + // We copy array without reference + this.dashboardArray = this.dashboardCollection.dashboard.slice(); + console.log("this.dashboardArray",this.dashboardArray); + }); + }); + + + } + + // Super TOKENIZER 2.0 POWERED BY NATCHOIN + parseJson(dashboardCollection: DashboardModel) { + // We loop on our dashboardCollection + dashboardCollection.dashboard.forEach(dashboard => { + // We loop on our componentCollection + this.componentCollection.forEach(component => { + // We check if component key in our dashboardCollection + // is equal to our component name key in our componentCollection + if (dashboard.component === component.name) { + // If it is, we replace our serialized key by our component instance + dashboard.component = component.componentInstance; + } + }); + }); + } + + serialize(dashboardCollection) { + // We loop on our dashboardCollection + dashboardCollection.forEach(dashboard => { + // We loop on our componentCollection + this.componentCollection.forEach(component => { + // We check if component key in our dashboardCollection + // is equal to our component name key in our componentCollection + if (dashboard.name === component.name) { + dashboard.component = component.name; + } + }); + }); + } + + itemChange() { + this.dashboardCollection.dashboard = this.dashboardArray; + console.log("itemChange this.dashboardCollection.dashboard ",this.dashboardCollection.dashboard); + console.log("itemChange this.dashboardCollection ",this.dashboardCollection); + console.log("itemChange this.dashboardCollection type",typeof this.dashboardCollection); + console.log("itemChange this.dashboardArray ",this.dashboardArray); + let tmp = JSON.stringify(this.dashboardCollection); + console.log("temp data",tmp); + let parsed: DashboardModel = JSON.parse(tmp); + console.log("parsed data",parsed); + console.log("let parsed ",typeof parsed); + this.serialize(parsed.dashboard); + console.log("item chnage function ", typeof this.dashboardArray); + //this._ds.updateDashboard(this.dashboardId, parsed).subscribe(); + } + + onDrop(ev) { + const componentType = ev.dataTransfer.getData("widgetIdentifier"); + let maxChartId = this.dashboardArray?.reduce((maxId, item) => Math.max(maxId, item.chartid), 0); + switch (componentType) { + case "radar_chart": + return this.dashboardArray.push({ + cols: 5, + rows: 6, + x: 0, + y: 0, + chartid:maxChartId + 1, + component: RadarChartComponent, + name: "Radar Chart" + }); + case "line_chart": + return this.dashboardArray.push({ + cols: 5, + rows: 7, + x: 0, + y: 0, + chartid:maxChartId + 1, + component: LineChartComponent, + name: "Line Chart" + }); + case "doughnut_chart": + return this.dashboardArray.push({ + cols: 5, + rows: 6, + x: 0, + y: 0, + chartid:maxChartId + 1, + component: DoughnutChartComponent, + name: "Doughnut Chart" + }); + case "bar_chart": + return this.dashboardArray.push({ + cols: 5, + rows: 6, + x: 0, + y: 0, + chartid:maxChartId + 1, + component: BarChartComponent, + name: "Bar Chart" + }); + case "pie_chart": + return this.dashboardArray.push({ + cols: 5, + rows: 6, + x: 0, + y: 0, + chartid:maxChartId + 1, + component: PieChartComponent, + name: "Pie Chart" + }); + case "polar_area_chart": + return this.dashboardArray.push({ + cols: 5, + rows: 6, + x: 0, + y: 0, + chartid:maxChartId + 1, + component: PolarChartComponent, + name: "Polar Area Chart" + }); + case "bubble_chart": + return this.dashboardArray.push({ + cols: 5, + rows: 6, + x: 0, + y: 0, + chartid:maxChartId + 1, + component: BubbleChartComponent, + name: "Bubble Chart" + }); + case "scatter_chart": + return this.dashboardArray.push({ + cols: 5, + rows: 6, + x: 0, + y: 0, + chartid:maxChartId + 1, + component: ScatterChartComponent, + name: "Scatter Chart" + }); + case "dynamic_chart": + return this.dashboardArray.push({ + cols: 5, + rows: 6, + x: 0, + y: 0, + chartid:maxChartId + 1, + component: DynamicChartComponent, + name: "Dynamic Chart" + }); + case "financial_chart": + return this.dashboardArray.push({ + cols: 5, + rows: 6, + x: 0, + y: 0, + chartid:maxChartId + 1, + component: FinancialChartComponent, + name: "Financial Chart" + }); + case "to_do_chart": + return this.dashboardArray.push({ + cols: 5, + rows: 5, + x: 0, + y: 0, + chartid:maxChartId + 1, + component: ToDoChartComponent, + name: "To Do Chart" + }); + case "grid_view": + return this.dashboardArray.push({ + cols: 5, + rows: 5, + x: 0, + y: 0, + chartid:maxChartId + 1, + component: GridViewComponent, + name: "Grid View" + }); + } + } + removeItem(item) { + this.dashboardArray.splice( + this.dashboardArray.indexOf(item), + 1 + ); + this.itemChange(); + } + + changedOptions() { + this.options.api.optionsChanged(); + } + + modelid:number ; + editGadget(item) + { + this.modeledit = true; + this.modelid = item.chartid; + console.log(this.modelid); + this.gadgetsEditdata = item; + this.gadgetsEditdata.fieldName = item.name; + if(item.showlabel === undefined){ item.showlabel = true; } + if(item.chartcolor === undefined ){ item.chartcolor = true;} + if(item.chartlegend === undefined){ item.chartlegend = true; } + this.getStores(); + if(item.datastore !== undefined || '' || null){ + const datastore = item.datastore; + this.getTables(datastore); + const table = item.table; + this.getColumns(datastore,table); + console.log(item.yAxis); + if(isArray(item.yAxis)){ + this.selectedyAxis = item.yAxis; + console.log( this.selectedyAxis); + } + }else{ + this.selectedyAxis = []; + } + console.log(item); + } + + dashbord1_Line = { + //model:JSON.stringify(this.da), + model:'' + } + + + UpdateLine() + { + console.log('Add button clicked.......'); + console.log(this.dashboardArray); + console.log(this.dashboardCollection); + console.log(typeof this.dashboardCollection); + console.log(this.id); + //this.dashbord1_Line.model = JSON.stringify(this.dashboardCollection); + + //https://www.w3schools.com/js/tryit.asp?filename=tryjson_stringify_function_tostring + +let cmp=this.dashboardCollection.dashboard.forEach(dashboard=>{ + this.componentCollection.forEach(component=>{ + if (dashboard.name === component.name) { + dashboard.component = component.name; + } }) +}) +console.log(cmp); + + let tmp = JSON.stringify(this.dashboardCollection); + // var merged = this.dashboardArray.reduce((current, value, index) => { + // if(index > 0) + // current += ','; + + // return current + value.component; + // }, ''); + + //console.log(merged); + console.log("temp data",typeof tmp); + console.log(tmp); + let parsed= JSON.parse(tmp); + this.serialize(parsed.dashboard); + this.dashbord1_Line.model = tmp; + + // let obj = this.dashboardCollection; + // obj[1].component = obj[1].component.toString(); + // let myJSON = JSON.stringify(obj); + // this.dashbord1_Line.model = myJSON; + + console.log("line data in addgadget ",this.dashbord1_Line); + console.log("line data in addgadget type ",typeof this.dashbord1_Line); + console.log("line model data ",this.dashbord1_Line.model); + console.log("line model data type",typeof this.dashbord1_Line.model); + this.dashboardService.UpdateLineData(this.id,this.dashbord1_Line).subscribe( + (data: any)=>{ + console.log('Updation Successful...'); + this.ngOnInit(); + console.log(data); + this.router.navigate(["../../all"], { relativeTo: this.route }) + } + ); + // if (data) { + // this.toastr.success('Updated successfully'); + // } + } + + onSubmit(id) + { + console.log(id); + if (!isNullArray(this.selectedyAxis)) { + console.log("get y-axis array", this.selectedyAxis); + this.entryForm.patchValue({ yAxis: this.selectedyAxis }); + } + let formdata = this.entryForm.value; + let num = id; + console.log(this.entryForm.value); + this.dashboardCollection.dashboard = this.dashboardCollection.dashboard.map(item => { + if(item.chartid == num) + { + //item["product_id"] = "thisistest"; + const xyz = {...item,...formdata} + console.log(xyz); + return xyz; + } + return item + }); + console.log(this.dashboardCollection.dashboard); + this.modeledit = false; + + // this.entryForm.reset(); + + } + goBack(){ + this.router.navigate(["../../all"], { relativeTo: this.route }) + } + + onSchedule(){ + this.router.navigate(['../../schedule/'+ this.editId],{relativeTo:this.route}); + } + + + /////// + storedata; + getStores(){ + this.datastoreService.getAll().subscribe((data) => { + console.log(data); + this.storedata = data; + },(error) => { + console.log(error); + }); + } + + selectedStoreId; + storename(val){ + console.log(val); + this.selectedStoreId = val; + this.getTables(this.selectedStoreId); + } + + TableData; + getTables(id){ + this.alertService.getTablefromstore(id).subscribe(gateway =>{ + console.log(gateway); + this.TableData = gateway; + },(error)=>{ + console.log(error); + }); + } + + tablename(val){ + console.log(val); + this.getColumns(this.selectedStoreId,val); + } + selectedyAxis; + columnData; + getColumns(id,table){ + this.alertService.getColumnfromurl(table).subscribe(data =>{ + console.log(data); + this.columnData = data; + },(error)=>{ + console.log(error); + }); + } + + + // toggleAddToDashboard(item) { + // item.addToDashboard = item.addToDashboard; + // } + + // getChartDataForToggleSwitchTrue() { + // for (let i = 0; i < this.dashArr.length; i++) { + // if (this.dashArr[i].addToDashboard) { + // this.dashboardService.getChartData( + // this.dashArr[i].charturl, // Assuming charturl is the correct property to pass as a string + // true // Pass true to indicate fetching charts with toggle switch set to true + // ).subscribe(tData => { + // console.log(tData); + // // this.dashArr[i].featchData = tData; + // }); + // } + // } + // } + + + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.css new file mode 100644 index 0000000..dc9ed07 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.css @@ -0,0 +1 @@ +/*# sourceMappingURL=bar-chart.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.css.map new file mode 100644 index 0000000..e0b82da --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"bar-chart.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.html new file mode 100644 index 0000000..0fa4df5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.html @@ -0,0 +1,9 @@ +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.spec.ts new file mode 100644 index 0000000..0fd6253 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BarChartComponent } from './bar-chart.component'; + +describe('BarChartComponent', () => { + let component: BarChartComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BarChartComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(BarChartComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.ts new file mode 100644 index 0000000..1d2c277 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bar-chart/bar-chart.component.ts @@ -0,0 +1,33 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-bar-chart', + templateUrl: './bar-chart.component.html', + styleUrls: ['./bar-chart.component.scss'] +}) +export class BarChartComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + barChartLabels: string[] = ['Apple', 'Banana', 'Kiwifruit', 'Blueberry', 'Orange', 'Grapes']; + barChartType: string = 'bar'; + // barChartLegend = true; + barChartPlugins = []; + barChartData: any[] = [ + { data: [45, 37, 60, 70, 46, 33], label: 'Best Fruits' } + ]; + + + + // events + public chartClicked(e: any): void { + console.log(e); + } + + public chartHovered(e: any): void { + console.log(e); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.css new file mode 100644 index 0000000..68bf163 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.css @@ -0,0 +1 @@ +/*# sourceMappingURL=bubble-chart.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.css.map new file mode 100644 index 0000000..ca59a26 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"bubble-chart.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.html new file mode 100644 index 0000000..5f6157d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.html @@ -0,0 +1,9 @@ +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.spec.ts new file mode 100644 index 0000000..6f37403 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BubbleChartComponent } from './bubble-chart.component'; + +describe('BubbleChartComponent', () => { + let component: BubbleChartComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BubbleChartComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(BubbleChartComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.ts new file mode 100644 index 0000000..b01a8b0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component.ts @@ -0,0 +1,98 @@ +import { Component, OnInit } from '@angular/core'; +import { ChartConfiguration, ChartDataset, ChartOptions } from 'chart.js'; +@Component({ + selector: 'app-bubble-chart', + templateUrl: './bubble-chart.component.html', + styleUrls: ['./bubble-chart.component.scss'] +}) +export class BubbleChartComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + public bubbleChartOptions: ChartConfiguration['options'] = { + // scales: { + // x: { + // min: 0, + // max: 30, + // ticks: {} + // }, + // y: { + // min: 0, + // max: 30, + // ticks: {} + // }, + // plugins: { + // title: { + // display: true, + // text: 'Bubble Chart' + // } + // } + // } + }; + + public bubbleChartType: string = 'bubble'; + // public bubbleChartLegend = true; + public bubbleChartData: ChartDataset[] = [ + { + data: [ + { x: 10, y: 10, r: 10 }, + { x: 15, y: 5, r: 15 }, + { x: 26, y: 12, r: 23 }, + { x: 7, y: 8, r: 8 }, + ], + label: 'Investment Equities', + backgroundColor: 'rgba(255, 0, 0, 0.6)', // Red + borderColor: 'blue', + hoverBackgroundColor: 'purple', + hoverBorderColor: 'red', + }, + { + data: [ + { x: 5, y: 15, r: 12 }, + { x: 20, y: 7, r: 8 }, + { x: 12, y: 18, r: 15 }, + { x: 8, y: 6, r: 10 }, + ], + label: 'Investment Bonds', + backgroundColor: 'rgba(0, 255, 0, 0.6)', // Green + borderColor: 'green', + hoverBackgroundColor: 'yellow', + hoverBorderColor: 'blue', + }, + // { + // data: [ + // { x: 10, y: 10, r: 10 }, + // { x: 15, y: 5, r: 15 }, + // { x: 26, y: 12, r: 23 }, + // { x: 7, y: 8, r: 8 }, + // ], + // label: 'Investment Equities', + // backgroundColor: [ + // 'red', + // 'green', + // 'blue', + // 'purple', + // 'yellow', + // 'brown', + // 'magenta', + // 'cyan', + // 'orange', + // 'pink' + // ], + // borderColor: 'blue', + // hoverBackgroundColor: 'purple', + // hoverBorderColor: 'red', + // }, + ]; + + // events + public chartClicked(e: any): void { + console.log(e); + } + + public chartHovered(e: any): void { + console.log(e); + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.css new file mode 100644 index 0000000..f7a6815 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.css @@ -0,0 +1 @@ +/*# sourceMappingURL=doughnut-chart.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.css.map new file mode 100644 index 0000000..b06f027 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"doughnut-chart.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.html new file mode 100644 index 0000000..cab5b29 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.html @@ -0,0 +1,8 @@ +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.spec.ts new file mode 100644 index 0000000..6730967 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DoughnutChartComponent } from './doughnut-chart.component'; + +describe('DoughnutChartComponent', () => { + let component: DoughnutChartComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DoughnutChartComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DoughnutChartComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.ts new file mode 100644 index 0000000..137455b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component.ts @@ -0,0 +1,30 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-doughnut-chart', + templateUrl: './doughnut-chart.component.html', + styleUrls: ['./doughnut-chart.component.scss'] +}) +export class DoughnutChartComponent implements OnInit { + public doughnutChartLabels: string[] = [ + "Download Sales", + "In-Store Sales", + "Mail-Order Sales" + ]; + public doughnutChartData: number[] = [350, 450, 100]; + public doughnutChartType: string = "doughnut"; + + // events + public chartClicked(e: any): void { + console.log(e); + } + + public chartHovered(e: any): void { + console.log(e); + } + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.css new file mode 100644 index 0000000..c95881a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.css @@ -0,0 +1 @@ +/*# sourceMappingURL=dynamic-chart.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.css.map new file mode 100644 index 0000000..0d29454 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"dynamic-chart.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.html new file mode 100644 index 0000000..e00b379 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.html @@ -0,0 +1,10 @@ +

+ diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.spec.ts new file mode 100644 index 0000000..fc47783 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DynamicChartComponent } from './dynamic-chart.component'; + +describe('DynamicChartComponent', () => { + let component: DynamicChartComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DynamicChartComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DynamicChartComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.ts new file mode 100644 index 0000000..2173924 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component.ts @@ -0,0 +1,70 @@ +import { Component, OnInit, ViewChild } from '@angular/core'; +import { ChartConfiguration, ChartData, } from 'chart.js'; +import { BaseChartDirective } from 'ng2-charts'; +@Component({ + selector: 'app-dynamic-chart', + templateUrl: './dynamic-chart.component.html', + styleUrls: ['./dynamic-chart.component.scss'] +}) +export class DynamicChartComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + @ViewChild(BaseChartDirective) chart: BaseChartDirective | undefined; + + public barChartOptions: ChartConfiguration['options'] = { + elements: { + line: { + tension: 0.4 + } + }, + // We use these empty structures as placeholders for dynamic theming. + // scales: { + // x: {}, + // y: { + // min: 10 + // } + // }, + plugins: { + legend: { display: true }, + } + }; + public dynamicChartLabels: string[] = [ '2006', '2007', '2008', '2009', '2010', '2011', '2012' ]; + public barChartType: string = 'bar'; + + // public barChartData: ChartData<'bar'> = { + // labels: this.barChartLabels, + // datasets: [ + // { data: [ 65, 59, 80, 81, 56, 55, 40 ], label: 'Series A' }, + // { data: [ 28, 48, 40, 19, 86, 27, 90 ], label: 'Series B' } + // ] + // }; + + + public dynamicChartData: any = [ + { data: [65, 59, 90, 81, 56, 55, 40], label: "Series A" }, + { data: [28, 48, 40, 19, 96, 27, 100], label: "Series B" } + ]; + + // events + public chartClicked(e: any): void { + console.log(e); + } + + public chartHovered(e: any): void { + console.log(e); + } + // public chartClicked({ event, active }: { event?: ChartEvent, active?: {}[] }): void { + // console.log(event, active); + // } + + // public chartHovered({ event, active }: { event?: ChartEvent, active?: {}[] }): void { + // console.log(event, active); + // } + + public randomize(): void { + this.barChartType = this.barChartType === 'bar' ? 'line' : 'bar'; + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.css new file mode 100644 index 0000000..ac86a4e --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.css @@ -0,0 +1 @@ +/*# sourceMappingURL=financial-chart.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.css.map new file mode 100644 index 0000000..b2642ea --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"financial-chart.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.html new file mode 100644 index 0000000..56547d5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.html @@ -0,0 +1 @@ +

financial-chart works!

diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.spec.ts new file mode 100644 index 0000000..8b12e17 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { FinancialChartComponent } from './financial-chart.component'; + +describe('FinancialChartComponent', () => { + let component: FinancialChartComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ FinancialChartComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(FinancialChartComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.ts new file mode 100644 index 0000000..664e7cd --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/financial-chart/financial-chart.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-financial-chart', + templateUrl: './financial-chart.component.html', + styleUrls: ['./financial-chart.component.scss'] +}) +export class FinancialChartComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.css new file mode 100644 index 0000000..62b150c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.css @@ -0,0 +1,72 @@ +input[type=text], [type=date], [type=password] { + width: 100%; + padding: 15px 20px; + background-color: rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} + +.required-field { + color: red; + font-size: 18px; +} + +.green { + background-color: rgb(156, 231, 156); + color: black; +} + +.blue { + background-color: #57abcf; + color: black; +} + +.td-title { + text-align: center; + width: 150px; + color: white; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); +} + +th { + background-color: rgb(170, 169, 169); + font-weight: bold; +} + +.td-content { + text-align: left; +} + +.delete, .heading { + text-align: center; + color: red; +} + +.section p { + background-color: rgb(206, 201, 201); + padding: 10px; + font-size: 18px; +} + +select { + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} + +input.ng-invalid.ng-touched { + border-color: red; +} + +.error_mess { + color: red; +} + +clr-datagrid { + height: 400px; /* Adjust the height as needed */ + overflow-y: auto; +}/*# sourceMappingURL=grid-view.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.css.map new file mode 100644 index 0000000..b6dcdc3 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../../../../../../../styles1.scss","grid-view.component.css","grid-view.component.scss"],"names":[],"mappings":"AAAA;EACE,WAAA;EACA,kBAAA;EAED,oCAAA;EACC,qBAAA;EACA,sBAAA;EACA,kBAAA;EACA,sBAAA;ACAF;;ADEA;EACE,UAAA;EACF,eAAA;ACCA;;ADEA;EACE,oCAAA;EACA,YAAA;ACCF;;ADCA;EACE,yBAAA;EACA,YAAA;ACEF;;ADAA;EACE,kBAAA;EACA,YAAA;EACF,YAAA;EACE,iBAAA;EACA,2CAAA;ACGF;;ADAA;EACE,oCAAA;EACA,iBAAA;ACGF;;ADDA;EACE,gBAAA;ACIF;;ADFA;EACE,kBAAA;EACA,UAAA;ACKF;;ADHA;EACA,oCAAA;EACE,aAAA;EACA,eAAA;ACMF;;ADHA;EACE,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,kBAAA;ACMF;;ACzDA;EACE,iBAAA;AD4DF;;ACzDA;EACE,UAAA;AD4DF;;AC1DA;EACI,aAAA,EAAA,gCAAA;EACF,gBAAA;AD6DF","file":"grid-view.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.html new file mode 100644 index 0000000..94c1edc --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.html @@ -0,0 +1,69 @@ +

User Group Maintenance

+ +

Loading ...

+ +

+ User Group No +

+ Group Name +

+ Description +

+ Group Level +

+ Status +

+ +

+ Updated Date +

+ + + + {{user.usrGrp}} + {{user.groupName}} + {{user.groupDesc}} + {{user.groupLevel}} + {{user.status}} + + {{user.updateDateFormated}} + + + + + + + + + Record per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} Records + + + +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.scss new file mode 100644 index 0000000..99c5f44 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.scss @@ -0,0 +1,12 @@ +@import '../../../../../../../styles1.scss'; +input.ng-invalid.ng-touched { + border-color: red; +} + +.error_mess { + color: red; +} +clr-datagrid{ + height: 400px; /* Adjust the height as needed */ + overflow-y: auto; +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.spec.ts new file mode 100644 index 0000000..0353984 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { GridViewComponent } from './grid-view.component'; + +describe('GridViewComponent', () => { + let component: GridViewComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ GridViewComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(GridViewComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.ts new file mode 100644 index 0000000..dfb2de1 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/grid-view/grid-view.component.ts @@ -0,0 +1,54 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ExcelService } from 'src/app/services/excel.service'; +import * as moment from 'moment'; +import { UsergrpmaintainceService } from 'src/app/services/admin/usergrpmaintaince.service'; +import { ToastrService } from 'ngx-toastr'; +import { MenuGroupService } from 'src/app/services/admin/menu-group.service'; +@Component({ + selector: 'app-grid-view', + templateUrl: './grid-view.component.html', + styleUrls: ['./grid-view.component.scss'] +}) +export class GridViewComponent implements OnInit { + loading = false; + public entryForm: FormGroup; + givendata; + orders; + error; + modalAdd= false; + modaledit=false; + modaldelete=false; + rowSelected :any= {}; + mcreate; + medit; + showdata; + submitted=false; + + constructor( + private excel: ExcelService, + private toastr:ToastrService, + private _fb: FormBuilder, + private router: Router, + private route: ActivatedRoute, + private menuGroupService: MenuGroupService, + private mainservice:UsergrpmaintainceService, + ) { } + + ngOnInit(): void { + this.mainservice.getAll().subscribe((data) => { + console.log(data); + this.givendata = data; + if(this.givendata.length==0){ + this.error="No data Available"; + console.log(this.error) + } + },(error) => { + console.log(error); + if(error){ + this.error="Server Error"; + } + }); + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.css new file mode 100644 index 0000000..630d4cd --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.css @@ -0,0 +1 @@ +/*# sourceMappingURL=line-chart.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.css.map new file mode 100644 index 0000000..36b4be5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"line-chart.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.html new file mode 100644 index 0000000..18c620d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.html @@ -0,0 +1,12 @@ +

+ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.spec.ts new file mode 100644 index 0000000..0c5e7ef --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { LineChartComponent } from './line-chart.component'; + +describe('LineChartComponent', () => { + let component: LineChartComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ LineChartComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(LineChartComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.ts new file mode 100644 index 0000000..3eaad81 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/line-chart/line-chart.component.ts @@ -0,0 +1,71 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-line-chart', + templateUrl: './line-chart.component.html', + styleUrls: ['./line-chart.component.scss'] +}) +export class LineChartComponent implements OnInit { + public lineChartData:Array = [ + {data: [65, 59, 80, 81, 56, 55, 40], label: 'Series A'}, + {data: [28, 48, 40, 19, 86, 27, 90], label: 'Series B'}, + {data: [18, 48, 77, 9, 100, 27, 40], label: 'Series C'} + ]; + public lineChartLabels:Array = ['January', 'February', 'March', 'April', 'May', 'June', 'July']; + public lineChartOptions:any = { + responsive: true + }; + public lineChartColors:Array = [ + { // grey + backgroundColor: 'rgba(148,159,177,0.2)', + borderColor: 'rgba(148,159,177,1)', + pointBackgroundColor: 'rgba(148,159,177,1)', + pointBorderColor: '#fff', + pointHoverBackgroundColor: '#fff', + pointHoverBorderColor: 'rgba(148,159,177,0.8)' + }, + { // dark grey + backgroundColor: 'rgba(77,83,96,0.2)', + borderColor: 'rgba(77,83,96,1)', + pointBackgroundColor: 'rgba(77,83,96,1)', + pointBorderColor: '#fff', + pointHoverBackgroundColor: '#fff', + pointHoverBorderColor: 'rgba(77,83,96,1)' + }, + { // grey + backgroundColor: 'rgba(148,159,177,0.2)', + borderColor: 'rgba(148,159,177,1)', + pointBackgroundColor: 'rgba(148,159,177,1)', + pointBorderColor: '#fff', + pointHoverBackgroundColor: '#fff', + pointHoverBorderColor: 'rgba(148,159,177,0.8)' + } + ]; + public lineChartLegend:boolean = true; + public lineChartType:string = 'line'; + + public randomize():void { + let _lineChartData:Array = new Array(this.lineChartData.length); + for (let i = 0; i < this.lineChartData.length; i++) { + _lineChartData[i] = {data: new Array(this.lineChartData[i].data.length), label: this.lineChartData[i].label}; + for (let j = 0; j < this.lineChartData[i].data.length; j++) { + _lineChartData[i].data[j] = Math.floor((Math.random() * 100) + 1); + } + } + this.lineChartData = _lineChartData; + } + + // events + public chartClicked(e:any):void { + console.log(e); + } + + public chartHovered(e:any):void { + console.log(e); + } + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.css new file mode 100644 index 0000000..973bd02 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.css @@ -0,0 +1 @@ +/*# sourceMappingURL=pie-chart.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.css.map new file mode 100644 index 0000000..a06051f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"pie-chart.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.html new file mode 100644 index 0000000..ef42eed --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.html @@ -0,0 +1,9 @@ +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.spec.ts new file mode 100644 index 0000000..64f36b7 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PieChartComponent } from './pie-chart.component'; + +describe('PieChartComponent', () => { + let component: PieChartComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ PieChartComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(PieChartComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.ts new file mode 100644 index 0000000..a6647a6 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/pie-chart/pie-chart.component.ts @@ -0,0 +1,27 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-pie-chart', + templateUrl: './pie-chart.component.html', + styleUrls: ['./pie-chart.component.scss'] +}) +export class PieChartComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + public pieChartLabels: string[] = ['SciFi', 'Drama', 'Comedy']; + public pieChartData: number[] = [30, 50, 20]; + public pieChartType: string = 'pie'; + + // events + public chartClicked(e: any): void { + console.log(e); + } + + public chartHovered(e: any): void { + console.log(e); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.css new file mode 100644 index 0000000..1e3f682 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.css @@ -0,0 +1 @@ +/*# sourceMappingURL=polar-chart.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.css.map new file mode 100644 index 0000000..7c2253e --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"polar-chart.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.html new file mode 100644 index 0000000..421e078 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.html @@ -0,0 +1,10 @@ + +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.spec.ts new file mode 100644 index 0000000..8501fbc --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PolarChartComponent } from './polar-chart.component'; + +describe('PolarChartComponent', () => { + let component: PolarChartComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ PolarChartComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(PolarChartComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.ts new file mode 100644 index 0000000..56652fe --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/polar-chart/polar-chart.component.ts @@ -0,0 +1,37 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-polar-chart', + templateUrl: './polar-chart.component.html', + styleUrls: ['./polar-chart.component.scss'] +}) +export class PolarChartComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + public polarAreaChartLabels: string[] = [ 'Download Sales', 'In-Store Sales', 'Mail Sales', 'Telesales', 'Corporate Sales' ]; + public polarAreaChartData: any = [ + { data: [ 300, 500, 100, 40, 120 ], label: 'Series 1'} + ]; + + public polarAreaChartType: string = 'polarArea'; + + + + // public radarChartData: any = [ + // { data: [65, 59, 90, 81, 56, 55, 40], label: "Series A" }, + // { data: [28, 48, 40, 19, 96, 27, 100], label: "Series B" } + // ]; + + // events + public chartClicked(e: any): void { + console.log(e); + } + + public chartHovered(e: any): void { + console.log(e); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.css new file mode 100644 index 0000000..b255a4d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.css @@ -0,0 +1 @@ +/*# sourceMappingURL=radar-chart.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.css.map new file mode 100644 index 0000000..0e85db2 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"radar-chart.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.html new file mode 100644 index 0000000..3b26b0a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.html @@ -0,0 +1,8 @@ +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.spec.ts new file mode 100644 index 0000000..a5d9784 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { RadarChartComponent } from './radar-chart.component'; + +describe('RadarChartComponent', () => { + let component: RadarChartComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ RadarChartComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(RadarChartComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.ts new file mode 100644 index 0000000..3c23092 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/radar-chart/radar-chart.component.ts @@ -0,0 +1,39 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-radar-chart', + templateUrl: './radar-chart.component.html', + styleUrls: ['./radar-chart.component.scss'] +}) +export class RadarChartComponent implements OnInit { +// Radar +public radarChartLabels: string[] = [ + "Eating", + "Drinking", + "Sleeping", + "Designing", + "Coding", + "Cycling", + "Running" +]; + +public radarChartData: any = [ + { data: [65, 59, 90, 81, 56, 55, 40], label: "Series A" }, + { data: [28, 48, 40, 19, 96, 27, 100], label: "Series B" } +]; +public radarChartType: string = "radar"; + +// events +public chartClicked(e: any): void { + console.log(e); +} + +public chartHovered(e: any): void { + console.log(e); +} + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.css new file mode 100644 index 0000000..2b5057d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.css @@ -0,0 +1 @@ +/*# sourceMappingURL=scatter-chart.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.css.map new file mode 100644 index 0000000..4007ce6 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"scatter-chart.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.html new file mode 100644 index 0000000..e0b67e3 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.html @@ -0,0 +1,8 @@ +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.spec.ts new file mode 100644 index 0000000..70c8481 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ScatterChartComponent } from './scatter-chart.component'; + +describe('ScatterChartComponent', () => { + let component: ScatterChartComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ScatterChartComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ScatterChartComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.ts new file mode 100644 index 0000000..1af87bc --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component.ts @@ -0,0 +1,77 @@ +import { Component, OnInit } from '@angular/core'; +import { ChartData,ChartDataset } from 'chart.js'; + +@Component({ + selector: 'app-scatter-chart', + templateUrl: './scatter-chart.component.html', + styleUrls: ['./scatter-chart.component.scss'] +}) +export class ScatterChartComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + public scatterChartLabels: string[] = [ 'Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running' ]; + + public scatterChartData: ChartDataset[] = [ + // { + // data: [ + // { x: 1, y: 1 }, + // { x: 2, y: 3 }, + // { x: 3, y: -2 }, + // { x: 4, y: 4 }, + // { x: 5, y: -3, r: 20 }, + // ], + // label: 'Series A', + // pointRadius: 10, + // backgroundColor: 'red', + // }, + // { + // data: [ + // { x: 2, y: 2 }, + // { x: 3, y: 1 }, + // { x: 4, y: 3 }, + // { x: 5, y: 2 }, + // { x: 6, y: 4, r: 15 }, + // ], + // label: 'Series B', + // pointRadius: 8, + // backgroundColor: 'green', + // }, + { + data: [ + { x: 1, y: 1 }, + { x: 2, y: 3 }, + { x: 3, y: -2 }, + { x: 4, y: 4 }, + { x: 5, y: -3, r: 20 }, + ], + label: 'Series A', + pointRadius: 10, + backgroundColor: [ + 'red', + 'green', + 'blue', + 'purple', + 'yellow', + 'brown', + 'magenta', + 'cyan', + 'orange', + 'pink' + ], + }, + ]; + public scatterChartType: string = 'scatter'; + + + // events + public chartClicked(e: any): void { + console.log(e); + } + + public chartHovered(e: any): void { + console.log(e); + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.css new file mode 100644 index 0000000..1a0ea87 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.css @@ -0,0 +1 @@ +/*# sourceMappingURL=to-do-chart.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.css.map new file mode 100644 index 0000000..5fe3143 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"to-do-chart.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.html new file mode 100644 index 0000000..c9e47d0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.html @@ -0,0 +1,27 @@ + + + + + + + + + + + + + + + + +

#	Item
{{i + 1}}	{{todo}}	+ + + +
	+ +	+ + + +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.spec.ts new file mode 100644 index 0000000..a489ab6 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ToDoChartComponent } from './to-do-chart.component'; + +describe('ToDoChartComponent', () => { + let component: ToDoChartComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ToDoChartComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ToDoChartComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.ts new file mode 100644 index 0000000..481fcca --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component.ts @@ -0,0 +1,27 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-to-do-chart', + templateUrl: './to-do-chart.component.html', + styleUrls: ['./to-do-chart.component.scss'] +}) +export class ToDoChartComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + data: any; + todo: string; + todoList = ['todo 1']; + + public addTodo(todo: string) { + this.todoList.push(todo); +} + +public removeTodo(todoIx: number) { + if (this.todoList.length) { + this.todoList.splice(todoIx, 1); + } +} +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/schedule/schedule.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/schedule/schedule.component.html new file mode 100644 index 0000000..0b4b913 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/schedule/schedule.component.html @@ -0,0 +1 @@ +

schedule works!

diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/schedule/schedule.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/schedule/schedule.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/schedule/schedule.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/schedule/schedule.component.spec.ts new file mode 100644 index 0000000..74a139d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/schedule/schedule.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ScheduleComponent } from './schedule.component'; + +describe('ScheduleComponent', () => { + let component: ScheduleComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [ScheduleComponent] + }); + fixture = TestBed.createComponent(ScheduleComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/schedule/schedule.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/schedule/schedule.component.ts new file mode 100644 index 0000000..5848b8b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/schedule/schedule.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-schedule', + templateUrl: './schedule.component.html', + styleUrls: ['./schedule.component.scss'] +}) +export class ScheduleComponent { + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashboardrunner.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashboardrunner.component.html new file mode 100644 index 0000000..90c6b64 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashboardrunner.component.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashboardrunner.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashboardrunner.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashboardrunner.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashboardrunner.component.spec.ts new file mode 100644 index 0000000..f034e08 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashboardrunner.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DashboardrunnerComponent } from './dashboardrunner.component'; + +describe('DashboardrunnerComponent', () => { + let component: DashboardrunnerComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DashboardrunnerComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DashboardrunnerComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashboardrunner.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashboardrunner.component.ts new file mode 100644 index 0000000..f18f267 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashboardrunner.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-dashboardrunner', + templateUrl: './dashboardrunner.component.html', + styleUrls: ['./dashboardrunner.component.scss'] +}) +export class DashboardrunnerComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.css new file mode 100644 index 0000000..802d40f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.css @@ -0,0 +1,90 @@ +.td-title { + text-align: right; + width: 150px; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); + color: white; +} + +.td-content { + text-align: left; +} + +.delete, .heading { + text-align: center; + color: red; +} + +input[type=radio] { + width: 14px !important; + height: 14px !important; + margin: 5px; + -webkit-appearance: none; + -moz-appearance: none; + -o-appearance: none; + appearance: none; + outline: 1px solid gray; + box-shadow: none; + font-size: 0.8em; + text-align: center; + line-height: 1em; + background: red; +} + +.dots { + width: 100px; + height: 100px; + bordeR: 1px solid; + border-radius: 50%; +} + +h4 { + margin-top: 16px; +} + +.s-order-dash-pg { + margin: 0px; + display: flex; + flex-wrap: wrap; + flex-direction: row; + justify-content: center; +} +.s-order-dash-pg .chart-box { + margin: 16px; + padding: 0 16px; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 2px; +} + +#word1 { + width: 190px; + height: 180px; +} + +.center { + text-align: center; + margin-top: 5px; +} + +.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; +} + +.heading { + text-align: center; + color: red; +} + +select { + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +}/*# sourceMappingURL=dashrunnerall.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.css.map new file mode 100644 index 0000000..d4abb49 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["dashrunnerall.component.scss","dashrunnerall.component.css"],"names":[],"mappings":"AAAA;EACI,iBAAA;EACA,YAAA;EACA,iBAAA;EACA,2CAAA;EACA,YAAA;ACCJ;;ADCE;EACE,gBAAA;ACEJ;;ADAE;EACE,kBAAA;EACA,UAAA;ACGJ;;ADDE;EACE,sBAAA;EACA,uBAAA;EACA,WAAA;EACA,wBAAA;EACA,qBAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;EACA,gBAAA;EACA,gBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;ACIJ;;ADFE;EAEE,YAAA;EACA,aAAA;EACA,iBAAA;EACA,kBAAA;ACIJ;;ADDI;EAAG,gBAAA;ACKP;;ADJI;EACE,WAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,uBAAA;ACON;ADNM;EACE,YAAA;EACA,eAAA;EACA,sBAAA;EACA,sBAAA;EACA,kBAAA;ACQR;;ADLI;EACC,YAAA;EACC,aAAA;ACQN;;ADLI;EACE,kBAAA;EACA,eAAA;ACQN;;ADLI;EACE,cAAA;EACA,yBAAA;EACA,sBAAA;EACA,wBAAA;EACA,eAAA;EACA,WAAA;EACA,mBAAA;ACQN;;ADNM;EACE,kBAAA;EACA,UAAA;ACSR;;ADNM;EACE,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,kBAAA;ACSR","file":"dashrunnerall.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.html new file mode 100644 index 0000000..74d44e3 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.html @@ -0,0 +1,117 @@ + + +
+ +

+ +

+ + +

+ +

+ + {{ 'dashboard_found' | translate }} + + {{ 'loading' | translate }} + +

+ + + +

+ +

+ {{app.dashboard_name}} +

+ +

+ {{app.description}} +

+ + +

+ {{app.createdAt | timePipe}} +

+ +

+ + + + + + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.scss new file mode 100644 index 0000000..48905e0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.scss @@ -0,0 +1,93 @@ +.td-title { + text-align: right; + width: 150px; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); + color: white; + } + .td-content{ + text-align: left; + } + .delete,.heading{ + text-align: center; + color: red; + } + input[type='radio']{ + width: 14px !important; + height: 14px !important; + margin: 5px; + -webkit-appearance: none; + -moz-appearance: none; + -o-appearance: none; + appearance: none; + outline: 1px solid gray; + box-shadow: none; + font-size: 0.8em; + text-align: center; + line-height: 1em; + background: red; + } + .dots + { + width: 100px; + height:100px; + border: 1px solid; + border-radius: 50%; + //background-color: #f00; + } + h4{margin-top: 16px;} + .s-order-dash-pg { + margin: 0px; + display:flex; + flex-wrap:wrap; + flex-direction:row; + justify-content:center; + .chart-box{ + margin:16px; + padding:0 16px; + background-color: #fff; + border:1px solid #ccc; + border-radius: 2px; + } + } + #word1{ + width: 190px; + height: 180px; + + } + .center{ + text-align: center; + margin-top: 5px; + } + + .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; + } + .heading{ + text-align: center; + color: red; + } + + select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + + + #word { + display: inline-block; + width: 320px; + white-space: nowrap; + overflow: hidden !important; + text-overflow: ellipsis; + font-weight: bold; + + } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.spec.ts new file mode 100644 index 0000000..0b6bc3a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DashrunnerallComponent } from './dashrunnerall.component'; + +describe('DashrunnerallComponent', () => { + let component: DashrunnerallComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DashrunnerallComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DashrunnerallComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.ts new file mode 100644 index 0000000..ba27793 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerall/dashrunnerall.component.ts @@ -0,0 +1,125 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +// import { WireframeService } from 'src/app/services/builder/wireframe.service'; +import { ExcelService } from 'src/app/services/excel.service'; +import { Dashboard3Service } from '../../../../../services/builder/dashboard3.service'; +import * as moment from 'moment'; +import { ModulesetupService } from 'src/app/services/builder/modulesetup.service'; +@Component({ + selector: 'app-dashrunnerall', + templateUrl: './dashrunnerall.component.html', + styleUrls: ['./dashrunnerall.component.scss'] +}) +export class DashrunnerallComponent implements OnInit { + addModall:boolean = false; + selected:any[] = []; + loading = false; + data:any; + id:any; + moduleId:any; + modalDelete = false; + rowSelected :any= {}; + rows: any[]; + projectname; + projectId; + error; + constructor( + private router : Router, + private route: ActivatedRoute,private dashboardService : Dashboard3Service, + // private wireframeservice : WireframeService, + private excel: ExcelService,private mainService: ModulesetupService, + private toastr: ToastrService,) { } + + ngOnInit(): void { + // this.projectId=this.wireframeservice.getProjectId(); + console.log(this.projectId); + this.id = this.route.snapshot.params["id"]; // fb_header_id + // this.moduleId = this.wireframeservice.getModuleId(); // get from session storage + console.log(this.moduleId); + + this.getdashboard(); + // this.getprojectName(this.projectId); + } + + getprojectName(id){ + this.mainService.getProjectModules(id).subscribe((data) => { + console.log(data); + this.projectname=data.items[0]['projectName']; + console.log(this.projectname); + }); + } + + + getdashboard() + { + this.dashboardService.getAllDash().subscribe((data) =>{ + this.data = data; + this.rows = this.data; + console.log(data); + this.error="No data Available"; + console.log(this.error); + }); + } + + openModal() + { + this.addModall = true; + } + gotoadd() + { + this.router.navigate(['../../dashboardbuilder'],{relativeTo:this.route}); + } + goToEdit(id:number) + { + this.router.navigate(['../dashrunner/'+id],{relativeTo:this.route}); + } + + goToEditData(id: number){ + this.router.navigate(['../editdata/'+id],{relativeTo:this.route}); + } + + onExport() { + this.excel.exportAsExcelFile(this.rows, 'user_', + moment().format('YYYYMMDD_HHmmss')) + } + + gotoAction(){ + this.router.navigate(["../../actions"], { relativeTo: this.route, queryParams: { m_id: this.moduleId,pname:this.projectname } }); + } + gotoRepo(){ + this.router.navigate(["../../modulecard"], { relativeTo: this.route, queryParams: { p_id: this.projectId } }); + } + + onDelete(row){ + this.rowSelected = row; + console.log(this.rowSelected); + this.modalDelete = true; + } + delete(id) + { + this.modalDelete = false; + console.log("in delete "+id); + this.dashboardService.deleteField(id).subscribe((data)=>{ + console.log(data); + this.ngOnInit(); + }); + if (id) { + this.toastr.success('Deleted successfully'); + } + } + // openModal() + // { + // this.addModall = true; + // } + // gotoadd() + // { + // this.router.navigate(['../adddata'],{relativeTo:this.route}); + // } + // goToEdit() + // { + // this.router.navigate(['../editdashn'],{relativeTo:this.route}); + // } + +} + diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bar-runner/bar-runner.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bar-runner/bar-runner.component.html new file mode 100644 index 0000000..1e6cc60 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bar-runner/bar-runner.component.html @@ -0,0 +1,38 @@ +

+ +

+ + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bar-runner/bar-runner.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bar-runner/bar-runner.component.scss new file mode 100644 index 0000000..3b78b91 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bar-runner/bar-runner.component.scss @@ -0,0 +1,102 @@ +//@import '../../../assets/scss/var'; + + +//common +h4{margin-top: 16px;} +.s-order-Dashtest-pg { + margin: 0px; + display:flex; + flex-wrap:wrap; + flex-direction:row; + justify-content:center; + overflow: auto; +// overflow-x: hidden; + .chart-box{ + margin:16px; + padding:0 16px; + background-color: #fff; + border:1px solid #ccc; + border-radius: 2px; + max-width: 400px auto; + overflow: auto; + max-height: 300px auto; + + + } +} +#word{ + // width: 270px; + width:500px; +} +.center{ + text-align: center; + font-weight: 500; +} +.s{ + color: blue; +} + +li{ + list-style-type: none; +} +.progress-bar{ + margin-bottom: 5px; + height: 15px; +} + + +.chart-container { + position: relative; + width: 400px; /* Adjust width as needed */ + height: 300px; /* Adjust height as needed */ +} + +.chart-canvas { + width: 100%; + height: 100%; +} +.clr-input { + color: #212529; + border: 1px solid #ced4da; + border-radius: 0.25rem; + padding: 0.75rem 0.75rem; + background-color:rgb(255, 255, 255); + margin-top: 3px; + width: 100%; + margin-bottom: 10px; +} +select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} +.center { + text-align: center; +} + + +// .progress-bar { +// margin-bottom: 5px; +// height: 15px; +// border: 1px solid #ccc; /* Optional: Add a border to the progress bar */ +// } + +// .progress-meter { +// height: 100%; +// background-color: #007bff; /* Set the background color of the progress bar */ +// color: #fff; /* Set the text color of the percentage */ +// text-align: center; +// line-height: 15px; +// } + +// .progress-text { +// position: absolute; +// top: 0; +// left: 0; +// width: 100%; +// height: 100%; +// display: flex; +// align-items: center; +// justify-content: center; +// } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bar-runner/bar-runner.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bar-runner/bar-runner.component.spec.ts new file mode 100644 index 0000000..4bf541a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bar-runner/bar-runner.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BarRunnerComponent } from './bar-runner.component'; + +describe('BarRunnerComponent', () => { + let component: BarRunnerComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BarRunnerComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(BarRunnerComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bar-runner/bar-runner.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bar-runner/bar-runner.component.ts new file mode 100644 index 0000000..2781144 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bar-runner/bar-runner.component.ts @@ -0,0 +1,101 @@ +import { Component, ElementRef, EventEmitter, OnInit, Output, ViewChild } from '@angular/core'; +import { DashrunnerService } from '../dashrunner.service'; +import { ActivatedRoute, Router } from '@angular/router'; +import { Dashboard3Service } from 'src/app/services/builder/dashboard3.service'; +import { DashboardContentModel } from 'src/app/models/builder/dashboard'; + +@Component({ + selector: 'app-bar-runner', + templateUrl: './bar-runner.component.html', + styleUrls: ['./bar-runner.component.scss'] +}) +export class BarRunnerComponent implements OnInit { + @ViewChild('contentContainer') contentContainerRef!: ElementRef; + @Output() buttonClicked = new EventEmitter(); + editId; + public DashtestboardArray: DashboardContentModel[] = [ + ]; + workflowLine; + TableName; + XAxis; + YAxis; + showlabel; + lineChartNoLabels:any[] = []; + JsonData; + + barData; + constructor(private Dashtestservive:DashrunnerService,private route: ActivatedRoute,private dashboardService: Dashboard3Service, + private router : Router,) { } + + barChartLabels: any[] = []; + barChartType: string = 'bar'; + barChartLegend = false; + barChartPlugins = []; + barChartData: any[] = []; + + CharData = { + "barChartData": [ + { data: [45, 37, 60, 70, 46, 33], label: 'Best Fruits' }, + ], + "barChartLabels":['Apple', 'Banana', 'Kiwifruit', 'Blueberry', 'Orange', 'Grapes'] + } + + ngOnInit(): void { + this.barChartData = this.CharData.barChartData; + this.barChartLabels = this.CharData.barChartLabels; + + this.editId = this.route.snapshot.params.id; + console.log(this.editId); + + + this.dashboardService.getById(this.editId).subscribe((data)=>{ + console.log(data); + this.workflowLine = data.dashbord1_Line[0].model; + const dash = JSON.parse(this.workflowLine) ; + // this.DashtestboardArray = dash.dashboard; + // console.log(this.DashtestboardArray); + + const ChartObject = dash.dashboard.filter(obj => obj.name === "Bar Chart"); + console.log(ChartObject); + for (let i = 0; i < ChartObject.length; i++) { + const ids = this.Dashtestservive.getbarchart(); + // console.log(ids); + if (ids.includes(ChartObject[i].chartid)) { + // If the chartid is already in the ids array, continue to the next iteration + continue; + } + this.Dashtestservive.setbarchart(ChartObject[i].chartid); + const id = ids[i]; + console.log(id); + + if (ChartObject[i].chartid === id) { + this.TableName = ChartObject[i].table; + this.XAxis = ChartObject[i].xAxis; + this.YAxis = ChartObject[i].yAxis; + this.showlabel = ChartObject[i].showlabel; + this.barChartLegend = ChartObject[i].chartlegend; + console.log(this.TableName); + this.Dashtestservive.getChartData(this.TableName,"Bar Chart",this.XAxis,this.YAxis).subscribe((Ldata) => { + console.log(Ldata); + this.JsonData = Ldata; + this.barChartData = this.JsonData.barChartData; + this.barChartLabels = this.JsonData.barChartLabels; + + },(error) => { + console.log(error); + }); + break; // No need to continue the loop once the correct placeholder is found + } + } + }); + } + + generatePDFFile(){ + this.buttonClicked.emit(); + const content = this.contentContainerRef.nativeElement; + const filename = 'barchart.pdf'; // You can provide any desired filename here + + this.Dashtestservive.generatePDF(content, filename); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bubble-runner/bubble-runner.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bubble-runner/bubble-runner.component.html new file mode 100644 index 0000000..c5682e6 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bubble-runner/bubble-runner.component.html @@ -0,0 +1,11 @@ +

+ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bubble-runner/bubble-runner.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bubble-runner/bubble-runner.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bubble-runner/bubble-runner.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bubble-runner/bubble-runner.component.spec.ts new file mode 100644 index 0000000..fdd5925 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bubble-runner/bubble-runner.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BubbleRunnerComponent } from './bubble-runner.component'; + +describe('BubbleRunnerComponent', () => { + let component: BubbleRunnerComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BubbleRunnerComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(BubbleRunnerComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bubble-runner/bubble-runner.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bubble-runner/bubble-runner.component.ts new file mode 100644 index 0000000..5bb9632 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/bubble-runner/bubble-runner.component.ts @@ -0,0 +1,140 @@ +import { Component, ElementRef, EventEmitter, OnInit, Output, ViewChild } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ChartConfiguration, ChartDataset, ChartOptions } from 'chart.js'; +// import { Label } from 'ng2-charts'; +import { DashboardContentModel } from 'src/app/models/builder/dashboard'; +import { DashrunnerService } from '../dashrunner.service'; +import { Dashboard3Service } from 'src/app/services/builder/dashboard3.service'; + +@Component({ + selector: 'app-bubble-runner', + templateUrl: './bubble-runner.component.html', + styleUrls: ['./bubble-runner.component.scss'] +}) +export class BubbleRunnerComponent implements OnInit { + @ViewChild('contentContainer') contentContainerRef!: ElementRef; + @Output() buttonClicked = new EventEmitter(); + editId; + public DashtestboardArray: DashboardContentModel[] = [ + ]; + workflowLine; + TableName; + XAxis; + YAxis; + showlabel; + JsonData; + lineChartNoLabels: [] = []; + ChartLegend = false; + + constructor(private Dashtestservive:DashrunnerService,private route: ActivatedRoute,private dashboardService: Dashboard3Service, + private router : Router,) { } + + public bubbleChartOptions: ChartConfiguration['options'] = { + // scales: { + // x: { + // min: 0, + // max: 30, + // ticks: {} + // }, + // y: { + // min: 0, + // max: 30, + // ticks: {} + // }, + // plugins: { + // title: { + // display: true, + // text: 'Bubble Chart' + // } + // } + // } + }; + + public bubbleChartType: string = 'bubble'; + // public bubbleChartLegend = true; + public bubbleChartData: ChartDataset[] = [ + { + data: [ + { x: 10, y: 10, r: 10 }, + { x: 15, y: 5, r: 15 }, + { x: 26, y: 12, r: 23 }, + { x: 7, y: 8, r: 8 }, + ], + label: 'Investment Equities', + backgroundColor: 'rgba(255, 0, 0, 0.6)', // Red + borderColor: 'blue', + hoverBackgroundColor: 'purple', + hoverBorderColor: 'red', + }, + { + data: [ + { x: 5, y: 15, r: 12 }, + { x: 20, y: 7, r: 8 }, + { x: 12, y: 18, r: 15 }, + { x: 8, y: 6, r: 10 }, + ], + label: 'Investment Bonds', + backgroundColor: 'rgba(0, 255, 0, 0.6)', // Green + borderColor: 'green', + hoverBackgroundColor: 'yellow', + hoverBorderColor: 'blue', + }, + ]; + ngOnInit(): void { + // this.pieChartData = this.CharData.pieChartData; + // this.pieChartLabels = this.CharData.pieChartLabels; + + this.editId = this.route.snapshot.params.id; + console.log(this.editId); + + + this.dashboardService.getById(this.editId).subscribe((data)=>{ + console.log(data); + this.workflowLine = data.dashbord1_Line[0].model; + const dash = JSON.parse(this.workflowLine) ; + + const ChartObject = dash.dashboard.filter(obj => obj.name === "Bubble Chart"); + console.log(ChartObject); + for (let i = 0; i < ChartObject.length; i++) { + const ids = this.Dashtestservive.getbubblechart(); + // console.log(ids); + if (ids.includes(ChartObject[i].chartid)) { + // If the chartid is already in the ids array, continue to the next iteration + continue; + } + this.Dashtestservive.setbubblechart(ChartObject[i].chartid); + const id = ids[i]; + console.log(id); + + if (ChartObject[i].chartid === id) { + this.TableName = ChartObject[i].table; + this.XAxis = ChartObject[i].xAxis; + this.YAxis = ChartObject[i].yAxis; + this.showlabel = ChartObject[i].showlabel; + this.ChartLegend = ChartObject[i].chartlegend; + console.log(this.TableName); + this.Dashtestservive.getChartData(this.TableName,"Bubble Chart",this.XAxis,this.YAxis).subscribe((Ldata) => { + console.log(Ldata); + this.JsonData = Ldata; + this.bubbleChartData = this.JsonData.bubbleChartData; + // this.radarChartLabels = this.JsonData.radarChartLabels; + + },(error) => { + console.log(error); + }); + break; // No need to continue the loop once the correct placeholder is found + } + } + }); + } + + generatePDFFile(){ + this.buttonClicked.emit(); + const content = this.contentContainerRef.nativeElement; + const filename = 'bubblechart.pdf'; // You can provide any desired filename here + + this.Dashtestservive.generatePDF(content, filename); + } + + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunner.service.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunner.service.spec.ts new file mode 100644 index 0000000..596cd13 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunner.service.spec.ts @@ -0,0 +1,16 @@ +import { TestBed } from '@angular/core/testing'; + +import { DashrunnerService } from './dashrunner.service'; + +describe('DashrunnerService', () => { + let service: DashrunnerService; + + beforeEach(() => { + TestBed.configureTestingModule({}); + service = TestBed.inject(DashrunnerService); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunner.service.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunner.service.ts new file mode 100644 index 0000000..5c814f6 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunner.service.ts @@ -0,0 +1,212 @@ +import { HttpClient, HttpHeaders, HttpParams } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import { Observable } from 'rxjs'; +import { ApiRequestService } from 'src/app/services/api/api-request.service'; +import baseUrl from 'src/app/services/api/helper'; +import { jsPDF } from 'jspdf'; +import domtoimage from 'dom-to-image'; +import { saveAs } from 'file-saver'; + +@Injectable({ + providedIn: 'root' +}) +export class DashrunnerService { + constructor(private apirequest:ApiRequestService,private _http: HttpClient) { } + + + + + getJsonData(api: string, jobType: string): Observable { + const url = `${baseUrl}/fnd/dashboardbuilder/getdashjson/${jobType}`; + let params: HttpParams = new HttpParams(); + params =params.append("api",api); + return this._http.get(url, { params }); + } + + updateDashboardLine(dashName: any, dashboardLine: any): Observable { + return this._http.put(`${baseUrl}/fnd/dashboardbuilder/update_Dashbord_json/${dashName}`, dashboardLine); + } + + getDashboardByName(dashname: any, json: any): Observable { + const params = new HttpParams() + .set('dashname', dashname) + .set('json', json); + + return this._http.get(`${baseUrl}/fnd/dashboardbuilder/get_dashboard`, { params }); + } + + getAxisDetails(): Observable { + return this._http.get(`${baseUrl}/token/Dashboardaxis`); + } + + ////////// + + resetConditions() { + this.lineChartIds = []; // Reset the ids array to an empty array + this.barChartIds = []; + this.doughnutChartIds = []; + this.pieChartIds = []; + this.polarareaChartIds = []; + this.radarChartIds = []; + this.scatterChartIds = []; + this.bubbleChartIds = []; + this.gridviewIds = []; + this.todoIds = []; +} + ////////// Line Chart +lineChartIds: any[] = []; +setlinechart(id: any) { + this.lineChartIds.push(id); +} + +getlinechart(): any[] { + return this.lineChartIds; +} + + ////////// Bar Chart + barChartIds: any[] = []; + setbarchart(id: any) { + this.barChartIds.push(id); + } + + getbarchart(): any[] { + return this.barChartIds; + } + + ////////// Doughnut Chart + doughnutChartIds: any[] = []; + setdoughnutchart(id: any) { + this.doughnutChartIds.push(id); + } + + getdoughnutchart(): any[] { + return this.doughnutChartIds; + } + + ////////// Pie Chart + pieChartIds: any[] = []; + setpiechart(id: any) { + this.pieChartIds.push(id); + } + + getpiechart(): any[] { + return this.pieChartIds; + } + + ////////// Poral Area Chart + polarareaChartIds: any[] = []; + setpolarareachart(id: any) { + this.polarareaChartIds.push(id); + } + + getpolarareachart(): any[] { + return this.polarareaChartIds; + } + + ////////// Radar Chart + radarChartIds: any[] = []; + setradarchart(id: any) { + this.radarChartIds.push(id); + } + + getradarchart(): any[] { + return this.radarChartIds; + } + + ////////// Scatter Chart + scatterChartIds: any[] = []; + setscatterchart(id: any) { + this.scatterChartIds.push(id); + } + + getscatterchart(): any[] { + return this.scatterChartIds; + } + + ////////// Bubble Chart + bubbleChartIds: any[] = []; + setbubblechart(id: any) { + this.bubbleChartIds.push(id); + } + + getbubblechart(): any[] { + return this.bubbleChartIds; + } + ////////// Grid View + gridviewIds: any[] = []; + setgridview(id: any) { + this.gridviewIds.push(id); + } + + getgridview(): any[] { + return this.gridviewIds; + } + ////////// To do + todoIds: any[] = []; + settodo(id: any) { + this.todoIds.push(id); + } + + gettodo(): any[] { + return this.todoIds; + } + + + + //////////////////////////////////////////////////////////////// + + public getChartData(tableName: string, jobType: string, xAxis:any,yAxes:any ): Observable { + const url = `${baseUrl}/chart/getdashjson/${jobType}?tableName=${tableName}&xAxis=${xAxis}&yAxes=${yAxes}`; + return this._http.get(url); + } + + + + ////////////////////////////////////////////// + + async generatePDF(content: HTMLElement, filename: string) { + // Wait for the charts to render (adjust the delay as needed) + await new Promise((resolve) => setTimeout(resolve, 1000)); + + try { + // Convert the content to a data URL + const dataUrl = await domtoimage.toPng(content); + + // Convert data URL to image + const img = new Image(); + img.src = dataUrl; + + img.onload = () => { + const pdf = new jsPDF(); + const imgWidth = 210; // A4 size (width in mm) + const imgHeight = (img.height * imgWidth) / img.width; + + // Add the image to the PDF + pdf.addImage(img, 'PNG', 0, 0, imgWidth, imgHeight); + + // Save the PDF with the custom filename + pdf.save(filename); + }; + } catch (error) { + console.error('Error generating PDF:', error); + } + } + + // async generatePDF(content: HTMLElement, filename: string) { + // await new Promise((resolve) => setTimeout(resolve, 1000)); + + // try { + // // Convert the content to a data URL + // const dataUrl = await domtoimage.toPng(content); + + // // Send a request to the server to generate the PDF + // const pdfData = await this._http.post('/api/generate-pdf', { dataUrl, filename }).toPromise(); + + // // Save the PDF on the client-side + // saveAs(pdfData, filename); + // } catch (error) { + // console.error('Error generating PDF:', error); + // } + // } + +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunnerline.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunnerline.component.html new file mode 100644 index 0000000..4a68f73 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunnerline.component.html @@ -0,0 +1,40 @@ +

+ + +

+ + + + + + + + +

+ + + + + + + +

+ +

+ + +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunnerline.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunnerline.component.scss new file mode 100644 index 0000000..66f63a6 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunnerline.component.scss @@ -0,0 +1,49 @@ +.componentbtn{ + color: white; + background-color: #03AC13; + border: none; +} +.content-container { + min-height: 100vh; + height: initial; +} +a:hover { +text-decoration: none; +cursor: pointer; +} +.clr-checkbox{ +color: #212529; +border: 1px solid #ced4da; +border-radius: 0.25rem; +// padding: 0.75rem 0.75rem; +// margin-top: 3px; +width: 100%; +margin-left: 20px; +margin-bottom: 18px; +} +.clr-input, .clr-dropdown { +color: #212529; +border: 1px solid #ced4da; +border-radius: 0.25rem; +padding: 0.75rem 0.75rem; +margin-top: 3px; +width: 100%; +margin-bottom: 10px; +} + +.circle { + width: 25px; + height: 25px; + border: 0.5px solid black; + border-radius: 25px; + // background-color: #235255; + display: flex; + align-items: center; + justify-content: center; + opacity: 0.4; +} +.circle b, clr-icon { + // color: #fff; + font-size: 15px; + //opacity: 0.5; +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunnerline.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunnerline.component.spec.ts new file mode 100644 index 0000000..dc29447 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunnerline.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DashrunnerlineComponent } from './dashrunnerline.component'; + +describe('DashrunnerlineComponent', () => { + let component: DashrunnerlineComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DashrunnerlineComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DashrunnerlineComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunnerline.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunnerline.component.ts new file mode 100644 index 0000000..61f9a3c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/dashrunnerline.component.ts @@ -0,0 +1,291 @@ +import { Component, OnInit, ViewChild, ElementRef } from '@angular/core'; +import { ChartDataset, ChartType } from 'chart.js'; +import { DashrunnerService } from './dashrunner.service'; +import { GridsterConfig, GridsterItem, GridsterItemComponentInterface } from 'angular-gridster2'; +import { DoughnutRunnerComponent } from './doughnut-runner/doughnut-runner.component'; +import { LineRunnerComponent } from './line-runner/line-runner.component'; +import { BarRunnerComponent } from './bar-runner/bar-runner.component'; +import { DashboardContentModel } from 'src/app/models/builder/dashboard'; +import { GridRunnerComponent } from './grid-runner/grid-runner.component'; +import { Dashboard3Service } from 'src/app/services/builder/dashboard3.service'; +import { ActivatedRoute, NavigationEnd, Router } from '@angular/router'; +import { TodoRunnerComponent } from './todo-runner/todo-runner.component'; +import { jsPDF } from 'jspdf'; +import domtoimage from 'dom-to-image'; +import { PieRunnerComponent } from './pie-runner/pie-runner.component'; +import { BubbleRunnerComponent } from './bubble-runner/bubble-runner.component'; +import { ScatterRunnerComponent } from './scatter-runner/scatter-runner.component'; +import { PolarRunnerComponent } from './polar-runner/polar-runner.component'; +import { RadarRunnerComponent } from './radar-runner/radar-runner.component'; + +@Component({ + selector: 'app-dashrunnerline', + templateUrl: './dashrunnerline.component.html', + styleUrls: ['./dashrunnerline.component.scss'] +}) +export class DashrunnerlineComponent implements OnInit { + @ViewChild('contentContainer') contentContainerRef!: ElementRef; + // @ViewChild('contentContainer', {static:false}) el!: ElementRef; + public options: GridsterConfig; + workflowLine:any; + editId; + public DashtestboardArray: DashboardContentModel[] = [ + + + ]; + componentCollection = [ + { name: "Line Chart", componentInstance: LineRunnerComponent }, + { name: "Doughnut Chart", componentInstance: DoughnutRunnerComponent }, + { name: "Bar Chart", componentInstance: BarRunnerComponent }, + { name: "Pie Chart", componentInstance: PieRunnerComponent }, + { name: "Bubble Chart", componentInstance: BubbleRunnerComponent }, + { name: "Scatter Chart", componentInstance: ScatterRunnerComponent }, + { name: "Polar Area Chart", componentInstance: PolarRunnerComponent }, + { name: "Radar Chart", componentInstance: RadarRunnerComponent }, + { name: "Grid View", componentInstance: GridRunnerComponent }, + { name: "To Do Chart", componentInstance: TodoRunnerComponent }, +]; + + constructor(private Dashtestservive:DashrunnerService, private dashboardService: Dashboard3Service,private route: ActivatedRoute, + private router : Router,) { } + + ngOnInit(): void { + + + this.router.events.subscribe((event) => { + if (event instanceof NavigationEnd) { + // Reset conditions when navigation changes + this.Dashtestservive.resetConditions(); + } + }); + + this.options = { + gridType: 'fit', + enableEmptyCellDrop: true, + pushItems: true, + swap: true, + pushDirections: { north: true, east: true, south: true, west: true }, + resizable: { enabled: true }, + draggable: { + enabled: true, + ignoreContent: true, + dropOverItems: true, + dragHandleClass: 'drag-handler', + ignoreContentClass: 'no-drag', + }, + displayGrid: 'onDrag&Resize', //always + minCols: 10, + minRows: 10, + }; + this.editId = this.route.snapshot.params.id; + console.log(this.editId); + this.getbyId(this.editId); + } +//getbyname +dashboard_name = "Dashtest"; + getbyId(id){ + this.dashboardService.getById(id).subscribe((data)=>{ + console.log(data); + this.workflowLine = data.dashbord1_Line[0].model; + this.dashboard_name = data.dashboard_name; + if(this.workflowLine == "" || this.workflowLine == null){ + console.log("default json"); + const defaultJson = [ + { + cols: 3, + rows: 5, + x: 0, + y: 0, + chartid: 3, + name: 'Doughnut Chart', + component: 'Doughnut Chart', + }, + { + cols: 3, + rows: 5, + x: 0, + y: 0, + chartid: 3, + name: 'Line Chart', + component: 'Line Chart', + }, + { + cols: 3, + rows: 5, + x: 0, + y: 0, + chartid: 3, + name: 'Bar Chart', + component: 'Bar Chart', + }, + { + cols: 3, + rows: 5, + x: 0, + y: 0, + chartid: 3, + name: 'Grid View', + component: 'Grid View', + }, + { + cols: 3, + rows: 5, + x: 0, + y: 0, + chartid: 3, + name: 'To Do Chart', + component: 'To Do Chart', + } + ] + this.workflowLine = JSON.stringify(defaultJson); + } + console.log(this.workflowLine); + if(this.workflowLine) + { + console.log(this.workflowLine); + const dash = JSON.parse(this.workflowLine) ; + this.DashtestboardArray = dash.dashboard; + console.log(this.DashtestboardArray); + this.parseJson(this.DashtestboardArray); + } + + },(error)=>{ + console.log(error); + }); + } + + parseJson(DashtestboardArray: any) { + DashtestboardArray.forEach(dashboard => { + this.componentCollection.forEach(component => { + if (dashboard.component === component.name) { + dashboard.component = component.componentInstance; + } + }); + }); + } + + + dashbord1_Line = { + model:'' + } + + update(){ + console.log(this.DashtestboardArray); + + let cmp=this.DashtestboardArray.forEach(dashboard=>{ + this.componentCollection.forEach(component=>{ + if (dashboard.name === component.name) { + dashboard.component = component.name; + } }) + }) + + console.log(cmp); + + let tmp = JSON.stringify(this.DashtestboardArray); + this.dashbord1_Line.model = tmp; + + this.Dashtestservive.updateDashboardLine(this.dashboard_name, this.dashbord1_Line).subscribe((data)=>{ + console.log(data); + }); + + window.location.reload(); + // this.parseJson(this.DashtestboardArray); + } + + + //Resizabel and drag + resizable: boolean = false; + toggleResizable() { + this.resizable = !this.resizable; + if (this.resizable == true) { + this.options = { + resizable: { enabled: false }, + }; + } else { + this.options = { + resizable: { enabled: true }, + }; + } + } + + // generatePDF(){ + // let pdf = new jsPDF('p','pt','a4'); + // pdf.html(this.el.nativeElement,{ + // callback: (pdf)=>{ + // pdf.save("demo.pdf"); + // } + // }) + // } + + + // async generatePDF() { + // const content = this.contentContainerRef.nativeElement; + + // // Wait for the charts to render (adjust the delay as needed) + // await new Promise((resolve) => setTimeout(resolve, 1000)); + + // try { + // // Convert the content to canvas (using html2canvas) + // const canvas = await html2canvas(content); + + // const pdf = new html2pdf.default(); + // const options = { + // margin: 10, + // filename: 'dashboard.pdf', + // image: { type: 'jpeg', quality: 0.98 }, + // jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' } + // }; + + // // Convert the canvas to PDF and save + // await pdf.from(canvas).set(options).outputPdf().then((pdfOutput: any) => { + // // Convert the PDF output to a Blob + // const pdfBlob = new Blob([pdfOutput], { type: 'application/pdf' }); + + // // Save the Blob as a file using FileSaver.js + // saveAs(pdfBlob, 'dashboard.pdf'); + // }); + // } catch (error) { + // console.error('Error generating PDF:', error); + // } + // } + + async generatePDF() { + const content = this.contentContainerRef.nativeElement; + + // Wait for the charts to render (adjust the delay as needed) + await new Promise((resolve) => setTimeout(resolve, 1000)); + + try { + // Convert the content to a data URL (using dom-to-image) + const dataUrl = await domtoimage.toPng(content); + + // Convert data URL to image + const img = new Image(); + img.src = dataUrl; + + img.onload = () => { + const pdf = new jsPDF(); + const imgWidth = 210; // A4 size (width in mm) + const imgHeight = (img.height * imgWidth) / img.width; + + // Add the image to the PDF + pdf.addImage(img, 'PNG', 0, 0, imgWidth, imgHeight); + // pdf.save('dashboard.pdf'); + const pdfName = this.dashboard_name + '.pdf' + pdf.save(pdfName) + }; + } catch (error) { + console.error('Error generating PDF:', error); + } + } + + // Export(name){ + // console.log(name); + // this.dashboardService.setName(name); + // } + + onButtonClicked(): void { + console.log('Button clicked in SomeComponent'); + // Add your custom logic here when the button is clicked in SomeComponent + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/doughnut-runner/doughnut-runner.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/doughnut-runner/doughnut-runner.component.html new file mode 100644 index 0000000..5dd1f44 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/doughnut-runner/doughnut-runner.component.html @@ -0,0 +1,10 @@ +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/doughnut-runner/doughnut-runner.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/doughnut-runner/doughnut-runner.component.scss new file mode 100644 index 0000000..ac9ae54 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/doughnut-runner/doughnut-runner.component.scss @@ -0,0 +1,76 @@ +//@import '../../../assets/scss/var'; + + +//common +h4{margin-top: 16px;} +.s-order-Dashtest-pg { + margin: 0px; + display:flex; + flex-wrap:wrap; + flex-direction:row; + justify-content:center; + overflow: auto; +// overflow-x: hidden; + .chart-box{ + margin:16px; + padding:0 16px; + background-color: #fff; + border:1px solid #ccc; + border-radius: 2px; + max-width: 400px auto; + overflow: auto; + max-height: 300px auto; + + + } +} +#word{ + // width: 270px; + width:500px; +} +.center{ + text-align: center; + font-weight: 500; +} +.s{ + color: blue; +} + +li{ + list-style-type: none; +} +.progress-bar{ + margin-bottom: 5px; + height: 15px; +} + + +.chart-container { + position: relative; + width: 400px; /* Adjust width as needed */ + height: 300px; /* Adjust height as needed */ +} + +.chart-canvas { + width: 100%; + height: 100%; +} +.clr-input { + color: #212529; + border: 1px solid #ced4da; + border-radius: 0.25rem; + padding: 0.75rem 0.75rem; + background-color:rgb(255, 255, 255); + margin-top: 3px; + width: 100%; + margin-bottom: 10px; +} +select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} +.center { + text-align: center; +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/doughnut-runner/doughnut-runner.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/doughnut-runner/doughnut-runner.component.spec.ts new file mode 100644 index 0000000..46fa1b6 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/doughnut-runner/doughnut-runner.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DoughnutRunnerComponent } from './doughnut-runner.component'; + +describe('DoughnutRunnerComponent', () => { + let component: DoughnutRunnerComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DoughnutRunnerComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DoughnutRunnerComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/doughnut-runner/doughnut-runner.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/doughnut-runner/doughnut-runner.component.ts new file mode 100644 index 0000000..f92400c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/doughnut-runner/doughnut-runner.component.ts @@ -0,0 +1,99 @@ +import { Component, ElementRef, OnInit, ViewChild } from '@angular/core'; +import { DashrunnerService } from '../dashrunner.service'; +import {baseColors } from 'ng2-charts'; +import { ChartDataset, ChartType, } from 'chart.js'; +import { ActivatedRoute, Router } from '@angular/router'; +import { Dashboard3Service } from 'src/app/services/builder/dashboard3.service'; +import { DashboardContentModel } from 'src/app/models/builder/dashboard'; + +@Component({ + selector: 'app-doughnut-runner', + templateUrl: './doughnut-runner.component.html', + styleUrls: ['./doughnut-runner.component.scss'] +}) +export class DoughnutRunnerComponent implements OnInit { + @ViewChild('contentContainer') contentContainerRef!: ElementRef; + editId; + public DashtestboardArray: DashboardContentModel[] = [ + ]; + workflowLine; + TableName; + XAxis; + YAxis; + showlabel; + lineChartNoLabels:any[] = []; + JsonData; + + doughnutD; + doughnutChartData:any = []; + doughnutChartLabels: any[] = []; + doughnutChartLegend = false; + doughnutData ={ + "chartData": [[55, 25, 20]], + "chartLabels": ["Project", "Repository", "Wireframe"] + } + doughnutChartType: ChartType = 'doughnut'; + + + constructor(private Dashtestservive:DashrunnerService,private route: ActivatedRoute,private dashboardService: Dashboard3Service, + private router : Router,) { } + ngOnInit(): void { + this.doughnutChartData = this.doughnutData.chartData; + this.doughnutChartLabels = this.doughnutData.chartLabels; + + this.editId = this.route.snapshot.params.id; + console.log(this.editId); + + this.dashboardService.getById(this.editId).subscribe((data)=>{ + console.log(data); + this.workflowLine = data.dashbord1_Line[0].model; + const dash = JSON.parse(this.workflowLine) ; + // this.DashtestboardArray = dash.dashboard; + // console.log(this.DashtestboardArray); + + const ChartObject = dash.dashboard.filter(obj => obj.name === "Doughnut Chart"); + console.log(ChartObject); + for (let i = 0; i < ChartObject.length; i++) { + const ids = this.Dashtestservive.getdoughnutchart(); + // console.log(ids); + if (ids.includes(ChartObject[i].chartid)) { + // If the chartid is already in the ids array, continue to the next iteration + continue; + } + this.Dashtestservive.setdoughnutchart(ChartObject[i].chartid); + const id = ids[i]; + console.log(id); + + if (ChartObject[i].chartid === id) { + this.TableName = ChartObject[i].table; + this.XAxis = ChartObject[i].xAxis; + this.YAxis = ChartObject[i].yAxis; + this.showlabel = ChartObject[i].showlabel; + this.doughnutChartLegend = ChartObject[i].chartlegend; + console.log(this.TableName); + this.Dashtestservive.getChartData(this.TableName,"Doughnut Chart",this.XAxis,this.YAxis).subscribe((Ldata) => { + console.log(Ldata); + this.JsonData = Ldata; + this.doughnutChartData = this.JsonData.chartData; + this.doughnutChartLabels = this.JsonData.chartLabels; + + },(error) => { + console.log(error); + }); + break; // No need to continue the loop once the correct placeholder is found + } + } + }); + } + + generatePDFFile(){ + // this.buttonClicked.emit(); + const content = this.contentContainerRef.nativeElement; + const filename = 'doughnut.pdf'; // You can provide any desired filename here + + this.Dashtestservive.generatePDF(content, filename); + } + + + +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/grid-runner/grid-runner.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/grid-runner/grid-runner.component.html new file mode 100644 index 0000000..4761acc --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/grid-runner/grid-runner.component.html @@ -0,0 +1,54 @@ + +

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

{{co}}
{{item[key]}}

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/grid-runner/grid-runner.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/grid-runner/grid-runner.component.scss new file mode 100644 index 0000000..bbed2c9 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/grid-runner/grid-runner.component.scss @@ -0,0 +1,12 @@ +input.ng-invalid.ng-touched { + border-color: red; + } + + .error_mess { + color: red; + } + clr-datagrid{ + height: 400px; /* Adjust the height as needed */ + overflow-y: auto; + + } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/grid-runner/grid-runner.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/grid-runner/grid-runner.component.spec.ts new file mode 100644 index 0000000..57bca9f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/grid-runner/grid-runner.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { GridRunnerComponent } from './grid-runner.component'; + +describe('GridRunnerComponent', () => { + let component: GridRunnerComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ GridRunnerComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(GridRunnerComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/grid-runner/grid-runner.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/grid-runner/grid-runner.component.ts new file mode 100644 index 0000000..9e1f6ac --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/grid-runner/grid-runner.component.ts @@ -0,0 +1,111 @@ +import { Component, ElementRef, EventEmitter, OnInit, Output, ViewChild } from '@angular/core'; +import { DashrunnerService } from '../dashrunner.service'; +import { DashboardContentModel } from 'src/app/models/builder/dashboard'; +import { ActivatedRoute, Router } from '@angular/router'; +import { Dashboard3Service } from 'src/app/services/builder/dashboard3.service'; + +@Component({ + selector: 'app-grid-runner', + templateUrl: './grid-runner.component.html', + styleUrls: ['./grid-runner.component.scss'] +}) +export class GridRunnerComponent implements OnInit { + @ViewChild('contentContainer') contentContainerRef!: ElementRef; + @Output() buttonClicked = new EventEmitter(); + loading = false; + givendata; + error; + XAxis; + YAxis; + + rows:any[]; + columns: any[]; + rowdata; + + editId; + public DashtestboardArray: DashboardContentModel[] = []; + workflowLine; + TableName; + + constructor( + private Dashtestservive:DashrunnerService,private route: ActivatedRoute,private dashboardService: Dashboard3Service, + private router : Router + ) { } + + ngOnInit(): void { + + this.editId = this.route.snapshot.params.id; + console.log(this.editId); + // this.getbyId(); + + this.dashboardService.getById(this.editId).subscribe((data)=>{ + console.log(data); + this.workflowLine = data.dashbord1_Line[0].model; + const dash = JSON.parse(this.workflowLine) ; + // this.DashtestboardArray = dash.dashboard; + // console.log(this.DashtestboardArray); + + const ChartObject = dash.dashboard.filter(obj => obj.name === "Grid View"); + console.log(ChartObject); + for (let i = 0; i < ChartObject.length; i++) { + const ids = this.Dashtestservive.getgridview(); + // console.log(ids); + if (ids.includes(ChartObject[i].chartid)) { + // If the chartid is already in the ids array, continue to the next iteration + continue; + } + this.Dashtestservive.setgridview(ChartObject[i].chartid); + const id = ids[i]; + console.log(id); + + if (ChartObject[i].chartid === id) { + this.TableName = ChartObject[i].table; + this.XAxis = ChartObject[i].xAxis; + this.YAxis = ChartObject[i].yAxis; + console.log(this.TableName); + this.Dashtestservive.getChartData(this.TableName,"Grid View",this.XAxis,this.YAxis).subscribe((Ldata) => { + console.log(Ldata); + this.rows = Ldata; + this.rowdata = this.rows + + },(error) => { + console.log(error); + }); + break; // No need to continue the loop once the correct placeholder is found + } + } + }); + } + + + +//dynamic table + + +getTableData(id){ +} +getHeaders() { +let headers: string[] = []; +if(this.rows) { + this.rows.forEach((value) => { + Object.keys(value).forEach((key) => { + if(!headers.find((header) => header == key)){ + headers.push(key) + } + + }) + + }) +} +return headers; +} + +generatePDFFile(){ + this.buttonClicked.emit(); + const content = this.contentContainerRef.nativeElement; + const filename = 'gridview.pdf'; // You can provide any desired filename here + + this.Dashtestservive.generatePDF(content, filename); +} +} + diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/line-runner/line-runner.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/line-runner/line-runner.component.html new file mode 100644 index 0000000..5f5da80 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/line-runner/line-runner.component.html @@ -0,0 +1,14 @@ +

+ +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/line-runner/line-runner.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/line-runner/line-runner.component.scss new file mode 100644 index 0000000..ac9ae54 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/line-runner/line-runner.component.scss @@ -0,0 +1,76 @@ +//@import '../../../assets/scss/var'; + + +//common +h4{margin-top: 16px;} +.s-order-Dashtest-pg { + margin: 0px; + display:flex; + flex-wrap:wrap; + flex-direction:row; + justify-content:center; + overflow: auto; +// overflow-x: hidden; + .chart-box{ + margin:16px; + padding:0 16px; + background-color: #fff; + border:1px solid #ccc; + border-radius: 2px; + max-width: 400px auto; + overflow: auto; + max-height: 300px auto; + + + } +} +#word{ + // width: 270px; + width:500px; +} +.center{ + text-align: center; + font-weight: 500; +} +.s{ + color: blue; +} + +li{ + list-style-type: none; +} +.progress-bar{ + margin-bottom: 5px; + height: 15px; +} + + +.chart-container { + position: relative; + width: 400px; /* Adjust width as needed */ + height: 300px; /* Adjust height as needed */ +} + +.chart-canvas { + width: 100%; + height: 100%; +} +.clr-input { + color: #212529; + border: 1px solid #ced4da; + border-radius: 0.25rem; + padding: 0.75rem 0.75rem; + background-color:rgb(255, 255, 255); + margin-top: 3px; + width: 100%; + margin-bottom: 10px; +} +select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} +.center { + text-align: center; +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/line-runner/line-runner.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/line-runner/line-runner.component.spec.ts new file mode 100644 index 0000000..7785dba --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/line-runner/line-runner.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { LineRunnerComponent } from './line-runner.component'; + +describe('LineRunnerComponent', () => { + let component: LineRunnerComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ LineRunnerComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(LineRunnerComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/line-runner/line-runner.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/line-runner/line-runner.component.ts new file mode 100644 index 0000000..93d621b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/line-runner/line-runner.component.ts @@ -0,0 +1,169 @@ +import { Component, ElementRef, EventEmitter, OnInit, Output, ViewChild } from '@angular/core'; +import { baseColors } from 'ng2-charts'; +import { ChartDataset, ChartType } from 'chart.js'; +import { DashrunnerService } from '../dashrunner.service'; +import { ActivatedRoute, Router } from '@angular/router'; +import { Dashboard3Service } from 'src/app/services/builder/dashboard3.service'; +import { DashboardContentModel } from 'src/app/models/builder/dashboard'; +import { jsPDF } from 'jspdf'; +import domtoimage from 'dom-to-image'; +@Component({ + selector: 'app-line-runner', + templateUrl: './line-runner.component.html', + styleUrls: ['./line-runner.component.scss'] +}) +export class LineRunnerComponent implements OnInit { + @ViewChild('contentContainer') contentContainerRef!: ElementRef; + @Output() buttonClicked = new EventEmitter(); + editId; + public DashtestboardArray: DashboardContentModel[] = [ + ]; + workflowLine; + TableName; + XAxis; + YAxis; + showlabel; + + JsonData; + lineChartData: ChartDataset[] = []; + lineChartLabels:any[] = []; + lineChartNoLabels: any[] = []; + lineCharData = + { + "chartData": [ + { "data": [85, 72, 78, 75, 77, 75, 43,85, 72, 78, 75, 77, 75, 43], "label": "Test Projects" } + ], + "chartLabels": ["Jan", "Feb", "March", "April", "May", "June","july","Jan", "Feb", "March", "April", "May", "June","july"] + } + + lineChartOptions = { + // plugins: { + // colors: { + // forceOverride: true + // } + // }, + responsive: true, + }; + lineChartColors:any[] = [ + { + borderColor: 'black', + backgroundColor: 'rgba(255,255,0,0.28)', + }, + ]; + + lineChartLegend = false; + lineChartPlugins = []; + lineChartType = 'line'; + constructor(private Dashtestservive:DashrunnerService,private route: ActivatedRoute,private dashboardService: Dashboard3Service, + private router : Router,) { } + + ngOnInit(): void { + + this.lineChartData = this.lineCharData.chartData; + this.lineChartLabels = this.lineCharData.chartLabels; + + this.editId = this.route.snapshot.params.id; + console.log(this.editId); + + + this.dashboardService.getById(this.editId).subscribe((data)=>{ + console.log(data); + this.workflowLine = data.dashbord1_Line[0].model; + const dash = JSON.parse(this.workflowLine) ; + // this.DashtestboardArray = dash.dashboard; + // console.log(this.DashtestboardArray); + + const ChartObject = dash.dashboard.filter(obj => obj.name === "Line Chart"); + console.log(ChartObject); + for (let i = 0; i < ChartObject.length; i++) { + const ids = this.Dashtestservive.getlinechart(); + // console.log(ids); + if (ids.includes(ChartObject[i].chartid)) { + // If the chartid is already in the ids array, continue to the next iteration + continue; + } + this.Dashtestservive.setlinechart(ChartObject[i].chartid); + const id = ids[i]; + console.log(id); + + if (ChartObject[i].chartid === id) { + this.TableName = ChartObject[i].table; + this.XAxis = ChartObject[i].xAxis; + this.YAxis = ChartObject[i].yAxis; + this.showlabel = ChartObject[i].showlabel; + this.lineChartLegend = ChartObject[i].chartlegend; + console.log(this.TableName); + this.Dashtestservive.getChartData(this.TableName,"Line Chart",this.XAxis,this.YAxis).subscribe((Ldata) => { + console.log(Ldata); + this.JsonData = Ldata; + this.lineChartData = this.JsonData.chartData; + this.lineChartLabels = this.JsonData.chartLabels; + + },(error) => { + console.log(error); + }); + break; // No need to continue the loop once the correct placeholder is found + } + } + }); + + // setTimeout(() => { + // // this.Dashtestservive.getJsonData("http://localhost:9292/token/Dashboardaxis/7","Line Chart").subscribe(Ldata => { + // this.Dashtestservive.getChartData(this.TableName,"Line Chart",this.XAxis,this.YAxis).subscribe((Ldata) => { + // console.log(Ldata); + // this.JsonData = Ldata; + // this.lineChartData = this.JsonData.chartData; + // this.lineChartLabels = this.JsonData.chartLabels; + + // },(error) => { + // console.log(error); + // }); + + // }, 500); + + // const name = this.dashboardService.getName() + // // Here, you can execute the method based on the received name + // if (name === 'Line Chart') { + // this.generatePDF(); + // } + } + + generatePDFFile(){ + this.buttonClicked.emit(); + const content = this.contentContainerRef.nativeElement; + const filename = 'linechart.pdf'; // You can provide any desired filename here + + this.Dashtestservive.generatePDF(content, filename); + } + + // async generatePDF() { + // const content = this.contentContainerRef.nativeElement; + + // // Wait for the charts to render (adjust the delay as needed) + // await new Promise((resolve) => setTimeout(resolve, 1000)); + + // try { + // // Convert the content to a data URL (using dom-to-image) + // const dataUrl = await domtoimage.toPng(content); + + // // Convert data URL to image + // const img = new Image(); + // img.src = dataUrl; + + // img.onload = () => { + // const pdf = new jsPDF(); + // const imgWidth = 210; // A4 size (width in mm) + // const imgHeight = (img.height * imgWidth) / img.width; + + // // Add the image to the PDF + // pdf.addImage(img, 'PNG', 0, 0, imgWidth, imgHeight); + // pdf.save('linechart.pdf'); + // // const pdfName = this.dashboard_name + '.pdf' + // // pdf.save(pdfName) + // }; + // } catch (error) { + // console.error('Error generating PDF:', error); + // } + // } + +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/pie-runner/pie-runner.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/pie-runner/pie-runner.component.html new file mode 100644 index 0000000..59cb87b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/pie-runner/pie-runner.component.html @@ -0,0 +1,11 @@ +

+ +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/pie-runner/pie-runner.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/pie-runner/pie-runner.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/pie-runner/pie-runner.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/pie-runner/pie-runner.component.spec.ts new file mode 100644 index 0000000..8384566 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/pie-runner/pie-runner.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PieRunnerComponent } from './pie-runner.component'; + +describe('PieRunnerComponent', () => { + let component: PieRunnerComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ PieRunnerComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(PieRunnerComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/pie-runner/pie-runner.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/pie-runner/pie-runner.component.ts new file mode 100644 index 0000000..c1a64d1 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/pie-runner/pie-runner.component.ts @@ -0,0 +1,92 @@ +import { Component, ElementRef, EventEmitter, OnInit, Output, ViewChild } from '@angular/core'; +import { DashrunnerService } from '../dashrunner.service'; +import { ActivatedRoute, Router } from '@angular/router'; +import { Dashboard3Service } from 'src/app/services/builder/dashboard3.service'; +import { DashboardContentModel } from 'src/app/models/builder/dashboard'; + + +@Component({ + selector: 'app-pie-runner', + templateUrl: './pie-runner.component.html', + styleUrls: ['./pie-runner.component.scss'] +}) +export class PieRunnerComponent implements OnInit { + @ViewChild('contentContainer') contentContainerRef!: ElementRef; + @Output() buttonClicked = new EventEmitter(); + editId; + public DashtestboardArray: DashboardContentModel[] = [ + ]; + workflowLine; + TableName; + XAxis; + YAxis; + showlabel; + JsonData; + lineChartNoLabels: any[] = []; + + constructor(private Dashtestservive:DashrunnerService,private route: ActivatedRoute,private dashboardService: Dashboard3Service, + private router : Router,) { } + + public pieChartLabels: string[] = ['SciFi', 'Drama', 'Comedy']; + public pieChartData: number[] = [30, 50, 20]; + public pieChartType: string = 'pie'; + ChartLegend = false; + + ngOnInit(): void { + // this.pieChartData = this.CharData.pieChartData; + // this.pieChartLabels = this.CharData.pieChartLabels; + + this.editId = this.route.snapshot.params.id; + console.log(this.editId); + + + this.dashboardService.getById(this.editId).subscribe((data)=>{ + console.log(data); + this.workflowLine = data.dashbord1_Line[0].model; + const dash = JSON.parse(this.workflowLine) ; + // this.DashtestboardArray = dash.dashboard; + // console.log(this.DashtestboardArray); + + const ChartObject = dash.dashboard.filter(obj => obj.name === "Pie Chart"); + console.log(ChartObject); + for (let i = 0; i < ChartObject.length; i++) { + const ids = this.Dashtestservive.getpiechart(); + // console.log(ids); + if (ids.includes(ChartObject[i].chartid)) { + // If the chartid is already in the ids array, continue to the next iteration + continue; + } + this.Dashtestservive.setpiechart(ChartObject[i].chartid); + const id = ids[i]; + console.log(id); + + if (ChartObject[i].chartid === id) { + this.TableName = ChartObject[i].table; + this.XAxis = ChartObject[i].xAxis; + this.YAxis = ChartObject[i].yAxis; + this.showlabel = ChartObject[i].showlabel; + this.ChartLegend = ChartObject[i].chartlegend; + console.log(this.TableName); + this.Dashtestservive.getChartData(this.TableName,"Pie Chart",this.XAxis,this.YAxis).subscribe((Ldata) => { + console.log(Ldata); + this.JsonData = Ldata; + this.pieChartData = this.JsonData.pieChartData; + this.pieChartLabels = this.JsonData.pieChartLabels; + + },(error) => { + console.log(error); + }); + break; // No need to continue the loop once the correct placeholder is found + } + } + }); + } + + generatePDFFile(){ + this.buttonClicked.emit(); + const content = this.contentContainerRef.nativeElement; + const filename = 'piechart.pdf'; // You can provide any desired filename here + + this.Dashtestservive.generatePDF(content, filename); + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/polar-runner/polar-runner.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/polar-runner/polar-runner.component.html new file mode 100644 index 0000000..34754a6 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/polar-runner/polar-runner.component.html @@ -0,0 +1,10 @@ +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/polar-runner/polar-runner.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/polar-runner/polar-runner.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/polar-runner/polar-runner.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/polar-runner/polar-runner.component.spec.ts new file mode 100644 index 0000000..5f95ce3 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/polar-runner/polar-runner.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PolarRunnerComponent } from './polar-runner.component'; + +describe('PolarRunnerComponent', () => { + let component: PolarRunnerComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ PolarRunnerComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(PolarRunnerComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/polar-runner/polar-runner.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/polar-runner/polar-runner.component.ts new file mode 100644 index 0000000..fdbe17a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/polar-runner/polar-runner.component.ts @@ -0,0 +1,93 @@ +import { Component, ElementRef, EventEmitter, OnInit, Output, ViewChild } from '@angular/core'; +import { DashrunnerService } from '../dashrunner.service'; +import { ActivatedRoute, Router } from '@angular/router'; +import { Dashboard3Service } from 'src/app/services/builder/dashboard3.service'; +import { DashboardContentModel } from 'src/app/models/builder/dashboard'; +// import { Label } from 'ng2-charts'; + +@Component({ + selector: 'app-polar-runner', + templateUrl: './polar-runner.component.html', + styleUrls: ['./polar-runner.component.scss'] +}) +export class PolarRunnerComponent implements OnInit { + @ViewChild('contentContainer') contentContainerRef!: ElementRef; + @Output() buttonClicked = new EventEmitter(); + editId; + public DashtestboardArray: DashboardContentModel[] = [ + ]; + workflowLine; + TableName; + XAxis; + YAxis; + showlabel; + JsonData; + lineChartNoLabels: any[] = []; + + constructor(private Dashtestservive:DashrunnerService,private route: ActivatedRoute,private dashboardService: Dashboard3Service, + private router : Router,) { } + + public polarAreaChartLabels: string[] = [ 'Download Sales', 'In-Store Sales', 'Mail Sales', 'Telesales', 'Corporate Sales' ]; + public polarAreaChartData: any = [ + { data: [ 300, 500, 100, 40, 120 ], label: 'Series 1'} + ]; + + public polarAreaChartType: string = 'polarArea'; + ChartLegend = false; + ngOnInit(): void { + // this.pieChartData = this.CharData.pieChartData; + // this.pieChartLabels = this.CharData.pieChartLabels; + + this.editId = this.route.snapshot.params.id; + console.log(this.editId); + + + this.dashboardService.getById(this.editId).subscribe((data)=>{ + console.log(data); + this.workflowLine = data.dashbord1_Line[0].model; + const dash = JSON.parse(this.workflowLine) ; + + const ChartObject = dash.dashboard.filter(obj => obj.name === "Polar Area Chart"); + console.log(ChartObject); + for (let i = 0; i < ChartObject.length; i++) { + const ids = this.Dashtestservive.getpolarareachart(); + // console.log(ids); + if (ids.includes(ChartObject[i].chartid)) { + // If the chartid is already in the ids array, continue to the next iteration + continue; + } + this.Dashtestservive.setpolarareachart(ChartObject[i].chartid); + const id = ids[i]; + console.log(id); + + if (ChartObject[i].chartid === id) { + this.TableName = ChartObject[i].table; + this.XAxis = ChartObject[i].xAxis; + this.YAxis = ChartObject[i].yAxis; + this.showlabel = ChartObject[i].showlabel; + this.ChartLegend = ChartObject[i].chartlegend; + console.log(this.TableName); + this.Dashtestservive.getChartData(this.TableName,"PolarArea Chart",this.XAxis,this.YAxis).subscribe((Ldata) => { + console.log(Ldata); + this.JsonData = Ldata; + this.polarAreaChartData = this.JsonData.polarAreaChartData; + this.polarAreaChartLabels = this.JsonData.polarAreaChartLabels; + + },(error) => { + console.log(error); + }); + break; // No need to continue the loop once the correct placeholder is found + } + } + }); + } + + generatePDFFile(){ + this.buttonClicked.emit(); + const content = this.contentContainerRef.nativeElement; + const filename = 'polarareachart.pdf'; // You can provide any desired filename here + + this.Dashtestservive.generatePDF(content, filename); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/radar-runner/radar-runner.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/radar-runner/radar-runner.component.html new file mode 100644 index 0000000..009d6b5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/radar-runner/radar-runner.component.html @@ -0,0 +1,10 @@ +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/radar-runner/radar-runner.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/radar-runner/radar-runner.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/radar-runner/radar-runner.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/radar-runner/radar-runner.component.spec.ts new file mode 100644 index 0000000..d461a81 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/radar-runner/radar-runner.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { RadarRunnerComponent } from './radar-runner.component'; + +describe('RadarRunnerComponent', () => { + let component: RadarRunnerComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ RadarRunnerComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(RadarRunnerComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/radar-runner/radar-runner.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/radar-runner/radar-runner.component.ts new file mode 100644 index 0000000..e1a901e --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/radar-runner/radar-runner.component.ts @@ -0,0 +1,102 @@ +import { Component, ElementRef, EventEmitter, OnInit, Output, ViewChild } from '@angular/core'; +import { DashrunnerService } from '../dashrunner.service'; +import { ActivatedRoute, Router } from '@angular/router'; +import { Dashboard3Service } from 'src/app/services/builder/dashboard3.service'; +import { DashboardContentModel } from 'src/app/models/builder/dashboard'; +// import { Label } from 'ng2-charts'; + +@Component({ + selector: 'app-radar-runner', + templateUrl: './radar-runner.component.html', + styleUrls: ['./radar-runner.component.scss'] +}) +export class RadarRunnerComponent implements OnInit { + @ViewChild('contentContainer') contentContainerRef!: ElementRef; + @Output() buttonClicked = new EventEmitter(); + editId; + public DashtestboardArray: DashboardContentModel[] = [ + ]; + workflowLine; + TableName; + XAxis; + YAxis; + showlabel; + JsonData; + lineChartNoLabels: any[] = []; + ChartLegend = false; + + constructor(private Dashtestservive:DashrunnerService,private route: ActivatedRoute,private dashboardService: Dashboard3Service, + private router : Router,) { } + + public radarChartLabels: string[] = [ + "Eating", + "Drinking", + "Sleeping", + "Designing", + "Coding", + "Cycling", + "Running" + ]; + + public radarChartData: any = [ + { data: [65, 59, 90, 81, 56, 55, 40], label: "Series A" }, + { data: [28, 48, 40, 19, 96, 27, 100], label: "Series B" } + ]; + public radarChartType: string = "radar"; + ngOnInit(): void { + // this.pieChartData = this.CharData.pieChartData; + // this.pieChartLabels = this.CharData.pieChartLabels; + + this.editId = this.route.snapshot.params.id; + console.log(this.editId); + + + this.dashboardService.getById(this.editId).subscribe((data)=>{ + console.log(data); + this.workflowLine = data.dashbord1_Line[0].model; + const dash = JSON.parse(this.workflowLine) ; + + const ChartObject = dash.dashboard.filter(obj => obj.name === "Radar Chart"); + console.log(ChartObject); + for (let i = 0; i < ChartObject.length; i++) { + const ids = this.Dashtestservive.getradarchart(); + // console.log(ids); + if (ids.includes(ChartObject[i].chartid)) { + // If the chartid is already in the ids array, continue to the next iteration + continue; + } + this.Dashtestservive.setradarchart(ChartObject[i].chartid); + const id = ids[i]; + console.log(id); + + if (ChartObject[i].chartid === id) { + this.TableName = ChartObject[i].table; + this.XAxis = ChartObject[i].xAxis; + this.YAxis = ChartObject[i].yAxis; + this.showlabel = ChartObject[i].showlabel; + this.ChartLegend = ChartObject[i].chartlegend; + console.log(this.TableName); + this.Dashtestservive.getChartData(this.TableName,"Radar Chart",this.XAxis,this.YAxis).subscribe((Ldata) => { + console.log(Ldata); + this.JsonData = Ldata; + this.radarChartData = this.JsonData.radarChartData; + this.radarChartLabels = this.JsonData.radarChartLabels; + + },(error) => { + console.log(error); + }); + break; // No need to continue the loop once the correct placeholder is found + } + } + }); + } + + generatePDFFile(){ + this.buttonClicked.emit(); + const content = this.contentContainerRef.nativeElement; + const filename = 'radarchart.pdf'; // You can provide any desired filename here + + this.Dashtestservive.generatePDF(content, filename); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/scatter-runner/scatter-runner.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/scatter-runner/scatter-runner.component.html new file mode 100644 index 0000000..5229e6b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/scatter-runner/scatter-runner.component.html @@ -0,0 +1,12 @@ +

+ + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/scatter-runner/scatter-runner.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/scatter-runner/scatter-runner.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/scatter-runner/scatter-runner.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/scatter-runner/scatter-runner.component.spec.ts new file mode 100644 index 0000000..67dde75 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/scatter-runner/scatter-runner.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ScatterRunnerComponent } from './scatter-runner.component'; + +describe('ScatterRunnerComponent', () => { + let component: ScatterRunnerComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ScatterRunnerComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ScatterRunnerComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/scatter-runner/scatter-runner.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/scatter-runner/scatter-runner.component.ts new file mode 100644 index 0000000..2f36596 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/scatter-runner/scatter-runner.component.ts @@ -0,0 +1,121 @@ +import { Component, ElementRef, EventEmitter, OnInit, Output, ViewChild } from '@angular/core'; +import { DashrunnerService } from '../dashrunner.service'; +import { ActivatedRoute, Router } from '@angular/router'; +import { Dashboard3Service } from 'src/app/services/builder/dashboard3.service'; +import { DashboardContentModel } from 'src/app/models/builder/dashboard'; +// import { Label } from 'ng2-charts'; +import { ChartDataset } from 'chart.js'; + +@Component({ + selector: 'app-scatter-runner', + templateUrl: './scatter-runner.component.html', + styleUrls: ['./scatter-runner.component.scss'] +}) +export class ScatterRunnerComponent implements OnInit { + @ViewChild('contentContainer') contentContainerRef!: ElementRef; + @Output() buttonClicked = new EventEmitter(); + editId; + public DashtestboardArray: DashboardContentModel[] = [ + ]; + workflowLine; + TableName; + XAxis; + YAxis; + showlabel; + JsonData; + lineChartNoLabels: any[] = []; + ChartLegend = false; + + constructor(private Dashtestservive:DashrunnerService,private route: ActivatedRoute,private dashboardService: Dashboard3Service, + private router : Router,) { } + + public scatterChartLabels: string[] = [ 'Eating', 'Drinking', 'Sleeping', 'Designing', 'Coding', 'Cycling', 'Running' ]; + + public scatterChartData: ChartDataset[] = [ + { + data: [ + { x: 1, y: 1 }, + { x: 2, y: 3 }, + { x: 3, y: -2 }, + { x: 4, y: 4 }, + { x: 5, y: -3, r: 20 }, + ], + label: 'Series A', // This label will be displayed on hover + pointRadius: 10, + backgroundColor: 'red', + }, + { + data: [ + { x: 2, y: 2 }, + { x: 3, y: 4 }, + { x: 4, y: -1 }, + { x: 5, y: 5 }, + { x: 6, y: -2, r: 20 }, + ], + label: 'Series B', // This label will be displayed on hover + pointRadius: 10, + backgroundColor: 'blue', + }, + ]; + public scatterChartType: string = 'scatter'; + ChartOptions = { + aspectRatio:2.5, + responsive: true, + }; + ngOnInit(): void { + // this.pieChartData = this.CharData.pieChartData; + // this.pieChartLabels = this.CharData.pieChartLabels; + + this.editId = this.route.snapshot.params.id; + console.log(this.editId); + + + this.dashboardService.getById(this.editId).subscribe((data)=>{ + console.log(data); + this.workflowLine = data.dashbord1_Line[0].model; + const dash = JSON.parse(this.workflowLine) ; + + const ChartObject = dash.dashboard.filter(obj => obj.name === "Scatter Chart"); + console.log(ChartObject); + for (let i = 0; i < ChartObject.length; i++) { + const ids = this.Dashtestservive.getscatterchart(); + // console.log(ids); + if (ids.includes(ChartObject[i].chartid)) { + // If the chartid is already in the ids array, continue to the next iteration + continue; + } + this.Dashtestservive.setscatterchart(ChartObject[i].chartid); + const id = ids[i]; + console.log(id); + + if (ChartObject[i].chartid === id) { + this.TableName = ChartObject[i].table; + this.XAxis = ChartObject[i].xAxis; + this.YAxis = ChartObject[i].yAxis; + this.showlabel = ChartObject[i].showlabel; + this.ChartLegend = ChartObject[i].chartlegend; + console.log(this.TableName); + this.Dashtestservive.getChartData(this.TableName,"Scatter Chart",this.XAxis,this.YAxis).subscribe((Ldata) => { + console.log(Ldata); + this.JsonData = Ldata; + this.scatterChartData = this.JsonData.scatterChartData; + this.scatterChartLabels = this.JsonData.scatterChartLabels; + + },(error) => { + console.log(error); + }); + break; // No need to continue the loop once the correct placeholder is found + } + } + }); + } + + generatePDFFile(){ + this.buttonClicked.emit(); + const content = this.contentContainerRef.nativeElement; + const filename = 'scatterchart.pdf'; // You can provide any desired filename here + + this.Dashtestservive.generatePDF(content, filename); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/todo-runner/todo-runner.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/todo-runner/todo-runner.component.html new file mode 100644 index 0000000..139a1d5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/todo-runner/todo-runner.component.html @@ -0,0 +1,30 @@ +

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

#	{{todoList.listName}}
{{i + 1}}	{{todo}}	+ + + +
	+ +	+ + + +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/todo-runner/todo-runner.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/todo-runner/todo-runner.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/todo-runner/todo-runner.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/todo-runner/todo-runner.component.spec.ts new file mode 100644 index 0000000..3ac8ed3 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/todo-runner/todo-runner.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { TodoRunnerComponent } from './todo-runner.component'; + +describe('TodoRunnerComponent', () => { + let component: TodoRunnerComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ TodoRunnerComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(TodoRunnerComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/todo-runner/todo-runner.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/todo-runner/todo-runner.component.ts new file mode 100644 index 0000000..cb264cb --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/dashboardrunner/dashrunnerline/todo-runner/todo-runner.component.ts @@ -0,0 +1,103 @@ +import { Component, ElementRef, EventEmitter, OnInit, Output, ViewChild } from '@angular/core'; +import { DashrunnerService } from '../dashrunner.service'; +import { DashboardContentModel } from 'src/app/models/builder/dashboard'; +import { ActivatedRoute, Router } from '@angular/router'; +import { Dashboard3Service } from 'src/app/services/builder/dashboard3.service'; + +@Component({ + selector: 'app-todo-runner', + templateUrl: './todo-runner.component.html', + styleUrls: ['./todo-runner.component.scss'] +}) +export class TodoRunnerComponent implements OnInit { + @ViewChild('contentContainer') contentContainerRef!: ElementRef; + @Output() buttonClicked = new EventEmitter(); + constructor( private Dashtestservive:DashrunnerService,private route: ActivatedRoute,private dashboardService: Dashboard3Service, + private router : Router) { } + + loading = false; + givendata; + error; + XAxis; + YAxis; + + editId; + public DashtestboardArray: DashboardContentModel[] = []; + workflowLine; + TableName; + + list; + data: any; + todo: string = ''; + // todoList = ['todo 1']; + todoList = { + listName: "title123", + List:['todo 1','todo 2'], + } + ngOnInit(): void { + this.editId = this.route.snapshot.params.id; + console.log(this.editId); + // this.getbyId(); + + this.dashboardService.getById(this.editId).subscribe((data)=>{ + console.log(data); + this.workflowLine = data.dashbord1_Line[0].model; + const dash = JSON.parse(this.workflowLine) ; + // this.DashtestboardArray = dash.dashboard; + // console.log(this.DashtestboardArray); + + const ChartObject = dash.dashboard.filter(obj => obj.name === "To Do Chart"); + console.log(ChartObject); + for (let i = 0; i < ChartObject.length; i++) { + const ids = this.Dashtestservive.gettodo(); + // console.log(ids); + if (ids.includes(ChartObject[i].chartid)) { + // If the chartid is already in the ids array, continue to the next iteration + continue; + } + this.Dashtestservive.settodo(ChartObject[i].chartid); + const id = ids[i]; + console.log(id); + + if (ChartObject[i].chartid === id) { + this.TableName = ChartObject[i].table; + this.XAxis = ChartObject[i].xAxis; + this.YAxis = ChartObject[i].yAxis; + console.log(this.TableName); + this.Dashtestservive.getChartData(this.TableName,"Todo List",this.XAxis,this.YAxis).subscribe((Ldata) => { + console.log(Ldata); + this.todoList.listName = Ldata.listName; + this.todoList.List = Ldata.List; + + },(error) => { + console.log(error); + }); + break; // No need to continue the loop once the correct placeholder is found + } + } + }); + } + + + + + + public addTodo(todo: string) { + this.todoList.List.push(todo); + this.todo = ''; // Clear the input field after adding a todo +} + +public removeTodo(todoIx: number) { + if (this.todoList.List.length) { + this.todoList.List.splice(todoIx, 1); + } +} + +generatePDFFile(){ + this.buttonClicked.emit(); + const content = this.contentContainerRef.nativeElement; + const filename = 'Todolist.pdf'; // You can provide any desired filename here + + this.Dashtestservive.generatePDF(content, filename); +} +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/fileUpload/FileUploadList.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/fileUpload/FileUploadList.component.ts new file mode 100644 index 0000000..c2c2a45 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/fileUpload/FileUploadList.component.ts @@ -0,0 +1,23 @@ +// import { Component, Input, Output, EventEmitter } from '@angular/core'; + +// @Component({ +// selector: 'app-file-upload-list', +// templateUrl: './file-upload-list.component.html', +// }) +// export class FileUploadListComponent { +// @Input() fileData: any[] = []; +// @Input() type: 'image' | 'audio' | 'video' | 'document' = 'image'; +// @Output() fileChanged = new EventEmitter<{ event: any, index: number }>(); +// @Output() deleteRow = new EventEmitter(); +// @Output() addRow = new EventEmitter(); + +// get acceptType() { +// switch (this.type) { +// case 'image': return 'image/*'; +// case 'audio': return 'audio/*'; +// case 'video': return 'video/*'; +// case 'document': return 'application/pdf,.csv,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel'; +// default: return '*/*'; +// } +// } +// } diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/fileUpload/file-upload-list.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/fileUpload/file-upload-list.component.html new file mode 100644 index 0000000..2fe6e1b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/fileUpload/file-upload-list.component.html @@ -0,0 +1,46 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.css new file mode 100644 index 0000000..a3722b6 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.css @@ -0,0 +1 @@ +/*# sourceMappingURL=report-build.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.css.map new file mode 100644 index 0000000..c4b7c9a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"report-build.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.html new file mode 100644 index 0000000..90c6b64 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.spec.ts new file mode 100644 index 0000000..da80cc9 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ReportBuildComponent } from './report-build.component'; + +describe('ReportBuildComponent', () => { + let component: ReportBuildComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ReportBuildComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ReportBuildComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.ts new file mode 100644 index 0000000..0583dca --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/report-build.component.ts @@ -0,0 +1,14 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-report-build', + templateUrl: './report-build.component.html', + styleUrls: ['./report-build.component.scss'] +}) +export class ReportBuildComponent implements OnInit { + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.css new file mode 100644 index 0000000..5a8298a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.css @@ -0,0 +1,75 @@ +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; +} +.s-info-bar button { + outline: none; +} + +.entry-pg { + width: 750px; +} + +.button1::after { + content: none; +} + +.button1:hover::after { + content: "ADD ROWS"; +} + +.section { + background-color: #dddddd; + height: 40px; +} + +.section p { + font-weight: bold; + 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; + margin-top: 3px; + width: 100%; + margin-bottom: 10px; +} + +.center { + text-align: center; +} + +input[type=text], [type=date], textarea { + width: 100%; + padding: 15px 15px; + background-color: rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} + +.required-field { + color: red; +} + +select { + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +}/*# sourceMappingURL=reportbuildadd.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.css.map new file mode 100644 index 0000000..002810c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["reportbuildadd.component.scss","reportbuildadd.component.css"],"names":[],"mappings":"AACA;EACI,aAAA;EACA,mBAAA;EACA,8BAAA;ACAJ;ADCI;EACE,aAAA;ACCN;;ADGE;EACE,YAAA;ACAJ;;ADGE;EACE,aAAA;ACAJ;;ADEE;EACE,mBAAA;ACCJ;;ADIE;EACE,yBAHS;EAIT,YAAA;ACDJ;;ADIE;EAEE,iBAAA;EACA,aAAA;EACA,eAAA;ACFJ;;ADKE;EACE,cAAA;EACA,yBAAA;EACA,sBAAA;EACA,wBAAA;EACA,eAAA;EACA,WAAA;EACA,mBAAA;ACFJ;;ADKE;EACE,cAAA;EACA,yBAAA;EACA,sBAAA;EAEA,eAAA;EACA,WAAA;EACA,mBAAA;ACHJ;;ADME;EACE,kBAAA;ACHJ;;ADKE;EACE,WAAA;EACA,kBAAA;EAED,oCAAA;EACC,qBAAA;EACA,sBAAA;EACA,kBAAA;EACA,sBAAA;ACHJ;;ADME;EACE,UAAA;ACHJ;;ADME;EACE,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,kBAAA;ACHJ","file":"reportbuildadd.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.html new file mode 100644 index 0000000..60df2d0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.html @@ -0,0 +1,48 @@ +

+ {{ 'ADD_MODE' | translate }}
+

+ + + + + + + + +

+ + + + + + +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.scss new file mode 100644 index 0000000..39de1cb --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.scss @@ -0,0 +1,80 @@ +//@import "../../../../assets/scss/var"; +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; + button { + outline: none; + } + } + + .entry-pg { + width: 750px; + } + + .button1::after { + content: none; + } + .button1:hover::after { + content: "ADD ROWS"; + } + + $bg-color: #dddddd; + + .section { + background-color: $bg-color; + height: 40px; + } + + .section p { + //color: white; + font-weight: bold; + 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; + } + input[type=text],[type=date],textarea { + width: 100%; + padding: 15px 15px; + // margin: 8px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + + .required-field{ + color: red; + + } + select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.spec.ts new file mode 100644 index 0000000..e94fb3b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ReportbuildaddComponent } from './reportbuildadd.component'; + +describe('ReportbuildaddComponent', () => { + let component: ReportbuildaddComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ReportbuildaddComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ReportbuildaddComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.ts new file mode 100644 index 0000000..39929f2 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildadd/reportbuildadd.component.ts @@ -0,0 +1,60 @@ +import { HttpErrorResponse, HttpHeaderResponse } from '@angular/common/http'; +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { ReportBuilderService } from 'src/app/services/api/report-builder.service'; + +@Component({ + selector: 'app-reportbuildadd', + templateUrl: './reportbuildadd.component.html', + styleUrls: ['./reportbuildadd.component.scss'] +}) +export class ReportbuildaddComponent implements OnInit { + + public entryForm: FormGroup; + constructor(private _fb: FormBuilder, private router: Router,private toastr: ToastrService, + private route: ActivatedRoute,private reportBuilderService: ReportBuilderService) { } + + ngOnInit(): void { + this.entryForm = this._fb.group({ + reportName: [null], + description:[null], + active:[null], + isSql:[true], + Rpt_builder2_lines: this._fb.array([this.initLinesFormReport()]), + }); + + } + + initLinesFormReport() { + return this._fb.group({ + model: '' + }); + } + + toastrShown: boolean = false; + onSubmit(){ + console.log(this.entryForm.value); + this.reportBuilderService.saverbData(this.entryForm.value).subscribe((data)=>{ + console.log(data); + if (data || data.status >= 200 && data.status <= 209) { + this.toastr.success('Report save successfully'); + } + },(error:HttpErrorResponse) => { + console.log(error); + if(error.status==404){ + this.toastr.error(error.error); + } + if(error.status==200){ this.toastr.success('Report save successfully'); } + if(error.status==400){ this.toastr.error('Report Save Unsuccessful'); } + }); + setTimeout(()=>{ + this.router.navigate(["../all"], { relativeTo: this.route }); + },500); + } + goback(){ + this.router.navigate(["../all"], { relativeTo: this.route }); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.css new file mode 100644 index 0000000..720f9da --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.css @@ -0,0 +1,90 @@ +.td-title { + text-align: right; + width: 150px; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); + color: white; +} + +.td-content { + text-align: left; +} + +.delete, .heading { + text-align: center; + color: red; +} + +input[type=radio] { + width: 14px !important; + height: 14px !important; + margin: 5px; + -webkit-appearance: none; + -moz-appearance: none; + -o-appearance: none; + appearance: none; + outline: 1px solid gray; + box-shadow: none; + font-size: 0.8em; + text-align: center; + line-height: 1em; + background: red; +} + +.dots { + width: 100px; + height: 100px; + bordeR: 1px solid; + border-radius: 50%; +} + +h4 { + margin-top: 16px; +} + +.s-order-dash-pg { + margin: 0px; + display: flex; + flex-wrap: wrap; + flex-direction: row; + justify-content: center; +} +.s-order-dash-pg .chart-box { + margin: 16px; + padding: 0 16px; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 2px; +} + +#word1 { + width: 190px; + height: 180px; +} + +.center { + text-align: center; + margin-top: 5px; +} + +.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; +} + +.heading { + text-align: center; + color: red; +} + +select { + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +}/*# sourceMappingURL=reportbuildall.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.css.map new file mode 100644 index 0000000..3cc1526 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["reportbuildall.component.scss","reportbuildall.component.css"],"names":[],"mappings":"AAAA;EACI,iBAAA;EACA,YAAA;EACA,iBAAA;EACA,2CAAA;EACA,YAAA;ACCJ;;ADCE;EACE,gBAAA;ACEJ;;ADAE;EACE,kBAAA;EACA,UAAA;ACGJ;;ADDE;EACE,sBAAA;EACA,uBAAA;EACA,WAAA;EACA,wBAAA;EACA,qBAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;EACA,gBAAA;EACA,gBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;ACIJ;;ADFE;EAEE,YAAA;EACA,aAAA;EACA,iBAAA;EACA,kBAAA;ACIJ;;ADDI;EAAG,gBAAA;ACKP;;ADJI;EACE,WAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,uBAAA;ACON;ADNM;EACE,YAAA;EACA,eAAA;EACA,sBAAA;EACA,sBAAA;EACA,kBAAA;ACQR;;ADLI;EACC,YAAA;EACC,aAAA;ACQN;;ADLI;EACE,kBAAA;EACA,eAAA;ACQN;;ADLI;EACE,cAAA;EACA,yBAAA;EACA,sBAAA;EACA,wBAAA;EACA,eAAA;EACA,WAAA;EACA,mBAAA;ACQN;;ADNM;EACE,kBAAA;EACA,UAAA;ACSR;;ADNM;EACE,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,kBAAA;ACSR","file":"reportbuildall.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.html new file mode 100644 index 0000000..cfcd34e --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.html @@ -0,0 +1,112 @@ + +
+ + +

+ + +

+ + + + + + + + +

Loading ...

+ + +

+ {{'GO_TO' | translate}} +

+ {{ 'REPORT_RUNNER' | translate }} +

+ {{ 'REPORT_DESCRIPTION' | translate }} +

+ {{ 'ACTIVE' | translate }} +

+ {{ 'FOLDER_NAME' | translate }} +

+ {{ 'ACTION' | translate }} +

+ + + {{ 'SET_UP' | translate }} + {{user.reportName}} + {{user.description}} + {{user.active}} + {{user.folderName}} + + + +

+ +

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 + + + +

+ + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.scss new file mode 100644 index 0000000..aec3e9d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.scss @@ -0,0 +1,83 @@ +.td-title { + text-align: right; + width: 150px; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); + color: white; + } + .td-content{ + text-align: left; + } + .delete,.heading{ + text-align: center; + color: red; + } + input[type='radio']{ + width: 14px !important; + height: 14px !important; + margin: 5px; + -webkit-appearance: none; + -moz-appearance: none; + -o-appearance: none; + appearance: none; + outline: 1px solid gray; + box-shadow: none; + font-size: 0.8em; + text-align: center; + line-height: 1em; + background: red; + } + .dots + { + width: 100px; + height:100px; + border: 1px solid; + border-radius: 50%; + //background-color: #f00; + } + h4{margin-top: 16px;} + .s-order-dash-pg { + margin: 0px; + display:flex; + flex-wrap:wrap; + flex-direction:row; + justify-content:center; + .chart-box{ + margin:16px; + padding:0 16px; + background-color: #fff; + border:1px solid #ccc; + border-radius: 2px; + } + } + #word1{ + width: 190px; + height: 180px; + + } + .center{ + text-align: center; + margin-top: 5px; + } + + .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; + } + .heading{ + text-align: center; + color: red; + } + + select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.spec.ts new file mode 100644 index 0000000..fce8821 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ReportbuildallComponent } from './reportbuildall.component'; + +describe('ReportbuildallComponent', () => { + let component: ReportbuildallComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ReportbuildallComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ReportbuildallComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.ts new file mode 100644 index 0000000..25c291b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildall/reportbuildall.component.ts @@ -0,0 +1,92 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ReportBuilderService } from 'src/app/services/api/report-builder.service'; +import { ToastrService } from 'ngx-toastr'; + +@Component({ + selector: 'app-reportbuildall', + templateUrl: './reportbuildall.component.html', + styleUrls: ['./reportbuildall.component.scss'] +}) +export class ReportbuildallComponent implements OnInit { + gridData; + loading = false; + error; + selected: any[] = []; + rowSelected :any= {}; + modaldelete=false; + isLoading: boolean = false; + projectId; + moduleId; + projectname; + constructor(private router: Router, + private route: ActivatedRoute,private reportBuilderService: ReportBuilderService, + private toastr:ToastrService, ) { } + + ngOnInit(): void { + + this.getAll(); + } + + + getAll() { + this.isLoading = true; + this.reportBuilderService.getrbDetails().subscribe((data) => { + this.isLoading = false; + console.log(data); + + const filteredData = data.filter(item => item.isSql === true); + this.gridData = filteredData; + if(this.gridData.length == 0){ + this.error="No data Available"; + console.log(this.error); + } + }); + } + + gotorunner() + { + this.router.navigate(['../../rerunner'],{relativeTo:this.route}); + } + + + goToAdd() { + this.router.navigate(["../add"], { relativeTo: this.route, }); + } + + goToEdit(id: number) { + this.router.navigate(["../edit/" + id], { relativeTo: this.route }); + } + enid; + modelData:any[]=[]; + goToLines(val) { + console.log(val); +this.enid=val.id; +// this.modelData = val.Rpt_builder2_lines[0].model; + + if(val.Rpt_builder2_lines[0].model !== '' ){ + this.router.navigate(["../edit/" + this.enid], { relativeTo: this.route }); + } + else{ + this.router.navigate(["../reportQuery/" + this.enid], { relativeTo: this.route, }); + } + } + onDelete(row) { + this.rowSelected = row; + this.modaldelete=true; + } + delete(id){ + this.modaldelete = false; + this.reportBuilderService.deletrbById(id).subscribe((data) => { + console.log(data); + if(data || data == null || data.status >= 200 && data.status <= 209){ + this.toastr.success("Deleted successfully"); + } + this.ngOnInit(); + },(error) => { + console.log(error); + this.toastr.error("getting error in deleting data"); + }) + } + +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.css new file mode 100644 index 0000000..e938509 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.css @@ -0,0 +1,56 @@ +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; +} +.s-info-bar button { + outline: none; +} + +.edit-pg { + width: 750px; +} + +select { + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} + +#lines table, +#lines th, +#lines td { + border: 0.5px solid #f1f0f0; + border-collapse: collapse; +} +#lines input, +#lines input :focus { + outline: none; + border-width: 0px; + border: none; +} + +.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; +} + +.center { + text-align: center; +} + +textarea { + width: 100%; + padding: 15px 15px; + background-color: rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +}/*# sourceMappingURL=reportbuildedit.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.css.map new file mode 100644 index 0000000..576b0f3 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["reportbuildedit.component.scss","reportbuildedit.component.css"],"names":[],"mappings":"AACA;EACI,aAAA;EACA,mBAAA;EACA,8BAAA;ACAJ;ADCI;EACE,aAAA;ACCN;;ADGE;EACE,YAAA;ACAJ;;ADEE;EACE,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,kBAAA;ACCJ;;ADEI;;;EAGE,2BAAA;EACA,yBAAA;ACCN;ADCI;;EAGE,aAAA;EACA,iBAAA;EACA,YAAA;ACAN;;ADIE;EACE,cAAA;EACA,yBAAA;EACA,sBAAA;EACA,wBAAA;EACA,eAAA;EACA,WAAA;EACA,mBAAA;ACDJ;;ADIE;EACE,kBAAA;ACDJ;;ADGE;EACE,WAAA;EACA,kBAAA;EAEA,oCAAA;EACA,qBAAA;EACA,sBAAA;EACA,kBAAA;EACA,sBAAA;ACDJ","file":"reportbuildedit.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.html new file mode 100644 index 0000000..f05be3b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.html @@ -0,0 +1,66 @@ +

REPORT SET UP - Project Details Report ({{ReportData.id}})

+ Edit Mode +

+ Connection Name + +

+ Date Parameter Required + +

+ Standard Parameter String (html) + +

+ Adhoc Parameter String (html) + +

+
+

+ Column String (html) + +

+ +

+ SQL String + +

+
+

+ + +

+ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.scss new file mode 100644 index 0000000..9893e7c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.scss @@ -0,0 +1,58 @@ +// @import "../../../../../../../assets/scss/var"; +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; + button { + outline: none; + } + } + + .edit-pg { + width: 750px; + } + select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + #lines { + table, + th, + td { + border: 0.5px solid #f1f0f0; + border-collapse: collapse; + } + input, + input :focus { + //-webkit-appearance: none; + outline: none; + border-width: 0px; + border: none; + } + } + + .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; + } + + .center { + text-align: center; + } + textarea { + width: 100%; + padding: 15px 15px; + // margin: 8px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.spec.ts new file mode 100644 index 0000000..011630a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ReportbuildeditComponent } from './reportbuildedit.component'; + +describe('ReportbuildeditComponent', () => { + let component: ReportbuildeditComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ReportbuildeditComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ReportbuildeditComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.ts new file mode 100644 index 0000000..8bd117c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildedit/reportbuildedit.component.ts @@ -0,0 +1,144 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { ReportBuilderService } from 'src/app/services/api/report-builder.service'; + + + +@Component({ + selector: 'app-reportbuildedit', + templateUrl: './reportbuildedit.component.html', + styleUrls: ['./reportbuildedit.component.scss'] +}) +export class ReportbuildeditComponent implements OnInit { + public entryForm: FormGroup; + updated = false; + ReportData:any = {}; + id: number; + nodeEditProperties = { + std_param_html:'', + adhoc_param_html:'', + column_str:'', + conn_name:'', + date_param_req:'', + // folderName:'', + sql_str:'', + +}; + constructor(private router: Router, + private route: ActivatedRoute,private reportBuilderService: ReportBuilderService, + private toastr: ToastrService, private _fb: FormBuilder) { } + + ngOnInit(): void { + this.id = this.route.snapshot.params["id"]; + console.log("update with id = ", this.id); + + this.entryForm = this._fb.group({ + std_param_html : [null], + adhoc_param_html:[null], + column_str:[null], + conn_name:[null], + date_param_req:[null], + // folderName:[null], + sql_str:[null], + }); + + this.getById(this.id); + this.listoddatabase(); + } + databaselist; + listoddatabase(){ + this.reportBuilderService.getdatabse().subscribe((data)=>{ + this.databaselist=data; + console.log(this.databaselist) + },(error) => { + console.log(error); + if(error){ + } + }); + + } + builderLine; + lineId; + builderLineData; + getById(id: number) { + this.reportBuilderService.getrbDetailsById(id).subscribe( + (data) => { + console.log(data); + this.ReportData = data; + + + this.builderLine = this.ReportData.rpt_builder2_lines; + this.lineId = this.builderLine[0].id + console.log("line data ",this.lineId, this.builderLine); + if(this.builderLine[0].model != '') + { + this.builderLineData = JSON.parse(this.builderLine[0].model) ; + console.log(this.builderLineData); + + this.nodeEditProperties.std_param_html = this.builderLineData.std_param_html; + this.nodeEditProperties.adhoc_param_html = this.builderLineData.adhoc_param_html; + this.nodeEditProperties.column_str = this.builderLineData.column_str; + this.nodeEditProperties.conn_name = this.builderLineData.conn_name; + this.nodeEditProperties.date_param_req = this.builderLineData.date_param_req; + this.nodeEditProperties.sql_str = this.builderLineData.sql_str; + } + }, + (err) => { + console.log(err); + } + ); + } + + listBuilder_Lines = { + model:{} + } + update() { + + this.builderLineData.std_param_html = this.nodeEditProperties.std_param_html; + this.builderLineData.adhoc_param_html = this.nodeEditProperties.adhoc_param_html; + this.builderLineData.column_str = this.nodeEditProperties.column_str; + this.builderLineData.conn_name = this.nodeEditProperties.conn_name ; + this.builderLineData.date_param_req = this.nodeEditProperties.date_param_req; + this.builderLineData.sql_str = this.nodeEditProperties.sql_str; + console.log(this.builderLineData); + // this.builderLineData.splice(1); + console.log(this.builderLineData); + let tmp = JSON.stringify(this.builderLineData); //.replace(/\\/g, '') + this.listBuilder_Lines.model = tmp; +console.log(this.listBuilder_Lines); + + this.reportBuilderService.updaterbLineData(this.listBuilder_Lines, this.lineId).subscribe( + (data) => { + console.log(data); + if (data) { + this.toastr.success('Update successfully'); + } + this.router.navigate(["../../all"], { relativeTo: this.route }); + //this.router.navigate(["../../all"],{ relativeTo: this.route, queryParams: { p_id: this.projectId } }); + }, + (error) => { + // console.log(error); + // const objectArray = Object.entries(error.error.fieldErrors); + // objectArray.forEach(([k, v]) => { + // console.log(k); + // console.log(v); + // this.fieldErors.push({ field: k, message: v }); + // }); + console.log(error); // this will come from backend + } + ); + // this.lineBuilder_Header = new Rn_Cff_ActionBuilder_Header(); + } + + onSubmit() { + this.updated = true; + this.update(); + } + + back() { + this.router.navigate(["../../all"], { relativeTo: this.route }); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.css new file mode 100644 index 0000000..f328a84 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.css @@ -0,0 +1,146 @@ +@import '@swimlane/ngx-datatable/index.css'; +@import '@swimlane/ngx-datatable/themes/bootstrap.css'; +@import '@swimlane/ngx-datatable/assets/icons.css'; +.button1::after { + content: none; +} + +.button1:hover::after { + content: "ADD ROWS"; +} + +.delete, .heading { + text-align: center; + color: red; +} + +.bold { + font-weight: bold; +} + +.section p { + 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; +} + +.required-field { + color: red; + font-size: 18px; +} + +input[type=text], textarea { + width: 100%; + padding: 15px 15px; + background-color: rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} + +html { + /* make sure we use up the whole viewport */ + width: 100%; + min-height: 100vh; +} + +body { + width: 100%; + background-color: gray; +} + +ngx-datatable { + font-family: Metropolis, Avenir Next, Helvetica Neue, Arial, sans-serif; + font-size: 13px; + border: 1px solid #ccc; + border-radius: 2px; + padding: 0; + background-color: #fff; +} +ngx-datatable .datatable-header, ngx-datatable .datatable-footer { + font-size: 11px; + line-height: 18px; + font-weight: bold; + background-color: #fafafa; +} +ngx-datatable .datatable-header { + box-shadow: 0 2px 4px 0px #ccc; +} +ngx-datatable .datatable-header .datatable-header-cell { + line-height: 22px; + padding-left: 10px; + height: 22px; +} +ngx-datatable .datatable-header .datatable-header-cell:not(:first-child) { + border-left: 1px solid #ccc; +} +ngx-datatable .datatable-footer { + border-top: 1px solid #ccc; +} +ngx-datatable .datatable-footer .page-count { + margin: 10px; +} +ngx-datatable .datatable-footer .pages a { + padding: 8px; + color: inherit; +} +ngx-datatable .datatable-footer .pages.active a { + padding: 8px; + color: #007cbb; + background-color: rgb(221, 221, 221); + text-align: center; +} +ngx-datatable .datatable-header-inner { + padding: 12px; +} +ngx-datatable .datatable-body-cell { + padding: 8px 0 10px 20px; + border-top: 1px solid #ddd; +} +ngx-datatable .pager i { + font-size: 18px; + vertical-align: middle; +} + +.postColumn { + border: 1px solid #ccc; + width: 78%; + margin-left: 15px; +} + +.colName { + text-align: center; + padding: 5px; +} + +.colfields { + border: 1px solid black; + margin: 17px; + text-align: center; + padding: 3px; +} + +.fieldWrapper { + margin-top: 20px; +} + +.center { + text-align: center; +} + +select { + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +}/*# sourceMappingURL=reportbuildquery.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.css.map new file mode 100644 index 0000000..ec63f0f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["reportbuildquery.component.scss","reportbuildquery.component.css"],"names":[],"mappings":"AA8JQ,2CAAA;AACA,sDAAA;AACC,kDAAA;AA9JT;EACE,aAAA;ACEF;;ADAA;EACE,mBAAA;ACGF;;ADAA;EACE,kBAAA;EACA,UAAA;ACGF;;ADAA;EACE,iBAAA;ACGF;;ADCA;EAEE,aAAA;EACA,eAAA;ACCF;;ADEA;EACE,cAAA;EACA,yBAAA;EACA,sBAAA;EACA,wBAAA;EACA,eAAA;EACA,WAAA;EACA,mBAAA;ACCF;;ADWA;EACE,UAAA;EACF,eAAA;ACRA;;ADYA;EACE,WAAA;EACA,kBAAA;EAED,oCAAA;EACC,qBAAA;EACA,sBAAA;EACA,kBAAA;EACA,sBAAA;ACVF;;ADcA;EACI,2CAAA;EACA,WAAA;EACA,iBAAA;ACXJ;;ADaA;EACI,WAAA;EACA,sBAAA;ACVJ;;ADeA;EACE,uEAAA;EACA,eAAA;EACA,sBAAA;EACA,kBAAA;EACA,UAAA;EACA,sBAAA;ACZF;ADaE;EACE,eAAA;EACA,iBAAA;EACA,iBAAA;EACA,yBAAA;ACXJ;ADaE;EAEE,8BAAA;ACZJ;ADaI;EACE,iBAAA;EACA,kBAAA;EACA,YAAA;ACXN;ADcE;EACI,2BAAA;ACZN;ADeE;EACE,0BAAA;ACbJ;ADcI;EACE,YAAA;ACZN;ADcI;EACE,YAAA;EACA,cAAA;ACZN;ADcI;EACE,YAAA;EACA,cAAA;EACA,oCAAA;EACA,kBAAA;ACZN;ADgBE;EACE,aAAA;ACdJ;ADgBE;EACE,wBAAA;EACA,0BAAA;ACdJ;ADgBE;EACE,eAAA;EACA,sBAAA;ACdJ;;ADkBA;EACE,sBAAA;EACA,UAAA;EACA,iBAAA;ACfF;;ADiBA;EACE,kBAAA;EACA,YAAA;ACdF;;ADgBA;EACE,uBAAA;EACA,YAAA;EACA,kBAAA;EACA,YAAA;ACbF;;ADeA;EACE,gBAAA;ACZF;;ADcA;EACE,kBAAA;ACXF;;ADcA;EACE,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,kBAAA;ACXF","file":"reportbuildquery.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.html new file mode 100644 index 0000000..723cd1c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.html @@ -0,0 +1,670 @@ + + +

+ + +

SQL Worksheet- + connection name + {{databaseName}} + switch + Add New +

+ +

+ + +

+ + + + + + +

+ +

+ + + + + Table List + + + + {{selected}} {{ getAliasedColumn(selected) }} + + + + {{state}} + + + + +

+ +

+ + + + + Column List + + + + {{ selected.substr(0, selected.indexOf('.')) }}{{ selected.substr(selected.indexOf('.')) }} + + + {{selected}} + + + + + {{state}} + + + + +

+ + Condition List + + + + {{data.andor}} + + {{ selected.substr(0, selected.indexOf('.')) }}{{ selected.substr(selected.indexOf('.')) }} + + + {{selected}} + + + {{data.condition}} {{data.value}} + + + + + {{state}} + + + + +

+ +

+ + + + + Select Parameter List + + + + {{ selected.substr(0, selected.indexOf('.')) }}{{ selected.substr(selected.indexOf('.')) }} + + + {{selected}} + + + + + {{state}} + + + + +

+ +

+ Data Parameters Required + +

+ Folder Name + +

+ +

+ + + + +
+

Response

+ + + +

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

{{co}}
{{item[key]}}

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

+ + +

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

ANDOR	FIELD NAME	CONDITION	VALUE	Action
+	+	+ +		+ + + +

+ +

+ + + +

+ + + + +

+ + +

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

Column	Alias	Action
+ +		+ + + +

+ +

+ + +

+ + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.scss new file mode 100644 index 0000000..3ee5c25 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.scss @@ -0,0 +1,161 @@ +$bg-color: #dddddd; + +.button1::after { + content: none; +} +.button1:hover::after { + content: "ADD ROWS"; +} + +.delete,.heading{ + text-align: center; + color: red; +} + +.bold{ + font-weight: bold; +} + + +.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; +} +// input[type=text],[type=date],textarea { +// width: 60%; +// padding: 15px 15px; +// // margin: 8px 0; +// background-color:rgb(255, 255, 255); +// display: inline-block; +// border: 1px solid #ccc; +// border-radius: 4px; +// box-sizing: border-box; +// } +.required-field{ + color: red; +font-size: 18px; + +} + +input[type=text],textarea { + width: 100%; + padding: 15px 15px; + // margin: 8px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} + + +html { + /* make sure we use up the whole viewport */ + width: 100%; + min-height: 100vh; +} +body { + width: 100%; + background-color: gray; + //min-height: 100vh; /* this helps with the sticky footer */ +} + +//Import classes from swimlane datatable +ngx-datatable { + font-family: Metropolis,Avenir Next,Helvetica Neue,Arial,sans-serif; + font-size:13px; + border:1px solid #ccc; + border-radius: 2px; + padding:0; + background-color: #fff; + .datatable-header, .datatable-footer { + font-size:11px; + line-height:18px; + font-weight:bold; + background-color:#fafafa; + } + .datatable-header{ + //border-bottom: 2px solid #ccc; + box-shadow: 0 2px 4px 0px #ccc; + .datatable-header-cell{ + line-height:22px; + padding-left:10px; + height:22px; + } + } + .datatable-header .datatable-header-cell:not(:first-child) { + border-left:1px solid #ccc; + } + + .datatable-footer{ + border-top: 1px solid #ccc; + .page-count{ + margin: 10px; + } + .pages a{ + padding:8px; + color:inherit; + } + .pages.active a{ + padding:8px; + color:#007cbb; + background-color:rgb(221, 221, 221); + text-align: center; + } + } + + .datatable-header-inner{ + padding:12px; + } + .datatable-body-cell{ + padding:8px 0 10px 20px; + border-top: 1px solid #ddd; + } + .pager i { + font-size:18px; + vertical-align: middle; + } +} + +.postColumn{ + border: 1px solid #ccc; + width: 78%; + margin-left: 15px; +} +.colName{ + text-align: center; + padding: 5px; +} +.colfields{ + border: 1px solid black; + margin: 17px; + text-align: center; + padding: 3px; +} +.fieldWrapper{ + margin-top: 20px; +} +.center { + text-align: center; +} + +select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} +// @import '@swimlane/ngx-datatable/index.css'; +// @import '@swimlane/ngx-datatable/themes/bootstrap.css'; +// @import '@swimlane/ngx-datatable/assets/icons.css'; diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.spec.ts new file mode 100644 index 0000000..96b95f4 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ReportbuildqueryComponent } from './reportbuildquery.component'; + +describe('ReportbuildqueryComponent', () => { + let component: ReportbuildqueryComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ReportbuildqueryComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ReportbuildqueryComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.ts new file mode 100644 index 0000000..3c23b53 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build/reportbuildquery/reportbuildquery.component.ts @@ -0,0 +1,660 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormControl, FormGroup } from '@angular/forms'; +import { ReportBuilderService } from 'src/app/services/api/report-builder.service'; +import { TableList } from '../../../../../models/fnd/table-setup'; +import { HttpClient, HttpErrorResponse } from '@angular/common/http'; +import { ToastrService } from 'ngx-toastr'; +import { ActivatedRoute, Router } from '@angular/router'; + +@Component({ + selector: 'app-reportbuildquery', + templateUrl: './reportbuildquery.component.html', + styleUrls: ['./reportbuildquery.component.scss'] +}) +export class ReportbuildqueryComponent implements OnInit { + searchtable: any; + searchcol: any; + columns: any[]; + table: boolean = false; + database: boolean = false; + query: boolean = false; + public entryForm: FormGroup; + public addForm: FormGroup; + public saveReportForm: FormGroup; + addmodal: boolean = false; + query2: string; + rows: any[]; + loading = false; + tableList: TableList[]; + databaselist = []; + collist; + search: any; + selectedtable: any[]; + selectedcol: any[]; + selectedcol1: any[]; + selectedParamter: any[]; + selectedtablequery; + selectcolquery; + selectedquery; + backQuery = true; + searchquery; + col: boolean = false; + col1: boolean = false; + searchdatabase; + selecteddatabase; + msg; + id; + querydata; + errorco; + errortb; + errorcl; + loadingIndicator = true; reorderable = true; + columnModal = false; + reportModal = false; + filterModel = false; + conditionData = []; + stdParamters = []; + columnData = []; + andor = ['AND', 'OR', 'NOT']; + fieldname = ['name1', 'name2']; + condition = ['=', '!=', '<', '>', '<=', '>=', 'LIKE', 'BETWEEN', 'IN']; + alias = ['a', 'b', 'c', 'd', 'e', 'f']; + tabs = ['Tab', 'Tab',]; + selected = new FormControl(0); + constructor(private _fb: FormBuilder, private router: Router, + private route: ActivatedRoute, + private reportBuilderService: ReportBuilderService, private toastr: ToastrService,) { } + + ngOnInit(): void { + this.id = this.route.snapshot.params["id"]; + console.log("update with id = ", this.id); + this.entryForm = this._fb.group({ + sql_query: [null], + }); + this.addForm = this._fb.group({ + conn_string: [null], + username: [null], + password: [null], + driver_class_name: [null], + }) + + this.saveReportForm = this._fb.group({ + conn_name: [null], + // reportName: [null], + folderName: [null], + // description:[null], + // active:[null], + sql_str: [null], + date_param_req: [null], + column_str: [null], + adhoc_param_html: [null], + std_param_html: [null], + }); + // this.listofTables(); + this.getById(this.id); + + } + ReportBuilder_Header; + ReportBuilder_Line; + lineId; + getById(id: number) { + this.reportBuilderService.getrbDetailsById(id).subscribe( + (data) => { + console.log(data); + this.ReportBuilder_Header = data; + console.log(data.Rpt_builder2_lines[0].model); + this.ReportBuilder_Line = data.Rpt_builder2_lines + this.lineId = data.Rpt_builder2_lines[0].id; + }, + (err) => { + console.log(err); + } + ); + } + + + listoddatabase() { + this.reportBuilderService.getdatabse().subscribe((data) => { + this.databaselist = data; + console.log('database list ', this.databaselist) + + if (this.databaselist.length == 0) { + this.errorco = "No data Available"; + + } + }, (error) => { + console.log(error); + if (error) { + this.errorco = "No data Available"; + } + }); + + } + listofTables(val) { + this.reportBuilderService.getTableListn(val).subscribe(data => { + // console.log("table list "+data); + this.tableList = data; + console.log(this.tableList); + }, (error) => { + console.log(error); + if (error) { + this.errortb = "No data Available"; + } + }) + } + msg1; + finalColList: any[] = []; + listofcol(val) { + console.log(this.selectedtable); + console.log(this.selectedcol); + console.log(this.selectedcol1); + const tableString = JSON.stringify(val); + console.log(tableString); + const array = Array.of(val); // Using the Array constructor + console.log(array); + console.log(val); + // this.reportBuilderService.getcolListn(this.name[1],val).subscribe((data)=>{ + // this.reportBuilderService.getColumnList(this.name[1],array).subscribe((data)=>{ + this.reportBuilderService.getAllColumnsFromAllTables(array).subscribe((data) => { + console.log(data); + this.collist = data; + // this.finalColList.push(data); + // this.finalColList.push(this.collist) + if (this.selectedtable == null) { + this.msg = 'Plz First Select Table' + } else { + this.msg = ""; + } + + //console.log(this.collist); + }, (error) => { + console.log(error); + if (error) { + this.errorcl = "No data Available"; + } + }) + } + listofquery() { + this.reportBuilderService.getall().subscribe((data) => { + this.querydata = data; + console.log(this.querydata) + }) + } + rowdata; + onSubmit() { + // this.backQuery = false; + + this.query2 = this.entryForm.value.sql_query; + console.log(this.query2); + this.reportBuilderService.getMasterData(this.query2).subscribe((data) => { + this.rows = data; + console.log(this.rows); + this.rowdata = [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; + + }); + } + getHeaders() { + let headers: string[] = []; + if (this.rows) { + this.rows.forEach((value) => { + Object.keys(value).forEach((key) => { + if (!headers.find((header) => header == key)) { + headers.push(key) + } + + }) + + }) + } + return headers; + } + savequery() { + //this.query2=this.entryForm.value.sql_query; + console.log(this.entryForm.value); + this.reportBuilderService.saveq(this.entryForm.value).subscribe((data) => { + console.log(data); + }) + + } + + //tab + addTab(selectAfterAdding: boolean) { + this.tabs.push('Tab'); + + if (selectAfterAdding) { + this.selected.setValue(this.tabs.length - 1); + } + } + + removeTab(index: number) { + this.tabs.splice(index, 1); + } + opendatabsemo() { + this.database = true; + this.listoddatabase(); + } + name; + databaseName; + databasename(val) { + console.log(val); + this.databaseName = val.name; + this.selecteddatabase = val.conn_string; + console.log(this.selecteddatabase); + // this.selecteddatabase.substring(0,this.selecteddatabase.indexOf(':3306/')) + // console.log(this.selecteddatabase); + this.name = this.selecteddatabase.split(":3306/"); + console.log(this.name[1]); + this.database = false; + this.listofTables(this.name[1]) + } + opentablemod() { + this.table = true; + // this.listofTables(); + } + tablename(value) { + console.log(value); + this.selectedtable = value; + this.table = false; + } + tableModal = false; + TableData; + opentcolmod() { + // this.col=true; + + if (this.selectedtable == null) { + this.msg = 'Plz First Select Table' + } else { + this.msg = ""; + // this.tableModal = true; + } + this.listofcol(this.selectedtable) + + if (Array.isArray(this.selectedtable) || this.selectedtable === undefined) { + const selectedTables = this.selectedtable.map((table, index) => { + const alias = String.fromCharCode(97 + (index % 26)); // Generate aliases starting from 'a' + console.log(alias, table); + return `${table} ${alias}`; + }).join(','); + console.log(selectedTables); + // const selectedTables = this.TableData.map(({ alias, tables }) => `${tables} ${alias}`).join(','); + // console.log(selectedTables); + + this.selectedtablequery = `SELECT * FROM ${selectedTables} WHERE 1=1`; + console.log(this.selectedtablequery); + // You can perform further actions with the generated SQL query + } else { + this.selectedtablequery = ''; + console.log(this.selectedtablequery); + // You can perform further actions with the generated SQL query + } + + this.selectedquery = this.selectedtablequery; + + // const defaultObject = { + // alias: "", + // } + // const objectArray = this.selectedtable.map(value => ({ + // ...defaultObject, + // tables: value, + // })); + // console.log(objectArray); + // const data = JSON.stringify(objectArray); + // try { + // this.TableData = JSON.parse(data); + // console.log('Received data:', this.TableData ); + // } catch (e) { console.error('Invalid JSON:', data);} + } + opentcolmod1() { + // this.col1=true; + this.listofcol(this.selectedtable) + + + } + colname() { + + this.columnModal = true; + + //column filter + const defaultObject = { + alias: "", + } + const valuesOnly = this.selectedcol.map(item => item.split('.').pop()); + const objectArray = this.selectedcol.map((value, index) => ({ + // ...defaultObject, + alias: valuesOnly[index], + columns: value, + })); + console.log(objectArray); + const data = JSON.stringify(objectArray); + try { + this.columnData = JSON.parse(data); + console.log('Received data:', this.columnData); + } catch (e) { console.error('Invalid JSON:', data); } + } + onAddColLines() { + this.columnData.push({ + columns: "", + alias: "", + }); + } + deleteColRow(index) { + this.columnData.splice(index, 1); + } + // console.log(col); + // this.selectedcol=col; + + onColSelected() { + // console.log(col); + // this.selectedcol=col; + this.col = false; + this.columnModal = false; + if (Array.isArray(this.columnData)) { + // const selectedColumns = this.columnData.join(','); + //for column + const selectedColumns = this.columnData.map(({ alias, columns }) => `${columns} as ${alias}`).join(','); + console.log(selectedColumns); + //for table + const selectedTables = this.selectedtable.map((table, index) => { + const alias = String.fromCharCode(97 + (index % 26)); // Generate aliases starting from 'a' + console.log(alias, table); + return `${table} ${alias}`; + }).join(','); + console.log(selectedTables); + + // const selectedTables = this.TableData.map(({ alias, tables }) => `${tables} ${alias}`).join(','); + // console.log(selectedTables); + + this.selectcolquery = `SELECT ${selectedColumns} FROM ${selectedTables} WHERE 1=1`; + console.log(this.selectcolquery); + // You can perform further actions with the generated SQL query + } else if (Array.isArray(this.selectedtable)) { + //for table + const selectedTables = this.selectedtable.map((table, index) => { + const alias = String.fromCharCode(97 + (index % 26)); // Generate aliases starting from 'a' + console.log(alias, table); + return `${table} ${alias}`; + }).join(','); + console.log(selectedTables); + this.selectcolquery = `SELECT * FROM ${selectedTables} WHERE 1=1`; + console.log(this.selectcolquery); + // You can perform further actions with the generated SQL query + } else { + // if(this.selectedtable==null){ + // this.msg1='Plz First Select Table' + // }else{ + // this.msg1=""; + // } + } + this.selectedquery = this.selectcolquery; + } + + // onColSelected(){ + // this.col=false; + // this.columnModal = false; + // console.log(this.selectedcol); + // if (Array.isArray(this.selectedcol)) { + // const selectedColumns = this.selectedcol.join(','); + // this.selectcolquery = `SELECT ${selectedColumns} FROM ${this.selectedtable} WHERE 1=1`; + // console.log(this.selectcolquery); + // // You can perform further actions with the generated SQL query + // } else { + // this.selectcolquery = `SELECT * FROM ${this.selectedtable} WHERE 1=1`; + // console.log(this.selectcolquery); + // // You can perform further actions with the generated SQL query + // } + // this.selectedquery = this.selectcolquery; + + // //std pramameter + // const defaultObject = { + // label: "", + // dataType: "", + // list: "", + // } + // const objectArray = this.selectedcol.map(value => ({ + // ...defaultObject, + // column: value, + // })); + // console.log(objectArray); + // const data = JSON.stringify(objectArray); + // try { + // this.stdParamters = JSON.parse(data); + // console.log('Received data:', this.stdParamters ); + // } catch (e) { console.error('Invalid JSON:', data);} + // } + onAddstdLines() { + this.stdParamters.push({ + column: "", + label: "", + dataType: "", + list: "" + }); + } + deletestdRow(index) { + this.stdParamters.splice(index, 1); + } + colname1() { + // console.log(col); + // this.selectedcol1=col; + // this.col1=false; + // this.listofquery(); + } + openquerymod() { + this.query = true; + this.listofquery(); + } + selectquery(val) { + console.log(val); + this.selectedquery = val; + this.query = false; + } + opencopym() { + // this.router.navigate(['cns-portal', 'reportbuild','reportQuery', this.id, 'queryadd']); + this.router.navigate(['queryadd'], { relativeTo: this.route }); + } + + onCreate() { + console.log(this.addForm.value); + this.reportBuilderService.createdb(this.addForm.value).subscribe((data) => { + console.log(data); + }) + } + + // onSelectedChanged(selected){ + // this.selectedTableData = this.tableList.filter(item => item.selected); + // } + conditionVal; + filter(val) { + + this.filterModel = true; + this.conditionVal = val; + + const defaultObject = { + andor: "AND", + // alias: "", + condition: "=", + value: "", + } + const objectArray = this.conditionVal.map(value => ({ + ...defaultObject, + fields_name: value, + })); + console.log(objectArray); + const data = JSON.stringify(objectArray); + try { + this.conditionData = JSON.parse(data); + console.log('Received data:', this.conditionData); + } catch (e) { console.error('Invalid JSON:', data); } + } + + onAddLines() { + this.conditionData.push({ + andor: "AND", + fields_name: "", + condition: "=", + value: "" + }); + } + deleteRow(index) { + this.conditionData.splice(index, 1); + } + filteredConditionData; + filterAndor; + filtercondlvalue; + onSelected() { + this.filterModel = false; + console.log(this.conditionData); + let formattedString = ''; + for (const condition of this.conditionData) { + const { andor, fields_name, condition: cond, value } = condition; + formattedString += `${andor} ${fields_name} ${cond} '${value}'`; + this.filterAndor = andor; + this.filtercondlvalue = cond + ' ' + value; + } + // this.getConditionBeforeColumn(this.selectedcol1) + // this.getConditionAfterColumn(this.selectedcol1); + console.log(formattedString); + this.filteredConditionData = formattedString + if (this.selectcolquery !== undefined) { + const mQuery = this.selectcolquery + ' ' + formattedString; + console.log(mQuery); + this.selectedquery = mQuery; + } else { + const mQuery = this.selectedtablequery + ' ' + formattedString; + console.log(mQuery); + this.selectedquery = mQuery; + } + } + + // getConditionBeforeColumn(selected: any){ + + // return this.filterAndor; + + + // } + // getConditionAfterColumn(selected: any){ + // return this.filtercondlvalue + + + // } + onBack() { + // this.backQuery = true; + } + + getAliasedColumn(selected: string) { + const index = this.selectedtable.findIndex(item => item === selected); + const alphabet = 'abcdefghijklmnopqrstuvwxyz'; + const aliasIndex = index % alphabet.length; // Calculate the index based on the remainder + const repeatedAlias = alphabet.charAt(aliasIndex); + return repeatedAlias; + } + + goToEdit(id) { + this.router.navigate(["../queryedit/" + id], { relativeTo: this.route }); + } + + rowSelected: any = {}; + modaldelete = false; + onDelete(row) { + this.rowSelected = row; + this.modaldelete = true; + } + + delete(id) { + this.modaldelete = false; + console.log("in delete " + id); + this.reportBuilderService.deleteSqlModel(id).subscribe( + (data) => { + console.log(data); + this.listoddatabase(); + if (data) { + this.toastr.success('Deleted successfully'); + } + }, + (error) => { + console.log('Error in adding data...', +error); + if (isNaN(error)) { + this.toastr.success('Deleted successfully'); + } else { + this.toastr.error('Not Deleted Data Getting Some Error'); + } + this.listoddatabase(); + } + ); + } + + + workflow_Lines = { + model: {} + } + foldername; + dataParameter; + + saveReport() { + // this.reportModal = true; + this.rpt_builder(); + } + + rpt_builder() { + + + + + + this.onSaveBuidler(); + } + onSaveBuidler() { + this.reportModal = false; + this.saveReportForm.value.sql_str = this.selectedquery; + this.saveReportForm.value.date_param_req = this.dataParameter; + this.saveReportForm.value.folderName = this.foldername; + this.saveReportForm.value.conn_name = this.databaseName; + const col_str = JSON.stringify(this.selectedcol); + this.saveReportForm.value.column_str = col_str; + const colList = JSON.stringify(this.collist); + this.saveReportForm.value.adhoc_param_html = colList; + const table_str = JSON.stringify(this.selectedtable); + // this.saveReportForm.value.std_param_html = table_str; + this.saveReportForm.value.std_param_html = col_str; + + console.log(this.saveReportForm.value); + let tmp = JSON.stringify(this.saveReportForm.value); //.replace(/\\/g, '') + this.workflow_Lines.model = tmp; + // this.ReportBuilder_Header.Rpt_builder2_lines[0].model = tmp + console.log(this.workflow_Lines); + + this.reportBuilderService.updaterbLineData(this.workflow_Lines, this.lineId).subscribe((data) => { + console.log(data); + if (data || data.status >= 200 && data.status <= 209) { + this.toastr.success('Report save successfully'); + this.router.navigate(["../../all"], { relativeTo: this.route }); + } + }, (error: HttpErrorResponse) => { + console.log(error); + if (error.status == 404) { + this.toastr.error(error.error); + } + if (error.status == 200) { this.toastr.success('Report save successfully'); } + if (error.status == 400) { this.toastr.error('Report Save Unsuccessful'); } + }); + // this.router.navigate(["../../all"], { relativeTo: this.route }); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2.component.html new file mode 100644 index 0000000..90c6b64 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2.component.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2.component.spec.ts new file mode 100644 index 0000000..1b0545d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ReportBuild2Component } from './report-build2.component'; + +describe('ReportBuild2Component', () => { + let component: ReportBuild2Component; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ReportBuild2Component ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ReportBuild2Component); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2.component.ts new file mode 100644 index 0000000..e29256b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-report-build2', + templateUrl: './report-build2.component.html', + styleUrls: ['./report-build2.component.scss'] +}) +export class ReportBuild2Component implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2add/report-build2add.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2add/report-build2add.component.html new file mode 100644 index 0000000..587e702 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2add/report-build2add.component.html @@ -0,0 +1,79 @@ +

+{{'add_mode'|translate}}
+

+ + + + + + +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2add/report-build2add.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2add/report-build2add.component.scss new file mode 100644 index 0000000..39de1cb --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2add/report-build2add.component.scss @@ -0,0 +1,80 @@ +//@import "../../../../assets/scss/var"; +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; + button { + outline: none; + } + } + + .entry-pg { + width: 750px; + } + + .button1::after { + content: none; + } + .button1:hover::after { + content: "ADD ROWS"; + } + + $bg-color: #dddddd; + + .section { + background-color: $bg-color; + height: 40px; + } + + .section p { + //color: white; + font-weight: bold; + 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; + } + input[type=text],[type=date],textarea { + width: 100%; + padding: 15px 15px; + // margin: 8px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + + .required-field{ + color: red; + + } + select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2add/report-build2add.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2add/report-build2add.component.spec.ts new file mode 100644 index 0000000..ae3b340 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2add/report-build2add.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ReportBuild2addComponent } from './report-build2add.component'; + +describe('ReportBuild2addComponent', () => { + let component: ReportBuild2addComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ReportBuild2addComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ReportBuild2addComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2add/report-build2add.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2add/report-build2add.component.ts new file mode 100644 index 0000000..5007d44 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2add/report-build2add.component.ts @@ -0,0 +1,71 @@ +import { HttpErrorResponse, HttpHeaderResponse } from '@angular/common/http'; +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { ReportBuilderService } from 'src/app/services/api/report-builder.service'; +@Component({ + selector: 'app-report-build2add', + templateUrl: './report-build2add.component.html', + styleUrls: ['./report-build2add.component.scss'] +}) +export class ReportBuild2addComponent implements OnInit { + public entryForm: FormGroup; + constructor(private _fb: FormBuilder, private router: Router,private toastr: ToastrService, + private route: ActivatedRoute,private reportBuilderService: ReportBuilderService) { } + + ngOnInit(): void { + this.entryForm = this._fb.group({ + reportName: [null], + description:[null], + active:[null], + isSql:[false], + Rpt_builder2_lines: this._fb.array([this.initLinesFormReport()]), + }); + + } + + initLinesFormReport() { + return this._fb.group({ + model: '' + }); + } + stdparams; + keysfromurl; + getkeys(){ + if(this.entryForm.value.url !== null){ + this.reportBuilderService.getcolumnDetailsByurl(this.entryForm.value.url).subscribe(data =>{ + console.log(data); + this.keysfromurl = data; + }) + }else{ + this.toastr.error("URL is required"); + } + } + + + toastrShown: boolean = false; + onSubmit(){ + console.log(this.entryForm.value); + this.reportBuilderService.saverbData(this.entryForm.value).subscribe((data)=>{ + console.log(data); + if (data || data.status >= 200 && data.status <= 209) { + this.toastr.success('Report save successfully'); + } + },(error:HttpErrorResponse) => { + console.log(error); + if(error.status==404){ + this.toastr.error(error.error); + } + if(error.status==200){ this.toastr.success('Report save successfully'); } + if(error.status==400){ this.toastr.error('Report Save Unsuccessful'); } + }); + setTimeout(()=>{ + this.router.navigate(["../all"], { relativeTo: this.route }); + },500); + } + goback(){ + this.router.navigate(["../all"], { relativeTo: this.route }); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2all/report-build2all.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2all/report-build2all.component.html new file mode 100644 index 0000000..b9660ed --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2all/report-build2all.component.html @@ -0,0 +1,102 @@ + +
+ +

+ + + +

+ + +

+ {{'GO_TO' | translate}} +

+ {{'REPORT_NAME' | translate}} +

+ {{'REPORT_DESCRIPTION' | translate}} +

+ {{'ACTIVE' | translate}} +

+ {{'ACTION' | translate}} +

+ + + {{'SET_UP' | translate}} + {{user.reportName}} + {{user.description}} + {{user.active}} + + + +

+ +

{{'ACCOUNT_ID' | translate}}: {{user.accountId}}

{{'CREATED_AT' | translate}}: {{user.createdAt | date}}

{{'CREATED_BY' | translate}}: {{user.createdBy}}

{{'UPDATED_AT' | translate}}: {{user.updatedAt | date}}

{{'UPDATED_BY' | translate}}: {{user.updatedBy}}

+ + + + + + + + + + + + + + + {{'USERS_PER_PAGE' | translate}} + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} users + + + +

+ + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2all/report-build2all.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2all/report-build2all.component.scss new file mode 100644 index 0000000..aec3e9d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2all/report-build2all.component.scss @@ -0,0 +1,83 @@ +.td-title { + text-align: right; + width: 150px; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); + color: white; + } + .td-content{ + text-align: left; + } + .delete,.heading{ + text-align: center; + color: red; + } + input[type='radio']{ + width: 14px !important; + height: 14px !important; + margin: 5px; + -webkit-appearance: none; + -moz-appearance: none; + -o-appearance: none; + appearance: none; + outline: 1px solid gray; + box-shadow: none; + font-size: 0.8em; + text-align: center; + line-height: 1em; + background: red; + } + .dots + { + width: 100px; + height:100px; + border: 1px solid; + border-radius: 50%; + //background-color: #f00; + } + h4{margin-top: 16px;} + .s-order-dash-pg { + margin: 0px; + display:flex; + flex-wrap:wrap; + flex-direction:row; + justify-content:center; + .chart-box{ + margin:16px; + padding:0 16px; + background-color: #fff; + border:1px solid #ccc; + border-radius: 2px; + } + } + #word1{ + width: 190px; + height: 180px; + + } + .center{ + text-align: center; + margin-top: 5px; + } + + .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; + } + .heading{ + text-align: center; + color: red; + } + + select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2all/report-build2all.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2all/report-build2all.component.spec.ts new file mode 100644 index 0000000..5ee51ec --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2all/report-build2all.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ReportBuild2allComponent } from './report-build2all.component'; + +describe('ReportBuild2allComponent', () => { + let component: ReportBuild2allComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ReportBuild2allComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ReportBuild2allComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2all/report-build2all.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2all/report-build2all.component.ts new file mode 100644 index 0000000..9371ab2 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2all/report-build2all.component.ts @@ -0,0 +1,91 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ReportBuilderService } from 'src/app/services/api/report-builder.service'; +import { ToastrService } from 'ngx-toastr'; + +@Component({ + selector: 'app-report-build2all', + templateUrl: './report-build2all.component.html', + styleUrls: ['./report-build2all.component.scss'] +}) +export class ReportBuild2allComponent implements OnInit { + + gridData; + loading = false; + error; + selected: any[] = []; + rowSelected :any= {}; + modaldelete=false; + isLoading: boolean = false; + projectId; + moduleId; + projectname; + constructor(private router: Router, + private route: ActivatedRoute,private reportBuilderService: ReportBuilderService, + private toastr:ToastrService, ) { } + + ngOnInit(): void { + + this.getAll(); + } + + + getAll() { + this.isLoading = true; + this.reportBuilderService.getrbDetails().subscribe((data) => { + this.isLoading = false; + console.log(data); + const filteredData = data.filter(item => item.isSql === false); + this.gridData = filteredData; + if(this.gridData.length == 0){ + this.error="No data Available"; + console.log(this.error); + } + }); + } + + gotorunner() + { + this.router.navigate(['../../rerunner'],{relativeTo:this.route}); + } + + goToAdd() { + this.router.navigate(["../add"], { relativeTo: this.route, }); + } + + goToEdit(id: number) { + this.router.navigate(["../edit/" + id], { relativeTo: this.route }); + } + enid; + modelData:any[]=[]; + goToLines(val) { + console.log(val); +this.enid=val.id; +// this.modelData = val.Rpt_builder2_lines[0].model; + + // if(val.Rpt_builder2_lines[0].model !== '' ){ + this.router.navigate(["../edit/" + this.enid], { relativeTo: this.route }); + // } + // else{ + // this.router.navigate(["../reportQuery/" + this.enid], { relativeTo: this.route, }); + // } + } + onDelete(row) { + this.rowSelected = row; + this.modaldelete=true; + } + delete(id){ + this.modaldelete = false; + this.reportBuilderService.deletrbById(id).subscribe((data) => { + console.log(data); + if(data || data == null || data.status >= 200 && data.status <= 209){ + this.toastr.success("Deleted successfully"); + } + this.ngOnInit(); + },(error) => { + console.log(error); + this.toastr.error("getting error in deleting data"); + }) + } + +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2edit/report-build2edit.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2edit/report-build2edit.component.html new file mode 100644 index 0000000..ea3a267 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2edit/report-build2edit.component.html @@ -0,0 +1,95 @@ +

REPORT SET UP - Project Details Report ({{ReportData.id}})

+ Edit Mode +

+ +

+ Get URL +

+ Include Date filter + +

+ Standard Parameters + + + + + {{selected}} + + + + {{state}} + + + + + +

+ List + + +

+ +

+
+ +
+

+ + +

+ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2edit/report-build2edit.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2edit/report-build2edit.component.scss new file mode 100644 index 0000000..9893e7c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2edit/report-build2edit.component.scss @@ -0,0 +1,58 @@ +// @import "../../../../../../../assets/scss/var"; +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; + button { + outline: none; + } + } + + .edit-pg { + width: 750px; + } + select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + #lines { + table, + th, + td { + border: 0.5px solid #f1f0f0; + border-collapse: collapse; + } + input, + input :focus { + //-webkit-appearance: none; + outline: none; + border-width: 0px; + border: none; + } + } + + .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; + } + + .center { + text-align: center; + } + textarea { + width: 100%; + padding: 15px 15px; + // margin: 8px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2edit/report-build2edit.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2edit/report-build2edit.component.spec.ts new file mode 100644 index 0000000..104e81a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2edit/report-build2edit.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ReportBuild2editComponent } from './report-build2edit.component'; + +describe('ReportBuild2editComponent', () => { + let component: ReportBuild2editComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ReportBuild2editComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ReportBuild2editComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2edit/report-build2edit.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2edit/report-build2edit.component.ts new file mode 100644 index 0000000..7fe97f8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-build2/report-build2edit/report-build2edit.component.ts @@ -0,0 +1,159 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { ReportBuilderService } from 'src/app/services/api/report-builder.service'; + + +@Component({ + selector: 'app-report-build2edit', + templateUrl: './report-build2edit.component.html', + styleUrls: ['./report-build2edit.component.scss'] +}) +export class ReportBuild2editComponent implements OnInit { + public entryForm: FormGroup; + updated = false; + ReportData:any = {}; + id: number; + nodeEditProperties = { + std_param_html:'', + adhoc_param_html:'', + // column_str:'', + // conn_name:'', + date_param_req:'', + // folderName:'', + url:'', + +}; + constructor(private router: Router, + private route: ActivatedRoute,private reportBuilderService: ReportBuilderService, + private toastr: ToastrService, private _fb: FormBuilder) { } + + ngOnInit(): void { + this.id = this.route.snapshot.params["id"]; + console.log("update with id = ", this.id); + + this.entryForm = this._fb.group({ + std_param_html : [null], + adhoc_param_html:[null], + // column_str:[null], + // conn_name:[null], + date_param_req:[null], + // folderName:[null], + url:[null], + }); + + this.getById(this.id); + this.listoddatabase(); + } + databaselist; + listoddatabase(){ + this.reportBuilderService.getdatabse().subscribe((data)=>{ + this.databaselist=data; + console.log(this.databaselist) + },(error) => { + console.log(error); + if(error){ + } + }); + + } + builderLine; + lineId; + builderLineData:any[] = []; + getById(id: number) { + this.reportBuilderService.getrbDetailsById(id).subscribe( + (data) => { + console.log(data); + this.ReportData = data; + + + this.builderLine = this.ReportData.rpt_builder2_lines; + this.lineId = this.builderLine[0].id + console.log("line data ",this.lineId, this.builderLine); + if(this.builderLine[0].model != '') + { + this.builderLineData = JSON.parse(this.builderLine[0].model) ; + console.log(this.builderLineData); + + this.nodeEditProperties.std_param_html = this.builderLineData[0].std_param_html; + this.nodeEditProperties.adhoc_param_html = this.builderLineData[0].adhoc_param_html; + // this.nodeEditProperties.column_str = this.builderLineData.column_str; + // this.nodeEditProperties.conn_name = this.builderLineData.conn_name; + this.nodeEditProperties.date_param_req = this.builderLineData[0].date_param_req; + this.nodeEditProperties.url = this.builderLineData[0].url; + } + }, + (err) => { + console.log(err); + } + ); + } + + stdparams; + keysfromurl; + getkeys(){ + if(this.nodeEditProperties.url !== null){ + this.reportBuilderService.getcolumnDetailsByurl(this.nodeEditProperties.url).subscribe(data =>{ + console.log(data); + this.keysfromurl = data; + this.nodeEditProperties.adhoc_param_html = this.keysfromurl; + }) + }else{ + this.toastr.error("URL is required"); + } + } + + + listBuilder_Lines = { + model:{} + } + update() { + + + this.builderLineData[0] = { + std_param_html: this.nodeEditProperties.std_param_html, + adhoc_param_html: this.nodeEditProperties.adhoc_param_html, + date_param_req: this.nodeEditProperties.date_param_req, + url: this.nodeEditProperties.url, + }; + + this.builderLineData[0].std_param_html = this.nodeEditProperties.std_param_html; + this.builderLineData[0].adhoc_param_html = this.nodeEditProperties.adhoc_param_html; + // this.builderLineData.column_str = this.nodeEditProperties.column_str; + // this.builderLineData.conn_name = this.nodeEditProperties.conn_name ; + this.builderLineData[0].date_param_req = this.nodeEditProperties.date_param_req; + this.builderLineData[0].url = this.nodeEditProperties.url; + console.log(this.builderLineData); + // this.builderLineData.splice(1); + console.log(this.builderLineData); + let tmp = JSON.stringify(this.builderLineData); //.replace(/\\/g, '') + this.listBuilder_Lines.model = tmp; +console.log(this.listBuilder_Lines); + + this.reportBuilderService.updaterbLineData(this.listBuilder_Lines, this.lineId).subscribe( + (data) => { + console.log(data); + if (data) { + this.toastr.success('Update successfully'); + } + this.router.navigate(["../../all"], { relativeTo: this.route }); + //this.router.navigate(["../../all"],{ relativeTo: this.route, queryParams: { p_id: this.projectId } }); + }, + (error) => { + console.log(error); // this will come from backend + } + ); + // this.lineBuilder_Header = new Rn_Cff_ActionBuilder_Header(); + } + + onSubmit() { + this.updated = true; + this.update(); + } + + back() { + this.router.navigate(["../../all"], { relativeTo: this.route }); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.css new file mode 100644 index 0000000..b844a72 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.css @@ -0,0 +1 @@ +/*# sourceMappingURL=report-runner.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.css.map new file mode 100644 index 0000000..756b30e --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"report-runner.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.html new file mode 100644 index 0000000..90c6b64 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.spec.ts new file mode 100644 index 0000000..3f7c7ea --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ReportRunnerComponent } from './report-runner.component'; + +describe('ReportRunnerComponent', () => { + let component: ReportRunnerComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ReportRunnerComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ReportRunnerComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.ts new file mode 100644 index 0000000..1256607 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/report-runner.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-report-runner', + templateUrl: './report-runner.component.html', + styleUrls: ['./report-runner.component.scss'] +}) +export class ReportRunnerComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.css new file mode 100644 index 0000000..5c4087a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.css @@ -0,0 +1,90 @@ +.td-title { + text-align: right; + width: 150px; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); + color: white; +} + +.td-content { + text-align: left; +} + +.delete, .heading { + text-align: center; + color: red; +} + +input[type=radio] { + width: 14px !important; + height: 14px !important; + margin: 5px; + -webkit-appearance: none; + -moz-appearance: none; + -o-appearance: none; + appearance: none; + outline: 1px solid gray; + box-shadow: none; + font-size: 0.8em; + text-align: center; + line-height: 1em; + background: red; +} + +.dots { + width: 100px; + height: 100px; + bordeR: 1px solid; + border-radius: 50%; +} + +h4 { + margin-top: 16px; +} + +.s-order-dash-pg { + margin: 0px; + display: flex; + flex-wrap: wrap; + flex-direction: row; + justify-content: center; +} +.s-order-dash-pg .chart-box { + margin: 16px; + padding: 0 16px; + background-color: #fff; + border: 1px solid #ccc; + border-radius: 2px; +} + +#word1 { + width: 190px; + height: 180px; +} + +.center { + text-align: center; + margin-top: 5px; +} + +.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; +} + +.heading { + text-align: center; + color: red; +} + +select { + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +}/*# sourceMappingURL=reportrunnerall.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.css.map new file mode 100644 index 0000000..b30f804 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["reportrunnerall.component.scss","reportrunnerall.component.css"],"names":[],"mappings":"AAAA;EACI,iBAAA;EACA,YAAA;EACA,iBAAA;EACA,2CAAA;EACA,YAAA;ACCJ;;ADCE;EACE,gBAAA;ACEJ;;ADAE;EACE,kBAAA;EACA,UAAA;ACGJ;;ADDE;EACE,sBAAA;EACA,uBAAA;EACA,WAAA;EACA,wBAAA;EACA,qBAAA;EACA,mBAAA;EACA,gBAAA;EACA,uBAAA;EACA,gBAAA;EACA,gBAAA;EACA,kBAAA;EACA,gBAAA;EACA,eAAA;ACIJ;;ADFE;EAEE,YAAA;EACA,aAAA;EACA,iBAAA;EACA,kBAAA;ACIJ;;ADDI;EAAG,gBAAA;ACKP;;ADJI;EACE,WAAA;EACA,aAAA;EACA,eAAA;EACA,mBAAA;EACA,uBAAA;ACON;ADNM;EACE,YAAA;EACA,eAAA;EACA,sBAAA;EACA,sBAAA;EACA,kBAAA;ACQR;;ADLI;EACC,YAAA;EACC,aAAA;ACQN;;ADLI;EACE,kBAAA;EACA,eAAA;ACQN;;ADLI;EACE,cAAA;EACA,yBAAA;EACA,sBAAA;EACA,wBAAA;EACA,eAAA;EACA,WAAA;EACA,mBAAA;ACQN;;ADNM;EACE,kBAAA;EACA,UAAA;ACSR;;ADNM;EACE,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,kBAAA;ACSR","file":"reportrunnerall.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.html new file mode 100644 index 0000000..8b8f5ff --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.html @@ -0,0 +1,109 @@ + +
+ + +

+ + +

+ + + + +

+ +

+ + {{ 'LOADING_MESSAGE' | translate }} + Loading ... + +

+ + + +

+ + {{ 'SQL' | translate }} + {{ 'URL' | translate }} +

+ +

+ {{app.reportName}} +

+ +

+ {{app.description}} +

+ + +

+ {{app.createdAt | timePipe}} +

+ +

+ + + + +

+ + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.scss new file mode 100644 index 0000000..48905e0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.scss @@ -0,0 +1,93 @@ +.td-title { + text-align: right; + width: 150px; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); + color: white; + } + .td-content{ + text-align: left; + } + .delete,.heading{ + text-align: center; + color: red; + } + input[type='radio']{ + width: 14px !important; + height: 14px !important; + margin: 5px; + -webkit-appearance: none; + -moz-appearance: none; + -o-appearance: none; + appearance: none; + outline: 1px solid gray; + box-shadow: none; + font-size: 0.8em; + text-align: center; + line-height: 1em; + background: red; + } + .dots + { + width: 100px; + height:100px; + border: 1px solid; + border-radius: 50%; + //background-color: #f00; + } + h4{margin-top: 16px;} + .s-order-dash-pg { + margin: 0px; + display:flex; + flex-wrap:wrap; + flex-direction:row; + justify-content:center; + .chart-box{ + margin:16px; + padding:0 16px; + background-color: #fff; + border:1px solid #ccc; + border-radius: 2px; + } + } + #word1{ + width: 190px; + height: 180px; + + } + .center{ + text-align: center; + margin-top: 5px; + } + + .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; + } + .heading{ + text-align: center; + color: red; + } + + select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + + + #word { + display: inline-block; + width: 320px; + white-space: nowrap; + overflow: hidden !important; + text-overflow: ellipsis; + font-weight: bold; + + } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.spec.ts new file mode 100644 index 0000000..3887e78 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ReportrunnerallComponent } from './reportrunnerall.component'; + +describe('ReportrunnerallComponent', () => { + let component: ReportrunnerallComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ReportrunnerallComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ReportrunnerallComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.ts new file mode 100644 index 0000000..c4bfbb1 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunnerall/reportrunnerall.component.ts @@ -0,0 +1,90 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ReportBuilderService } from 'src/app/services/api/report-builder.service'; +import { ToastrService } from 'ngx-toastr'; + +@Component({ + selector: 'app-reportrunnerall', + templateUrl: './reportrunnerall.component.html', + styleUrls: ['./reportrunnerall.component.scss'] +}) +export class ReportrunnerallComponent implements OnInit { + gridData; + loading = false; + error; + selected: any[] = []; + rowSelected :any= {}; + modaldelete=false; + isLoading: boolean = false; + projectId; + moduleId; + projectname; + constructor(private router: Router, + private route: ActivatedRoute,private reportBuilderService: ReportBuilderService, + private toastr:ToastrService, ) { } + + ngOnInit(): void { + + this.getAll(); + } + + + getAll() { + this.isLoading = true; + this.reportBuilderService.getrbDetails().subscribe((data) => { + this.isLoading = false; + console.log(data); + this.gridData = data; + if(this.gridData.length == 0){ + this.error="No data Available"; + console.log(this.error); + } + }); + } + + goToAdd2() { + this.router.navigate(["../../reportbuild2/"], { relativeTo: this.route, }); + } + + goToAdd() { + this.router.navigate(["../../reportbuild/"], { relativeTo: this.route, }); + } + + goToEdit(id: number) { + this.router.navigate(["../edit/" + id], { relativeTo: this.route }); + } + goToRunner(user) { + const id = user.id; + const isSql = user.isSql; + if(isSql == true) { + this.router.navigate(["../runner/" + id], { relativeTo: this.route, }); + }else if(isSql == false){ + this.router.navigate(["../runner2/" + id], { relativeTo: this.route, }); + } + + } + onDelete(row) { + this.rowSelected = row; + this.modaldelete=true; + } + delete(id){ + this.modaldelete = false; + this.reportBuilderService.deletrbById(id).subscribe((data) => { + console.log(data); + if(data || data == null || data.status >= 200 && data.status <= 209){ + this.toastr.success("Deleted successfully"); + } + this.ngOnInit(); + },(error) => { + console.log(error); + this.toastr.error("getting error in deleting data"); + }) + } + + gotoAction(){ + this.router.navigate(["../../actions"], { relativeTo: this.route, queryParams: { m_id: this.moduleId,pname:this.projectname } }); + } + gotoRepo(){ + this.router.navigate(["../../modulecard"], { relativeTo: this.route, queryParams: { p_id: this.projectId } }); + } +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.css b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.css new file mode 100644 index 0000000..dae91f0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.css @@ -0,0 +1,76 @@ +input[type=text], [type=date], [type=password] { + width: 100%; + padding: 15px 20px; + background-color: rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} + +.section { + background-color: #dddddd; + height: 40px; +} + +.section p { + padding: 10px; + font-size: 18px; +} + +select { + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} + +.clr-input { + color: #212529; + border: 1px solid #ced4da; + border-radius: 0.35rem; + padding: 0.75rem 0.75rem; + margin-top: 3px; + width: 100%; + margin-bottom: 10px; +} + +input[type=text], textarea { + width: 100%; + padding: 15px 15px; + background-color: rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} + +.required-field { + color: red; +} + +.postColumn { + border: 1px solid #ccc; + width: 78%; + margin-left: 15px; +} + +.colName { + text-align: center; + padding: 5px; +} + +.colfields { + border: 1px solid black; + margin: 17px; + text-align: center; + padding: 3px; +} + +.fieldWrapper { + margin-top: 20px; +} + +.center { + text-align: center; +}/*# sourceMappingURL=reportrunneredit.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.css.map new file mode 100644 index 0000000..4d6ee07 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["reportrunneredit.component.scss","reportrunneredit.component.css"],"names":[],"mappings":"AAAA;EACI,WAAA;EACA,kBAAA;EAED,oCAAA;EACC,qBAAA;EACA,sBAAA;EACA,kBAAA;EACA,sBAAA;ACAJ;;ADEE;EACE,yBAAA;EACA,YAAA;ACCJ;;ADCE;EAEE,aAAA;EACA,eAAA;ACCJ;;ADCE;EACE,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,kBAAA;ACEJ;;ADCE;EACE,cAAA;EACA,yBAAA;EACA,sBAAA;EACA,wBAAA;EACA,eAAA;EACA,WAAA;EACA,mBAAA;ACEJ;;ADAE;EACE,WAAA;EACA,kBAAA;EAED,oCAAA;EACC,qBAAA;EACA,sBAAA;EACA,kBAAA;EACA,sBAAA;ACEJ;;ADAE;EACE,UAAA;ACGJ;;ADAE;EACE,sBAAA;EACA,UAAA;EACA,iBAAA;ACGJ;;ADDE;EACE,kBAAA;EACA,YAAA;ACIJ;;ADFE;EACE,uBAAA;EACA,YAAA;EACA,kBAAA;EACA,YAAA;ACKJ;;ADHE;EACE,gBAAA;ACMJ;;ADJE;EACE,kBAAA;ACOJ","file":"reportrunneredit.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.html new file mode 100644 index 0000000..8d778b1 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.html @@ -0,0 +1,266 @@ + +

Report Name - {{reportName}}

Date Range

+ Date Parameters + +

+ From Date + +

+ To Date + +

Standard Parameters

+ + + +

Adhoc Parameters

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

+ +

+ + + + +

+ +

+ + +

Report Output

+ + + + + + + + + + +

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

{{co}}
+ + + {{ formatDate(item[key]) }} + + + {{ item[key] }} + +

+ + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.scss new file mode 100644 index 0000000..2075896 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.scss @@ -0,0 +1,80 @@ +//@import "../../../../assets/scss/var"; +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; + button { + outline: none; + } +} + +.entry-pg { + width: 750px; +} + +.button1::after { + content: none; +} +.button1:hover::after { + content: "ADD ROWS"; +} + +$bg-color: #dddddd; + +.section { + background-color: $bg-color; + height: 40px; +} + +.section p { + //color: white; + font-weight: bold; + 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; +} +input[type=text],[type=password],[type=date],textarea { + width: 100%; + padding: 15px 15px; + // margin: 8px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} + +.required-field{ + color: red; + +} +select{ + width: 100%; + margin-top: 3px; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.spec.ts new file mode 100644 index 0000000..6563a07 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ReportrunnereditComponent } from './reportrunneredit.component'; + +describe('ReportrunnereditComponent', () => { + let component: ReportrunnereditComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ReportrunnereditComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ReportrunnereditComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.ts new file mode 100644 index 0000000..ac51541 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit/reportrunneredit.component.ts @@ -0,0 +1,611 @@ +import { Component, OnInit, ViewEncapsulation } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { DomSanitizer } from '@angular/platform-browser'; +import { ActivatedRoute, Router } from '@angular/router'; +import * as moment from 'moment'; +import { ToastrService } from 'ngx-toastr'; +import { ReportBuilderService } from 'src/app/services/api/report-builder.service'; +import { ExcelService } from 'src/app/services/excel.service'; +import { saveAs } from 'file-saver'; +@Component({ + selector: 'app-reportrunneredit', + templateUrl: './reportrunneredit.component.html', + styleUrls: ['./reportrunneredit.component.scss'], + encapsulation: ViewEncapsulation.None +}) +export class ReportrunnereditComponent implements OnInit { + dynamicForm: FormGroup; + modalselect:boolean=false; + serverData = [{"andor": "AND", + "fields_name": "", + "condition": "=", + "value": ""}]; + andor = ['AND', 'OR','NOT']; + fieldname = ['name1', 'name2']; + condition = ['=','!=','<','>','<=','>=','LIKE','BETWEEN','IN']; + header_id; + public array=[ + { + "id": 1, + "name": "Jack", + "fromDate": "19-05-2023", + "toDate": "03-06-2023" + }, + { + "id": 2, + "name": "Allen", + "fromDate": "18-05-2023", + "toDate": "12-08-2023" + }, + { + "id": 3, + "name": "Annie", + "fromDate": "11-05-2023",//2023-11-05 + "toDate": "19-05-2023" + }, + { + "id": 4, + "name": "ashok", + "fromDate": "08-05-2023", + "toDate": "02-02-2023" + }, + { + "id": 5, + "name": "Anu", + "fromDate": "29-11-2020", + "toDate": "01-06-2021" + }, + { + "id": 6, + "name": "thrymr", + "fromDate": "04-04-2023", + "toDate": "15-05-2023" + }, + { + "id": 7, + "name": "Ab", + "fromDate": "29-11-2022", + "toDate": "01-06-2023" + }, + { + "id": 8, + "name": "thakur", + "fromDate": "04-04-2022", + "toDate": "15-05-2022" + } + ] + selectedfrom; + selectedto; + constructor(private router: Router, + private route: ActivatedRoute,private _fb: FormBuilder, + private reportBuilderService: ReportBuilderService,private toastr:ToastrService,private sanitizer: DomSanitizer,private excel: ExcelService) + { + this.dynamicForm = this._fb.group({ + }); + } +todayDate; + ngOnInit(): void { + this.todayDate = new Date().toISOString().slice(0, 10); + this.header_id = this.route.snapshot.params["id"]; + console.log(" id = ", this.header_id); + // this.duplicateArray=this.array; + this.getById(this.header_id); + + this.select('Today') + setTimeout(() => { + this.runtheQuery(); + }, 2000); + + + } + reportName; + builderLine; + builderLineData; + lineId; + adhocList; + SQLQuery; + stdParamfields; + date_param_req; + getById(id: number) { + this.reportBuilderService.getrbDetailsById(id).subscribe( + (data) => { + console.log(data); + this.reportName = data.reportName; + this.builderLine = data.rpt_builder2_lines; + this.lineId = this.builderLine[0].id + this.builderLineData = JSON.parse(this.builderLine[0].model) ; + console.log(this.lineId,this.builderLineData); + const adhocList = this.builderLineData.adhoc_param_html; + this.adhocList = JSON.parse(adhocList); + console.log(this.adhocList) + this.date_param_req = this.builderLineData.date_param_req; + this.SQLQuery = this.builderLineData.sql_str; + this.getStdParam(this.header_id); + }); + + } + + dynamicHtml:any = []; + dynamicHtmlFlag = false; + stdParmas; + stdParamFlag = false; + getStdParam(id: any){ + console.log(this.builderLineData.std_param_html); + this.dynamicHtml = JSON.parse(this.builderLineData.std_param_html); + // this.dynamicHtml = ['a.abc','b.abcde'] + if (this.dynamicHtml) { + for (const field of this.dynamicHtml) { + if (!this.dynamicForm.get(field)) { + this.dynamicForm.addControl(field, this._fb.control(null)); + } + } + console.log(this.dynamicForm.value); + } + if(this.dynamicHtml == undefined || this.dynamicHtml == ''){ + this.dynamicHtmlFlag = false; + }else{ + this.dynamicHtmlFlag = true; + } + + // this.reportBuilderService.getStdParamById(id).subscribe(data => { + // console.log(data); + // this.stdParmas = data; + // },(error)=>{ + // console.log(error.error.text) + // this.stdParmas = this.sanitizer.bypassSecurityTrustHtml(error.error.text); + + // if(this.stdParmas == undefined || this.stdParmas == ''){ + // this.stdParamFlag = false; + // }else{ + // this.stdParamFlag = true; + // } + // }); + } + modo2(val){ + console.log(val); + this.selectedfrom=val; + } + modo3(val){ + console.log(val); +this.selectedto=val; + } + duplicateArray=[]; + myDateValue: Date; + toDate:Date; + reverseAndTimeStamp(dateString) { + const reverse = new Date(dateString.split("-").reverse().join("-")); + return reverse.getTime(); + } + filterDate() { + let fromdate=moment(this.myDateValue).format('DD-MM-YYYY'); +console.log(fromdate) +let todate=moment(this.toDate).format('DD-MM-YYYY'); +if(this.myDateValue && this.toDate){ +const selectedMembers = this.array.filter(m => { + return this.reverseAndTimeStamp(m.fromDate) >= this.reverseAndTimeStamp(fromdate) && this.reverseAndTimeStamp(m.fromDate) <= this.reverseAndTimeStamp(todate) + } + ); + this.duplicateArray=selectedMembers +}else{ +this.duplicateArray=this.array +} + console.log(this.duplicateArray); // the result objects + this.modalselect=false; +} + + dateParameter: string; + from_date: Date; + to_date: Date; + + calculateThisWeek(): void { + // Calculate the current date + const currentDate = new Date(); + console.log(currentDate) + // Get the day of the week (0-6, where 0 is Sunday) + const currentDayOfWeek = currentDate.getDay(); + + // Calculate the number of days to subtract to get to Monday + const daysToMonday = currentDayOfWeek === 0 ? 6 : currentDayOfWeek - 1; + + // Calculate the date of Monday of the current week + this.from_date = new Date(currentDate); + this.from_date.setDate(currentDate.getDate() - daysToMonday); + + // Calculate the date of Sunday of the current week + this.to_date = new Date(this.from_date); + this.to_date.setDate(this.from_date.getDate() + 6); + console.log(this.from_date); + this.myDateValue=this.from_date; + console.log(this.to_date); + console.log(this.myDateValue); + this.toDate=this.to_date; + + this.FromDatequery = this.from_date.toISOString().substring(0, 10); + this.ToDatequery = this.to_date.toISOString().substring(0, 10); + // this.filterDate(); + } + calculateLastWeek(): void { + // Calculate the current date + const currentDate = new Date(); + + // Get the day of the week (0-6, where 0 is Sunday) + const currentDayOfWeek = currentDate.getDay(); + + // Calculate the number of days to subtract to get to Monday + const daysToMonday = currentDayOfWeek === 0 ? 6 : currentDayOfWeek - 1; + + // Calculate the date of Monday of the previous week + this.from_date = new Date(currentDate); + this.from_date.setDate(currentDate.getDate() - daysToMonday - 7); + + // Calculate the date of Sunday of the previous week + this.to_date = new Date(this.from_date); + this.to_date.setDate(this.from_date.getDate() + 6); + this.myDateValue=this.from_date; + console.log(this.to_date); + console.log(this.myDateValue); + this.toDate=this.to_date; + + this.FromDatequery = this.from_date.toISOString().substring(0, 10); + this.ToDatequery = this.to_date.toISOString().substring(0, 10); + // this.filterDate(); + } + calculateThisMonth(): void { + // Calculate the current date + const currentDate = new Date(); + + // Calculate the date of the first day of the current month + this.from_date = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1); + + // Calculate the date of the last day of the current month + this.to_date = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0); + + this.to_date.setDate(this.from_date.getDate() + 6); + this.myDateValue=this.from_date; + console.log(this.to_date); + console.log(this.myDateValue); + this.toDate=currentDate; + + this.FromDatequery = this.from_date.toISOString().substring(0, 10); + this.ToDatequery = this.to_date.toISOString().substring(0, 10); + // this.filterDate(); + } + + calculateLastMonth(): void { + // Calculate the current date + const currentDate = new Date(); + + // Calculate the date of the first day of the previous month + this.from_date = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1); + + // Calculate the date of the last day of the previous month + this.to_date = new Date(currentDate.getFullYear(), currentDate.getMonth(), 0); + + this.to_date.setDate(this.from_date.getDate() + 6); + this.myDateValue=this.from_date; + console.log(this.to_date); + console.log(this.myDateValue); + this.toDate=this.to_date; + + this.FromDatequery = this.from_date.toISOString().substring(0, 10); + this.ToDatequery = this.to_date.toISOString().substring(0, 10); + // this.filterDate(); + } + calculateThisYear(): void { + // Calculate the current date + const currentDate = new Date(); + + // Calculate the date of the first day of the current year + this.from_date = new Date(currentDate.getFullYear(), 0, 1); + + // Calculate the date of the last day of the current year + this.to_date = new Date(currentDate.getFullYear(), 11, 31); + + this.myDateValue=this.from_date; + console.log(this.to_date); + console.log(this.myDateValue); + this.toDate=this.to_date; + + this.FromDatequery = this.from_date.toISOString().substring(0, 10); + this.ToDatequery = this.to_date.toISOString().substring(0, 10); + // this.filterDate(); + } + + calculateLastYear(): void { + // Calculate the current date + const currentDate = new Date(); + + // Calculate the date of the first day of the previous year + this.from_date = new Date(currentDate.getFullYear() - 1, 0, 1); + + // Calculate the date of the last day of the previous year + this.to_date = new Date(currentDate.getFullYear() - 1, 11, 31); + + this.myDateValue=this.from_date; + console.log(this.to_date); + console.log(this.myDateValue); + this.toDate=this.to_date; + + this.FromDatequery = this.from_date.toISOString().substring(0, 10); + this.ToDatequery = this.to_date.toISOString().substring(0, 10); + // this.filterDate(); + } + SelectdateType; + select(val:any){ + console.log(val); + this.SelectdateType = val; + if(val === 'This Week'){ + this.calculateThisWeek() + }else if(val === 'Last Week'){ + this.calculateLastWeek() + }else if(val === 'This Month'){ + this.calculateThisMonth() + }else if(val === 'Last Month'){ + this.calculateLastMonth() + // }else if(val === 'To Specific FromDate To To Date'){ + // this.openmodel() + } + else if(val === 'This Year'){ + this.calculateThisYear() + }else if(val === 'Last Year'){ + this.calculateLastYear() + } + else if(val === 'Today'){ + this.FromDatequery = null; + this.ToDatequery = null; + this.myDateValue = this.todayDate; + this.toDate = this.todayDate; + + this.FromDatequery = this.myDateValue; + this.ToDatequery = this.toDate; + } + else if(val === ''){ + this.myDateValue = null; + this.toDate = null; + this.FromDatequery = null; + this.ToDatequery = null; + } + + + } + openmodel(){ + this.modalselect=true; + } + + onExport() { + const reportNameWithUnderscore = this.reportName + '_'; + this.excel.exportAsExcelFile(this.rows, reportNameWithUnderscore, + moment().format('YYYYMMDD_HHmmss')) + } + + downloadFile(format: string) { + const date = moment().format('YYYYMMDD_HHmmss') + const reportNameWithUnderscore = this.reportName + '_' + date; + this.reportBuilderService.downloadFile(format, this.rows,reportNameWithUnderscore) + // this.reportBuilderService.downloadFile(format, this.rows).subscribe( + // (data) => { + // // Handle the file data received from the service + // const blob = new Blob([data], { type: 'application/octet-stream' }); + // const reportNameWithUnderscore = this.reportName + '_'; + // saveAs(blob, `${reportNameWithUnderscore}.${format}`); // Save the file using file-saver library + // }, + // (error) => { + // console.error('File download failed:', error); + // const date = moment().format('YYYYMMDD_HHmmss') + // const reportNameWithUnderscore = this.reportName + '_' + date; + // if (format === 'csv') { + // const blob = new Blob([error.error.text], { type: 'text/csv' }); + // saveAs(blob, `${reportNameWithUnderscore}.csv`); + // } else if (format === 'pdf') { + // const blob = new Blob([error.error.text], { type: 'application/pdf' }); + // saveAs(blob,`${reportNameWithUnderscore}.pdf`); + // // const pdf = new jsPDF(); + // // pdf.text(error.error.text, 10, 10); // Assuming 'data' is the PDF content, adjust as needed + + // // pdf.save(`${reportNameWithUnderscore}.pdf`); + // } + // }); + } + back(){ + this.router.navigate(["../../all"], { relativeTo: this.route }); + } +FormattedAdhocparameters; +adocdata; +// showPlusIconRow: number | null = 0; + onAddLines(){ + console.log(this.serverData); + const lastRow = this.serverData[this.serverData.length - 1]; + if (lastRow && lastRow.fields_name !== '') { + let formattedString = ''; + for (const condition of this.serverData) { + const { andor, fields_name, condition: cond, value } = condition; + formattedString += ` ${andor} ${fields_name} ${cond} '${value}' `; + // console.log(formattedString); + this.FormattedAdhocparameters = formattedString + } + this.serverData.push({ + andor: "AND", + fields_name: "", + condition: "=", + value: "" + }); + } + // this.showPlusIconRow = this.serverData.length - 1; + + } + deleteRow(index) { + // this.serverData.splice(index, 1); + // if (index === this.showPlusIconRow) { + // this.showPlusIconRow = null; + // } + if (this.serverData.length > 1) { + this.serverData.splice(index, 1); + } + } + + + rows:any[]; + columns: any[]; + rowdata; + FromDatequery; + ToDatequery; + + newfrom; + newto; + + dateKey; +runtheQuery(){ + console.log(this.dynamicForm.value); + console.log(this.myDateValue , this.toDate); + console.log(this.SQLQuery); + let query = this.SQLQuery; +// let query + if(this.dynamicForm.value){ + // for(let i = 0; i < this.dynamicForm.value.length; i++){ + // // const query = this.SQLQuery + " AND " + this.dynamicForm.controls[i] + " = " + this.dynamicForm.value[i] + + // } + + + // Iterate over the keys in dynamicForm.value + Object.keys(this.dynamicForm.value).forEach((key) => { + // Append the condition for each key to the query + if (this.dynamicForm.value[key] !== null && this.dynamicForm.value[key] !== '') { + query += ` AND ${key} = '${this.dynamicForm.value[key]}'`; + } + // const regex = /FROM/i; + // const match = query.match(regex); + // if (this.dynamicForm.value[key] !== null && this.dynamicForm.value[key] !== '') { + // // query += ` AND ${key} = '${this.dynamicForm.value[key]}'`; + // const columnName = key.split('.').pop(); + // let coalesceExpression = `, COALESCE(${key}, '${this.dynamicForm.value[key]}') as ${columnName}`; + // if (match) { + // // Insert the COALESCE expression before the FROM keyword + // query = query.slice(0, match.index) + coalesceExpression +' '+ query.slice(match.index); + // } + // } + }); + if(this.date_param_req == 'Yes'){ + this.dateKey = 'createdat'; + this.adhocList.forEach(key => { + if (key.includes("a.created_at")) { + this.dateKey ="created_at" ; + } + }); + this.adhocList.forEach(key => { + if (key.includes("a.createdAt")) { + this.dateKey ="createdAt" ; + } +}); +// if (this.adhocList.includes('created_at')) { +// dateKey = 'created_at'; +// } + + if(this.FromDatequery && this.ToDatequery){ + query += ` AND ${this.dateKey} BETWEEN '${this.FromDatequery}' AND '${this.ToDatequery}'`; + + }else if(this.myDateValue && this.toDate){ + if(this.myDateValue){ + const inputDate = new Date(this.myDateValue); + const year = inputDate.getFullYear(); + const month = String(inputDate.getMonth() + 1).padStart(2, "0"); // Months are zero-based, so add 1 + const day = String(inputDate.getDate()).padStart(2, "0"); + this.newfrom = `${year}-${month}-${day}`; + } + if(this.toDate){ + const inputDate = new Date(this.toDate); + const year = inputDate.getFullYear(); + const month = String(inputDate.getMonth() + 1).padStart(2, "0"); // Months are zero-based, so add 1 + const day = String(inputDate.getDate()).padStart(2, "0"); + this.newto = `${year}-${month}-${day}`; + + } + query += ` AND ${this.dateKey} BETWEEN '${this.newfrom}' AND '${this.newto}'`; + +} + } + // `SELECT * FROM abc where cretaedat BETWEEN '2023-04-04' AND '2023-05-19';` + `COALESCE(b.description, 'checking') as description` + // if(this.myDateValue && this.toDate){ + // query += ` AND from_date = NVL(${this.myDateValue}from_date, 'from_date') AND to_date = NVL(${this.toDate}to_date, 'to_date')`; + // } + console.log(query); + } + if(this.FormattedAdhocparameters){ + query += this.FormattedAdhocparameters + } +// query = `SELECT a.name AS name, b.dob AS dob FROM abc a, abcde b WHERE a.name = 'gaurav' AND a.abc = NVL(b.abc, 'name') AND a.abcde = NVL(b.abcde, 'test');` + console.log(query); + this.reportBuilderService.getMasterData(query).subscribe((data) => { + this.rows = data; + console.log(this.rows); +this.rowdata= [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; + +}); +// if(this.FromDatequery && this.ToDatequery){ +// this.FromDatequery = null; +// this.ToDatequery = null; +// }else if(this.myDateValue && this.toDate){ +// this.newfrom = null; +// this.toDate = null; +// } +} +getHeaders() { +let headers: string[] = []; +if(this.rows) { + this.rows.forEach((value) => { + Object.keys(value).forEach((key) => { + if(!headers.find((header) => header == key)){ + headers.push(key) + } + + }) + + }) +} +return headers; +} + +formatDate(dateObj: any): string { + // Extract individual date properties + const { year, monthValue, dayOfMonth, hour, minute, second } = dateObj; + + // Create a JavaScript Date object using the extracted properties + const formattedDate = new Date(year, monthValue - 1, dayOfMonth, hour, minute, second); + + // Format the date as needed (e.g., using built-in JavaScript date formatting) + return formattedDate.toLocaleString(); // Or any other desired formatting +} + +isDate(value: any): boolean { + return ( + value instanceof Date || + (value && + value.year !== undefined && + value.monthValue !== undefined && + value.dayOfMonth !== undefined) + ); +} + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit2/reportrunneredit2.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit2/reportrunneredit2.component.html new file mode 100644 index 0000000..3fc204b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit2/reportrunneredit2.component.html @@ -0,0 +1,305 @@ + +

Report Name - {{reportName}}

Date Range

+ Date Parameters + +

+ From Date + +

+ To Date + +

Standard Parameters

+ + + +

Adhoc Parameters

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

+ +

+ + + + +

+ +

+ + +

Report Output

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

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

{{co}}
+ + + {{ item[key] }} + + + + {{ item[key] \| date:'medium' }} + +

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

{{co}}
+ + + {{ item[key] }} + + + + {{ item[key] \| date:'medium' }} + + + + +

+ + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit2/reportrunneredit2.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit2/reportrunneredit2.component.scss new file mode 100644 index 0000000..008d21a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit2/reportrunneredit2.component.scss @@ -0,0 +1,81 @@ +//@import "../../../../assets/scss/var"; +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; + button { + outline: none; + } + } + + .entry-pg { + width: 750px; + } + + .button1::after { + content: none; + } + .button1:hover::after { + content: "ADD ROWS"; + } + + $bg-color: #dddddd; + + .section { + background-color: $bg-color; + height: 40px; + } + + .section p { + //color: white; + font-weight: bold; + 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; + } + input[type=text],[type=password],[type=date],textarea { + width: 100%; + padding: 15px 15px; + // margin: 8px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + + .required-field{ + color: red; + + } + select{ + width: 100%; + margin-top: 3px; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit2/reportrunneredit2.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit2/reportrunneredit2.component.spec.ts new file mode 100644 index 0000000..e22611d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit2/reportrunneredit2.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { Reportrunneredit2Component } from './reportrunneredit2.component'; + +describe('Reportrunneredit2Component', () => { + let component: Reportrunneredit2Component; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ Reportrunneredit2Component ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(Reportrunneredit2Component); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit2/reportrunneredit2.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit2/reportrunneredit2.component.ts new file mode 100644 index 0000000..1f78b64 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/report-runner/reportrunneredit2/reportrunneredit2.component.ts @@ -0,0 +1,831 @@ +import { Component, OnInit, ViewEncapsulation } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { DomSanitizer } from '@angular/platform-browser'; +import { ActivatedRoute, Router } from '@angular/router'; +import * as moment from 'moment'; +import { ToastrService } from 'ngx-toastr'; +import { ReportBuilderService } from 'src/app/services/api/report-builder.service'; +import { ExcelService } from 'src/app/services/excel.service'; + +@Component({ + selector: 'app-reportrunneredit2', + templateUrl: './reportrunneredit2.component.html', + styleUrls: ['./reportrunneredit2.component.scss'] +}) +export class Reportrunneredit2Component implements OnInit { + dynamicForm: FormGroup; + modalselect:boolean=false; + serverData = [{"andor": "AND", + "fields_name": "", + "condition": "=", + "value": ""}]; + andor = ['AND', 'OR','NOT']; + fieldname = ['name1', 'name2']; + condition = ['=','!=','<','>','<=','>=','LIKE','BETWEEN','IN']; + header_id; + public array=[ + { + "id": 1, + "name": "Jack", + "fromDate": "19-05-2023", + "toDate": "03-06-2023" + }, + { + "id": 2, + "name": "Allen", + "fromDate": "18-05-2023", + "toDate": "12-08-2023" + }, + { + "id": 3, + "name": "Annie", + "fromDate": "11-05-2023",//2023-11-05 + "toDate": "19-05-2023" + }, + { + "id": 4, + "name": "ashok", + "fromDate": "08-05-2023", + "toDate": "02-02-2023" + }, + { + "id": 5, + "name": "Anu", + "fromDate": "29-11-2020", + "toDate": "01-06-2021" + }, + { + "id": 6, + "name": "thrymr", + "fromDate": "04-04-2023", + "toDate": "15-05-2023" + }, + { + "id": 7, + "name": "Ab", + "fromDate": "29-11-2022", + "toDate": "01-06-2023" + }, + { + "id": 8, + "name": "thakur", + "fromDate": "04-04-2022", + "toDate": "15-05-2022" + } + ] + selectedfrom; + selectedto; + constructor(private router: Router, + private route: ActivatedRoute,private _fb: FormBuilder, + private reportBuilderService: ReportBuilderService,private toastr:ToastrService,private sanitizer: DomSanitizer,private excel: ExcelService) + { + this.dynamicForm = this._fb.group({ + }); + } +todayDate; + ngOnInit(): void { + this.todayDate = new Date().toISOString().slice(0, 10); + this.header_id = this.route.snapshot.params["id"]; + console.log(" id = ", this.header_id); + // this.duplicateArray=this.array; + this.getById(this.header_id); + + this.select('Today') + setTimeout(() => { + this.runtheQuery(); + }, 2000); + + + } + reportName; + builderLine; + builderLineData; + lineId; + adhocList:any[]; + SQLQuery; + getUrl; + stdParamfields; + DateParam; + getById(id: number) { + this.reportBuilderService.getrbDetailsById(id).subscribe( + (data) => { + console.log(data); + this.reportName = data.reportName; + this.builderLine = data.rpt_builder2_lines; + this.lineId = this.builderLine[0].id + this.builderLineData = JSON.parse(this.builderLine[0].model) ; + console.log(this.lineId,this.builderLineData); + this.builderLineData = this.builderLineData[0]; + this.adhocList = this.builderLineData.adhoc_param_html; + // this.adhocList = JSON.parse(adhocList); + this.DateParam = this.builderLineData.date_param_req; + this.getUrl = this.builderLineData.url; + console.log(this.adhocList,this.DateParam,this.getUrl) + this.getStdParam(this.header_id); + this.featchData(); + }); + + } + + featchData(){ + this.reportBuilderService.getAllDetailsByurl(this.getUrl).subscribe(data =>{ + console.log(data); + if(data.body){ + console.log(JSON.parse(data.body)); + this.rows = JSON.parse(data.body); + this.filterRows = JSON.parse(data.body); + } + }); + } + + dynamicHtml:any = []; + dynamicHtmlFlag = false; + stdParmas; + stdParamFlag = false; + getStdParam(id: any){ + console.log(this.builderLineData.std_param_html); + this.dynamicHtml = this.builderLineData.std_param_html; + // this.dynamicHtml = ['a.abc','b.abcde'] + if (this.dynamicHtml) { + for (const field of this.dynamicHtml) { + if (!this.dynamicForm.get(field)) { + this.dynamicForm.addControl(field, this._fb.control(null)); + } + } + console.log(this.dynamicForm.value); + } + if(this.dynamicHtml == undefined || this.dynamicHtml == ''){ + this.dynamicHtmlFlag = false; + }else{ + this.dynamicHtmlFlag = true; + } + + // this.reportBuilderService.getStdParamById(id).subscribe(data => { + // console.log(data); + // this.stdParmas = data; + // },(error)=>{ + // console.log(error.error.text) + // this.stdParmas = this.sanitizer.bypassSecurityTrustHtml(error.error.text); + + // if(this.stdParmas == undefined || this.stdParmas == ''){ + // this.stdParamFlag = false; + // }else{ + // this.stdParamFlag = true; + // } + // }); + } + modo2(val){ + console.log(val); + this.selectedfrom=val; + } + modo3(val){ + console.log(val); +this.selectedto=val; + } + duplicateArray=[]; + myDateValue: Date; + toDate:Date; + reverseAndTimeStamp(dateString) { + const reverse = new Date(dateString.split("-").reverse().join("-")); + return reverse.getTime(); + } + filterDate() { + let fromdate=moment(this.myDateValue).format('DD-MM-YYYY'); +console.log(fromdate) +let todate=moment(this.toDate).format('DD-MM-YYYY'); +if(this.myDateValue && this.toDate){ +const selectedMembers = this.array.filter(m => { + return this.reverseAndTimeStamp(m.fromDate) >= this.reverseAndTimeStamp(fromdate) && this.reverseAndTimeStamp(m.fromDate) <= this.reverseAndTimeStamp(todate) + } + ); + this.duplicateArray=selectedMembers +}else{ +this.duplicateArray=this.array +} + console.log(this.duplicateArray); // the result objects + this.modalselect=false; +} + + dateParameter: string; + from_date: Date; + to_date: Date; + + calculateThisWeek(): void { + // Calculate the current date + const currentDate = new Date(); + console.log(currentDate) + // Get the day of the week (0-6, where 0 is Sunday) + const currentDayOfWeek = currentDate.getDay(); + + // Calculate the number of days to subtract to get to Monday + const daysToMonday = currentDayOfWeek === 0 ? 6 : currentDayOfWeek - 1; + + // Calculate the date of Monday of the current week + this.from_date = new Date(currentDate); + this.from_date.setDate(currentDate.getDate() - daysToMonday); + + // Calculate the date of Sunday of the current week + this.to_date = new Date(this.from_date); + this.to_date.setDate(this.from_date.getDate() + 6); + console.log(this.from_date); + this.myDateValue=this.from_date; + console.log(this.to_date); + console.log(this.myDateValue); + this.toDate=this.to_date; + + this.FromDatequery = this.from_date.toISOString().substring(0, 10); + this.ToDatequery = this.to_date.toISOString().substring(0, 10); + // this.filterDate(); + } + calculateLastWeek(): void { + // Calculate the current date + const currentDate = new Date(); + + // Get the day of the week (0-6, where 0 is Sunday) + const currentDayOfWeek = currentDate.getDay(); + + // Calculate the number of days to subtract to get to Monday + const daysToMonday = currentDayOfWeek === 0 ? 6 : currentDayOfWeek - 1; + + // Calculate the date of Monday of the previous week + this.from_date = new Date(currentDate); + this.from_date.setDate(currentDate.getDate() - daysToMonday - 7); + + // Calculate the date of Sunday of the previous week + this.to_date = new Date(this.from_date); + this.to_date.setDate(this.from_date.getDate() + 6); + this.myDateValue=this.from_date; + console.log(this.to_date); + console.log(this.myDateValue); + this.toDate=this.to_date; + + + this.FromDatequery = this.from_date.toISOString().substring(0, 10); + this.ToDatequery = this.to_date.toISOString().substring(0, 10); + // this.filterDate(); + } + calculateThisMonth(): void { + // Calculate the current date + const currentDate = new Date(); + + // Calculate the date of the first day of the current month + this.from_date = new Date(currentDate.getFullYear(), currentDate.getMonth(), 1); + + // Calculate the date of the last day of the current month + this.to_date = new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 0); + + // Set the 'to_date' to the last day of the current month at the end of the day + this.to_date.setHours(23, 59, 59, 999); + + // Optionally, you can set 'myDateValue' to 'from_date' if needed + this.myDateValue = this.from_date; + + // Optionally, you can set 'toDate' to 'to_date' if needed + this.toDate = this.to_date; + + console.log(this.from_date); + console.log(this.to_date); + + + this.FromDatequery = this.from_date.toISOString().substring(0, 10); + this.ToDatequery = this.to_date.toISOString().substring(0, 10); + } + + + calculateLastMonth(): void { + // Calculate the current date + const currentDate = new Date(); + + // Calculate the date of the first day of the previous month + this.from_date = new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1); + + // Calculate the date of the last day of the previous month + this.to_date = new Date(currentDate.getFullYear(), currentDate.getMonth(), 0); + + // Set the 'to_date' to the last day of the previous month at the end of the day + this.to_date.setHours(23, 59, 59, 999); + + // Optionally, you can set 'myDateValue' to 'from_date' if needed + this.myDateValue = this.from_date; + + // Optionally, you can set 'toDate' to 'to_date' if needed + this.toDate = this.to_date; + + console.log(this.from_date); + console.log(this.to_date); + + this.FromDatequery = this.from_date.toISOString().substring(0, 10); + this.ToDatequery = this.to_date.toISOString().substring(0, 10); + } + + calculateThisYear(): void { + // Calculate the current date + const currentDate = new Date(); + + // Calculate the date of the first day of the current year + this.from_date = new Date(currentDate.getFullYear(), 0, 1); + + // Calculate the date of the last day of the current year + this.to_date = new Date(currentDate.getFullYear(), 11, 31); + + this.myDateValue=this.from_date; + console.log(this.to_date); + console.log(this.myDateValue); + this.toDate=this.to_date; + + + this.FromDatequery = this.from_date.toISOString().substring(0, 10); + this.ToDatequery = this.to_date.toISOString().substring(0, 10); + // this.filterDate(); + } + + calculateLastYear(): void { + // Calculate the current date + const currentDate = new Date(); + + // Calculate the date of the first day of the previous year + this.from_date = new Date(currentDate.getFullYear() - 1, 0, 1); + + // Calculate the date of the last day of the previous year + this.to_date = new Date(currentDate.getFullYear() - 1, 11, 31); + + this.myDateValue=this.from_date; + console.log(this.to_date); + console.log(this.myDateValue); + this.toDate=this.to_date; + + this.FromDatequery = this.from_date.toISOString().substring(0, 10); + this.ToDatequery = this.to_date.toISOString().substring(0, 10); + // this.filterDate(); + } + SelectdateType; + select(val:any){ + console.log(val); + this.SelectdateType = val; + if(val === 'This Week'){ + this.FromDatequery = null; + this.ToDatequery = null; + this.calculateThisWeek() + }else if(val === 'Last Week'){ + this.FromDatequery = null; + this.ToDatequery = null; + this.calculateLastWeek() + }else if(val === 'This Month'){ + this.FromDatequery = null; + this.ToDatequery = null; + this.calculateThisMonth() + }else if(val === 'Last Month'){ + this.FromDatequery = null; + this.ToDatequery = null; + this.calculateLastMonth() + // }else if(val === 'To Specific FromDate To To Date'){ + // this.openmodel() + } + else if(val === 'This Year'){ + this.FromDatequery = null; + this.ToDatequery = null; + this.calculateThisYear() + }else if(val === 'Last Year'){ + this.FromDatequery = null; + this.ToDatequery = null; + this.calculateLastYear() + } + else if(val === 'Today'){ + this.FromDatequery = null; + this.ToDatequery = null; + this.myDateValue = this.todayDate; + this.toDate = this.todayDate; + + this.FromDatequery = this.myDateValue; + this.ToDatequery = this.toDate; + } + else if(val === '--Select Particular--'){ + this.FromDatequery = null; + this.ToDatequery = null; + this.newfrom = null; + this.newto = null; + this.myDateValue = null; + this.toDate = null; + } + + + } + openmodel(){ + this.modalselect=true; + } + + onExport() { + const reportNameWithUnderscore = this.reportName + '_'; + this.excel.exportAsExcelFile(this.rows, reportNameWithUnderscore, + moment().format('YYYYMMDD_HHmmss')) + } + + downloadFile(format: string) { + const date = moment().format('YYYYMMDD_HHmmss') + const reportNameWithUnderscore = this.reportName + '_' + date; + this.reportBuilderService.downloadFile(format, this.filterRows,reportNameWithUnderscore) + } + back(){ + this.router.navigate(["../../all"], { relativeTo: this.route }); + } +FormattedAdhocparameters; +adocdata; +// showPlusIconRow: number | null = 0; + onAddLines(){ + console.log(this.serverData); + const lastRow = this.serverData[this.serverData.length - 1]; + if (lastRow && lastRow.fields_name !== '') { + let formattedString = ''; + for (const condition of this.serverData) { + const { andor, fields_name, condition: cond, value } = condition; + formattedString += ` ${andor} ${fields_name} ${cond} '${value}' `; + console.log(formattedString); + this.FormattedAdhocparameters = formattedString + // this.selectcolumn(this.serverData); + } + this.serverData.push({ + andor: "AND", + fields_name: "", + condition: "=", + value: "" + }); + } + // this.showPlusIconRow = this.serverData.length - 1; + + } + deleteRow(index) { + // this.serverData.splice(index, 1); + // if (index === this.showPlusIconRow) { + // this.showPlusIconRow = null; + // } + if (this.serverData.length > 1) { + // Get the item to be deleted + const deletedItem = this.serverData[index]; + + // Remove the item from the serverData array + this.serverData.splice(index, 1); + + // Remove the corresponding entries from selectedValues + if (Array.isArray(deletedItem)) { + for (const item of deletedItem) { + const columnName = item.fields_name; + if (this.selectedValues[columnName]) { + const value = item.value; + const indexInArray = this.selectedValues[columnName].indexOf(value); + if (indexInArray !== -1) { + this.selectedValues[columnName].splice(indexInArray, 1); + } + } + } + } else if (typeof deletedItem === 'object') { + const columnName = deletedItem.fields_name; + if (this.selectedValues[columnName]) { + const value = deletedItem.value; + const indexInArray = this.selectedValues[columnName].indexOf(value); + if (indexInArray !== -1) { + this.selectedValues[columnName].splice(indexInArray, 1); + } + } + } + } + + console.log(this.selectedValues); + this.filterRowsBySelectedValues(); + } + + + rows:any[]; + filterRows:any[]; + columns: any[]; + rowdata; + FromDatequery; + ToDatequery; + + newfrom; + newto; + + dateKey; +runtheQuery(){ + console.log(this.myDateValue , this.toDate); + let query = this.SQLQuery; +// let query + if(this.dynamicForm.value){ + // for(let i = 0; i < this.dynamicForm.value.length; i++){ + // // const query = this.SQLQuery + " AND " + this.dynamicForm.controls[i] + " = " + this.dynamicForm.value[i] + + // } + + + // Iterate over the keys in dynamicForm.value + Object.keys(this.dynamicForm.value).forEach((key) => { + // Append the condition for each key to the query + if (this.dynamicForm.value[key] !== null ) { + this.selectcolumn(this.dynamicForm.value); + // query += ` AND ${key} = '${this.dynamicForm.value[key]}'`; + } + // const regex = /FROM/i; + // const match = query.match(regex); + // if (this.dynamicForm.value[key] !== null && this.dynamicForm.value[key] !== '') { + // // query += ` AND ${key} = '${this.dynamicForm.value[key]}'`; + // const columnName = key.split('.').pop(); + // let coalesceExpression = `, COALESCE(${key}, '${this.dynamicForm.value[key]}') as ${columnName}`; + // if (match) { + // // Insert the COALESCE expression before the FROM keyword + // query = query.slice(0, match.index) + coalesceExpression +' '+ query.slice(match.index); + // } + // } + }); + // if(this.FromDatequery && this.ToDatequery){ + // query += ` AND cretaedat BETWEEN '${this.FromDatequery}' AND '${this.ToDatequery}'`; + + // }else + if(this.DateParam == true){ + this.dateKey = 'createdat'; + this.adhocList.forEach(key => { + if (key.includes("created_at")) { + this.dateKey ="created_at" ; + } + }); + this.adhocList.forEach(key => { + if (key.includes("createdAt")) { + this.dateKey ="createdAt" ; + } +}); + if(this.myDateValue && this.toDate){ + if(this.myDateValue){ + this.newfrom = new Date(this.myDateValue); + // const year = inputDate.getFullYear(); + // const month = String(inputDate.getMonth() + 1).padStart(2, "0"); // Months are zero-based, so add 1 + // const day = String(inputDate.getDate()).padStart(2, "0"); + // this.newfrom = `${year}-${month}-${day}`; + } + if(this.toDate){ + this.newto = new Date(this.toDate); + // const year = inputDate.getFullYear(); + // const month = String(inputDate.getMonth() + 1).padStart(2, "0"); // Months are zero-based, so add 1 + // const day = String(inputDate.getDate()).padStart(2, "0"); + // this.newto = `${year}-${month}-${day}`; + + } + query += ` AND ${this.dateKey} BETWEEN '${this.newfrom}' AND '${this.newto}'`; + +} + } + // if(this.myDateValue && this.toDate){ + // query += ` AND from_date = NVL(${this.myDateValue}from_date, 'from_date') AND to_date = NVL(${this.toDate}to_date, 'to_date')`; + // } + console.log(query); + } +// if(this.FormattedAdhocparameters){ +// query += this.FormattedAdhocparameters +// } + + this.selectcolumn(this.serverData); +// query = `SELECT a.name AS name, b.dob AS dob FROM abc a, abcde b WHERE a.name = 'gaurav' AND a.abc = NVL(b.abc, 'name') AND a.abcde = NVL(b.abcde, 'test');` + console.log(query); + this.reportBuilderService.getMasterData(query).subscribe((data) => { + // this.rows = data; + + console.log(this.rows); +this.rowdata= [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; + +}); +} +getHeaders() { +let headers: string[] = []; +if(this.rows) { + this.rows.forEach((value) => { + Object.keys(value).forEach((key) => { + if(!headers.find((header) => header == key)){ + headers.push(key) + } + + }) + + }) +} +return headers; +} + +getFilterHeaders() { + let headers: string[] = []; + if(this.filterRows) { + this.filterRows.forEach((value) => { + Object.keys(value).forEach((key) => { + if(!headers.find((header) => header == key)){ + headers.push(key) + } + }) + }) + } + return headers; + } + + + +selectedValues: { [key: string]: any[] } = {}; +selectcolumn(data: any) { + if (Array.isArray(data)) { + for (const item of data) { + const columnName = item.fields_name; + const value = item.value; + + // Check if fields_name is not empty and value is not null or empty string + if (columnName.trim() !== '') { + if (!this.selectedValues[columnName]) { + this.selectedValues[columnName] = []; + } + + if (value !== null && value.trim() !== '') { + // Only add the value if it's not null and not an empty string + if (!this.selectedValues[columnName].includes(value)) { + this.selectedValues[columnName].push(value); + } + } else { + // Remove the property if the value is null or empty string + delete this.selectedValues[columnName]; + } + } + } + } else if (typeof data === 'object') { + // Handle the first JSON structure (object) + console.log(data); + for (const key in data) { + if (data.hasOwnProperty(key)) { + const columnName = key; + const value = data[key]; + + if (!this.selectedValues[columnName]) { + this.selectedValues[columnName] = []; + } + + if (value !== null && value.trim() !== '') { + // Only add the value if it's not null and not an empty string + if (!this.selectedValues[columnName].includes(value)) { + this.selectedValues[columnName].push(value); + } + } else { + // Remove the property if the value is null or empty string + delete this.selectedValues[columnName]; + } + } + } + } + + console.log(this.selectedValues); + this.filterRowsBySelectedValues(); +} + + + + +filtered = false; +filterRowsBySelectedValues() { + // Create a filteredRows array to store the filtered data + const filteredRows = []; + + // Iterate through each row in the rows array + for (const row of this.rows) { + let isMatch = true; + + // Iterate through each column in the selectedValues object + for (const columnName in this.selectedValues) { + if (this.selectedValues.hasOwnProperty(columnName) && row.hasOwnProperty(columnName)) { + // Get the selected values for the current column + const selectedValuesForColumn = this.selectedValues[columnName]; + + // Get the type of the row's value for the current column + const rowValue = row[columnName]; + const rowValueType = typeof rowValue; + + if (rowValueType === 'boolean') { + // Handle boolean values + if (selectedValuesForColumn.length === 0) { + // If no specific value selected for boolean, include the row + continue; + } + + const selectedBooleanValue = selectedValuesForColumn[0] === 'true'; // Convert to boolean + if (selectedBooleanValue !== rowValue) { + isMatch = false; + break; // No need to check other columns if it's not a match + } + } else { + // Handle other data types, including numbers and strings + // Convert selected values to the appropriate type + const convertedValues = selectedValuesForColumn.map((value) => { + if (rowValueType === 'number') { + return parseFloat(value); // Convert to number + } else { + return value; // Keep the original value (string, etc.) + } + }); + + // Check if the row's value for the current column matches any selected value + if (!convertedValues.includes(rowValue)) { + isMatch = false; + break; // No need to check other columns if it's not a match + } + } + } + } + if(this.FromDatequery !== null && this.ToDatequery !== null){ + this.newfrom = this.FromDatequery + this.newto = this.ToDatequery + } + + if (this.newfrom !== null && this.newto !== null) { + // Extract the year, month, and day from newfrom and newto + const from = new Date(this.newfrom); + const to = new Date(this.newto); + const newfromYear = from.getFullYear(); + const newfromMonth = from.getMonth(); + const newfromDay = from.getDate(); + const newtoYear = to.getFullYear(); + const newtoMonth = to.getMonth(); + const newtoDay = to.getDate(); + + // Extract the year, month, and day from createdAtDate + const dateKey = this.dateKey; + const createdAtDate = new Date(row[dateKey]); + const createdAtYear = createdAtDate.getFullYear(); + const createdAtMonth = createdAtDate.getMonth(); + const createdAtDay = createdAtDate.getDate(); + + // Create new Date objects using the extracted year, month, and day + const newfromDate = new Date(newfromYear, newfromMonth, newfromDay); + const newtoDate = new Date(newtoYear, newtoMonth, newtoDay); + const createdAtDateOnly = new Date(createdAtYear, createdAtMonth, createdAtDay); + + // Check if the createdAtDateOnly is within the specified date range + if (createdAtDateOnly < newfromDate || createdAtDateOnly > newtoDate) { + isMatch = false; + } + } + + + // If the row matches all selected values, add it to the filteredRows array + if (isMatch) { + filteredRows.push(row); + } + } + + // Assign the filtered data to the rows + console.log(filteredRows); + this.filterRows = filteredRows; + + // Check if all arrays in selectedValues are empty + const allArraysEmpty = Object.values(this.selectedValues).every(arr => arr.length === 0); + + // Check if the date range is not selected + const dateRangeNotSelected = !this.newfrom || !this.newto; + + // Set this.filtered based on allArraysEmpty and dateRangeNotSelected + this.filtered = !allArraysEmpty || !dateRangeNotSelected; +} + + + +formatDate(dateObj: any): string { + // Extract individual date properties + const { year, monthValue, dayOfMonth, hour, minute, second } = dateObj; + + // Create a JavaScript Date object using the extracted properties + const formattedDate = new Date(year, monthValue - 1, dayOfMonth, hour, minute, second); + + // Format the date as needed (e.g., using built-in JavaScript date formatting) + return formattedDate.toLocaleString(); // Or any other desired formatting +} + +isDate(value: any): boolean { + return ( + value instanceof Date || + (value && + value.year !== undefined && + value.monthValue !== undefined && + value.dayOfMonth !== undefined) + ); +} + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/setupicon/setupicon.component.html b/frontend/angular-clarity-master/src/app/modules/main/builder/setupicon/setupicon.component.html new file mode 100644 index 0000000..972d75d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/setupicon/setupicon.component.html @@ -0,0 +1,148 @@ + + +
+ +

+ +

+ + +

+ +

+ + +

+ +

+ {{item.menuItemDesc}} +

+ +

+ {{item.menuItemDesc}} +

+ + +

+ +

+ {{ 'REPORTS' | translate }} +

+ +

+ {{ 'REPORTS_DESCRIPTION' | translate }} +

+ + + + +

+ +

+ {{ 'API_REGISTERY' | translate + }} +

+ +

+ {{ 'API_REGISTERY_DESCRIPTION' | translate }} +

+ + + + +

+ +

+ {{ 'TOKEN_REGISTERY' | + translate + }} +

+ +

+ {{ 'TOKEN_REGISTERY_DESCRIPTION' | translate + }} +

+ + + +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/setupicon/setupicon.component.scss b/frontend/angular-clarity-master/src/app/modules/main/builder/setupicon/setupicon.component.scss new file mode 100644 index 0000000..126a257 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/setupicon/setupicon.component.scss @@ -0,0 +1,47 @@ +// .card-body{ +// justify-content: center; +// margin: 50px auto 50px 80px; +// padding: 10px; +// } + +.card { + position: relative; + display: block; + background-color: #fff; + background-color: var(--clr-card-bg-color, white); + width: 100%; + // margin-top: 1.2rem; + height: 135px; + + margin: 10px; + +} + +.clr-col-sm-2{ + margin:20px 40px 20px 40px; +} + + +input[type='radio']{ + width: 14px !important; + height: 14px !important; + margin: 5px; + -webkit-appearance: none; + -moz-appearance: none; + -o-appearance: none; + appearance: none; + outline: 1px solid gray; + box-shadow: none; + font-size: 0.8em; + text-align: center; + line-height: 1em; + background: red; + } + .dots + { + width: 100px; + height:100px; + border: 1px solid; + border-radius: 50%; + //background-color: #f00; + } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/setupicon/setupicon.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/setupicon/setupicon.component.spec.ts new file mode 100644 index 0000000..2a94930 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/setupicon/setupicon.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SetupiconComponent } from './setupicon.component'; + +describe('SetupiconComponent', () => { + let component: SetupiconComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [SetupiconComponent] + }); + fixture = TestBed.createComponent(SetupiconComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/builder/setupicon/setupicon.component.ts b/frontend/angular-clarity-master/src/app/modules/main/builder/setupicon/setupicon.component.ts new file mode 100644 index 0000000..4e62715 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/builder/setupicon/setupicon.component.ts @@ -0,0 +1,97 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { MenuGroupService } from 'src/app/services/admin/menu-group.service'; +import { MenumaintanceService } from 'src/app/services/admin/menumaintance.service'; +import { TranslateService } from '@ngx-translate/core'; +@Component({ + selector: 'app-setupicon', + templateUrl: './setupicon.component.html', + styleUrls: ['./setupicon.component.scss'] +}) +export class SetupiconComponent implements OnInit { + + sub; + constructor(private router: Router, private route: ActivatedRoute, private menuservice: MenumaintanceService, private menuGroupService: MenuGroupService, + private translate: TranslateService + ) { } + + + ngOnInit(): void { + this.getById(1116) + } + switchLanguage(language: string) { + this.translate.use(language); + } + getById(id: any) { + this.menuservice.getbyid(id).subscribe((data) => { + this.sub = data; + console.log(this.sub) + }) + } + mc; + me; + md; + mv; + goToUserMaintenance(val) { + console.log(val); + this.menuGroupService.storeaddeditvalues(val); + this.mc = val.mcreate; + this.me = val.medit; + this.md = val.mdelete; + this.mv = val.mvisible; + if (this.mv == 'false') { + this.router.navigate(['/**']) + } + this.router.navigate(['../' + val.main_menu_action_name], { relativeTo: this.route }); + } + + goToUsergrpMaintenance() { + this.router.navigate(['/cns-portal/usergrpmaintance'], { relativeTo: this.route }); + } + + goToMenumaintance() { + this.router.navigate(['/cns-portal/menumaintance'], { relativeTo: this.route }); + } + + goToMenuaccess() { + this.router.navigate(['/cns-portal/menuaccess'], { relativeTo: this.route }); + } + + goToSystemparameters() { + this.router.navigate(['/cns-portal/systemparameters'], { relativeTo: this.route }); + } + + goToAccesstype() { + this.router.navigate(['/cns-portal/accesstype'], { relativeTo: this.route }); + } + + goToreport() { + this.router.navigate(['/cns-portal/reportbuild'], { relativeTo: this.route }); + } + + goTodash() { + this.router.navigate(['/cns-portal/dashboardbuilder'], { relativeTo: this.route }); + } + + goToApiRegistery() { + this.router.navigate(['/cns-portal/apiregistery'], { relativeTo: this.route }); + } + + goTokenRegistery() { + this.router.navigate(['/cns-portal/tokenregistery'], { relativeTo: this.route }); + } + + + // mc; + // me; + // md; + // mv; + // send(val){ + // console.log(val); + // this.menuGroupService.storeaddeditvalues(val); + // this.mc=val.mcreate; + // this.me=val.medit; + // this.md=val.mdelete; + // this.mv=val.mvisible; + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimport.component.html b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimport.component.html new file mode 100644 index 0000000..90c6b64 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimport.component.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimport.component.scss b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimport.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimport.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimport.component.spec.ts new file mode 100644 index 0000000..7981adb --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimport.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BulkimportComponent } from './bulkimport.component'; + +describe('BulkimportComponent', () => { + let component: BulkimportComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BulkimportComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(BulkimportComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimport.component.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimport.component.ts new file mode 100644 index 0000000..d00d0dc --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimport.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-bulkimport', + templateUrl: './bulkimport.component.html', + styleUrls: ['./bulkimport.component.scss'] +}) +export class BulkimportComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportadd/bulkimportadd.component.html b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportadd/bulkimportadd.component.html new file mode 100644 index 0000000..e2ad5c2 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportadd/bulkimportadd.component.html @@ -0,0 +1,183 @@ +

Validation Rule

+Add Mode
+Validation Rules are proccessed while importing bulk records for respective entity +

+ + + + + + + + +

+ + + + + +

+ Entity Name + +

+ Description + +

+ +

+ Active + + +

+ + +

Add Rule

+ +

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

Rule Name	From Sheet	From Column	validation Table	Check Column	Replacement Column (Id)	Use Column (Id)	Error Message	Action
+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ + + +

+ + +

+ + Cancel +

+ +

+ + + +

+ +

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

Header Fields	Value
+ +	+ + +

+ + +

+
+ +

+ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportadd/bulkimportadd.component.scss b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportadd/bulkimportadd.component.scss new file mode 100644 index 0000000..b05187f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportadd/bulkimportadd.component.scss @@ -0,0 +1,81 @@ +//@import "../../../../assets/scss/var"; +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; + button { + outline: none; + } + } + + .entry-pg { + width: 750px; + } + + .button1::after { + content: none; + } + .button1:hover::after { + content: "ADD ROWS"; + } + + $bg-color: #dddddd; + + .section { + background-color: $bg-color; + height: 40px; + } + + .section p { + //color: white; + font-weight: bold; + 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; + } + input[type=text],[type=date],[type=number],textarea { + width: 100%; + padding: 15px 15px; + margin-top: 3px; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + + .required-field{ + color: red; + + } + select{ + width: 100%; + margin-top: 3px; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportadd/bulkimportadd.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportadd/bulkimportadd.component.spec.ts new file mode 100644 index 0000000..187619d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportadd/bulkimportadd.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BulkimportaddComponent } from './bulkimportadd.component'; + +describe('BulkimportaddComponent', () => { + let component: BulkimportaddComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BulkimportaddComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(BulkimportaddComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportadd/bulkimportadd.component.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportadd/bulkimportadd.component.ts new file mode 100644 index 0000000..6e52222 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportadd/bulkimportadd.component.ts @@ -0,0 +1,236 @@ +import { HttpErrorResponse, HttpHeaderResponse } from '@angular/common/http'; +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { BulkimportService } from 'src/app/services/fnd/bulkimport.service'; +@Component({ + selector: 'app-bulkimportadd', + templateUrl: './bulkimportadd.component.html', + styleUrls: ['./bulkimportadd.component.scss'] +}) +export class BulkimportaddComponent implements OnInit { + public entryForm: FormGroup; + selectedFile: File[]=[]; + + datajson; + transform:boolean = false; + checkTransform:boolean = true; + mapperdata; + + entityname; + description; + constructor(private _fb: FormBuilder, private router: Router,private toastr: ToastrService, + private route: ActivatedRoute,private dataservice:BulkimportService) { } + + ngOnInit(): void { + this.entryForm = this._fb.group({ + entity_name:[null], + rule_line:[null], + description: [null], + active: [true], + }); + + this.route.queryParams.subscribe(params => { + const data = params['data']; + this.entityname = params['name']; + this.description = params['description']; + + + if (data) { + try { + this.datajson = JSON.parse(data); + console.log('Received data:', this.datajson); + } catch (e) { console.error('Invalid JSON:', data);} + } + + + }); + + const condition = this.dataservice.getCondition(); + if(condition === 'mapper'){ + this.transform = true; + this.checkTransform = false; + if(this.datajson!== undefined){ + // if(this.entryForm.value.rule_line == 'undefined'){ this.entryForm.value.rule_line= '';} + const currentText = this.entryForm.value.rule_line = ''; + this.mapperdata = currentText + this.datajson; + // this.entryForm.value.rule_line = this.mapperdata; + // this.Updating(); + this.dataservice.setCondition(''); + } + } + + + console.log(this.entryForm.value); + + this.entryForm.patchValue({ + entity_name: this.entityname, + description: this.description, + }); + + console.log(this.entryForm.value); + } + + serverData = [ + { + "rulename": "", + "fromsheet": "", + "fromColumn": "", + "validationTable": "", + "checkColumn": "", + "replacementcolumn": "", + "useColumn": "", + "errormsg": "" + }]; + onAddLines(){ + this.serverData.push({ + rulename: "", + fromsheet:"", + fromColumn: "", + validationTable: "", + checkColumn: "", + replacementcolumn:"", + useColumn:"", + errormsg:"" + }); + console.log(this.serverData); + } + deleteRow(index) { + this.serverData.splice(index, 1); + } + + toastrShown: boolean = false; + onSubmit(){ + this.entryForm.value.rule_line = JSON.stringify(this.serverData); + console.log(this.entryForm.value); + this.dataservice.saveData(this.entryForm.value).subscribe((data)=>{ + console.log(data); + if (data) { + if (!this.toastrShown) { + this.toastrShown = true; // Set the flag to indicate that the toastr message has been shown + this.toastr.success("Added Successfully"); + setTimeout(() => { + this.router.navigate(["../all"], { relativeTo: this.route }); + }, 500); + } + } + }, (error: HttpHeaderResponse)=>{ + console.log(error); + if(error.status===202){ + this.toastr.success("Added Succesfully"); + } + if(error.status===404){ + this.toastr.error("Not Added"); + } + if(error.status===400){ + this.toastr.error("Not Added"); + } + }); + setTimeout(() => { + this.router.navigate(["../all"], { relativeTo: this.route }); + },500); + } + goback(){ + this.router.navigate(["../all"], { relativeTo: this.route }); + } + + + ///rules + checkTrans(){ + + console.log("rule line open") + this.dataservice.setCondition('mapper'); + + this.router.navigate(["../ruleline/"], { relativeTo: this.route, queryParams: {data:this.entryForm.value.rule_line, entityname:this.entryForm.value.entity_name, description:this.entryForm.value.description}, skipLocationChange: true}); + console.log(this.entryForm.value.entity_name); + + } + + mappperclick = false; + goFromMapper(){ + //this.mappperclick = true; + this.dataservice.setCondition('mapper'); + this.router.navigate(["../ruleline/"], { relativeTo: this.route, queryParams: {data:this.entryForm.value.rule_line, entityname:this.entryForm.value.entity_name, description:this.entryForm.value.description}, skipLocationChange: true}); + console.log(this.entryForm.value.entity_name); + } + + transReset(){ + this.entryForm.value.rule_line = undefined; + this.transform = false; + this.checkTransform = true; + } + + + headerData; + getColumns(table){ + console.log(table); + // console.log(this.getbyiddata.entityName); + this.dataservice.getColumnNames(table).subscribe((data) => { + console.log(data); + this.headerData = data; + }); +} + + checkTransformMapper = true; + transformMapper = false; + mapperText; + getHeaderData; + JsonHeader = []; + selectedSheetName: string | null = null; + columnJson =[]; + sheetNames:any; + checkTransMapper(){ + + console.log("Mapper open") + // console.log(this.storeData); + if(this.getHeaderData){ + this.checkTransformMapper = false; + this.transformMapper = 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.checkTransformMapper = true; + this.transformMapper = false; + } + + } + mappperModal = false; + goFromMapperField(){ + 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);} + + } + } + + transResetMapper(){ + this.mapperText = ''; + this.transformMapper = false; + this.checkTransformMapper = true; + } + + onUpdate(){ + this.mappperModal = false; + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportall/bulkimportall.component.html b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportall/bulkimportall.component.html new file mode 100644 index 0000000..7a33825 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportall/bulkimportall.component.html @@ -0,0 +1,81 @@ + + +
+ +

Validation Rule

+ + + +

+ + +

Loading ...

+ +

+ Entity Name +

+ Description +

+ Active +

+ Action +

+ + {{user.entity_name}} + {{user.description}} + {{user.active}} + + + + + + + + + + + + + Users per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} users + + + +

+ + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportall/bulkimportall.component.scss b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportall/bulkimportall.component.scss new file mode 100644 index 0000000..c05b1dc --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportall/bulkimportall.component.scss @@ -0,0 +1,4 @@ +.delete,.heading{ + text-align: center; + color: red; + } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportall/bulkimportall.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportall/bulkimportall.component.spec.ts new file mode 100644 index 0000000..4627941 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportall/bulkimportall.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BulkimportallComponent } from './bulkimportall.component'; + +describe('BulkimportallComponent', () => { + let component: BulkimportallComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BulkimportallComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(BulkimportallComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportall/bulkimportall.component.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportall/bulkimportall.component.ts new file mode 100644 index 0000000..008c056 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportall/bulkimportall.component.ts @@ -0,0 +1,87 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { ExcelService } from 'src/app/services/excel.service'; +import * as moment from 'moment'; +import { BulkimportService } from 'src/app/services/fnd/bulkimport.service'; + +@Component({ + selector: 'app-bulkimportall', + templateUrl: './bulkimportall.component.html', + styleUrls: ['./bulkimportall.component.scss'] +}) +export class BulkimportallComponent implements OnInit { + + loading = false; + error; + selected: any[] = []; + rowSelected :any= {}; + modaldelete=false; + data; + constructor(private router: Router, private toastr: ToastrService, + private route: ActivatedRoute,private excel: ExcelService,private bulkimportService:BulkimportService,) { } + + ngOnInit(): void { + this.getall(); + } + getall(){ + this.bulkimportService.getDetails().subscribe((data)=>{ + console.log(data); + this.data=data; + if(this.data.length == 0){ + this.error="No data Available"; + console.log(this.error); + } + + },(error) => { + console.log(error); + if(error){ + this.error="No data Available OR server Error"; + } + }); + + } + goToAdd(){ + this.router.navigate(["../add"], { relativeTo: this.route }); + + } + onExport() { + this.excel.exportAsExcelFile(this.data, 'user_', + moment().format('YYYYMMDD_HHmmss')) + } + goToEdit(id) { + this.router.navigate(["../edit/" + id], { relativeTo: this.route }); + } + onDelete(row) { + this.rowSelected = row; + this.modaldelete=true; + } + + delete(id){ + this.modaldelete = false; + console.log("in delete "+id); + this.bulkimportService.deleteById(id).subscribe( + (data) => { + console.log(data); + this.ngOnInit(); + if (data == null || data) { + this.toastr.success('Deleted successfully'); + } + }, + (error) => { + console.log('Error in adding data...',+error); + if(isNaN(error)){ + this.toastr.success('Deleted successfully'); + }else{ + this.toastr.error('Not Deleted Data Getting Some Error'); + } + } + ); +} + +activeTab: number = 1; + +showTab(tabNumber: number) { + this.activeTab = tabNumber; +} +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportedit/bulkimportedit.component.html b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportedit/bulkimportedit.component.html new file mode 100644 index 0000000..ed86b6a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportedit/bulkimportedit.component.html @@ -0,0 +1,116 @@ +

Validation Rule

+Edit Mode
+Validation Rules are proccessed while importing bulk records for respective entity +

+ Entity Name + +

+ Description + +

+ +

+ Active + + +

+ + +

Select open to add rules, select reset to delete existing rules

Add Rule

+ +

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

Rule Name	From Sheet	From Column	validation Table	Check Column	Replacement Column (Id)	Use Column (Id)	Error Message	Action
+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ + + +

+ + +

+ + Cancel +

+ +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportedit/bulkimportedit.component.scss b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportedit/bulkimportedit.component.scss new file mode 100644 index 0000000..b05187f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportedit/bulkimportedit.component.scss @@ -0,0 +1,81 @@ +//@import "../../../../assets/scss/var"; +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; + button { + outline: none; + } + } + + .entry-pg { + width: 750px; + } + + .button1::after { + content: none; + } + .button1:hover::after { + content: "ADD ROWS"; + } + + $bg-color: #dddddd; + + .section { + background-color: $bg-color; + height: 40px; + } + + .section p { + //color: white; + font-weight: bold; + 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; + } + input[type=text],[type=date],[type=number],textarea { + width: 100%; + padding: 15px 15px; + margin-top: 3px; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + + .required-field{ + color: red; + + } + select{ + width: 100%; + margin-top: 3px; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportedit/bulkimportedit.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportedit/bulkimportedit.component.spec.ts new file mode 100644 index 0000000..766987b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportedit/bulkimportedit.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BulkimporteditComponent } from './bulkimportedit.component'; + +describe('BulkimporteditComponent', () => { + let component: BulkimporteditComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BulkimporteditComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(BulkimporteditComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportedit/bulkimportedit.component.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportedit/bulkimportedit.component.ts new file mode 100644 index 0000000..34cdd86 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportedit/bulkimportedit.component.ts @@ -0,0 +1,200 @@ +import { HttpErrorResponse, HttpHeaderResponse } from '@angular/common/http'; +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { BulkimportService } from 'src/app/services/fnd/bulkimport.service'; + +@Component({ + selector: 'app-bulkimportedit', + templateUrl: './bulkimportedit.component.html', + styleUrls: ['./bulkimportedit.component.scss'] +}) +export class BulkimporteditComponent implements OnInit { + public entryForm: FormGroup; + selectedFile: File[]=[]; + id; + datajson; + transform:boolean = false; + checkTransform:boolean = true; + mapperdata; + tdata: any = {}; + entityname; + description; + constructor(private _fb: FormBuilder, private router: Router,private toastr: ToastrService, + private route: ActivatedRoute,private dataservice:BulkimportService) { } + + ngOnInit(): void { + this.id = this.route.snapshot.params["id"]; + console.log("update with id = ", this.id); + + // this.entryForm = this._fb.group({ + // entity_name:[null], + // rule_line:[null], + // description: [null], + // active: [true], + // }); + + + this.dataservice.getDetailsById(this.id).subscribe(data => { + this.tdata = data; + this.serverData = JSON.parse(data.rule_line); + console.log(this.tdata); + }, + (err) => { + console.log(err); + }); + + + setTimeout(() => { + + + this.route.queryParams.subscribe(params => { + const data = params['data']; + this.entityname = params['name']; + this.description = params['description']; + + + if (data) { + try { + this.datajson = JSON.parse(data); + console.log('Received data:', this.datajson); + } catch (e) { console.error('Invalid JSON:', data);} + } + + + }); + + if(this.tdata.rule_line !== '' && this.tdata.rule_line !== null && this.tdata.rule_line !== undefined) { + console.log(this.tdata.rule_line) + this.checkTransform = false; + this.transform = true; + }else{ + console.log(this.tdata.rule_line) + this.checkTransform = true; + this.transform = false; + this.checkTransform = true; + } + + const condition = this.dataservice.getCondition(); + if(condition === 'mapper'){ + console.log("datagetting"); + this.transform = true; + this.checkTransform = false; + if(this.datajson!== undefined){ + // if(this.entryForm.value.rule_line == 'undefined'){ this.entryForm.value.rule_line= '';} + const currentText = this.tdata.rule_line = ''; + this.mapperdata = currentText + this.datajson; + this.tdata.rule_line = this.mapperdata; + // this.Updating(); + this.dataservice.setCondition(''); + } + } +}, 1000); + + console.log(this.tdata); + // this.entryForm.patchValue({ + // entity_name: this.entityname, + // description: this.description, + // }); + // console.log(this.entryForm.value); + } + + getById(id: number) { + + } + + serverData = []; + onAddLines(){ + this.serverData.push({ + rulename: "", + fromsheet:"", + fromColumn: "", + validationTable: "", + checkColumn: "", + replacementcolumn:"", + useColumn:"", + errormsg:"" + }); + console.log(this.serverData); + } + deleteRow(index) { + this.serverData.splice(index, 1); + } + + toastrShown: boolean = false; + onSubmit(){ + this.tdata.rule_line = JSON.stringify(this.serverData); + console.log(this.tdata); + this.dataservice.updateData(this.tdata, this.id).subscribe((data)=>{ + console.log(data); + if (data.operationStatus) { + this.toastr.warning(data.operationMessage); + }else{ + if (!this.toastrShown) { + this.toastrShown = true; // Set the flag to indicate that the toastr message has been shown + this.toastr.success("Update Successfully"); + setTimeout(() => { + this.router.navigate(["../../all"], { relativeTo: this.route }); + }, 500); + } + } + }, (error: HttpHeaderResponse)=>{ + console.log(error); + if(error.status===202){ + this.toastr.success("Update Succesfully"); + } + if(error.status===404){ + this.toastr.error("Not Update"); + } + if(error.status===400){ + this.toastr.error("Not Update"); + } + }); + setTimeout(() => { + this.router.navigate(["../../all"], { relativeTo: this.route }); + },500); + } + + Updating(){ + console.log(this.tdata); + this.dataservice.updateData(this.tdata, this.id).subscribe(data=>{ + console.log(data); + // this.ngOnInit(); + }, (error: HttpHeaderResponse)=>{ + console.log(error); + }); + } + + goback(){ + this.router.navigate(["../../all"], { relativeTo: this.route }); + } + + + + ///rules + checkTrans(){ + + console.log("rule line open") + this.dataservice.setCondition('mapper'); + + this.router.navigate(["../../rulelineedit/"], { relativeTo: this.route, queryParams: {id:this.id, data:this.tdata.rule_line, entityname:this.tdata.entity_name, description:this.tdata.description}, skipLocationChange: true}); + console.log(this.tdata.rule_line); + + } + + mappperclick = false; + goFromMapper(){ + //this.mappperclick = true; + this.dataservice.setCondition('mapper'); + this.router.navigate(["../../rulelineedit/"], { relativeTo: this.route, queryParams: {id:this.id, data:this.tdata.rule_line, entityname:this.tdata.entity_name, description:this.tdata.description}, skipLocationChange: true}); + console.log(this.tdata.rule_line); + } + + transReset(){ + this.tdata.rule_line = undefined; + this.transform = false; + this.checkTransform = true; + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimporteditline/bulkimporteditline.component.html b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimporteditline/bulkimporteditline.component.html new file mode 100644 index 0000000..5efccb0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimporteditline/bulkimporteditline.component.html @@ -0,0 +1,73 @@ +

Add Rule Lines

+ +

+ + +

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

Rule Name	From Sheet	From Column	validation Table	Check Column	Replacement Column (Id)	Use Column (Id)	Error Message	Action
+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ + + +

+ +

+ + +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimporteditline/bulkimporteditline.component.scss b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimporteditline/bulkimporteditline.component.scss new file mode 100644 index 0000000..c1113c0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimporteditline/bulkimporteditline.component.scss @@ -0,0 +1,51 @@ +.clr-input { + color: #212529; + border: 1px solid #ced4da; + border-radius: 0.35rem; + padding: 0.75rem 0.75rem; + margin-top: 3px; + width: 100%; + margin-bottom: 10px; + } + input[type=text],textarea { + width: 100%; + padding: 15px 15px; + // margin: 8px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + .required-field{ + color: red; + + } + .postColumn{ + border: 1px solid #ccc; + width: 78%; + margin-left: 15px; + } + .colName{ + text-align: center; + padding: 5px; + } + .colfields{ + border: 1px solid black; + margin: 17px; + text-align: center; + padding: 3px; + } + .fieldWrapper{ + margin-top: 20px; + } + .center { + text-align: center; + } + + select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimporteditline/bulkimporteditline.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimporteditline/bulkimporteditline.component.spec.ts new file mode 100644 index 0000000..cd66c14 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimporteditline/bulkimporteditline.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BulkimporteditlineComponent } from './bulkimporteditline.component'; + +describe('BulkimporteditlineComponent', () => { + let component: BulkimporteditlineComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BulkimporteditlineComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(BulkimporteditlineComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimporteditline/bulkimporteditline.component.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimporteditline/bulkimporteditline.component.ts new file mode 100644 index 0000000..bfee4cf --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimporteditline/bulkimporteditline.component.ts @@ -0,0 +1,172 @@ +import { Component, OnInit } from '@angular/core'; +import { FormGroup, FormBuilder, FormArray } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { DataflowService } from 'src/app/services/fnd/dataflow.service'; +// import { NewwebhookService } from 'src/app/services/fnd/newwebhook.service'; +// import { SftplocationService } from 'src/app/services/fnd/sftplocation.service'; +// import { Webhookservicesui1Service } from 'src/app/services/fnd/webhookservicesui1.service'; + +@Component({ + selector: 'app-bulkimporteditline', + templateUrl: './bulkimporteditline.component.html', + styleUrls: ['./bulkimporteditline.component.scss'] +}) +export class BulkimporteditlineComponent implements OnInit { + serverData = []; + id; + title + sourceTable; + sourceFData; + Mid:any; + flowType; + remoteD; + sftpDId; + emailDId; + key; + webhookDId; + + name; + description; + // data = ['email', 'password'] + constructor( private router : Router, + private route: ActivatedRoute, + private dataservice:DataflowService, + // private sftpService:SftplocationService, + // private emaildbService:Webhookservicesui1Service, + // private webhookService:NewwebhookService, + private _fb:FormBuilder) { } + + public entryForm: FormGroup; + + ngOnInit(): void { + // this.entryForm = this._fb.group({ + // connector_json: this._fb.array([]) + // }); + + this.route.queryParams.subscribe(params => { + this.id = params['id']; + // this.Mid = params['mid']; + const data = params['data']; + this.name = params['entityname']; + this.description = params['description']; + if (data) { + // try { + // this.serverData = data.replace(/\[|\]|"/g, '').split(','); //(/\[|\]|'/g, '') //(/[\[\]"]/g, '') + // console.log('Received data:', this.serverData ); + // } catch (e) { console.error('Invalid JSON:', data);} + try { + this.serverData = JSON.parse(data); + console.log('Received data:', this.serverData ); + } catch (e) { console.error('Invalid JSON:', data);} + } + // this.serverData.map(d => + // this.person.push(this._fb.group({ andor: '', fields_name:'',condition:'',value: d ,})) + // ); + + }); + + const condition = this.dataservice.getCondition(); + if(condition === 'mapper'){ + console.log("mapper") + }else if(condition === 'filter'){ + console.log("filter"); + } + console.log(this.name,this.description); + + + + + } + + columnList(){ + + this.dataservice.getColumnListFromSourceTable(this.id,this.title).subscribe((data)=>{ + console.log(data); + this.sourceTable = data; + }); + } + + // sftpHeader(){ + // this.sftpService.getExcelHeaders(this.title,this.remoteD).subscribe((headers) => { + // console.log("sftp Data",headers); + // this.sourceTable = headers; + // }); + // } + + // emailHeader(){ + // this.emaildbService.getHeadersFromExcelMail(this.emailDId,this.title,this.key).subscribe((headers)=>{ + // console.log("email Data",headers); + // this.sourceTable = headers; + // }); + // } + + // webhookHeader(){ + // this.webhookService.getHeadersFromWBExcelMail(this.webhookDId,this.title,this.key).subscribe((headers)=>{ + // console.log("webhook Data",headers); + // this.sourceTable = headers; + // }); + // } + + + FilDemo(){ + let data = [""]; + const defaultObject = { + andor: "AND", + fields_name: "", + condition: "=", +} + const objectArray = data.map(value => ({ + ...defaultObject, + value: value, + })); + console.log(objectArray); + this.sourceFData = JSON.stringify(objectArray); + + try { + this.serverData = JSON.parse(this.sourceFData); + console.log('Received data:', this.serverData ); + } catch (e) { console.error('Invalid JSON:', this.sourceFData);} + + + + } + // get person() { + // return this.entryForm.get("connector_json") as FormArray; + // } + + onUpdate(){ + console.log(this.serverData); + let serverData = JSON.stringify(this.serverData); + console.log(serverData); + let product = JSON.stringify(serverData); + console.log(product); + console.log(this.Mid); + this.router.navigate(['../edit/'+ this.id],{relativeTo:this.route, queryParams: { data: product, name:this.name, description:this.description }, skipLocationChange: true}); + } + back(){ + this.router.navigate(['../edit/'+ this.id], { relativeTo: this.route }); + this.dataservice.setCondition(''); + } + + onAddLines(){ + this.serverData.push({ + rulename: "", + fromsheet:"", + fromColumn: "", + validationTable: "", + checkColumn: "", + replacementcolumn:"", + useColumn:"", + errormsg:"" + }); + } + deleteRow(index) { + this.serverData.splice(index, 1); + } + + // postApi(){ + // this.data.map(d => + // this.person.push(this._fb.group({ fieldname: d , checkboxval:'',sample_format:'',mapped_fields:'',dest_format:''})) + // ); + // } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportline/bulkimportline.component.html b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportline/bulkimportline.component.html new file mode 100644 index 0000000..5efccb0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportline/bulkimportline.component.html @@ -0,0 +1,73 @@ +

Add Rule Lines

+ +

+ + +

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

Rule Name	From Sheet	From Column	validation Table	Check Column	Replacement Column (Id)	Use Column (Id)	Error Message	Action
+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ + + +

+ +

+ + +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportline/bulkimportline.component.scss b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportline/bulkimportline.component.scss new file mode 100644 index 0000000..c1113c0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportline/bulkimportline.component.scss @@ -0,0 +1,51 @@ +.clr-input { + color: #212529; + border: 1px solid #ced4da; + border-radius: 0.35rem; + padding: 0.75rem 0.75rem; + margin-top: 3px; + width: 100%; + margin-bottom: 10px; + } + input[type=text],textarea { + width: 100%; + padding: 15px 15px; + // margin: 8px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + .required-field{ + color: red; + + } + .postColumn{ + border: 1px solid #ccc; + width: 78%; + margin-left: 15px; + } + .colName{ + text-align: center; + padding: 5px; + } + .colfields{ + border: 1px solid black; + margin: 17px; + text-align: center; + padding: 3px; + } + .fieldWrapper{ + margin-top: 20px; + } + .center { + text-align: center; + } + + select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportline/bulkimportline.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportline/bulkimportline.component.spec.ts new file mode 100644 index 0000000..2e7b108 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportline/bulkimportline.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { BulkimportlineComponent } from './bulkimportline.component'; + +describe('BulkimportlineComponent', () => { + let component: BulkimportlineComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ BulkimportlineComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(BulkimportlineComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportline/bulkimportline.component.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportline/bulkimportline.component.ts new file mode 100644 index 0000000..0bc92f2 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/bulkimport/bulkimportline/bulkimportline.component.ts @@ -0,0 +1,175 @@ +import { Component, OnInit } from '@angular/core'; +import { FormGroup, FormBuilder, FormArray } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { DataflowService } from 'src/app/services/fnd/dataflow.service'; +// import { NewwebhookService } from 'src/app/services/fnd/newwebhook.service'; +// import { SftplocationService } from 'src/app/services/fnd/sftplocation.service'; +// import { Webhookservicesui1Service } from 'src/app/services/fnd/webhookservicesui1.service'; + +@Component({ + selector: 'app-bulkimportline', + templateUrl: './bulkimportline.component.html', + styleUrls: ['./bulkimportline.component.scss'] +}) +export class BulkimportlineComponent implements OnInit { + serverData = []; + andor = ['AND', 'OR','NOT']; + fieldname = ['name1', 'name2']; + condition = ['=','!=','<','>','<=','>=','LIKE','BETWEEN','IN']; + id; + title + sourceTable; + sourceFData; + Mid:any; + flowType; + remoteD; + sftpDId; + emailDId; + key; + webhookDId; + + name; + description; + // data = ['email', 'password'] + constructor( private router : Router, + private route: ActivatedRoute, + private dataservice:DataflowService, + // private sftpService:SftplocationService, + // private emaildbService:Webhookservicesui1Service, + // private webhookService:NewwebhookService, + private _fb:FormBuilder) { } + + public entryForm: FormGroup; + + ngOnInit(): void { + // this.entryForm = this._fb.group({ + // connector_json: this._fb.array([]) + // }); + + this.route.queryParams.subscribe(params => { + // this.id = params['id']; + // this.Mid = params['mid']; + const data = params['data']; + this.name = params['entityname']; + this.description = params['description']; + if (data) { + // try { + // this.serverData = data.replace(/\[|\]|"/g, '').split(','); //(/\[|\]|'/g, '') //(/[\[\]"]/g, '') + // console.log('Received data:', this.serverData ); + // } catch (e) { console.error('Invalid JSON:', data);} + try { + this.serverData = JSON.parse(data); + console.log('Received data:', this.serverData ); + } catch (e) { console.error('Invalid JSON:', data);} + } + // this.serverData.map(d => + // this.person.push(this._fb.group({ andor: '', fields_name:'',condition:'',value: d ,})) + // ); + + }); + + const condition = this.dataservice.getCondition(); + if(condition === 'mapper'){ + console.log("mapper") + }else if(condition === 'filter'){ + console.log("filter"); + } + console.log(this.name,this.description); + + + + + } + + columnList(){ + + this.dataservice.getColumnListFromSourceTable(this.id,this.title).subscribe((data)=>{ + console.log(data); + this.sourceTable = data; + }); + } + + // sftpHeader(){ + // this.sftpService.getExcelHeaders(this.title,this.remoteD).subscribe((headers) => { + // console.log("sftp Data",headers); + // this.sourceTable = headers; + // }); + // } + + // emailHeader(){ + // this.emaildbService.getHeadersFromExcelMail(this.emailDId,this.title,this.key).subscribe((headers)=>{ + // console.log("email Data",headers); + // this.sourceTable = headers; + // }); + // } + + // webhookHeader(){ + // this.webhookService.getHeadersFromWBExcelMail(this.webhookDId,this.title,this.key).subscribe((headers)=>{ + // console.log("webhook Data",headers); + // this.sourceTable = headers; + // }); + // } + + + FilDemo(){ + let data = [""]; + const defaultObject = { + andor: "AND", + fields_name: "", + condition: "=", +} + const objectArray = data.map(value => ({ + ...defaultObject, + value: value, + })); + console.log(objectArray); + this.sourceFData = JSON.stringify(objectArray); + + try { + this.serverData = JSON.parse(this.sourceFData); + console.log('Received data:', this.serverData ); + } catch (e) { console.error('Invalid JSON:', this.sourceFData);} + + + + } + // get person() { + // return this.entryForm.get("connector_json") as FormArray; + // } + + onUpdate(){ + console.log(this.serverData); + let serverData = JSON.stringify(this.serverData); + console.log(serverData); + let product = JSON.stringify(serverData); + console.log(product); + console.log(this.Mid); + this.router.navigate(['../add'],{relativeTo:this.route, queryParams: { data: product, name:this.name, description:this.description }, skipLocationChange: true}); + } + back(){ + this.router.navigate(["../add"], { relativeTo: this.route }); + this.dataservice.setCondition(''); + } + + onAddLines(){ + this.serverData.push({ + rulename: "", + fromsheet:"", + fromColumn: "", + validationTable: "", + checkColumn: "", + replacementcolumn:"", + useColumn:"", + errormsg:"" + }); + } + deleteRow(index) { + this.serverData.splice(index, 1); + } + + // postApi(){ + // this.data.map(d => + // this.person.push(this._fb.group({ fieldname: d , checkboxval:'',sample_format:'',mapped_fields:'',dest_format:''})) + // ); + // } +} 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 new file mode 100644 index 0000000..b45ed70 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.html @@ -0,0 +1,176 @@ + + +

Data Management

+ + + + +

+ +

Loading ...

+ + +

+ Go To +

+ + + + Entity Name + + +

+ File Name +

+ Action +

+ + Workflow + {{user.entity_name}} + {{user.file_name}} + + + + + + + + + + + + + Users per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} users + + + +

+ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.scss b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.scss new file mode 100644 index 0000000..c6c7e70 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.scss @@ -0,0 +1,84 @@ +//@import "../../../../assets/scss/var"; +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; + button { + outline: none; + } +} + +.entry-pg { + width: 750px; +} + +.button1::after { + content: none; +} +.button1:hover::after { + content: "ADD ROWS"; +} + +$bg-color: #dddddd; + +.section { + background-color: $bg-color; + height: 40px; +} + +.section p { + //color: white; + font-weight: bold; + 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; +} +input[type=text],[type=date],[type=number],textarea { + width: 100%; + padding: 15px 15px; + margin-top: 3px; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} + +.required-field{ + color: red; + +} +select{ + width: 100%; + margin-top: 3px; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} +.delete,.heading{ + text-align: center; + color: red; +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.spec.ts new file mode 100644 index 0000000..19d47ed --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DatamanagementComponent } from './datamanagement.component'; + +describe('DatamanagementComponent', () => { + let component: DatamanagementComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DatamanagementComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DatamanagementComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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 new file mode 100644 index 0000000..802a5e6 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamanagement/datamanagement.component.ts @@ -0,0 +1,188 @@ +import { HttpErrorResponse, HttpHeaderResponse } from '@angular/common/http'; +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import * as moment from 'moment'; +import { ToastrService } from 'ngx-toastr'; +import { DatamanagementService } from 'src/app/services/fnd/datamanagement.service'; +import { UsermaintanceService } from 'src/app/services/admin/usermaintance.service'; +import { ExcelService } from 'src/app/services/excel.service'; +import { BulkimportService } from 'src/app/services/fnd/bulkimport.service'; +@Component({ + selector: 'app-datamanagement', + templateUrl: './datamanagement.component.html', + styleUrls: ['./datamanagement.component.scss'] +}) +export class DatamanagementComponent implements OnInit { + rowSelected: any = {}; + modaldelete = false; + modalEdit = false; + modalAdd = false; + public entryForm: FormGroup; + selected: any[] = []; + error; + loading = false; + data; + udata; + 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, + private route: ActivatedRoute,) { } + + ngOnInit(): void { + this.getall(); + // this.getuserall(); + this.allentity(); + this.entitygetall(); + this.entryForm = this._fb.group({ + user_id: [null], + file_name: [null], + entityName: [null], + // entity_name:[null], + file_type: [null], + + }); + // this.datamservice.getjson().subscribe((data)=>{ + // console.log(data); + // }) + } + 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) => { + console.log(error); + if (error) { + this.error = "No data Available OR server Error"; + } + }); + } + + entitygetall() { + this.bulkimportService.getDetails().subscribe((data) => { + console.log(data); + this.tableList = data; + }, (error) => { + console.log(error); + }); + } + + + getuserall() { + this.userservice.getAll().subscribe((data) => { + console.log(data); + this.udata = data; + }) + } + allentity() { + // this.datamservice.getallentity().subscribe((data)=>{ + // console.log(data); + // this.entitydata=data; + // }, (error: HttpHeaderResponse)=>{ + // console.log(error); + // }) + } + onExport() { + this.excel.exportAsExcelFile(this.data, 'user_', + moment().format('YYYYMMDD_HHmmss')) + } + public onFileChanged(event) { + //Select File + console.log(event); + this.selectedFile = event.target.files[0]; + + } + goToAdd() { + 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(() => { + 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) { + this.rowSelected = row; + this.modaldelete = true; + } + + delete(id) { + this.modaldelete = false; + 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) { + this.toastr.success("Delete Succesfully"); + } + }, (error: HttpHeaderResponse) => { + console.log(error); + if (error.status >= 200 && error.status <= 299) { + this.toastr.success("Delete Succesfully"); + } + if (error.status >= 400 && error.status <= 499) { + this.toastr.error("Not Delete"); + } + if (error.status >= 500 && error.status <= 599) { + this.toastr.error("Server Error"); + } + }); + this.ngOnInit(); + } + onUpdate(id) { + this.modalEdit = false; + this.datamservice.update(id, this.rowSelected, this.selectedFile).subscribe( + (data) => { + console.log(data); + if (data.status === 202) { + this.toastr.success("Updated Succesfully"); + } + + }, + (error: HttpErrorResponse) => { + console.log(error.message); + } + ); + this.ngOnInit(); + } + 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 new file mode 100644 index 0000000..1268fb9 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.html @@ -0,0 +1,497 @@ + + + + + + +

+ + + + + + + +

+ +

Data Import

+ +

+ + + + Step 0 + Review + + + + Step 1 + Table Mapping + + + + Step 2 + Data Mapping + + + + Step 3 + Import + + + + Step 4 + Download Excel + + + + Step 5 + Finish + + + +

+ + +

{{tableName}} Table

Update {{college.studentname}}

+ +
+ + +

+ + + +

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

{{ co }}
{{ item[key] }}

+
+

+ + + + + +

+ +

Table Mapping

+ +

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

Sheet Name	Table Name
+ +	+ + +

+ + + + + + + +

+ +

+ + +

Data Mapping

+ + +

+ +

+ + +

Importing Data

+ +

+ + +

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

{{ co }}
{{ item[key] }}

+ + + + + + +

+ + +

Download Excel

+ + + + +

+ +

File is Downloaded

+ + + +

+ + +

+ + + +

+ +

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

Header Fields	Value
+ +	+ + +

+ + +

+
+ +

+ + + + +

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

Rule Name	From Sheet	From Column	validation Table	Check Column	Use Column (Id)	Replacement Table (Id)	Replacement Column (Id)	Error Message	Action
+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ +	+ + + +

+
+ +

+ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.scss b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.scss new file mode 100644 index 0000000..a96c883 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.scss @@ -0,0 +1,110 @@ +.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] { +// width: 100%; +// padding: 12px 20px; +// margin: 8px 0; +// display: inline-block; +// border: 1px solid #ccc; +// border-radius: 4px; +// box-sizing: border-box; +// } +// textarea +// { +// width: 100%; +// padding: 15px 15px; +// display: inline-block; +// border: 1px solid #ccc; +// border-radius: 4px; +// box-sizing: border-box; +// } + +.center{ + color: blue; +} +@media (max-width: 600px){ +.horizontal,.middle,.horizontal1,.middle1 { +width: 100%; +}} + + + .postColumn{ + border: 1px solid #ccc; + width: 78%; + margin-left: 15px; + } + .colName{ + text-align: center; + padding: 5px; + } + .fieldWrapper{ + margin-top: 20px; + } + + + .clr-input { + color: #212529; + border: 1px solid #ced4da; + border-radius: 0.35rem; + padding: 0.75rem 0.75rem; + margin-top: 3px; + width: 100%; + margin-bottom: 10px; + } + input[type=text],textarea { + width: 100%; + padding: 15px 15px; + // margin: 8px 0; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + .required-field{ + color: red; + + } + .postColumn{ + border: 1px solid #ccc; + width: 78%; + margin-left: 15px; + } + .colName{ + text-align: center; + padding: 5px; + } + .colfields{ + border: 1px solid black; + margin: 17px; + text-align: center; + padding: 3px; + } + + select{ + width: 100%; + margin-top: 3px; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.spec.ts new file mode 100644 index 0000000..5e4af86 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DatamananementworkflowComponent } from './datamananementworkflow.component'; + +describe('DatamananementworkflowComponent', () => { + let component: DatamananementworkflowComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DatamananementworkflowComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DatamananementworkflowComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); 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 new file mode 100644 index 0000000..d1777ac --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/datamananementworkflow/datamananementworkflow.component.ts @@ -0,0 +1,555 @@ +import { HttpErrorResponse } from '@angular/common/http'; +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { DatamanagementService } from 'src/app/services/fnd/datamanagement.service'; +import { ExcelService } from 'src/app/services/excel.service'; +import { BulkimportService } from 'src/app/services/fnd/bulkimport.service'; + +@Component({ + selector: 'app-datamananementworkflow', + templateUrl: './datamananementworkflow.component.html', + styleUrls: ['./datamananementworkflow.component.scss'] +}) +export class DatamananementworkflowComponent implements OnInit { + data; + getbyiddata; + id; + columns: any[]; + rows: any[]; + bodyrow: any[] = []; + getHeaderData; + JsonHeader = []; + rowdata; + 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 }, + }; + + json: string = ""; + luisApp = + { + 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) { } + + ngOnInit(): void { + this.id = this.route.snapshot.params["id"]; + console.log("update with id = ", this.id); + 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) => { + console.log(data); + this.data = data; + }) + } + + + getById(id) { + this.datamservice.getTemplateById(id).subscribe((data) => { + console.log(data); + this.getbyiddata = data; + this.tableName = data.entityName; + }); + } + headerData; + 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); + + // const objectArray = data.map(key => ({ + // headerName: key, + // value: "", + // })); + // // console.log(objectArray); + // this.getHeaderData = JSON.stringify(objectArray); + // console.log(this.getHeaderData); + + // 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) => { + console.log(error); + }); + + } + + selectedSheetName: string | null = null; + getHeaderbybutton(id, sheetName) { + // this.bulkUpload.getHeader(id,sheetName).subscribe((data) => { + // console.log(data); + // this.getHeaderData = data; + + // const objectArray = data.map(key => ({ + // headerName: key, + // value: "", + // })); + // // 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); + } + } + + + checkData() { + console.log(this.JsonHeader); + console.log(this.mapperText); + } + + getkeychangesJson() { + + const jsonString = JSON.stringify(this.rows); + 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) => { + console.log(data); + 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]); + } + 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", + } + } + // 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") + } + 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; + + }); + } + // 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]; + } + 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; + } + + } + 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.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; + } + + Rule: boolean = false; + checkRule: boolean = true; + RuleData: string = ''; + ruleModal = false; + RuleHeader = []; + + checkRules() { + console.log("rule line open") + this.ruleModal = true; + + + } + + 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; + } + + 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(); + + }); + } + + 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; + + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingrule.component.html b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingrule.component.html new file mode 100644 index 0000000..90c6b64 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingrule.component.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingrule.component.scss b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingrule.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingrule.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingrule.component.spec.ts new file mode 100644 index 0000000..d63f2fa --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingrule.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MappingruleComponent } from './mappingrule.component'; + +describe('MappingruleComponent', () => { + let component: MappingruleComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ MappingruleComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(MappingruleComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingrule.component.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingrule.component.ts new file mode 100644 index 0000000..f384d1f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingrule.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-mappingrule', + templateUrl: './mappingrule.component.html', + styleUrls: ['./mappingrule.component.scss'] +}) +export class MappingruleComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleadd/mappingruleadd.component.html b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleadd/mappingruleadd.component.html new file mode 100644 index 0000000..753e663 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleadd/mappingruleadd.component.html @@ -0,0 +1,149 @@ +

Mapping Rule

+Add Mode
+Mapping Rules are proccessed while importing bulk records for respective entity +

+ + + + + + + + +

+ + + + + +

+ Entity Name + + +

+ Sheet Name + +

+ File
+ +

+ Description + +

+ +

+ Active + + +

+ + +

Mapping Fields

+ +

+ + +

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

Header Fields	Value
+ +	+ +

+ + +

+ +

+ + Cancel +

+ +

+ + + +

+ +

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

Header Fields	Value
+ +	+ + +

+ + +

+
+ +

+ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleadd/mappingruleadd.component.scss b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleadd/mappingruleadd.component.scss new file mode 100644 index 0000000..b05187f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleadd/mappingruleadd.component.scss @@ -0,0 +1,81 @@ +//@import "../../../../assets/scss/var"; +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; + button { + outline: none; + } + } + + .entry-pg { + width: 750px; + } + + .button1::after { + content: none; + } + .button1:hover::after { + content: "ADD ROWS"; + } + + $bg-color: #dddddd; + + .section { + background-color: $bg-color; + height: 40px; + } + + .section p { + //color: white; + font-weight: bold; + 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; + } + input[type=text],[type=date],[type=number],textarea { + width: 100%; + padding: 15px 15px; + margin-top: 3px; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + + .required-field{ + color: red; + + } + select{ + width: 100%; + margin-top: 3px; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleadd/mappingruleadd.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleadd/mappingruleadd.component.spec.ts new file mode 100644 index 0000000..8d28df0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleadd/mappingruleadd.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MappingruleaddComponent } from './mappingruleadd.component'; + +describe('MappingruleaddComponent', () => { + let component: MappingruleaddComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ MappingruleaddComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(MappingruleaddComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleadd/mappingruleadd.component.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleadd/mappingruleadd.component.ts new file mode 100644 index 0000000..cca1959 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleadd/mappingruleadd.component.ts @@ -0,0 +1,249 @@ +import { HttpErrorResponse, HttpHeaderResponse } from '@angular/common/http'; +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { BulkimportService } from 'src/app/services/fnd/bulkimport.service'; + +@Component({ + selector: 'app-mappingruleadd', + templateUrl: './mappingruleadd.component.html', + styleUrls: ['./mappingruleadd.component.scss'] +}) +export class MappingruleaddComponent implements OnInit { + public entryForm: FormGroup; + selectedFile: File[]=[]; + + datajson; + transform:boolean = false; + checkTransform:boolean = true; + mapperdata; + + entityname; + description; + constructor(private _fb: FormBuilder, private router: Router,private toastr: ToastrService, + private route: ActivatedRoute,private dataservice:BulkimportService) { } + + ngOnInit(): void { + this.entryForm = this._fb.group({ + entity_name:[null], + mapping_rule:[null], + description: [null], + active: [true], + fileType: [null], + }); + + this.route.queryParams.subscribe(params => { + const data = params['data']; + this.entityname = params['name']; + this.description = params['description']; + + + if (data) { + try { + this.datajson = JSON.parse(data); + console.log('Received data:', this.datajson); + } catch (e) { console.error('Invalid JSON:', data);} + } + + + }); + + const condition = this.dataservice.getCondition(); + if(condition === 'mapper'){ + this.transform = true; + this.checkTransform = false; + if(this.datajson!== undefined){ + // if(this.entryForm.value.rule_line == 'undefined'){ this.entryForm.value.rule_line= '';} + const currentText = this.entryForm.value.rule_line = ''; + this.mapperdata = currentText + this.datajson; + // this.entryForm.value.rule_line = this.mapperdata; + // this.Updating(); + this.dataservice.setCondition(''); + } + } + + + console.log(this.entryForm.value); + + this.entryForm.patchValue({ + entity_name: this.entityname, + description: this.description, + }); + + console.log(this.entryForm.value); + } + + serverData = [ + { + }]; + onAddLines(){ + this.serverData.push({ + rulename: "", + fromsheet:"", + fromColumn: "", + validationTable: "", + checkColumn: "", + replacementcolumn:"", + useColumn:"", + errormsg:"" + }); + console.log(this.serverData); + } + deleteRow(index) { + this.serverData.splice(index, 1); + } + + toastrShown: boolean = false; + onSubmit(){ + this.entryForm.value.mapping_rule = JSON.stringify(this.serverData); + console.log(this.entryForm.value); + this.dataservice.saveMappingData(this.entryForm.value).subscribe((data)=>{ + console.log(data); + if (data) { + if (!this.toastrShown) { + this.toastrShown = true; // Set the flag to indicate that the toastr message has been shown + this.toastr.success("Added Successfully"); + setTimeout(() => { + this.router.navigate(["../all"], { relativeTo: this.route }); + }, 500); + } + } + }, (error: HttpHeaderResponse)=>{ + console.log(error); + if(error.status===202){ + this.toastr.success("Added Succesfully"); + } + if(error.status===404){ + this.toastr.error("Not Added"); + } + if(error.status===400){ + this.toastr.error("Not Added"); + } + }); + setTimeout(() => { + this.router.navigate(["../all"], { relativeTo: this.route }); + },500); + } + goback(){ + this.router.navigate(["../all"], { relativeTo: this.route }); + } + + + + headerData; + getColumns(table){ + console.log(table); + // console.log(this.getbyiddata.entityName); + this.dataservice.getColumnNames(table).subscribe((data) => { + console.log(data); + this.headerData = data; + }); +} + + checkTransformMapper = true; + transformMapper = false; + mapperText; + getHeaderData; + JsonHeader = []; + selectedSheetName: string | null = null; + columnJson =[]; + sheetNames:any; + checkTransMapper(){ + + console.log("Mapper open") + // console.log(this.storeData); + if(this.getHeaderData){ + this.checkTransformMapper = false; + this.transformMapper = 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.checkTransformMapper = true; + this.transformMapper = false; + } + + } + mappperModal = false; + goFromMapperField(){ + 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);} + + } + } + + transResetMapper(){ + this.mapperText = ''; + this.transformMapper = false; + this.checkTransformMapper = true; + } + + onUpdate(){ + this.mappperModal = false; + } + + + getHeaderFieldData(){ + if(this.entryForm.value.entity_name){ + this.dataservice.getColumnNames(this.entryForm.value.entity_name).subscribe(data =>{ + console.log(data); + const objectArray = data.map(fieldname => ({ + headerName: fieldname, + value: "", + })); + // console.log(objectArray); + const headerdata= JSON.stringify(objectArray); + this.serverData = JSON.parse(headerdata); + }) + }else{ + this.toastr.warning("Entity Name is Required") + } + } + + chooseFile(event){ + console.log(event); + this.selectedFile = event.target.files[0]; + } + + valueofField; + getDDFieldData(){ + if(this.entryForm.value.fileType && this.selectedFile){ + this.dataservice.getDDforMappingRule(this.selectedFile,this.entryForm.value.fileType).subscribe(data =>{ + console.log(data); + this.valueofField = data.body; + },(error)=>{ + if(error.status === 404){ + this.toastr.error("Sheet not found") + } + if(error.status >= 500 && error.status <= 599){ + this.toastr.error("Server Error") + } + }) + }else{ + this.toastr.warning("Sheet name and file is required") + + } +} + + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleall/mappingruleall.component.html b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleall/mappingruleall.component.html new file mode 100644 index 0000000..8ee34a9 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleall/mappingruleall.component.html @@ -0,0 +1,85 @@ + + +
+ +

Mapping Rule

+ + + +

+ + +

Loading ...

+ +

+ Entity Name +

+ Description +

+ Active +

+ File Type +

+ Action +

+ + {{user.entity_name}} + {{user.description}} + {{user.active}} + {{user.fileType}} + + + + + + + + + + + + + Users per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} users + + + +

+ + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleall/mappingruleall.component.scss b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleall/mappingruleall.component.scss new file mode 100644 index 0000000..c05b1dc --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleall/mappingruleall.component.scss @@ -0,0 +1,4 @@ +.delete,.heading{ + text-align: center; + color: red; + } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleall/mappingruleall.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleall/mappingruleall.component.spec.ts new file mode 100644 index 0000000..bf59474 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleall/mappingruleall.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MappingruleallComponent } from './mappingruleall.component'; + +describe('MappingruleallComponent', () => { + let component: MappingruleallComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ MappingruleallComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(MappingruleallComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleall/mappingruleall.component.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleall/mappingruleall.component.ts new file mode 100644 index 0000000..a204f3b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleall/mappingruleall.component.ts @@ -0,0 +1,85 @@ +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { ExcelService } from 'src/app/services/excel.service'; +import * as moment from 'moment'; +import { BulkimportService } from 'src/app/services/fnd/bulkimport.service'; +@Component({ + selector: 'app-mappingruleall', + templateUrl: './mappingruleall.component.html', + styleUrls: ['./mappingruleall.component.scss'] +}) +export class MappingruleallComponent implements OnInit { + loading = false; + error; + selected: any[] = []; + rowSelected :any= {}; + modaldelete=false; + data; + constructor(private router: Router, private toastr: ToastrService, + private route: ActivatedRoute,private excel: ExcelService,private bulkimportService:BulkimportService,) { } + + ngOnInit(): void { + this.getall(); + } + getall(){ + this.bulkimportService.getMappingDetails().subscribe((data)=>{ + console.log(data); + this.data=data; + if(this.data.length == 0){ + this.error="No data Available"; + console.log(this.error); + } + + },(error) => { + console.log(error); + if(error){ + this.error="No data Available OR server Error"; + } + }); + + } + goToAdd(){ + this.router.navigate(["../add"], { relativeTo: this.route }); + + } + onExport() { + this.excel.exportAsExcelFile(this.data, 'user_', + moment().format('YYYYMMDD_HHmmss')) + } + goToEdit(id) { + this.router.navigate(["../edit/" + id], { relativeTo: this.route }); + } + onDelete(row) { + this.rowSelected = row; + this.modaldelete=true; + } + + delete(id){ + this.modaldelete = false; + console.log("in delete "+id); + this.bulkimportService.deleteMappingById(id).subscribe( + (data) => { + console.log(data); + this.ngOnInit(); + if (data == null || data) { + this.toastr.success('Deleted successfully'); + } + }, + (error) => { + console.log('Error in adding data...',+error); + if(isNaN(error)){ + this.toastr.success('Deleted successfully'); + }else{ + this.toastr.error('Not Deleted Data Getting Some Error'); + } + } + ); +} + +activeTab: number = 1; + +showTab(tabNumber: number) { + this.activeTab = tabNumber; +} +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleedit/mappingruleedit.component.html b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleedit/mappingruleedit.component.html new file mode 100644 index 0000000..6bdbd5a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleedit/mappingruleedit.component.html @@ -0,0 +1,100 @@ +

Mapping Rule

+Edit Mode
+Mapping Rules are proccessed while importing bulk records for respective entity +

+ Entity Name + +

+ Sheet Name + +

+ File
+ +

+ Description + +

+ +

+ Active + + +

+ + +

Mapping Fields

+ +

+ + +

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

Header Fields	Value
+ +	+ + + +

+ + +

+ + Cancel +

+ +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleedit/mappingruleedit.component.scss b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleedit/mappingruleedit.component.scss new file mode 100644 index 0000000..b05187f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleedit/mappingruleedit.component.scss @@ -0,0 +1,81 @@ +//@import "../../../../assets/scss/var"; +.s-info-bar { + display: flex; + flex-direction: row; + justify-content: space-between; + button { + outline: none; + } + } + + .entry-pg { + width: 750px; + } + + .button1::after { + content: none; + } + .button1:hover::after { + content: "ADD ROWS"; + } + + $bg-color: #dddddd; + + .section { + background-color: $bg-color; + height: 40px; + } + + .section p { + //color: white; + font-weight: bold; + 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; + } + input[type=text],[type=date],[type=number],textarea { + width: 100%; + padding: 15px 15px; + margin-top: 3px; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + + .required-field{ + color: red; + + } + select{ + width: 100%; + margin-top: 3px; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; + } + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleedit/mappingruleedit.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleedit/mappingruleedit.component.spec.ts new file mode 100644 index 0000000..2e79fd9 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleedit/mappingruleedit.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MappingruleeditComponent } from './mappingruleedit.component'; + +describe('MappingruleeditComponent', () => { + let component: MappingruleeditComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ MappingruleeditComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(MappingruleeditComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleedit/mappingruleedit.component.ts b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleedit/mappingruleedit.component.ts new file mode 100644 index 0000000..3239322 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/datamanagement/mappingrule/mappingruleedit/mappingruleedit.component.ts @@ -0,0 +1,161 @@ +import { HttpErrorResponse, HttpHeaderResponse } from '@angular/common/http'; +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { BulkimportService } from 'src/app/services/fnd/bulkimport.service'; + +@Component({ + selector: 'app-mappingruleedit', + templateUrl: './mappingruleedit.component.html', + styleUrls: ['./mappingruleedit.component.scss'] +}) +export class MappingruleeditComponent implements OnInit { + public entryForm: FormGroup; + selectedFile: File[]=[]; + id; + datajson; + transform:boolean = false; + checkTransform:boolean = true; + mapperdata; + tdata: any = {}; + entityname; + description; + constructor(private _fb: FormBuilder, private router: Router,private toastr: ToastrService, + private route: ActivatedRoute,private dataservice:BulkimportService) { } + + ngOnInit(): void { + this.id = this.route.snapshot.params["id"]; + console.log("update with id = ", this.id); + + + this.dataservice.getMappingDetailsById(this.id).subscribe(data => { + this.tdata = data; + this.serverData = JSON.parse(data.mapping_rule); + console.log(this.tdata); + }, + (err) => { + console.log(err); + }); + + console.log(this.tdata); + // this.entryForm.patchValue({ + // entity_name: this.entityname, + // description: this.description, + // }); + // console.log(this.entryForm.value); + } + + getById(id: number) { + + } + + serverData = []; + + toastrShown: boolean = false; + onSubmit(){ + this.tdata.mapping_rule = JSON.stringify(this.serverData); + console.log(this.tdata); + this.dataservice.updateMappingData(this.tdata, this.id).subscribe((data)=>{ + console.log(data); + if (data.operationStatus) { + this.toastr.warning(data.operationMessage); + }else{ + if (!this.toastrShown) { + this.toastrShown = true; // Set the flag to indicate that the toastr message has been shown + this.toastr.success("Update Successfully"); + setTimeout(() => { + this.router.navigate(["../../all"], { relativeTo: this.route }); + }, 500); + } + } + }, (error: HttpHeaderResponse)=>{ + console.log(error); + if(error.status===202){ + this.toastr.success("Update Succesfully"); + } + if(error.status===404){ + this.toastr.error("Not Update"); + } + if(error.status===400){ + this.toastr.error("Not Update"); + } + }); + setTimeout(() => { + this.router.navigate(["../../all"], { relativeTo: this.route }); + },500); + } + + Updating(){ + console.log(this.tdata); + this.dataservice.updateData(this.tdata, this.id).subscribe(data=>{ + console.log(data); + // this.ngOnInit(); + }, (error: HttpHeaderResponse)=>{ + console.log(error); + }); + } + + goback(){ + this.router.navigate(["../../all"], { relativeTo: this.route }); + } + + + + headerData; + getColumns(table){ + console.log(table); + // console.log(this.getbyiddata.entityName); + this.dataservice.getColumnNames(table).subscribe((data) => { + console.log(data); + this.headerData = data; + }); +} + + + + getHeaderFieldData(){ + if(this.tdata.entity_name){ + this.dataservice.getColumnNames(this.tdata.entity_name).subscribe(data =>{ + console.log(data); + const objectArray = data.map(fieldname => ({ + headerName: fieldname, + value: "", + })); + // console.log(objectArray); + const headerdata= JSON.stringify(objectArray); + this.serverData = JSON.parse(headerdata); + }) + }else{ + this.toastr.warning("Entity Name is Required") + } + } + + showdropdown = false; + chooseFile(event){ + console.log(event); + this.selectedFile = event.target.files[0]; + if(event){ this.showdropdown = true;} + + } + + valueofField; + getDDFieldData(){ + if(this.tdata.fileType && this.selectedFile){ + this.dataservice.getDDforMappingRule(this.selectedFile,this.tdata.fileType).subscribe(data =>{ + console.log(data); + this.valueofField = data.body; + },(error)=>{ + if(error.status === 404){ + this.toastr.error("Sheet not found") + } + if(error.status >= 500 && error.status <= 599){ + this.toastr.error("Server Error") + } + }) + }else{ + this.toastr.warning("Sheet name and file is required") + } +} + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/Token_registery/Token_registery.component.html b/frontend/angular-clarity-master/src/app/modules/main/fnd/Token_registery/Token_registery.component.html new file mode 100644 index 0000000..b29b64e --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/Token_registery/Token_registery.component.html @@ -0,0 +1,354 @@ + +

Token registery

+ + + +

+ + + Loading ... + +

+ + +

token name +

+ + +

token +

+ + + +

+ Action +

+ + + + + {{user.token_name }} + + +

+ + + + + +

+ +

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 + + +

+ +

+ + + Data could be found. Loading.. + Loading ... + +

+ +

+ {{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)}} +

+ +

+ + +

+ +

+ + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/Token_registery/Token_registery.component.scss b/frontend/angular-clarity-master/src/app/modules/main/fnd/Token_registery/Token_registery.component.scss new file mode 100644 index 0000000..12f7fc8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/Token_registery/Token_registery.component.scss @@ -0,0 +1,85 @@ +//@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; +} +.universal-section-header { + margin: 24px 0 10px 0; + font-weight: 600; + color: #1a237e; + letter-spacing: 0.5px; + font-size: 1.25rem; +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/Token_registery/Token_registery.component.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/Token_registery/Token_registery.component.ts new file mode 100644 index 0000000..9d0ecaf --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/Token_registery/Token_registery.component.ts @@ -0,0 +1,251 @@ +import { Component, OnInit } from '@angular/core'; +import { ToastrService } from 'ngx-toastr'; +import { AlertService } from 'src/app/services/alert.service'; +import { Token_registeryservice } from './Token_registery.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 { Token_registerycardvariable } from './Token_registery_cardvariable'; +import { UserInfoService } from 'src/app/services/user-info.service'; +declare var JsBarcode: any; +@Component({ + selector: 'app-Token_registery', + templateUrl: './Token_registery.component.html', + styleUrls: ['./Token_registery.component.scss'] +}) +export class Token_registeryComponent implements OnInit { + cardButton = Token_registerycardvariable.cardButton; + cardmodeldata = Token_registerycardvariable.cardmodeldata; + public dashboardArray: DashboardContentModel2[]; + isCardview = Token_registerycardvariable.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 = 'Token_registery_formCode' + tableName = 'Token_registery'; checkFormCode; selected: any[] = []; constructor( + private extensionService: ExtensionService, + private userInfoService: UserInfoService, + private mainService: Token_registeryservice, + private alertService: AlertService, + private toastr: ToastrService, + private _fb: FormBuilder, + ) { } + private editInterval: any; + // 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({ + token_name: [null], + + token: [null], + + + + + + + }); // 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 === "Token_registery_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 + + + + + + } + ngOnDestroy(): void { + if (this.editInterval) { + clearInterval(this.editInterval); + } + } + + + + error; + getData() { + this.mainService.getAll().subscribe((data) => { + console.log(data); + this.product = data; + this.product = [...this.product].reverse(); 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(); + + } + + + rsModaltoken = false; + goToReplaceStringtoken(row) { + this.rowSelected = row; this.rsModaltoken = true; + } + + // updateaction +} + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/Token_registery/Token_registery.service.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/Token_registery/Token_registery.service.ts new file mode 100644 index 0000000..6fdf18c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/Token_registery/Token_registery.service.ts @@ -0,0 +1,38 @@ +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"; +@Injectable({ + providedIn: 'root' +}) +export class Token_registeryservice { + private baseURL = "apiregistery"; + + constructor( + + private apiRequest: ApiRequestService, + ) { } + getAll(page?: number, size?: number): Observable { + return this.apiRequest.get(this.baseURL + "/getall"); + } + getById(id: number): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.get(_http); + } + create(data: any): Observable { + return this.apiRequest.post(this.baseURL + "/generateToken", 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 + "/delete/" + id; + return this.apiRequest.delete(_http); + } + + + + + // updateaction +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/Token_registery/Token_registery_cardvariable.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/Token_registery/Token_registery_cardvariable.ts new file mode 100644 index 0000000..3062363 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/Token_registery/Token_registery_cardvariable.ts @@ -0,0 +1,4 @@ +export const Token_registerycardvariable = { + "cardButton": false, + "cardmodeldata": `` +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/ApiRegistery.service.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/ApiRegistery.service.ts new file mode 100644 index 0000000..21f04cb --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/ApiRegistery.service.ts @@ -0,0 +1,46 @@ +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"; +@Injectable({ + providedIn: 'root' +}) +export class ApiRegisteryservice { + private baseURL = "Api_registery_header/Api_registery_header"; 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/fnd/apiregistery/Apiregisteryline/Apiregisteryline.component.html b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/Apiregisteryline/Apiregisteryline.component.html new file mode 100644 index 0000000..e7e1514 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/Apiregisteryline/Apiregisteryline.component.html @@ -0,0 +1,382 @@ + +

ApiRegisteryLine

+ + + +

+ + + Loading ... + +

+ + +

url +

+ + +

method +

+ + + + + +

+ Action +

+ + + + + {{user.url }} + + + {{user.method }} + + + + + + + +

+ +

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 + + +

+ +

+ + + Data could be found. Loading.. + Loading ... + +

+ +

+ {{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)}} +

+ +

+ + +

+ +

+ + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/Apiregisteryline/Apiregisteryline.component.scss b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/Apiregisteryline/Apiregisteryline.component.scss new file mode 100644 index 0000000..c47b921 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/Apiregisteryline/Apiregisteryline.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/fnd/apiregistery/Apiregisteryline/Apiregisteryline.component.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/Apiregisteryline/Apiregisteryline.component.ts new file mode 100644 index 0000000..5b060a1 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/Apiregisteryline/Apiregisteryline.component.ts @@ -0,0 +1,230 @@ +import { Component, OnInit } from '@angular/core'; +import { ToastrService } from 'ngx-toastr'; +import { AlertService } from 'src/app/services/alert.service'; +import { Apiregisterylineservice } from './Apiregisteryline.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 { Apiregisterylinecardvariable } from './Apiregisteryline_cardvariable'; +import { UserInfoService } from 'src/app/services/user-info.service'; +import { ActivatedRoute } from '@angular/router'; +declare var JsBarcode: any; +@Component({ + selector: 'app-Apiregisteryline', + templateUrl: './Apiregisteryline.component.html', + styleUrls: ['./Apiregisteryline.component.scss'] +}) +export class ApiregisterylineComponent implements OnInit { + cardButton = Apiregisterylinecardvariable.cardButton; + cardmodeldata = Apiregisterylinecardvariable.cardmodeldata; + public dashboardArray: DashboardContentModel2[]; + isCardview = Apiregisterylinecardvariable.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 = 'Apiregisteryline_formCode'; + headerId; + tableName = 'Apiregisteryline'; checkFormCode; selected: any[] = []; constructor( + private extensionService: ExtensionService, + private userInfoService: UserInfoService, + private mainService: Apiregisterylineservice, + private alertService: AlertService, + private toastr: ToastrService, + private _fb: FormBuilder, + private route: ActivatedRoute, + ) { } + private editInterval: any; + // component button + ngOnInit(): void { + + this.headerId = this.route.snapshot.params["id"]; + console.log("headerId = ", this.headerId); + + 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({ + url: [null], + + method: [null], + + + + }); // 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 === "Apiregisteryline_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 + + + + + + + + } + ngOnDestroy(): void { + if (this.editInterval) { + clearInterval(this.editInterval); + } + } + + error; + getData() { + this.mainService.getAll(this.headerId).subscribe((data) => { + console.log(data); + this.product = data; + this.product = [...this.product].reverse(); 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.entryForm.value.header_id = this.headerId; + 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(); + + } + + // updateaction +} + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/Apiregisteryline/Apiregisteryline.service.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/Apiregisteryline/Apiregisteryline.service.ts new file mode 100644 index 0000000..d0d929c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/Apiregisteryline/Apiregisteryline.service.ts @@ -0,0 +1,38 @@ +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"; +@Injectable({ + providedIn: 'root' +}) +export class Apiregisterylineservice { + private baseURL = "Api_registery_line/Api_registery_line"; constructor( + private http: HttpClient, + private apiRequest: ApiRequestService, + ) { } + getAll(headerId: number, page?: number, size?: number): Observable { + return this.apiRequest.get(this.baseURL + "/header/" + headerId); + } + 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/fnd/apiregistery/Apiregisteryline/Apiregisteryline_cardvariable.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/Apiregisteryline/Apiregisteryline_cardvariable.ts new file mode 100644 index 0000000..d7b2860 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/Apiregisteryline/Apiregisteryline_cardvariable.ts @@ -0,0 +1,4 @@ +export const Apiregisterylinecardvariable = { + "cardButton": false, + "cardmodeldata": `` +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/addapiregistery/addapiregistery.component.html b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/addapiregistery/addapiregistery.component.html new file mode 100644 index 0000000..3c293d8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/addapiregistery/addapiregistery.component.html @@ -0,0 +1 @@ +

addapiregistery works!

diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/addapiregistery/addapiregistery.component.scss b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/addapiregistery/addapiregistery.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/addapiregistery/addapiregistery.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/addapiregistery/addapiregistery.component.spec.ts new file mode 100644 index 0000000..a06237c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/addapiregistery/addapiregistery.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AddapiregisteryComponent } from './addapiregistery.component'; + +describe('AddapiregisteryComponent', () => { + let component: AddapiregisteryComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [AddapiregisteryComponent] + }); + fixture = TestBed.createComponent(AddapiregisteryComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/addapiregistery/addapiregistery.component.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/addapiregistery/addapiregistery.component.ts new file mode 100644 index 0000000..f4cd146 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/addapiregistery/addapiregistery.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-addapiregistery', + templateUrl: './addapiregistery.component.html', + styleUrls: ['./addapiregistery.component.scss'] +}) +export class AddapiregisteryComponent { + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/allapiregistery/allapiregistery.component.html b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/allapiregistery/allapiregistery.component.html new file mode 100644 index 0000000..114e7d5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/allapiregistery/allapiregistery.component.html @@ -0,0 +1,172 @@ + + +

API-Registery - {{getFormCode}}

+ + + +

+ + +

Loading ...

+ + + + +

+ Table Name +

+ +

+ Action +

+ + + +

+ + + + {{user.table_name}} + + +

+ +

Who Column

Account ID: {{user.accountId}}

Created At: {{user.createdAt| date}}

Created By: {{user.createdBy}}

Updated At: {{user.updatedAt | date}}

Updated By: {{user.updatedBy}}

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

Field Name:

+ + + + + Users per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} users + + + +

+ + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/allapiregistery/allapiregistery.component.scss b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/allapiregistery/allapiregistery.component.scss new file mode 100644 index 0000000..8d27434 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/allapiregistery/allapiregistery.component.scss @@ -0,0 +1,5 @@ +@import '../../../../../../styles1.scss'; +.delete,.heading{ + text-align: center; + color: red; +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/allapiregistery/allapiregistery.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/allapiregistery/allapiregistery.component.spec.ts new file mode 100644 index 0000000..1188923 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/allapiregistery/allapiregistery.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AllapiregisteryComponent } from './allapiregistery.component'; + +describe('AllapiregisteryComponent', () => { + let component: AllapiregisteryComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [AllapiregisteryComponent] + }); + fixture = TestBed.createComponent(AllapiregisteryComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/allapiregistery/allapiregistery.component.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/allapiregistery/allapiregistery.component.ts new file mode 100644 index 0000000..70425b0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/allapiregistery/allapiregistery.component.ts @@ -0,0 +1,299 @@ + +import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation, } from '@angular/core'; +import { ActivatedRoute, Router } from "@angular/router"; + +import { ToastrService } from 'ngx-toastr'; +import { ExtensionField } from "src/app/models/fnd/ExtensionField"; +import { ExtensionService } from 'src/app/services/fnd/extension.service'; + +//import { Teacher } from "src/app/pages/university/teacher/Teacher"; +import { UserInfoService } from "src/app/services/user-info.service"; +import { ApiRegisteryservice } from '../ApiRegistery.service'; +import { FormBuilder, FormGroup } from '@angular/forms'; + +interface Rows { + + id: number; + url: string; + method: string; + header_id: number; +} +@Component({ + selector: 'app-allapiregistery', + templateUrl: './allapiregistery.component.html', + styleUrls: ['./allapiregistery.component.scss'] +}) +export class AllapiregisteryComponent implements OnInit { + @ViewChild("extById") extensionById: TemplateRef; + @ViewChild("showInGrid") txId: TemplateRef; + + //@ViewChild("filter") filter: ElementRef; + basic: boolean = false; + // whoColumns: Teacher; // who columns data + alldata: any; + userrole; + columns: any[]; + rows: Rows[]; + temp = []; + rowSelected: any = {}; + modaldelete = false; + modalEdit = false; + modalAdd = false; + public entryForm: FormGroup; + loading = false; + error; + selected: any[] = []; + filterData: string; + isLoading: boolean = false; + extensionField: ExtensionField[] = []; + constructor(private router: Router, + private route: ActivatedRoute, + private toastr: ToastrService, + private extensionService: ExtensionService, + private apiregistery: ApiRegisteryservice, + private userInfoService: UserInfoService, + private _fb: FormBuilder, + ) { } + + private account_id: any; + // private formCode: any; + formCode: string; + getFormCode; + public key: string = "formCode"; + public storage: Storage = sessionStorage; + ngOnInit(): void { + this.route.queryParams.subscribe(params => { + this.getFormCode = params['formCode']; + console.log("formCode ", this.getFormCode); + this.storage.setItem("formCode", this.getFormCode); // Store the value in sessionStorage using the key + }); + + + this.account_id = this.userInfoService.getUserId(); + this.formCode = this.storage.getItem(this.key); + console.log("[ngOnInit] acc_id: " + this.account_id + " formCode: " + this.formCode); + this.getData(); + // this.columns = [ + // /* { prop: "id", name: "Actions", width: 65, cellTemplate: this.extensionById }, */ + // { prop: "field_name", name: "Field Name", width: 120 }, + // { prop: "mapping", name: "Mapping", width: 150 }, + // { prop: "data_type", name: "Data Type", width: 190 }, + // /* { prop: "id", name: "Show In Grid", width: 90, cellTemplate: this.txId } */ + // ]; + + this.entryForm = this._fb.group({ + table_name: [null], + }); + + this.userrole = this.userInfoService.getRoles(); + + } + getData() { + this.apiregistery.getAll().subscribe((data) => { + this.alldata = data + console.log(' get all ', this.alldata); + if (this.alldata.length == 0) { + this.error = "No data Available"; + console.log(this.error) + } + }, (error) => { + console.log(error); + if (error) { + this.error = "Server Error"; + } + }) + } + + alertType: string; + alertMessage: string = ""; + alert = [ + { type: "success", message: "Build Successfully" }, + { type: "danger", message: "Some error Happens" }, + ]; + + // buildExtension(id, accountID) { + // console.log("buildExtension() Account id = " + this.account_id + " Form Code = ", + // this.formCode); + // if (this.account_id === null && this.formCode === null) { + // this.alertType = this.alert[1].type; + // this.alertMessage = "form_code is null"; + // return; + // } + // this.extensionService + // .buildExtension(id, accountID, this.formCode) + // .subscribe( + // (data) => { + // console.log("build successfully ", data); + // this.alert.forEach((e) => { + // if (e.type === "success") { + // this.alertType = e.type; + // this.alertMessage = e.message; + // } //data.type === true : e.message ? e.message + + // }); + // // go to parent entry form... + // //this.router.navigate(['../../'], { relativeTo: this.route.parent }); + + // if (data) { + // this.toastr.success("Build successfully"); + // } + + + // }, + // (err) => { + + // if (err) { + // this.toastr.error("Build Not Successful"); + // } + // console.log("build failed ", err); + // this.alertType = this.alert[1].type; + // this.alertMessage = this.alert[1].message; + // } + // ); + // } + + // isChecked(id: number) { + // return ( + // this.extensionField.find(c => { + // if (c.id === id) return c.isActive; + // }) !== undefined + // ); + // } + + // chk(checked) { + // console.log(checked); + // return !checked; + // } + + // extField: ExtensionField; + // checked: boolean; + // toggle(id: number) { + // console.log(id); + // this.extensionService.getById(id).subscribe(ext => { + // this.extField = ext; + // this.checked = ext.isActive; + // console.log('extField ', this.extField); + // console.log('checked ', this.checked); + // }); + // console.log(this.extField.isActive); + // //this.extensionService.update(id,this.extField).subscribe(); + // } + + goToEdit(row) { + this.rowSelected = row; + + this.modalEdit = true; + } + + onUpdate(id) { + this.modalEdit = false; + //console.log("in update"); + console.log("id " + id); + console.log(this.rowSelected); + //console.log("out update"); + this.apiregistery.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.apiregistery.create(this.entryForm.value).subscribe( + (data) => { + console.log('after add ', 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(); + + } + + + // goToAdd() { + // this.router.navigate(["../add"], { relativeTo: this.route }); + // } + // goToEdit(id: number) { + // this.router.navigate(["../edit/" + id], { relativeTo: this.route }); + // } + + goToWhoColumns(id: number) { + this.basic = !this.basic; + } + onDelete(row) { + this.rowSelected = row; + this.modaldelete = true; + } + delete(id) { + this.modaldelete = false; + console.log("in delete " + id); + this.extensionService.delete(id).subscribe((data) => { + console.log(data); + this.ngOnInit(); + if (data.body) { + this.toastr.success('Deleted successfully'); + } + }, (error) => { + console.log('Error in adding data...', +error); + if (error) { + this.toastr.error('Not Deleted Data Getting Some Error'); + } + }); + } + + + gotoline(id: any) { + this.router.navigate(["../line/" + id], { relativeTo: this.route }) + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/apiregistery.component.html b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/apiregistery.component.html new file mode 100644 index 0000000..0680b43 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/apiregistery.component.html @@ -0,0 +1 @@ + diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/apiregistery.component.scss b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/apiregistery.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/apiregistery.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/apiregistery.component.spec.ts new file mode 100644 index 0000000..56bfcc0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/apiregistery.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ApiregisteryComponent } from './apiregistery.component'; + +describe('ApiregisteryComponent', () => { + let component: ApiregisteryComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [ApiregisteryComponent] + }); + fixture = TestBed.createComponent(ApiregisteryComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/apiregistery.component.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/apiregistery.component.ts new file mode 100644 index 0000000..3abcf3c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/apiregistery.component.ts @@ -0,0 +1,214 @@ +// import { Component } from '@angular/core'; + +// @Component({ +// selector: 'app-apiregistery', +// templateUrl: './apiregistery.component.html', +// styleUrls: ['./apiregistery.component.scss'] +// }) +// export class ApiregisteryComponent { + +// } +import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation, } from '@angular/core'; +import { ActivatedRoute, Router } from "@angular/router"; + +import { ToastrService } from 'ngx-toastr'; +import { ExtensionField } from "src/app/models/fnd/ExtensionField"; +import { ExtensionService } from 'src/app/services/fnd/extension.service'; +//import { Teacher } from "src/app/pages/university/teacher/Teacher"; +import { UserInfoService } from "src/app/services/user-info.service"; + +interface Rows { + id: number; + field_name: any; + mapping: any; + data_type: any; + isActive: any; +} +@Component({ + selector: 'app-apiregistery', + templateUrl: './apiregistery.component.html', + styleUrls: ['./apiregistery.component.scss'] +}) +export class ApiregisteryComponent implements OnInit { + @ViewChild("extById") extensionById: TemplateRef; + @ViewChild("showInGrid") txId: TemplateRef; + + //@ViewChild("filter") filter: ElementRef; + basic: boolean = false; + // whoColumns: Teacher; // who columns data + columns: any[]; + rows: Rows[]; + temp = []; + rowSelected: any = {}; + modaldelete = false; + loading = false; + error; + selected: any[] = []; + filterData: string; + isLoading: boolean = false; + extensionField: ExtensionField[] = []; + constructor(private router: Router, + private route: ActivatedRoute, + private toastr: ToastrService, + private extensionService: ExtensionService, + private userInfoService: UserInfoService) { } + + private account_id: any; + // private formCode: any; + formCode: string; + getFormCode; + public key: string = "formCode"; + public storage: Storage = sessionStorage; + ngOnInit(): void { + this.route.queryParams.subscribe(params => { + this.getFormCode = params['formCode']; + console.log("formCode ", this.getFormCode); + this.storage.setItem("formCode", this.getFormCode); // Store the value in sessionStorage using the key + }); + + + this.account_id = this.userInfoService.getUserId(); + this.formCode = this.storage.getItem(this.key); + console.log("[ngOnInit] acc_id: " + this.account_id + " formCode: " + this.formCode); + this.getData(); + this.columns = [ + /* { prop: "id", name: "Actions", width: 65, cellTemplate: this.extensionById }, */ + { prop: "field_name", name: "Field Name", width: 120 }, + { prop: "mapping", name: "Mapping", width: 150 }, + { prop: "data_type", name: "Data Type", width: 190 }, + /* { prop: "id", name: "Show In Grid", width: 90, cellTemplate: this.txId } */ + ]; + } + getData() { + this.isLoading = true; + //this.extensionField = new ExtensionField(); + this.extensionService.getAll().subscribe((data) => { + this.isLoading = false; + console.log(data); + // this.extensionField = data; + if (this.formCode === 'undefined' || this.formCode === undefined || this.formCode === null) { + this.extensionField = data; + } else { + this.extensionField = data.filter(item => item.form_code === this.formCode); + console.log(this.extensionField); + } + this.rows = this.extensionField; + if (this.extensionField.length == 0) { + this.error = "No data Available"; + console.log(this.error) + } + //this.temp = [...this.extensionField]; + }, (error) => { + console.log(error); + if (error) { + this.error = "No data Available OR server Error"; + } + }); + } + + alertType: string; + alertMessage: string = ""; + alert = [ + { type: "success", message: "Build Successfully" }, + { type: "danger", message: "Some error Happens" }, + ]; + + buildExtension(id, accountID) { + console.log("buildExtension() Account id = " + this.account_id + " Form Code = ", + this.formCode); + if (this.account_id === null && this.formCode === null) { + this.alertType = this.alert[1].type; + this.alertMessage = "form_code is null"; + return; + } + this.extensionService + .buildExtension(id, accountID, this.formCode) + .subscribe( + (data) => { + console.log("build successfully ", data); + this.alert.forEach((e) => { + if (e.type === "success") { + this.alertType = e.type; + this.alertMessage = e.message; + } //data.type === true : e.message ? e.message + + }); + // go to parent entry form... + //this.router.navigate(['../../'], { relativeTo: this.route.parent }); + + if (data) { + this.toastr.success("Build successfully"); + } + + + }, + (err) => { + + if (err) { + this.toastr.error("Build Not Successful"); + } + console.log("build failed ", err); + this.alertType = this.alert[1].type; + this.alertMessage = this.alert[1].message; + } + ); + } + + isChecked(id: number) { + return ( + this.extensionField.find(c => { + if (c.id === id) return c.isActive; + }) !== undefined + ); + } + + chk(checked) { + console.log(checked); + return !checked; + } + + extField: ExtensionField; + checked: boolean; + toggle(id: number) { + console.log(id); + this.extensionService.getById(id).subscribe(ext => { + this.extField = ext; + this.checked = ext.isActive; + console.log('extField ', this.extField); + console.log('checked ', this.checked); + }); + console.log(this.extField.isActive); + //this.extensionService.update(id,this.extField).subscribe(); + } + + goToAdd() { + this.router.navigate(["../add"], { relativeTo: this.route }); + } + goToEdit(id: number) { + this.router.navigate(["../edit/" + id], { relativeTo: this.route }); + } + + goToWhoColumns(id: number) { + this.basic = !this.basic; + } + onDelete(row) { + this.rowSelected = row; + this.modaldelete = true; + } + delete(id) { + this.modaldelete = false; + console.log("in delete " + id); + this.extensionService.delete(id).subscribe((data) => { + console.log(data); + this.ngOnInit(); + if (data.body) { + this.toastr.success('Deleted successfully'); + } + }, (error) => { + console.log('Error in adding data...', +error); + if (error) { + this.toastr.error('Not Deleted Data Getting Some Error'); + } + }); + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/editapiregistery/editapiregistery.component.html b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/editapiregistery/editapiregistery.component.html new file mode 100644 index 0000000..e0fb3d3 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/editapiregistery/editapiregistery.component.html @@ -0,0 +1 @@ +

editapiregistery works!

diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/editapiregistery/editapiregistery.component.scss b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/editapiregistery/editapiregistery.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/editapiregistery/editapiregistery.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/editapiregistery/editapiregistery.component.spec.ts new file mode 100644 index 0000000..8eece98 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/editapiregistery/editapiregistery.component.spec.ts @@ -0,0 +1,21 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { EditapiregisteryComponent } from './editapiregistery.component'; + +describe('EditapiregisteryComponent', () => { + let component: EditapiregisteryComponent; + let fixture: ComponentFixture; + + beforeEach(() => { + TestBed.configureTestingModule({ + declarations: [EditapiregisteryComponent] + }); + fixture = TestBed.createComponent(EditapiregisteryComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/editapiregistery/editapiregistery.component.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/editapiregistery/editapiregistery.component.ts new file mode 100644 index 0000000..3ea304c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/apiregistery/editapiregistery/editapiregistery.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; + +@Component({ + selector: 'app-editapiregistery', + templateUrl: './editapiregistery.component.html', + styleUrls: ['./editapiregistery.component.scss'] +}) +export class EditapiregisteryComponent { + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.html b/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.html new file mode 100644 index 0000000..e643f0a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.html @@ -0,0 +1,375 @@ + +

+ + +

+ + 0 +

+ + + + + + + + + +

+ + +

+ + + + + +

+ + + + +
+ +

+ + {{'NOTIFICATION_NOT_FOUND' | translate}} +

{{'LOADING' | translate}} ...

+ + Avatar

+ + +

+ + {{not.notification}} + + {{ not.time | timePipe }} +
+

+ + + + + +
+ +

+ + {{'SUGGESTION_NOT_FOUND'| translate}} +

{{'LOADING'| translate}} ...

+ +

+ {{app.owner}} {{app.accessibility ? 'private' : 'public'}} +

+ +

+ {{app.projectName}} +

+ {{app.description ? app.description : 'project description'}} +

+ + + ◇ + {{'SERVICE'| translate}} + +

+ +

+ + {{tech}} + +

+ +

+ + +

+ {{app.createdAt | timePipe}} +

+ +
+ + + + + + +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.scss b/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.scss new file mode 100644 index 0000000..5d88af5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.scss @@ -0,0 +1,73 @@ +//@import '../../../assets/scss/var'; + +h4{margin-top: 16px;} +.s-order-dash-pg { + margin: 0px; + display:flex; + flex-wrap:wrap; + flex-direction:row; + justify-content:center; + overflow: auto; + overflow-x: hidden; + .chart-box{ + margin:16px; + padding:0 16px; + background-color: #fff; + border:1px solid #ccc; + border-radius: 2px; + max-height: 200px; + + } +} + +.chart-box{ + margin:16px; + padding:0 16px; + background-color: #fff; + border:1px solid #ccc; + border-radius: 2px; + max-width: 400px auto; + overflow: auto; + max-height: 300px auto; + + +} +#word{ + // width: 270px; + width:260px +} +.center{ + text-align: center; + font-weight: 500; +} +.s{ + color: blue; +} + +li{ + list-style-type: none; +} +.progress-bar{ + margin-bottom: 5px; + height: 15px; +} +.tag-input { + width: 100%; + padding: 0px 15px; + background-color:rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + } + + clr-combobox-container{ + padding-top: 0px !important; + padding-bottom:0px !important; + } + clr-combobox{ + width: 100%; + padding: 5px 5px; + // border: 1px solid #ccc; + border-radius: 4px; + } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.spec.ts new file mode 100644 index 0000000..5ec4ff8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { DashboardComponent } from './dashboard.component'; + +describe('DashboardComponent', () => { + let component: DashboardComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ DashboardComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(DashboardComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.ts new file mode 100644 index 0000000..653ea4b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.ts @@ -0,0 +1,106 @@ +import { Component, OnInit } from '@angular/core'; +import { ToastrService } from 'ngx-toastr'; +import { DashboardService } from 'src/app/services/builder/dashboard.service'; +import { Dashboard3Service } from 'src/app/services/builder/dashboard3.service'; + +@Component({ + selector: 'app-dashboard', + templateUrl: './dashboard.component.html', + styleUrls: ['./dashboard.component.scss'] +}) +export class DashboardComponent implements OnInit { + + data: any; + rows: any[]; + error; + chartData: any; + + constructor(private dashboard3Service: Dashboard3Service, + private dashboardService: DashboardService,) { } + + ngOnInit(): void { + this.getAllDash(); + this.getdashboard(); + } + dashboardModel; + dashboard_name; + getAllDash(){ + this.dashboard3Service.getDynamicDashDetails().subscribe(data => { + console.log(data); + const dash = data[0].model; + this.dashboardModel= JSON.parse(dash) ; + this.dashboard_name = data.dashboard_name; + + for (let i = 0; i < this.dashboardModel.length; i++) { + if(this.dashboardModel[i]?.charturl){ + this.dashboard3Service.getChartData(this.dashboardModel[i].charturl,this.dashboardModel[i].name).subscribe(tData => { + console.log(tData); + this.dashboardModel[i].featchData = tData; + }); + } + } + console.log(this.dashboardModel); + }); + } + + lineChartData: any[] = []; + radarChartData: any[] = []; + bubbleChartData: any[] = []; + dashboardChartData; + + getdashboard() { + this.chartData = []; + this.radarChartData = []; + this.bubbleChartData = []; + this.lineChartData = []; + this.dashboardService.getAllDash().subscribe( + (data) => { + this.data = data; + const filteredData = this.data.filter(item => item.add_to_home); + + this.rows = filteredData; + + if (filteredData.length === 0) { + this.error = "No data available with add_to_home set to true."; + } else { + this.error = ""; + } + + this.rows.forEach(item => { + if (item['dashbord1_Line'] && Array.isArray(item['dashbord1_Line']) && item['dashbord1_Line'].length > 0) { + item['dashbord1_Line'].forEach(dashboardLineItem => { + if (dashboardLineItem.model) { + const parsedModel = JSON.parse(dashboardLineItem.model); + this.chartData.push(parsedModel); + + this.dashboardChartData = this.chartData[0]?.dashboard; // Add a check here + + // if (this.dashboardChartData) { + for (let i = 0; i < this.dashboardChartData.length; i++) { + console.log(this.dashboardChartData[i]?.charturl); + if (this.dashboardChartData[i]?.charturl) { + this.dashboard3Service.getUrlChartData(this.dashboardChartData[i].table, this.dashboardChartData[i].name, this.dashboardChartData[i].xAxis,this.dashboardChartData[i].yAxis, this.dashboardChartData[i].datastore, this.dashboardChartData[i].charturl + ).subscribe(tData => { + console.log(tData); + this.dashboardChartData[i].featchData = tData; + }); + } + // } + + console.log(this.dashboardChartData); + + // this.lineChartData.push({ data: parsedModel.data, label: dashboardLineItem.name }); + console.log(dashboardLineItem.model); + } + } + }); + } + }); + }, + (error) => { + console.error('Error fetching dashboard data:', error); + }); + + console.log("Chart Data:", this.chartData); + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.css b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.css new file mode 100644 index 0000000..eb2be77 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.css @@ -0,0 +1,39 @@ +.button1::after { + content: none; +} + +.button1:hover::after { + content: "ADD ROWS"; +} + +.section { + background-color: #dddddd; + height: 40px; +} + +.section p { + padding: 10px; + font-size: 18px; +} + +.clr-input { + color: #212529; + border: 1px solid #ced4da; + border-radius: 0.25rem; + padding: 0.75rem 0.75rem; + background-color: rgb(255, 255, 255); + margin-top: 3px; + width: 100%; + margin-bottom: 10px; +} + +select { + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} + +.center { + text-align: center; +}/*# sourceMappingURL=addextension.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.css.map new file mode 100644 index 0000000..922569c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["addextension.component.scss","addextension.component.css"],"names":[],"mappings":"AAEA;EACE,aAAA;ACDF;;ADGA;EACE,mBAAA;ACAF;;ADGA;EACE,yBAVS;EAWT,YAAA;ACAF;;ADGA;EAEE,aAAA;EACA,eAAA;ACDF;;ADIA;EACE,cAAA;EACA,yBAAA;EACA,sBAAA;EACA,wBAAA;EACA,oCAAA;EACA,eAAA;EACA,WAAA;EACA,mBAAA;ACDF;;ADGA;EACE,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,kBAAA;ACAF;;ADEA;EACE,kBAAA;ACCF","file":"addextension.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.html b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.html new file mode 100644 index 0000000..263ceaf --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.html @@ -0,0 +1,52 @@ +

Extension Field

+Add Mode
+

+ +

+ + + +

+ + + + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.scss b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.scss new file mode 100644 index 0000000..1a7e044 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.scss @@ -0,0 +1,39 @@ +$bg-color: #dddddd; + +.button1::after { + content: none; +} +.button1:hover::after { + content: "ADD ROWS"; +} + +.section { + background-color: $bg-color; + 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; + background-color:rgb(255, 255, 255); + margin-top: 3px; + width: 100%; + margin-bottom: 10px; +} +select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} +.center { + text-align: center; +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.spec.ts new file mode 100644 index 0000000..9ab8763 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AddextensionComponent } from './addextension.component'; + +describe('AddextensionComponent', () => { + let component: AddextensionComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ AddextensionComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(AddextensionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.ts new file mode 100644 index 0000000..874fb4a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/addextension/addextension.component.ts @@ -0,0 +1,94 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ExtensionService } from 'src/app/services/fnd/extension.service'; +@Component({ + selector: 'app-addextension', + templateUrl: './addextension.component.html', + styleUrls: ['./addextension.component.scss'] +}) +export class AddextensionComponent implements OnInit { + public extFieldForm: FormGroup; + submitted = false; + basic:boolean = true; + + isActive: boolean = true; + + formCode: string; + // GET FORM_CODE FROM SESSION + public key:string="formCode"; + public storage:Storage = sessionStorage; + + types:string[] = ['header', 'line']; + lookup_values: string[] = []; // come from server + lookups: string[] =[ + 'extn1', 'extn2', 'extn3', 'extn4', 'extn5', + 'extn6', 'extn7', 'extn8', 'extn9', 'extn10', + 'extn11', 'extn12', 'extn13', 'extn14', 'extn15' + ]; + datatype_values: string[] = []; // come from server + datatypes: string[] = ['textfield', 'longtext', 'date', 'checkbox', 'radiobutton', 'autocomplete']; + constructor( private _fb: FormBuilder, + private router: Router, + private route: ActivatedRoute, + private extensionService: ExtensionService,) { } + + ngOnInit(): void { + this.formCode = this.storage.getItem(this.key); + console.log('form_code in ext : ', this.formCode); + + this.extFieldForm = this._fb.group({ + type: [null, [Validators.required]], // HO + field_name: [null, [Validators.required]], // label name + mapping: [null, [Validators.required]], // ext1 + data_type: [null, [Validators.required]], // txt, datw + form_code: [this.formCode], // should come from session + // isActive: [true] + active: [true] + }); + } + getLookupValues() { + this.extensionService.getLookupValues().subscribe(data => { + console.log('Lookup: ',data); + this.lookup_values = data; + }); + } + + getDataTypeValues() { + this.extensionService.getDataTypeValues().subscribe(data => { + console.log('data_type: ', data); + this.datatype_values = data; + }); + } + + onSubmit() { + console.log(this.extFieldForm.value); + this.basic = !this.basic; + this.submitted = true; + if (this.extFieldForm.invalid) { + return; + } + this.onCreate(); + //this.router.navigate(["../all"], { relativeTo: this.route }); + } + + onCreate() { + this.extensionService.create(this.extFieldForm.value).subscribe( + (data) => { + console.log('data save successfully', data); + this.router.navigate(["../all"], { relativeTo: this.route, queryParams: { formCode: this.formCode }}); + //this.router.navigate(['all'], { relativeTo: this.route.parent }); + }, + (error) => { + console.log(error); + this.router.navigate(["../all"], { relativeTo: this.route, queryParams: { formCode: this.formCode }}); + } + ); + } + + close() { + this.basic = !this.basic; + this.router.navigate(["../all"], { relativeTo: this.route }); + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.css b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.css new file mode 100644 index 0000000..03b630f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.css @@ -0,0 +1,64 @@ +input[type=text], [type=date], [type=password] { + width: 100%; + padding: 15px 20px; + background-color: rgb(255, 255, 255); + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} + +.required-field { + color: red; + font-size: 18px; +} + +.green { + background-color: rgb(156, 231, 156); + color: black; +} + +.blue { + background-color: #57abcf; + color: black; +} + +.td-title { + text-align: center; + width: 150px; + color: white; + font-weight: bold; + background-color: rgba(63, 122, 231, 0.863); +} + +th { + background-color: rgb(170, 169, 169); + font-weight: bold; +} + +.td-content { + text-align: left; +} + +.delete, .heading { + text-align: center; + color: red; +} + +.section p { + background-color: rgb(206, 201, 201); + padding: 10px; + font-size: 18px; +} + +select { + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} + +.delete, .heading { + text-align: center; + color: red; +}/*# sourceMappingURL=allextension.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.css.map new file mode 100644 index 0000000..7b2d262 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["../../../../../../styles1.scss","allextension.component.css","allextension.component.scss"],"names":[],"mappings":"AAAA;EACE,WAAA;EACA,kBAAA;EAED,oCAAA;EACC,qBAAA;EACA,sBAAA;EACA,kBAAA;EACA,sBAAA;ACAF;;ADEA;EACE,UAAA;EACF,eAAA;ACCA;;ADEA;EACE,oCAAA;EACA,YAAA;ACCF;;ADCA;EACE,yBAAA;EACA,YAAA;ACEF;;ADAA;EACE,kBAAA;EACA,YAAA;EACF,YAAA;EACE,iBAAA;EACA,2CAAA;ACGF;;ADAA;EACE,oCAAA;EACA,iBAAA;ACGF;;ADDA;EACE,gBAAA;ACIF;;ADFA;EACE,kBAAA;EACA,UAAA;ACKF;;ADHA;EACA,oCAAA;EACE,aAAA;EACA,eAAA;ACMF;;ADHA;EACE,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,kBAAA;ACMF;;ACzDA;EACE,kBAAA;EACA,UAAA;AD4DF","file":"allextension.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.html b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.html new file mode 100644 index 0000000..52701f7 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.html @@ -0,0 +1,101 @@ + + +

Form-Extension - {{getFormCode}}

+ + + +

+ + +

Loading ...

+ +

+ Go To +

+ Field Name +

+ Mapping +

+ Data Type +

+ Action +

+ + + +

+ + Build + + {{user.field_name}} + {{user.mapping}} + {{user.data_type}} + +

+ +

Who Column

Account ID: {{user.accountId}}

Created At: {{user.createdAt| date}}

Created By: {{user.createdBy}}

Updated At: {{user.updatedAt | date}}

Updated By: {{user.updatedBy}}

+ + + + + + + + + + +

Field Name:

+ + + + + Users per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} users + + + +

+ + + + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.scss b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.scss new file mode 100644 index 0000000..8d27434 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.scss @@ -0,0 +1,5 @@ +@import '../../../../../../styles1.scss'; +.delete,.heading{ + text-align: center; + color: red; +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.spec.ts new file mode 100644 index 0000000..342426c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { AllextensionComponent } from './allextension.component'; + +describe('AllextensionComponent', () => { + let component: AllextensionComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ AllextensionComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(AllextensionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.ts new file mode 100644 index 0000000..7dfdd6f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/allextension/allextension.component.ts @@ -0,0 +1,204 @@ +import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation, } from '@angular/core'; +import { ActivatedRoute, Router } from "@angular/router"; + +import { ToastrService } from 'ngx-toastr'; +import { ExtensionField } from "src/app/models/fnd/ExtensionField"; +import { ExtensionService } from 'src/app/services/fnd/extension.service'; +//import { Teacher } from "src/app/pages/university/teacher/Teacher"; +import { UserInfoService } from "src/app/services/user-info.service"; + +interface Rows { + id: number; + field_name: any; + mapping: any; + data_type: any; + isActive: any; +} +@Component({ + selector: 'app-allextension', + templateUrl: './allextension.component.html', + styleUrls: ['./allextension.component.scss'] +}) +export class AllextensionComponent implements OnInit { + @ViewChild("extById") extensionById: TemplateRef; + @ViewChild("showInGrid") txId: TemplateRef; + + //@ViewChild("filter") filter: ElementRef; + basic: boolean = false; + // whoColumns: Teacher; // who columns data + columns: any[]; + rows: Rows[]; + temp = []; + rowSelected: any = {}; + modaldelete = false; + loading = false; + error; + selected: any[] = []; + filterData: string; + isLoading: boolean = false; + extensionField: ExtensionField[] = []; + constructor(private router: Router, + private route: ActivatedRoute, + private toastr: ToastrService, + private extensionService: ExtensionService, + private userInfoService: UserInfoService) { } + + private account_id: any; + // private formCode: any; + formCode: string; + getFormCode; + public key: string = "formCode"; + public storage: Storage = sessionStorage; + ngOnInit(): void { + this.route.queryParams.subscribe(params => { + this.getFormCode = params['formCode']; + console.log("formCode ", this.getFormCode); + this.storage.setItem("formCode", this.getFormCode); // Store the value in sessionStorage using the key + }); + + + this.account_id = this.userInfoService.getUserId(); + this.formCode = this.storage.getItem(this.key); + console.log("[ngOnInit] acc_id: " + this.account_id + " formCode: " + this.formCode); + this.getData(); + this.columns = [ + /* { prop: "id", name: "Actions", width: 65, cellTemplate: this.extensionById }, */ + { prop: "field_name", name: "Field Name", width: 120 }, + { prop: "mapping", name: "Mapping", width: 150 }, + { prop: "data_type", name: "Data Type", width: 190 }, + /* { prop: "id", name: "Show In Grid", width: 90, cellTemplate: this.txId } */ + ]; + } + getData() { + this.isLoading = true; + //this.extensionField = new ExtensionField(); + this.extensionService.getAll().subscribe((data) => { + this.isLoading = false; + console.log(data); + // this.extensionField = data; + if (this.formCode === 'undefined' || this.formCode === undefined || this.formCode === null) { + this.extensionField = data; + } else { + this.extensionField = data.filter(item => item.form_code === this.formCode); + console.log(this.extensionField); + } + this.rows = this.extensionField; + if (this.extensionField.length == 0) { + this.error = "No data Available"; + console.log(this.error) + } + //this.temp = [...this.extensionField]; + }, (error) => { + console.log(error); + if (error) { + this.error = "No data Available OR server Error"; + } + }); + } + + alertType: string; + alertMessage: string = ""; + alert = [ + { type: "success", message: "Build Successfully" }, + { type: "danger", message: "Some error Happens" }, + ]; + + buildExtension(id, accountID) { + console.log("buildExtension() Account id = " + this.account_id + " Form Code = ", + this.formCode); + if (this.account_id === null && this.formCode === null) { + this.alertType = this.alert[1].type; + this.alertMessage = "form_code is null"; + return; + } + this.extensionService + .buildExtension(id, accountID, this.formCode) + .subscribe( + (data) => { + console.log("build successfully ", data); + this.alert.forEach((e) => { + if (e.type === "success") { + this.alertType = e.type; + this.alertMessage = e.message; + } //data.type === true : e.message ? e.message + + }); + // go to parent entry form... + //this.router.navigate(['../../'], { relativeTo: this.route.parent }); + + if (data) { + this.toastr.success("Build successfully"); + } + + + }, + (err) => { + + if (err) { + this.toastr.error("Build Not Successful"); + } + console.log("build failed ", err); + this.alertType = this.alert[1].type; + this.alertMessage = this.alert[1].message; + } + ); + } + + isChecked(id: number) { + return ( + this.extensionField.find(c => { + if (c.id === id) return c.isActive; + }) !== undefined + ); + } + + chk(checked) { + console.log(checked); + return !checked; + } + + extField: ExtensionField; + checked: boolean; + toggle(id: number) { + console.log(id); + this.extensionService.getById(id).subscribe(ext => { + this.extField = ext; + this.checked = ext.isActive; + console.log('extField ', this.extField); + console.log('checked ', this.checked); + }); + console.log(this.extField.isActive); + //this.extensionService.update(id,this.extField).subscribe(); + } + + goToAdd() { + this.router.navigate(["../add"], { relativeTo: this.route }); + } + goToEdit(id: number) { + this.router.navigate(["../edit/" + id], { relativeTo: this.route }); + } + + goToWhoColumns(id: number) { + this.basic = !this.basic; + } + onDelete(row) { + this.rowSelected = row; + this.modaldelete = true; + } + delete(id) { + this.modaldelete = false; + console.log("in delete " + id); + this.extensionService.delete(id).subscribe((data) => { + console.log(data); + this.ngOnInit(); + if (data.body) { + this.toastr.success('Deleted successfully'); + } + }, (error) => { + console.log('Error in adding data...', +error); + if (error) { + this.toastr.error('Not Deleted Data Getting Some Error'); + } + }); + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.css b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.css new file mode 100644 index 0000000..08a78e8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.css @@ -0,0 +1,39 @@ +.button1::after { + content: none; +} + +.button1:hover::after { + content: "ADD ROWS"; +} + +.section { + background-color: #dddddd; + height: 40px; +} + +.section p { + padding: 10px; + font-size: 18px; +} + +.clr-input { + color: #212529; + border: 1px solid #ced4da; + border-radius: 0.25rem; + padding: 0.75rem 0.75rem; + background-color: rgb(255, 255, 255); + margin-top: 3px; + width: 100%; + margin-bottom: 10px; +} + +select { + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} + +.center { + text-align: center; +}/*# sourceMappingURL=editextension.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.css.map new file mode 100644 index 0000000..c952ee2 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":["editextension.component.scss","editextension.component.css"],"names":[],"mappings":"AAEA;EACE,aAAA;ACDF;;ADGA;EACE,mBAAA;ACAF;;ADGA;EACE,yBAVS;EAWT,YAAA;ACAF;;ADGA;EAEE,aAAA;EACA,eAAA;ACDF;;ADIA;EACE,cAAA;EACA,yBAAA;EACA,sBAAA;EACA,wBAAA;EACA,oCAAA;EACA,eAAA;EACA,WAAA;EACA,mBAAA;ACDF;;ADGA;EACE,WAAA;EACA,gBAAA;EACA,sBAAA;EACA,kBAAA;ACAF;;ADEA;EACE,kBAAA;ACCF","file":"editextension.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.html b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.html new file mode 100644 index 0000000..cbb8bda --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.html @@ -0,0 +1,40 @@ +

FORM EXTENSION

+Edit Mode
+

+ + +

+ +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.scss b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.scss new file mode 100644 index 0000000..1a7e044 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.scss @@ -0,0 +1,39 @@ +$bg-color: #dddddd; + +.button1::after { + content: none; +} +.button1:hover::after { + content: "ADD ROWS"; +} + +.section { + background-color: $bg-color; + 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; + background-color:rgb(255, 255, 255); + margin-top: 3px; + width: 100%; + margin-bottom: 10px; +} +select{ + width: 100%; + padding: 5px 5px; + border: 1px solid #ccc; + border-radius: 4px; +} +.center { + text-align: center; +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.spec.ts new file mode 100644 index 0000000..a8dd592 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { EditextensionComponent } from './editextension.component'; + +describe('EditextensionComponent', () => { + let component: EditextensionComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ EditextensionComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(EditextensionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.ts new file mode 100644 index 0000000..015a153 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/editextension/editextension.component.ts @@ -0,0 +1,71 @@ +import { HttpErrorResponse } from '@angular/common/http'; +import { Component, OnInit } from '@angular/core'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ExtensionField } from 'src/app/models/fnd/ExtensionField'; +import { ExtensionService } from 'src/app/services/fnd/extension.service'; + +interface Rows { + id: number; + firstName: string; + lastName: string; + email: string; + createdAt: Date; + updatedAt: Date; +} +@Component({ + selector: 'app-editextension', + templateUrl: './editextension.component.html', + styleUrls: ['./editextension.component.scss'] +}) +export class EditextensionComponent implements OnInit { + types:string[] = ['header', 'line']; + lookup_values: string[] = []; // come from server + lookups: string[] =[ + 'extn1', 'extn2', 'extn3', 'extn4', 'extn5', + 'extn6', 'extn7', 'extn8', 'extn9', 'extn10', + 'extn11', 'extn12', 'extn13', 'extn14', 'extn15' + ]; + datatype_values: string[] = []; // come from server + datatypes: string[] = ['textfield', 'longtext', 'date', 'checkbox', 'radiobutton', 'autocomplete']; + + + updated = false; + extensionField: ExtensionField; + id: number; + constructor(private router: Router, + private route: ActivatedRoute, + private extensionService: ExtensionService) { } + + ngOnInit(): void { + this.extensionField = new ExtensionField(); + this.id = this.route.snapshot.params["id"]; + console.log("update with id = ", this.id); + this.getById(this.id); + } + getById(id: number) { + this.extensionService.getById(id).subscribe((data) => { + console.log(data); + this.extensionField = data; + }); + } + update() { + this.extensionService.update(this.id, this.extensionField).subscribe( + (data) => { + console.log(data); + this.router.navigate(["../../all"], { relativeTo: this.route, queryParams: { formCode: this.extensionField.form_code }}); + }, + (error: HttpErrorResponse) => { + console.log(error.message); + } + ); + } + + onSubmit() { + this.updated = true; + this.update(); + } + + back() { + this.router.navigate(["../../all"], { relativeTo: this.route, queryParams: { formCode: this.extensionField.form_code } }); + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.css b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.css new file mode 100644 index 0000000..87d9fed --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.css @@ -0,0 +1 @@ +/*# sourceMappingURL=extension.component.css.map */ \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.css.map b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.css.map new file mode 100644 index 0000000..1113c5f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.css.map @@ -0,0 +1 @@ +{"version":3,"sources":[],"names":[],"mappings":"","file":"extension.component.css"} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.html b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.html new file mode 100644 index 0000000..6c46b1d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.html @@ -0,0 +1 @@ + diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.scss b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.spec.ts new file mode 100644 index 0000000..56890ae --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ExtensionComponent } from './extension.component'; + +describe('ExtensionComponent', () => { + let component: ExtensionComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ExtensionComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ExtensionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.ts new file mode 100644 index 0000000..483aedf --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/extension/extension.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-extension', + templateUrl: './extension.component.html', + styleUrls: ['./extension.component.scss'] +}) +export class ExtensionComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/main-page/main-page.component.html b/frontend/angular-clarity-master/src/app/modules/main/fnd/main-page/main-page.component.html new file mode 100644 index 0000000..873f882 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/main-page/main-page.component.html @@ -0,0 +1,3 @@ + diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/main-page/main-page.component.scss b/frontend/angular-clarity-master/src/app/modules/main/fnd/main-page/main-page.component.scss new file mode 100644 index 0000000..e69de29 diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/main-page/main-page.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/main-page/main-page.component.spec.ts new file mode 100644 index 0000000..39261a3 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/main-page/main-page.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MainPageComponent } from './main-page.component'; + +describe('MainPageComponent', () => { + let component: MainPageComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ MainPageComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(MainPageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/main-page/main-page.component.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/main-page/main-page.component.ts new file mode 100644 index 0000000..9873121 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/main-page/main-page.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-main-page', + templateUrl: './main-page.component.html', + styleUrls: ['./main-page.component.scss'] +}) +export class MainPageComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/sequencegenarator/sequencegenarator.component.html b/frontend/angular-clarity-master/src/app/modules/main/fnd/sequencegenarator/sequencegenarator.component.html new file mode 100644 index 0000000..ee798b2 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/sequencegenarator/sequencegenarator.component.html @@ -0,0 +1,407 @@ + + +

+ + +

+ +

+ + + + + + {{ 'LOADING' | translate }} ... + +

+ + + + + + {{ 'CURRENT_NO' | translate }} + + + + + + + + {{ 'NAME' | translate }} + + + + + + + + {{ 'PREFIX' | translate }} + + + + + + + + {{ 'SEPARATOR' | translate }} + + + + + + + + {{ 'SEQUENCE_SIZE' | translate }} + + + + + + + + {{ 'SUFFIX' | translate }} + + + + + + + + {{ 'STARTING_NO' | translate }} + + + + + + + + {{ 'SEQUENCE_CODE' | translate }} + + + + + + {{user.current_no}} + {{user.sequence_name}} + {{user.prefix}} + {{user.seperator}} + {{user.sequence_size}} + {{user.suffix}} + {{user.starting_no}} + {{user.sequence_code}} + + + + + + + + + +

+ +

{{ 'PREFIX' | translate }}{{user.prefix}}

{{ 'SEPARATOR' | translate }}{{user.seperator}}

{{ 'SEQUENCE_SIZE' | translate }}{{user.sequence_size}}

{{ 'SUFFIX' | translate }}{{user.suffix}}

{{ 'STARTING_NO' | translate }}{{user.starting_no}}

{{ 'SEQUENCE_CODE' | translate }}{{user.sequence_code}}

{{ 'DEMONSTRATION' | translate }}{{user.demonstration}}

+ +

+ + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/sequencegenarator/sequencegenarator.component.scss b/frontend/angular-clarity-master/src/app/modules/main/fnd/sequencegenarator/sequencegenarator.component.scss new file mode 100644 index 0000000..6ac473d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/sequencegenarator/sequencegenarator.component.scss @@ -0,0 +1,694 @@ +@import '../../../../../styles/_design-tokens.scss'; + +// Sequence Generator Styles +.sq-hero { + display: flex; + justify-content: space-between; + align-items: center; + padding: 24px 32px; + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-radius: 16px; + margin-bottom: 24px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + backdrop-filter: blur(16px); + border: 1px solid rgba(255, 255, 255, 0.2); + font-family: var(--theme-font-primary); + + &__content { + display: flex; + align-items: center; + gap: 16px; + } + + &__icon { + background: rgba(255, 255, 255, 0.2); + border-radius: 50%; + padding: 16px; + display: flex; + align-items: center; + justify-content: center; + + clr-icon { + width: 36px; + height: 36px; + color: white; + } + } + + &__title { + font-size: 28px; + font-weight: 700; + margin: 0; + color: white; + font-family: var(--theme-font-secondary); + } + + &__subtitle { + font-size: 16px; + margin: 0; + opacity: 0.9; + color: rgba(255, 255, 255, 0.8); + } + + &__actions { + display: flex; + align-items: center; + gap: 12px; + } +} + +.sq-container { + background: var(--theme-surface); + border-radius: 16px; + padding: 24px; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + margin-bottom: 24px; +} + +// Toolbar, search and stats +.sq-toolbar { + display: flex; + justify-content: space-between; + align-items: center; + margin-bottom: 24px; + padding: 16px; + background: var(--theme-surface); + border-radius: 12px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &__left { + flex: 1; + } + + &__right { + display: flex; + align-items: center; + gap: 16px; + } +} + +.sq-search { + position: relative; + max-width: 400px; + + clr-icon { + position: absolute; + left: 12px; + top: 50%; + transform: translateY(-50%); + color: #9ca3af; + z-index: 1; + } + + &__input { + width: 100%; + padding: 12px 12px 12px 40px; + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 8px; + font-size: 14px; + transition: all 200ms ease-out; + background: var(--theme-surface); + color: var(--theme-text); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); + font-family: var(--theme-font-primary); + + &:focus { + outline: none; + border-color: var(--theme-primary); + box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1); + } + } +} + +.sq-stats { + display: flex; + gap: 16px; +} + +.sq-stat { + min-width: 110px; + background: var(--theme-surface); + border: 1px solid rgba(0, 0, 0, 0.04); + border-radius: var(--theme-border-radius); + padding: 16px; + text-align: center; + box-shadow: var(--theme-shadow); + + &__value { + font-size: 24px; + font-weight: 700; + color: var(--theme-primary); + margin-bottom: 4px; + } + + &__label { + font-size: 12px; + color: var(--theme-text-secondary); + text-transform: uppercase; + letter-spacing: 0.05em; + } +} + +.sq-view-toggle { + display: flex; + gap: 8px; + + .sq-btn { + min-width: 40px; + } +} + +// Grid columns +.sq-col-title { + display: inline-flex; + align-items: center; + gap: 6px; + color: var(--theme-text-secondary); +} + +.sq-col--prefix .sq-col-title clr-icon, +.sq-col--separator .sq-col-title clr-icon, +.sq-col--size .sq-col-title clr-icon { + color: var(--theme-primary); +} + +// Data Grid Styles +.sq-grid { + background: var(--theme-surface); + border-radius: 16px; + overflow: hidden; + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + margin-bottom: 24px; + + ::ng-deep .datagrid { + .datagrid-head { + background: var(--theme-background); + + .datagrid-column { + padding: 16px 24px; + font-size: 12px; + font-weight: 600; + color: var(--theme-text-secondary); + text-transform: uppercase; + letter-spacing: 0.05em; + border-bottom: 1px solid #e5e7eb; + } + } + + .datagrid-row { + transition: background-color 150ms ease-out; + + &:hover { + background: var(--theme-background); + } + + &:not(:last-child) { + border-bottom: 1px solid #e5e7eb; + } + + .datagrid-cell { + padding: 16px 24px; + font-size: 14px; + color: var(--theme-text); + } + } + + .datagrid-footer { + background: var(--theme-background); + border-top: 1px solid #e5e7eb; + padding: 16px 24px; + } + } +} + +.sq-grid-footer { + background: var(--theme-background); + border-top: 1px solid #e5e7eb; +} + +// Card View Styles +.sq-cards { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); + gap: 24px; + margin-bottom: 24px; +} + +.sq-card-item { + background: var(--theme-surface); + border-radius: 12px; + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + overflow: hidden; + transition: all 200ms ease-out; + + &:hover { + transform: translateY(-4px); + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + } + + &__header { + display: flex; + align-items: center; + padding: 20px; + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + } + + &__icon { + background: rgba(255, 255, 255, 0.2); + border-radius: 50%; + padding: 12px; + margin-right: 16px; + + clr-icon { + width: 24px; + height: 24px; + color: white; + } + } + + &__title { + flex: 1; + font-size: 18px; + font-weight: 600; + margin: 0; + } + + &__badge { + background: rgba(255, 255, 255, 0.2); + border-radius: 20px; + padding: 4px 12px; + font-size: 14px; + font-weight: 600; + } + + &__body { + padding: 20px; + } + + &__footer { + display: flex; + gap: 12px; + padding: 0 20px 20px; + } +} + +.sq-kv { + display: flex; + justify-content: space-between; + margin-bottom: 12px; + padding-bottom: 12px; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + + &:last-child { + margin-bottom: 0; + padding-bottom: 0; + border-bottom: none; + } + + span { + color: var(--theme-text-secondary); + font-size: 14px; + } + + strong { + color: var(--theme-text); + font-weight: 500; + } +} + +// Form Styles +.sq-form { + .clr-row { + margin: 0 -12px; + } + + .clr-col-md-6, + .clr-col-sm-12 { + padding: 0 12px; + margin-bottom: 20px; + } +} + +.sq-form-label { + display: block; + font-size: 14px; + font-weight: 500; + color: var(--theme-text); + margin-bottom: 8px; + font-family: var(--theme-font-primary); +} + +.sq-form-input, +.sq-form-select { + width: 100%; + padding: 12px 16px; + font-size: 14px; + line-height: 1.5; + color: var(--theme-text); + background: var(--theme-surface); + border: 1px solid rgba(0, 0, 0, 0.1); + border-radius: 8px; + transition: all 200ms ease-out; + margin-bottom: 0; + font-family: var(--theme-font-primary); + box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); + + &:focus { + outline: none; + border-color: var(--theme-primary); + box-shadow: 0 0 0 3px rgba(14, 165, 233, 0.1); + } + + &:disabled { + background: var(--theme-background); + color: var(--theme-text-secondary); + cursor: not-allowed; + } + + &.error { + border-color: var(--theme-error, #ef4444); + box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1); + } + + &::placeholder { + color: var(--theme-text-secondary); + } +} + +.sq-form-select { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e"); + background-position: right 12px center; + background-repeat: no-repeat; + background-size: 16px 12px; + padding-right: 40px; + appearance: none; +} + +.sq-error-message { + color: var(--theme-error, #ef4444); + font-size: 12px; + margin-top: 6px; + font-weight: 500; +} + +.required-field { + color: var(--theme-error, #ef4444); + margin-left: 4px; +} + +.sq-form-help { + color: var(--theme-text-secondary); + font-size: 12px; + margin-bottom: 16px; + font-family: var(--theme-font-primary); +} + +.sq-form-actions { + display: flex; + gap: 12px; + margin-top: 24px; + padding-top: 24px; + border-top: 1px solid rgba(0, 0, 0, 0.05); +} + +// Modern Button Styles using ThemeService +.sq-btn { + display: inline-flex; + align-items: center; + justify-content: center; + gap: 8px; + padding: 12px 20px; + font-size: 14px; + font-weight: 500; + line-height: 1; + border-radius: 8px; + border: 1px solid transparent; + cursor: pointer; + transition: all 200ms ease-out; + text-decoration: none; + position: relative; + overflow: hidden; + font-family: var(--theme-font-primary); + z-index: 1; + + &:focus { + outline: 2px solid var(--theme-primary); + outline-offset: 2px; + } + + &:disabled { + opacity: 0.5; + cursor: not-allowed; + pointer-events: none; + } + + // Sizes + &.sq-btn-sm { + padding: 8px 16px; + font-size: 13px; + height: 32px; + } + + &.sq-btn-md { + padding: 12px 20px; + font-size: 14px; + height: 40px; + } + + &.sq-btn-lg { + padding: 16px 24px; + font-size: 16px; + height: 48px; + } + + // Variants + &.sq-btn-primary { + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-color: var(--theme-primary); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: linear-gradient(135deg, var(--theme-primary, #0284c7) 0%, var(--theme-accent, #7c3aed) 100%); + transform: translateY(-2px); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + + &:active { + transform: translateY(0); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + } + } + + &.sq-btn-outline { + background: transparent; + color: var(--theme-secondary); + border-color: var(--theme-secondary); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: rgba(100, 116, 139, 0.1); + border-color: var(--theme-secondary); + color: var(--theme-secondary); + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + } + } + + &.sq-btn-error { + background: var(--theme-error, #ef4444); + color: white; + border-color: var(--theme-error, #ef4444); + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + + &:hover { + background: var(--theme-error-dark, #dc2626); + border-color: var(--theme-error-dark, #dc2626); + transform: translateY(-2px); + box-shadow: 0 10px 15px -3px rgba(239, 68, 68, 0.3), 0 4px 6px -2px rgba(239, 68, 68, 0.1); + } + } + + &.sq-btn-ghost { + background: transparent; + color: var(--theme-text-secondary); + border-color: transparent; + + &:hover { + background: var(--theme-background); + color: var(--theme-text); + } + } +} + +// Action items in datagrid +.sq-action-item { + @extend .sq-btn; + @extend .sq-btn-ghost; + @extend .sq-btn-sm; + width: 100%; + justify-content: flex-start; + margin-bottom: 4px; + text-align: left; + + clr-icon { + width: 16px; + height: 16px; + margin-right: 8px; + } + + &.sq-btn-error { + color: var(--theme-error, #ef4444); + + &:hover { + background: rgba(239, 68, 68, 0.1); + color: var(--theme-error, #ef4444); + } + } +} + +// Delete Modal Styles +.sq-delete-header { + text-align: center; + padding: 24px; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); +} + +.sq-delete-icon { + color: var(--theme-error, #ef4444); + margin-bottom: 16px; +} + +.sq-delete-title { + font-size: 24px; + font-weight: 700; + color: var(--theme-text); + margin: 0 0 8px 0; +} + +.sq-delete-subtitle { + font-size: 16px; + color: var(--theme-text-secondary); + margin: 0; +} + +.sq-delete-details { + padding: 24px; +} + +.sq-delete-detail-item { + display: flex; + justify-content: space-between; + padding: 12px 0; + border-bottom: 1px solid rgba(0, 0, 0, 0.05); + + &:last-child { + border-bottom: none; + } +} + +.sq-delete-detail-label { + font-weight: 500; + color: var(--theme-text-secondary); +} + +.sq-delete-detail-value { + font-weight: 600; + color: var(--theme-text); +} + +// Modal Styles +.sq-modal-title clr-icon { + margin-right: 6px; + color: var(--theme-primary); +} + +::ng-deep .modal-header { + background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-accent) 100%); + color: white; + border-radius: 16px 16px 0 0 !important; + padding: 20px 24px !important; + + .modal-title { + color: white; + font-weight: 600; + font-size: 20px; + margin: 0; + } + + .close { + color: white; + opacity: 0.8; + + &:hover { + opacity: 1; + } + } +} + +::ng-deep .modal-body { + padding: 24px !important; +} + +::ng-deep .modal-footer { + padding: 20px 24px !important; + background: var(--theme-background); + border-radius: 0 0 16px 16px !important; + border-top: 1px solid rgba(0, 0, 0, 0.05) !important; +} + +// Breadcrumb +.mm-breadcrumb { + color: var(--theme-text-secondary); +} + +// Responsive adjustments +@media (max-width: 768px) { + .sq-hero { + flex-direction: column; + gap: 16px; + text-align: center; + + &__content { + flex-direction: column; + text-align: center; + } + + &__actions { + width: 100%; + justify-content: center; + } + } + + .sq-toolbar { + flex-direction: column; + gap: 16px; + } + + .sq-search { + max-width: 100%; + } + + .sq-stats { + flex-direction: column; + width: 100%; + } + + .sq-cards { + grid-template-columns: 1fr; + } + + .sq-form-actions { + flex-direction: column; + } + + .sq-btn { + width: 100%; + justify-content: center; + } + + .sq-card-item__footer { + flex-direction: column; + } +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/sequencegenarator/sequencegenarator.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/sequencegenarator/sequencegenarator.component.spec.ts new file mode 100644 index 0000000..5981aa5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/sequencegenarator/sequencegenarator.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { SequencegenaratorComponent } from './sequencegenarator.component'; + +describe('SequencegenaratorComponent', () => { + let component: SequencegenaratorComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ SequencegenaratorComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(SequencegenaratorComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/fnd/sequencegenarator/sequencegenarator.component.ts b/frontend/angular-clarity-master/src/app/modules/main/fnd/sequencegenarator/sequencegenarator.component.ts new file mode 100644 index 0000000..e826e2a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/fnd/sequencegenarator/sequencegenarator.component.ts @@ -0,0 +1,216 @@ +import { Component, OnInit } from '@angular/core'; +import { FormBuilder, FormGroup, Validators } from '@angular/forms'; +import { ActivatedRoute, Router } from '@angular/router'; +import { ToastrService } from 'ngx-toastr'; +import { SequenceService } from 'src/app/services/api/sequence.service'; +import { ExcelService } from 'src/app/services/excel.service'; +import * as moment from 'moment'; +import { HttpErrorResponse } from '@angular/common/http'; +import { ThemeService } from 'src/app/services/theme.service'; + +@Component({ + selector: 'app-sequencegenarator', + templateUrl: './sequencegenarator.component.html', + styleUrls: ['./sequencegenarator.component.scss'] +}) +export class SequencegenaratorComponent implements OnInit { + loading = false; + selected: any[] = []; + workflow_data; + rowSelected: any = {}; + modaldelete = false; + error; + alldata = []; + modaladd = false; + modaledit = false; + submitted = false; + filterText = ''; + // Changed default view to cards + viewMode: 'table' | 'cards' = 'cards'; + + public entryForm: FormGroup; + + constructor( + private seqservice: SequenceService, + private router: Router, + private toastr: ToastrService, + private _fb: FormBuilder, + private route: ActivatedRoute, + private excel: ExcelService, + private themeService: ThemeService + ) { } + + ngOnInit(): void { + // Ensure theme variables are applied to the view + this.themeService.currentTheme$.subscribe(() => { + // CSS variables are updated globally; no extra handling needed here + }); + + this.getall(); + this.entryForm = this._fb.group({ + prefix: [null, Validators.required], + sequence_size: [null], + suffix: [null], + starting_no: [null], + seperator: [null], + sequence_name: [null, Validators.required], + sequence_code: [null], + demonstration: [null], + current_no: [null] + }); + } + + // Stats & filtering helpers for UI only + get totalSequences(): number { + return ((this.alldata as unknown as any[]) || []).length; + } + + get filteredSequences(): any[] { + const items: any[] = (this.alldata as unknown as any[]) || []; + const text = (this.filterText || '').toLowerCase(); + if (!text) { return items; } + + // Search across all relevant fields + return items.filter(s => ( + (s?.sequence_name || '').toLowerCase().includes(text) || + (s?.prefix || '').toLowerCase().includes(text) || + (s?.sequence_code || '').toLowerCase().includes(text) || + (s?.suffix || '').toLowerCase().includes(text) || + (s?.seperator || '').toLowerCase().includes(text) || + (s?.sequence_size?.toString() || '').includes(text) || + (s?.starting_no?.toString() || '').includes(text) || + (s?.current_no?.toString() || '').includes(text) || + (s?.demonstration || '').toLowerCase().includes(text) + )); + } + + setViewMode(mode: 'table' | 'cards') { + this.viewMode = mode; + } + + getall() { + this.seqservice.getAll().subscribe((data) => { + console.log(data); + this.alldata = data; + + if (this.alldata.length == 0) { + console.log('zero data '); + this.error = "No data Available!" + } + }, (error) => { + console.log(error); + if (error) { + this.error = "No data Available OR server Error"; + } + }) + } + + onSubmit() { + console.log(this.entryForm.value); + this.submitted = true + if (this.entryForm.invalid) { + return + } + this.onCreate(); + } + + onCreate() { + this.modaladd = false; + this.seqservice.create(this.entryForm.value).subscribe( + (data) => { + console.log(data); + if (data || data.status >= 200 && data.status <= 299) { + this.toastr.success("Added Succesfully"); + this.ngOnInit(); + } + }, (error) => { + if (error.status >= 200 && error.status <= 299) { + this.toastr.success("Added Succesfully"); + this.ngOnInit(); + } + if (error.status >= 400 && error.status <= 499) { + this.toastr.error("Not Added"); + this.ngOnInit(); + } + if (error.status >= 500 && error.status <= 599) { + this.toastr.error("Server Error"); + this.ngOnInit(); + } + }); + } + + goToAdd() { + this.modaladd = true; + this.submitted = false; + // Reset form + this.entryForm.reset(); + } + + onExport() { + this.excel.exportAsExcelFile(this.alldata, 'sequence_', + moment().format('YYYYMMDD_HHmmss')) + } + + goToEdit(row) { + this.rowSelected = { ...row }; // Create a copy to avoid direct binding issues + console.log(row) + this.modaledit = true; + } + + onDelete(row) { + this.rowSelected = row; + this.modaldelete = true; + } + + delete(id) { + this.modaldelete = false; + console.log("in delete " + id); + this.seqservice.delete(id).subscribe((data) => { + console.log(data); + if (data == null || data.status >= 200 && data.status <= 299) { + this.toastr.success('Deleted successfully'); + this.ngOnInit(); + } + }, + (error) => { + console.log(error); + if (error.status >= 200 && error.status <= 299) { + this.toastr.success('Deleted successfully'); + this.ngOnInit(); + } + if (error.status >= 400 && error.status <= 499) { + this.toastr.error('Not Deleted Data Getting Some Error'); + this.ngOnInit(); + } + if (error.status >= 500 && error.status <= 599) { + this.toastr.error('Server Error'); + this.ngOnInit(); + } + }); + } + + onUpdate(id) { + this.modaledit = false; + this.seqservice.update(id, this.rowSelected).subscribe((data) => { + console.log(data); + if (data || data.status >= 200 && data.status <= 299) { + this.toastr.success("Update Succesfully"); + this.ngOnInit(); + } + }, (error: HttpErrorResponse) => { + console.log(error?.message); + if (error.status >= 200 && error.status <= 299) { + this.toastr.success("Update Succesfully"); + this.ngOnInit(); + } + if (error.status >= 400 && error.status <= 499) { + this.toastr.error("Not Update"); + this.ngOnInit(); + } + if (error.status >= 500 && error.status <= 599) { + this.toastr.error("Server Error"); + this.ngOnInit(); + } + }); + } +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/layout/layout.component.html b/frontend/angular-clarity-master/src/app/modules/main/layout/layout.component.html new file mode 100644 index 0000000..1246ebd --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/layout/layout.component.html @@ -0,0 +1,315 @@ + + +

+ +

+ + {{ sysparameter?.company_Display_Name }} + Enterprise Platform + + + CloudnSure + Enterprise Platform + +

+ +

+ + + + + + + + + + +

+ +

+ + +

+ +

+ + + + +

+ + +

+ + + +

+ + {{ menu.menuItemDesc }} + +

+ + + + + + {{ subnav.menuItemDesc }} + + + + + + + + + + {{ menu.menuItemDesc }} + + +

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

+ + + + + + + + + \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/layout/layout.component.scss b/frontend/angular-clarity-master/src/app/modules/main/layout/layout.component.scss new file mode 100644 index 0000000..3afe935 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/layout/layout.component.scss @@ -0,0 +1,785 @@ +// ======================================== +// MODERN LAYOUT COMPONENT STYLES +// ======================================== + +@import '../../../../styles/design-tokens'; + +// Legacy form styles (preserved for compatibility) +input[type=text],[type=date], select,textarea { + width: 100%; + padding: 12px 20px; + margin: 8px 0; + display: inline-block; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; +} +// Modern Layout Styles +// ======================================== + +.modern-layout { + background: linear-gradient(135deg, $gray-50 0%, $gray-100 100%); + min-height: 100vh; +} + +// Header Styles +// ======================================== + +.modern-header { + background: linear-gradient(135deg, $primary-600 0%, $primary-700 100%); + backdrop-filter: $backdrop-blur-md; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + box-shadow: $shadow-lg; + position: sticky; + top: 0; + z-index: $z-sticky; + height: $header-height; + padding: 0 $space-6; +} + +.modern-branding { + display: flex; + align-items: center; + gap: $space-4; + + .modern-nav-link { + display: flex; + align-items: center; + gap: $space-4; + text-decoration: none; + color: inherit; + transition: all $duration-200 $ease-out; + + &:hover { + transform: translateY(-1px); + } + } + + .logo-container { + position: relative; + display: flex; + align-items: center; + } + + .logo-wrapper { + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 48px; + height: 48px; + background: $gradient-primary; + border-radius: $radius-xl; + box-shadow: $shadow-md; + transition: all $duration-300 $ease-out; + + &:hover { + transform: scale(1.05); + box-shadow: $shadow-lg; + } + + .logo-img { + width: 32px; + height: 32px; + object-fit: contain; + filter: brightness(0) invert(1); + } + + .logo-glow { + position: absolute; + top: -2px; + left: -2px; + right: -2px; + bottom: -2px; + background: $gradient-primary; + border-radius: $radius-xl; + opacity: 0; + filter: blur(8px); + transition: opacity $duration-300 $ease-out; + } + + &:hover .logo-glow { + opacity: 0.3; + } + } + + .brand-text { + display: flex; + flex-direction: column; + gap: 2px; + + .company-title { + font-size: $text-xl; + font-weight: $font-bold; + color: $white; + line-height: 1.2; + } + + .company-subtitle { + font-size: $text-xs; + font-weight: $font-medium; + color: rgba(255, 255, 255, 0.8); + text-transform: uppercase; + letter-spacing: 0.05em; + } + } +} + +// Header Navigation +// ======================================== + +.modern-header-nav { + display: flex; + align-items: center; + gap: $space-2; + margin-left: $space-8; + + .modern-nav-icon { + position: relative; + display: flex; + align-items: center; + justify-content: center; + width: 48px; + height: 48px; + border-radius: $radius-lg; + background: transparent; + color: rgba(255, 255, 255, 0.8); + text-decoration: none; + transition: all $duration-200 $ease-out; + + &:hover { + background: rgba(255, 255, 255, 0.1); + color: $white; + transform: translateY(-1px); + } + + &.active { + background: rgba(255, 255, 255, 0.2); + color: $white; + box-shadow: $shadow-md; + } + + .nav-icon-wrapper { + position: relative; + display: flex; + align-items: center; + justify-content: center; + } + + .nav-tooltip { + position: absolute; + top: -40px; + left: 50%; + transform: translateX(-50%); + background: $gray-900; + color: $white; + padding: $space-2 $space-3; + border-radius: $radius-md; + font-size: $text-xs; + font-weight: $font-medium; + white-space: nowrap; + opacity: 0; + visibility: hidden; + transition: all $duration-200 $ease-out; + z-index: $z-tooltip; + + &::after { + content: ''; + position: absolute; + top: 100%; + left: 50%; + transform: translateX(-50%); + border: 4px solid transparent; + border-top-color: $gray-900; + } + } + + &:hover .nav-tooltip { + opacity: 1; + visibility: visible; + } + } +} + +// Header Actions +// ======================================== + +.modern-header-actions { + display: flex; + align-items: center; + gap: $space-4; + margin-left: auto; +} + +.modern-user-dropdown { + .modern-user-button { + display: flex; + align-items: center; + gap: $space-3; + padding: $space-2 $space-4; + background: rgba(255, 255, 255, 0.1); + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: $radius-xl; + color: $white; + text-decoration: none; + transition: all $duration-200 $ease-out; + cursor: pointer; + + &:hover { + background: rgba(255, 255, 255, 0.2); + border-color: rgba(255, 255, 255, 0.3); + transform: translateY(-1px); + box-shadow: $shadow-md; + } + + .user-avatar { + position: relative; + display: flex; + align-items: center; + justify-content: center; + } + + .avatar-circle { + width: 36px; + height: 36px; + background: rgba(255, 255, 255, 0.2); + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + color: $white; + font-size: $text-sm; + font-weight: $font-semibold; + } + + .user-status-indicator { + position: absolute; + bottom: 0; + right: 0; + width: 12px; + height: 12px; + background: $accent-green; + border: 2px solid $white; + border-radius: 50%; + } + + .user-info { + display: flex; + flex-direction: column; + align-items: flex-start; + gap: 2px; + + .user-name { + font-size: $text-sm; + font-weight: $font-semibold; + color: $white; + line-height: 1.2; + } + + .user-role { + font-size: $text-xs; + color: rgba(255, 255, 255, 0.8); + text-transform: uppercase; + letter-spacing: 0.05em; + } + } + + .dropdown-arrow { + font-size: $text-xs; + color: rgba(255, 255, 255, 0.8); + transition: transform $duration-200 $ease-out; + } + + &:hover .dropdown-arrow { + transform: rotate(180deg); + } + } +} + +// Dropdown Menu +// ======================================== + +.modern-dropdown-menu { + background: $white; + border: 1px solid $gray-200; + border-radius: $radius-xl; + box-shadow: $shadow-xl; + padding: $space-2; + min-width: 280px; + margin-top: $space-2; + + .dropdown-header { + padding: $space-4; + border-bottom: 1px solid $gray-200; + margin-bottom: $space-2; + + .user-profile { + display: flex; + align-items: center; + gap: $space-3; + + .profile-avatar { + width: 48px; + height: 48px; + background: $gradient-primary; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + color: $white; + font-size: $text-lg; + font-weight: $font-semibold; + } + + .profile-info { + display: flex; + flex-direction: column; + gap: 2px; + + .profile-name { + font-size: $text-sm; + font-weight: $font-semibold; + color: $gray-900; + } + + .profile-email { + font-size: $text-xs; + color: $gray-500; + } + } + } + } + + .dropdown-divider { + height: 1px; + background: $gray-200; + margin: $space-2 0; + } + + .modern-dropdown-item { + display: flex; + align-items: center; + gap: $space-3; + padding: $space-3 $space-4; + border-radius: $radius-lg; + color: $gray-700; + text-decoration: none; + font-size: $text-sm; + font-weight: $font-medium; + transition: all $duration-200 $ease-out; + + &:hover { + background: $gray-50; + color: $gray-900; + transform: translateX(4px); + } + + &.logout-item { + color: $accent-red; + + &:hover { + background: rgba($accent-red, 0.1); + color: $accent-red; + } + } + + clr-icon { + font-size: $text-base; + width: 20px; + height: 20px; + } + } +} + +// Language Dropdown +// ======================================== + +.modern-language-dropdown { + .modern-language-button { + display: flex; + align-items: center; + gap: $space-3; + padding: $space-3 $space-4; + width: 100%; + background: transparent; + border: none; + color: $gray-700; + text-decoration: none; + font-size: $text-sm; + font-weight: $font-medium; + border-radius: $radius-lg; + transition: all $duration-200 $ease-out; + cursor: pointer; + + &:hover { + background: $gray-50; + color: $gray-900; + } + + .language-icon { + font-size: $text-base; + color: $primary-600; + } + + .dropdown-arrow { + margin-left: auto; + font-size: $text-xs; + color: $gray-400; + transition: transform $duration-200 $ease-out; + } + + &:hover .dropdown-arrow { + transform: rotate(180deg); + } + } + + .modern-language-menu { + background: $white; + border: 1px solid $gray-200; + border-radius: $radius-xl; + box-shadow: $shadow-lg; + padding: $space-2; + min-width: 200px; + margin-left: $space-2; + + .modern-lang-item { + display: flex; + align-items: center; + gap: $space-3; + padding: $space-3 $space-4; + border-radius: $radius-lg; + color: $gray-700; + text-decoration: none; + font-size: $text-sm; + font-weight: $font-medium; + transition: all $duration-200 $ease-out; + + &:hover { + background: $primary-50; + color: $primary-700; + transform: translateX(4px); + } + + .lang-icon { + font-size: $text-base; + color: $primary-600; + } + + .lang-flag { + margin-left: auto; + font-size: $text-lg; + } + } + } +} + +// Content Container +// ======================================== + +.modern-content-container { + display: flex; + min-height: calc(100vh - #{$header-height}); + background: transparent; +} + +.modern-content-area { + flex: 1; + background: transparent; + padding: 0; + overflow-x: hidden; + + .content-wrapper { + padding: $space-6; + min-height: calc(100vh - #{$header-height}); + } +} + +// Sidebar Styles +// ======================================== + +.modern-sidebar { + background: rgba(255, 255, 255, 0.98); + backdrop-filter: $backdrop-blur-md; + border-right: 1px solid rgba(0, 0, 0, 0.05); + box-shadow: $shadow-lg; + width: $sidebar-width; + transition: all $duration-300 $ease-out; + + &.nav-collapsed { + width: $sidebar-width-collapsed; + } + + .sidebar-content { + padding: $space-4 0; + } + + .menu-item-wrapper { + margin-bottom: $space-2; + } +} + +// Navigation Groups +// ======================================== + +.modern-nav-group { + margin-bottom: $space-2; + + .nav-group-header { + display: flex; + align-items: center; + gap: $space-3; + padding: $space-3 $space-4; + color: $gray-700; + font-size: $text-sm; + font-weight: $font-semibold; + cursor: pointer; + border-radius: $radius-lg; + margin: 0 $space-2; + transition: all $duration-200 $ease-out; + + &:hover { + background: $gray-50; + color: $gray-900; + } + + .nav-group-icon { + font-size: $text-lg; + color: $primary-600; + } + + .nav-group-title { + flex: 1; + } + + .nav-group-arrow { + font-size: $text-sm; + color: $gray-400; + transition: transform $duration-200 $ease-out; + + &.rotated { + transform: rotate(90deg); + } + } + } + + .modern-nav-children { + margin-top: $space-1; + padding-left: $space-4; + } +} + +// Navigation Links +// ======================================== + +.modern-nav-link, +.modern-nav-link-single { + display: flex; + align-items: center; + gap: $space-3; + padding: $space-3 $space-4; + color: $gray-600; + text-decoration: none; + font-size: $text-sm; + font-weight: $font-medium; + border-radius: $radius-lg; + margin: 0 $space-2; + transition: all $duration-200 $ease-out; + position: relative; + + &:hover { + background: $primary-50; + color: $primary-700; + transform: translateX(4px); + } + + &.active { + background: $primary-100; + color: $primary-800; + font-weight: $font-semibold; + + &::before { + content: ''; + position: absolute; + left: 0; + top: 50%; + transform: translateY(-50%); + width: 3px; + height: 20px; + background: $primary-600; + border-radius: 0 $radius-sm $radius-sm 0; + } + } + + .nav-link-icon { + font-size: $text-base; + color: $gray-500; + width: 20px; + height: 20px; + display: flex; + align-items: center; + justify-content: center; + } + + .nav-link-text { + flex: 1; + } + + &:hover .nav-link-icon { + color: $primary-600; + } + + &.active .nav-link-icon { + color: $primary-700; + } +} + +// Responsive Design +// ======================================== + +@media (max-width: $breakpoint-lg) { + .modern-header { + padding: 0 $space-4; + } + + .modern-header-nav { + margin-left: $space-4; + gap: $space-1; + + .modern-nav-icon { + width: 40px; + height: 40px; + } + } + + .modern-content-area .content-wrapper { + padding: $space-4; + } + + .modern-sidebar { + width: $sidebar-width-collapsed; + + .nav-group-title, + .nav-link-text { + display: none; + } + + .modern-nav-link, + .modern-nav-link-single { + justify-content: center; + padding: $space-3; + } + } +} + +@media (max-width: $breakpoint-md) { + .modern-branding .brand-text { + display: none; + } + + .modern-user-button .user-info { + display: none; + } + + .modern-header-nav { + display: none; + } +} + +// Legacy styles (preserved for compatibility) +// ======================================== + +.center-content { + //width: 100%; + // max-width: 800px; + margin: auto; + // padding: 0 15px; + // display: flex; + // flex-direction: row; + // align-items: center; + // justify-content: center; + // flex-wrap: wrap; + // text-align: center; +} +/* Adjust the language button to be white and center its content vertically */ +.lang-btn { + padding: 12px 15px; + background-color: #007bff; /* Blue background */ + color: white; /* White text color */ + border: none; + border-radius: 5px; + display: flex; + align-items: center; + justify-content: space-between; + font-size: 16px; + font-weight: 500; + cursor: pointer; + transition: all 0.3s ease; +} + +.lang-btn:hover { + background-color: #0056b3; /* Darker blue on hover */ +} + +.lang-btn .language-icon, +.lang-btn .caret-icon { + color: white; /* White color for icons */ +} + +/* Make sure the label inside the button is also white */ +.lang-btn .language-label { + color: white; /* White color for the text */ + margin-right: 8px; +} + +/* Center the dropdown menu */ +.lang-dropdown-menu { + background-color: #f8f9fa; + border-radius: 5px; + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); + max-width: 200px; + font-size: 14px; +} + +/* Style for each item in the dropdown */ +.lang-item { + padding: 10px; + display: flex; + align-items: center; + color: #333; /* Default text color for dropdown items */ + text-decoration: none; + transition: background-color 0.3s ease; +} + +.lang-item:hover { + background-color: #016692; /* Blue on hover */ + color: white; /* White text on hover */ +} + +/* Icon style inside each dropdown item */ +.lang-icon { + margin-right: 10px; + color: #007bff; /* Blue color for icons in dropdown */ +} + +/* Change text and icon to white when the dropdown is active */ +.lang-item .lang-icon { + color: white; +} + +/* Add some padding for top center positioning */ +.clr-dropdown button { + padding-top: 10px; /* Adjust top padding as needed */ + padding-bottom: 10px; /* Ensure button is evenly spaced */ +} + +/* Optional: Add a separator between the dropdown items */ +.lang-item:not(:last-child) { + border-bottom: 1px solid #ddd; +} + +/* Ensure proper alignment of the dropdown icon and label */ +.clr-dropdown button .language-label, +.clr-dropdown button .language-icon { + display: inline-block; + vertical-align: middle; +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/layout/layout.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/layout/layout.component.spec.ts new file mode 100644 index 0000000..c4d6365 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/layout/layout.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { LayoutComponent } from './layout.component'; + +describe('LayoutComponent', () => { + let component: LayoutComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ LayoutComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(LayoutComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/layout/layout.component.ts b/frontend/angular-clarity-master/src/app/modules/main/layout/layout.component.ts new file mode 100644 index 0000000..4619158 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/layout/layout.component.ts @@ -0,0 +1,311 @@ + +import { Component, ViewEncapsulation, OnInit, Input } from '@angular/core'; +import { Router, ActivatedRoute } from '@angular/router'; +import { LoginService } from '../../../services/api/login.service'; +import { UserInfoService } from '../../../services/user-info.service'; +import { RealnetMenuService } from '../../../services/api/realnet-menu.service'; +import { Rn_Main_Menu } from '../../../models/builder/Rn_Main_Menu'; +import { MenuGroupService } from '../../../services/admin/menu-group.service'; +// import { GuidedTour, Orientation} from '../ngx-guided-tour/src/lib/guided-tour.constants'; +// import { GuidedTourService } from '../ngx-guided-tour/src/lib/guided-tour.service'; +// import { TourService } from '../ngx-guided-tour/src/lib/tour.service'; +import { ToastrService } from 'ngx-toastr'; +import { environment } from 'src/environments/environment'; +import { SysparameterService } from 'src/app/services/admin/sysparameter.service'; +import { ReportBuilderService } from 'src/app/services/api/report-builder.service'; +import { map } from 'rxjs'; + +import { RouterModule } from '@angular/router'; +import { ProjectSetup } from 'src/app/models/builder/Project_setup'; +import { Dashboard3Service } from 'src/app/services/builder/dashboard3.service'; + +import { TranslateService } from '@ngx-translate/core'; +import { ThemeService } from 'src/app/services/theme.service'; + +@Component({ + selector: 'app-layout', + templateUrl: './layout.component.html', + styleUrls: ['./layout.component.scss'] +}) +export class LayoutComponent implements OnInit { + // baseUrl= environment.chaturl; + @Input() data: any; + + loading = false; + apps: Array = []; + projectsetup; + + collapsed = true; + public showAppAlert: boolean = false; + modalteam = false; + public userName: string = ""; + + private formCode: string = 'teacher_form'; + public key: string = "formCode"; + public storage: Storage = sessionStorage; + + constructor( + private router: Router, + private route: ActivatedRoute, + private userInfoService: UserInfoService, + private realnetMenuService: RealnetMenuService, + private menuGroupService: MenuGroupService, + private sysparaservice: SysparameterService, + private reportBuilderService: ReportBuilderService, + private dashboardService: Dashboard3Service, + private translate: TranslateService, + private themeService: ThemeService, + // private guidedTourService: GuidedTourService, + // private tourservice: TourService, + private toastr: ToastrService, + ) { + this.translate.setDefaultLang('en'); + this.userName = this.userInfoService.getUserName(); + this.reportBuilderService.getrbDetails().subscribe((data) => { + this.gridData = data; + }); + } + + + + switchLanguage(language: string): void { + this.translate.use(language); // Switch to the selected language + } + user_name: any; + userrole: any; + menus: Rn_Main_Menu[]; + menu: any; + tourdata; + steps; + error; + ngOnInit() { + this.storage.setItem(this.key, this.formCode); + this.user_name = this.userInfoService.getUserName(); + console.log('user name: ' + this.user_name); + this.userrole = this.userInfoService.getRoles(); + console.log('user_role', this.userrole); + this.udata = this.userInfoService.getUserId(); + console.log('user id', this.udata); + this.loadMenuByAccountId(); + this.loadMenuByMenuGroup(); + this.getById(1); + // this.tourservice.getall().subscribe((data)=>{ + // this.tourdata=data[1]; + // //console.log("tour data",data); + // console.log(this.tourdata); + // //console.log(this.tourdata.tourId); + // //console.log(this.tourdata.useOrb); + // //this.steps=JSON.stringify(this.tourdata.steps); + // // console.log(this.tourdata.steps); + // //this.dashboardTour.tourId=this.tourdata.tourId; + // //console.log(this.dashboardTour.tourId); + // //this.dashboardTour.useOrb=this.tourdata.useOrb; + // // this.dashboardTour.steps=this.tourdata.steps; + // }); + } + + + + + showFolderNames: boolean = false; // Variable to control the report names display + reportNames: any[] = []; // Store the report names + + // getName() { + // this.reportBuilderService.getrbDetails().pipe( + // map((data) => data.map((item) => item.folderName)) + // ).subscribe((reportName) => { + // this.reportNames = reportName; + // // this.showReportNames = true; // Toggle on + // console.log('Report Names:', this.reportNames); + // }); + + // } + + + getName() { + if (this.showFolderNames) { + // If in report mode, switch to default mode + this.showFolderNames = false; + } else { + // If in default mode, switch to report mode + this.reportBuilderService.getrbDetails().pipe( + map((data) => data.map((item) => item.folderName)) + ).subscribe( + (folderName) => { + this.reportNames = folderName; + console.log('Report Names:', this.reportNames); + this.showFolderNames = true; + },); + } + } + + filteredGridData: any[] = []; + gridData: any[] = []; + // Function to filter the data based on the selected folder + filterGridDataByFolder(folderName: string) { + this.filteredGridData = this.gridData.filter(item => item.folderName === folderName); + } + + showDashNames: boolean = false; + dashNames: any[] = []; + getDashName() { + if (this.showDashNames) { + // If in report mode, switch to default mode + this.showDashNames = false; + } else { + // If in default mode, switch to report mode + this.dashboardService.getAllDash().pipe( + map((data) => data.map((item) => item.dashboard_name)) + ).subscribe( + (dashboard_name) => { + this.dashNames = dashboard_name; + console.log('Dashboard Names:', this.dashNames); + // this.showFolderNames = true; + this.showDashNames = true; + },); + } + } + + + + + + + + showSetupMenus: boolean = false; + toggleSetupMenus() { + this.showSetupMenus = !this.showSetupMenus; + + } + + + + + + + + + // side nav menu-sub_menu + loadMenuByAccountId() { + this.realnetMenuService.getByAccountId().subscribe(resp => { + this.menus = resp; + console.log('menu: ', this.menus); + }); + } + + loadMenuByMenuGroup() { + this.menuGroupService.getByCurrentUserMenuGroupId2().subscribe(resp => { + this.menus = resp; + console.log('menus: ', this.menus); + }, (error) => { + console.log(error); + if (error) { + this.error = "No data Available OR server Error"; + } + if (error.status === 401) { + // auto logout if 401 response returned from api + // this.authenticationService.logout(); + this.toastr.error("Your Token Is Expire Plz login Again") + //location.reload(true); + } + }) + } + sysparameter; + getById(id: number) { + this.sysparaservice.getById(id).subscribe((data) => { + this.sysparameter = data; + console.log("getbyiddata", this.sysparameter); + }, + (err) => { + console.log(err); + } + ); + } + + + /* menuGroup: Rn_Menu_Group_Header[]; + menu_id: number; + loadMenuGroupData() { + this.menuGroupService.getAll().subscribe(resp => { + this.menuGroup = resp; + this.menu_id = this.menuGroup + }); + } */ + + + + + + navbarSelectionChange(val) { + // console.log(val); + } + + closeAppAlert() { + this.showAppAlert = false; + } + + isDisabled(input: string): boolean { + if (input === null) { + return true; + } else false; + } + + + onLogout() { + this.userInfoService.logout().subscribe((data) => { + console.log(data); + }); + sessionStorage.clear(); + this.router.navigate(['login']); + } + menuFlag = true; + menuFlag1 = false; + udata; + uid; + message() { + //this.menuFlag = false; + // this.menuFlag1 = true; + // this.menuGroupService.getuser(this.udata).subscribe((data)=>{ + // console.log(data); + // }) + // window.open(`${this.baseUrl}`) + //window.location.href = `${this.baseUrl}`; + //this.udata=this.userInfoService.getUserInfo(); + //console.log(this.udata); + + this.menuGroupService.save(this.udata); + + this.uid = this.udata.userid; + localStorage.setItem("id", JSON.stringify(this.udata)); + //localStorage.setItem('id', this.uid); + //window.location.href = (`${this.baseUrl}/` + this.udata), true + //this.router.navigate([`${this.baseUrl}`], { relativeTo: this.route ,queryParams: { id: this.udata }}); + + //this.router.navigate(["../sureboard"],{relativeTo: this.route, queryParams: { userid: this.udata }}); + //this.router.navigate([`${this.baseUrl}`],{relativeTo: this.route, queryParams: { userid: this.udata }}); + //this.udata = this.userInfoService.getUserInfo(); + //this.userInfoService.storeUserInfo(JSON.stringify(this.udata.user)); + }// + + modaladd() { + //this.modalteam=true; + this.router.navigate(['/cns-portal/myworkspace']); + } + mc; + me; + md; + mv; + send(val) { + console.log(val); + this.menuGroupService.storeaddeditvalues(val); + this.mc = val.mcreate; + this.me = val.medit; + this.md = val.mdelete; + this.mv = val.mvisible; + if (this.mv == 'false') { + this.router.navigate(['/**']) + } + this.router.navigate(['./' + val.main_menu_action_name], { relativeTo: this.route }); + } + //skipLocationChange: true, value pass params->,queryParams:{mc:this.mc,me:this.me,md:this.md} +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/main-page/main-page.component.html b/frontend/angular-clarity-master/src/app/modules/main/main-page/main-page.component.html new file mode 100644 index 0000000..b97a6cc --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/main-page/main-page.component.html @@ -0,0 +1,240 @@ + +

+ +

+ Welcome to CloudnSure + Enterprise Platform +

+ Your comprehensive solution for data management, reporting, and business intelligence +

+ + + +

+ + Analytics +

+ + Reports +

+ + Settings +

+ + +

+ +

+ + +12% +

1,234

Active Users

+ +

+ + +8% +

567

Reports Generated

+ +

+ + -3% +

2.4s

Avg Response Time

+ +

+ + 99.9% +

99.9%

Customize colors, fonts, and appearance

+ +

+ + +

Recent Activity

+ +

Report generated successfully

2 minutes ago

+ +

New user registered

15 minutes ago

+ +

System maintenance scheduled

1 hour ago

+ +

Data import completed

2 hours ago

+ + + diff --git a/frontend/angular-clarity-master/src/app/modules/main/main-page/main-page.component.scss b/frontend/angular-clarity-master/src/app/modules/main/main-page/main-page.component.scss new file mode 100644 index 0000000..2bf0fc5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/main-page/main-page.component.scss @@ -0,0 +1,510 @@ +// ======================================== +// MODERN DASHBOARD COMPONENT STYLES +// ======================================== + + +@import '../../../../styles/design-tokens'; + + +// Dashboard Container +// ======================================== + +.modern-dashboard { + max-width: 1400px; + margin: 0 auto; + padding: 0; +} + +// Welcome Section +// ======================================== + +.welcome-section { + background: linear-gradient(135deg, $primary-500 0%, $primary-700 100%); + border-radius: $radius-2xl; + margin-bottom: $space-8; + overflow: hidden; + position: relative; + + &::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + background: url('data:image/svg+xml,'); + opacity: 0.3; + } + + .welcome-content { + display: flex; + align-items: center; + justify-content: space-between; + padding: $space-12 $space-8; + position: relative; + z-index: 1; + + @media (max-width: $breakpoint-lg) { + flex-direction: column; + text-align: center; + gap: $space-8; + } + } + + .welcome-text { + flex: 1; + max-width: 600px; + + .welcome-title { + font-size: $text-5xl; + font-weight: $font-bold; + color: $white; + margin-bottom: $space-4; + line-height: 1.1; + + @media (max-width: $breakpoint-md) { + font-size: $text-4xl; + } + + .title-accent { + display: block; + font-size: $text-2xl; + font-weight: $font-medium; + color: rgba(255, 255, 255, 0.8); + margin-top: $space-2; + + @media (max-width: $breakpoint-md) { + font-size: $text-xl; + } + } + } + + .welcome-subtitle { + font-size: $text-xl; + color: rgba(255, 255, 255, 0.9); + margin-bottom: $space-8; + line-height: 1.6; + + @media (max-width: $breakpoint-md) { + font-size: $text-lg; + } + } + + .welcome-actions { + display: flex; + gap: $space-4; + flex-wrap: wrap; + + @media (max-width: $breakpoint-sm) { + flex-direction: column; + align-items: stretch; + } + } + } + + .welcome-visual { + flex: 0 0 300px; + position: relative; + + @media (max-width: $breakpoint-lg) { + flex: none; + width: 100%; + max-width: 400px; + } + + .visual-container { + position: relative; + width: 100%; + height: 200px; + + .floating-card { + position: absolute; + background: rgba(255, 255, 255, 0.15); + backdrop-filter: $backdrop-blur-md; + border: 1px solid rgba(255, 255, 255, 0.2); + border-radius: $radius-xl; + padding: $space-4; + display: flex; + flex-direction: column; + align-items: center; + gap: $space-2; + color: $white; + font-size: $text-sm; + font-weight: $font-medium; + animation: float 3s ease-in-out infinite; + + clr-icon { + font-size: $text-2xl; + } + + &.card-1 { + top: 20px; + left: 20px; + animation-delay: 0s; + } + + &.card-2 { + top: 60px; + right: 40px; + animation-delay: 1s; + } + + &.card-3 { + bottom: 20px; + left: 60px; + animation-delay: 2s; + } + } + } + } +} + +// Stats Section +// ======================================== + +.stats-section { + margin-bottom: $space-8; + + .stats-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + gap: $space-6; + + @media (max-width: $breakpoint-sm) { + grid-template-columns: 1fr; + gap: $space-4; + } + } + + .stats-card { + padding: $space-6; + position: relative; + overflow: hidden; + + &::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + height: 4px; + background: $gradient-primary; + } + + .card-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: $space-4; + + .stats-icon { + width: 48px; + height: 48px; + border-radius: $radius-xl; + display: flex; + align-items: center; + justify-content: center; + font-size: $text-xl; + + &.primary { + background: rgba($primary-500, 0.1); + color: $primary-600; + } + + &.success { + background: rgba($accent-green, 0.1); + color: $accent-green; + } + + &.warning { + background: rgba($accent-orange, 0.1); + color: $accent-orange; + } + + &.info { + background: rgba($primary-500, 0.1); + color: $primary-600; + } + } + + .stats-trend { + display: flex; + align-items: center; + gap: $space-1; + font-size: $text-sm; + font-weight: $font-semibold; + + &.positive { + color: $accent-green; + } + + &.negative { + color: $accent-red; + } + + clr-icon { + font-size: $text-sm; + } + } + } + + .card-body { + .stats-value { + font-size: $text-3xl; + font-weight: $font-bold; + color: $gray-900; + margin-bottom: $space-1; + line-height: 1; + } + + .stats-label { + font-size: $text-sm; + color: $gray-600; + font-weight: $font-medium; + } + } + } +} + +// Actions Section +// ======================================== + +.actions-section { + margin-bottom: $space-8; + + .section-title { + font-size: $text-2xl; + font-weight: $font-bold; + color: $gray-900; + margin-bottom: $space-6; + text-align: center; + } + + .actions-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: $space-6; + + @media (max-width: $breakpoint-sm) { + grid-template-columns: 1fr; + gap: $space-4; + } + } + + .action-card { + display: flex; + align-items: center; + gap: $space-4; + padding: $space-6; + text-decoration: none; + color: inherit; + border: 1px solid $gray-200; + transition: all $duration-300 $ease-out; + + &:hover { + border-color: $primary-300; + transform: translateY(-2px); + box-shadow: $shadow-xl; + } + + .action-icon { + width: 56px; + height: 56px; + background: $gradient-primary; + border-radius: $radius-xl; + display: flex; + align-items: center; + justify-content: center; + color: $white; + font-size: $text-xl; + flex-shrink: 0; + } + + .action-content { + flex: 1; + + h3 { + font-size: $text-lg; + font-weight: $font-semibold; + color: $gray-900; + margin-bottom: $space-1; + } + + p { + font-size: $text-sm; + color: $gray-600; + margin: 0; + line-height: 1.5; + } + } + + .action-arrow { + color: $gray-400; + font-size: $text-lg; + transition: transform $duration-200 $ease-out; + } + + &:hover .action-arrow { + transform: translateX(4px); + } + } +} + +// Activity Section +// ======================================== + +.activity-section { + .section-title { + font-size: $text-2xl; + font-weight: $font-bold; + color: $gray-900; + margin-bottom: $space-6; + text-align: center; + } + + .activity-card { + padding: 0; + overflow: hidden; + + .activity-list { + .activity-item { + display: flex; + align-items: center; + gap: $space-4; + padding: $space-4 $space-6; + border-bottom: 1px solid $gray-100; + transition: background-color $duration-200 $ease-out; + + &:last-child { + border-bottom: none; + } + + &:hover { + background: $gray-50; + } + + .activity-icon { + width: 40px; + height: 40px; + border-radius: 50%; + display: flex; + align-items: center; + justify-content: center; + font-size: $text-base; + flex-shrink: 0; + + &.success { + background: rgba($accent-green, 0.1); + color: $accent-green; + } + + &.info { + background: rgba($primary-500, 0.1); + color: $primary-600; + } + + &.warning { + background: rgba($accent-orange, 0.1); + color: $accent-orange; + } + + &.primary { + background: rgba($primary-500, 0.1); + color: $primary-600; + } + } + + .activity-content { + flex: 1; + + .activity-title { + font-size: $text-sm; + font-weight: $font-medium; + color: $gray-900; + margin-bottom: 2px; + } + + .activity-time { + font-size: $text-xs; + color: $gray-500; + } + } + } + } + } +} + +// Responsive Design +// ======================================== + +@media (max-width: $breakpoint-lg) { + .welcome-section .welcome-content { + padding: $space-8 $space-6; + } + + .stats-section .stats-grid { + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + } + + .actions-section .actions-grid { + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); + } +} + +@media (max-width: $breakpoint-md) { + .welcome-section .welcome-content { + padding: $space-6 $space-4; + } + + .welcome-text .welcome-title { + font-size: $text-3xl; + } + + .welcome-text .welcome-subtitle { + font-size: $text-base; + } + + .stats-section .stats-grid { + grid-template-columns: 1fr; + } + + .actions-section .actions-grid { + grid-template-columns: 1fr; + } +} + +@media (max-width: $breakpoint-sm) { + .modern-dashboard { + padding: 0 $space-4; + } + + .welcome-section { + margin-bottom: $space-6; + } + + .stats-section, + .actions-section, + .activity-section { + margin-bottom: $space-6; + } + + .welcome-actions { + flex-direction: column; + align-items: stretch; + } +} + +// Animation Keyframes +// ======================================== + +@keyframes float { + + 0%, + 100% { + transform: translateY(0px); + } + + 50% { + transform: translateY(-10px); + } +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/main-page/main-page.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/main-page/main-page.component.spec.ts new file mode 100644 index 0000000..39261a3 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/main-page/main-page.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { MainPageComponent } from './main-page.component'; + +describe('MainPageComponent', () => { + let component: MainPageComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ MainPageComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(MainPageComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/main-page/main-page.component.ts b/frontend/angular-clarity-master/src/app/modules/main/main-page/main-page.component.ts new file mode 100644 index 0000000..4f82884 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/main-page/main-page.component.ts @@ -0,0 +1,20 @@ +import { Component, OnInit } from '@angular/core'; +import { ThemeService } from '../../../services/theme.service'; + +@Component({ + selector: 'app-main-page', + templateUrl: './main-page.component.html', + styleUrls: ['./main-page.component.scss'] +}) +export class MainPageComponent implements OnInit { + + constructor(private themeService: ThemeService) { } + + ngOnInit() { + // Initialize theme service + this.themeService.currentTheme$.subscribe(theme => { + // Theme changes will be automatically applied via CSS variables + }); + } + +} 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 new file mode 100644 index 0000000..8164773 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/main-routing.module.ts @@ -0,0 +1,542 @@ + + + + + + + + + + + + + + + + + + +import { Ad10Component } from './BuilderComponents/angulardatatype/Ad10/Ad10.component'; + + + + + + + + + + + + + + + + + + + + + + +import { DefatestComponent } from './BuilderComponents/defu/Defatest/Defatest.component'; + + +import { ChildformComponent } from './BuilderComponents/stpkg/Childform/Childform.component'; +import { DistrictComponent } from './BuilderComponents/testdata/District/District.component'; +import { StateComponent } from './BuilderComponents/testdata/State/State.component'; +import { CountryComponent } from './BuilderComponents/testdata/Country/Country.component'; +import { Ad9Component } from './BuilderComponents/angulardatatype/Ad9/Ad9.component'; +import { Ad8Component } from './BuilderComponents/angulardatatype/Ad8/Ad8.component'; +import { Ad7Component } from './BuilderComponents/angulardatatype/Ad7/Ad7.component'; +import { Ad6Component } from './BuilderComponents/angulardatatype/Ad6/Ad6.component'; +import { Adv5Component } from './BuilderComponents/angulardatatype/Adv5/Adv5.component'; +import { Adv4Component } from './BuilderComponents/angulardatatype/Adv4/Adv4.component'; +import { SupportComponent } from './BuilderComponents/angulardatatype/Support/Support.component'; +import { Adv3Component } from './BuilderComponents/angulardatatype/Adv3/Adv3.component'; +import { Dv2Component } from './BuilderComponents/angulardatatype/Dv2/Dv2.component'; +import { Adv1Component } from './BuilderComponents/angulardatatype/Adv1/Adv1.component'; +import { Basicp3Component } from './BuilderComponents/angulardatatype/Basicp3/Basicp3.component'; +import { Basicp2Component } from './BuilderComponents/angulardatatype/Basicp2/Basicp2.component'; +import { Basicp1Component } from './BuilderComponents/angulardatatype/Basicp1/Basicp1.component'; + + +import { SequencegenaratorComponent } from './fnd/sequencegenarator/sequencegenarator.component'; +import { Component, NgModule } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; +import { MainPageComponent } from '../main/fnd/main-page/main-page.component'; +import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; +import { AboutComponent } from '../main/admin/about/about.component'; +import { LayoutComponent } from './layout/layout.component'; +import { UserComponent } from '../main/admin/user/user.component'; + +import { PasswordResetComponent } from '../main/admin/password-reset/password-reset.component'; +import { DashboardComponent } from '../main/fnd/dashboard/dashboard.component'; +import { AllMenuGroupComponent } from '../main/admin/menu-group/all/all-menu-group.component'; +import { EditMenuGroupComponent } from '../main/admin/menu-group/edit/edit-menu-group.component'; +import { MenuGroupComponent } from '../main/admin/menu-group/menu-group.component'; +import { ReadOnlyMenuGroupComponent } from '../main/admin/menu-group/read-only/readonly-menu-group.component'; +import { MenuRegisterComponent } from '../main/admin/menu-register/menu-register.component'; +import { AllMenurComponent } from '../main/admin/menu-register/all-menur/all-menur.component'; +import { AddMenurComponent } from '../main/admin/menu-register/add-menur/add-menur.component'; +import { EditMenurComponent } from '../main/admin/menu-register/edit-menur/edit-menur.component'; +import { ReadonlyMenurComponent } from '../main/admin/menu-register/readonly-menur/readonly-menur.component'; +import { ProfileSettingComponent } from '../main/admin/profile-setting/profile-setting.component'; +import { UsermaintanceComponent } from '../main/admin/usermaintance/usermaintance.component'; +import { UsermaintanceaddComponent } from '../main/admin/usermaintanceadd/usermaintanceadd.component'; +import { UsermaintanceeditComponent } from '../main/admin/usermaintanceedit/usermaintanceedit.component'; +import { UsergrpmaintenanceComponent } from '../main/admin/usergrpmaintenance/usergrpmaintenance.component'; +import { MenuaccesscontrolComponent } from '../main/admin/menuaccesscontrol/menuaccesscontrol.component'; +import { AuthGuard } from '../../services/auth_guard.service'; + +import { SystemparametersComponent } from '../main/admin/systemparameters/systemparameters.component'; +import { MenumaintanceComponent } from '../main/admin/menumaintance/menumaintance.component'; + +import { SubmenuComponent } from './admin/submenu/submenu.component'; + +import { Role } from '../../models/admin/role'; +import { AccesstypeComponent } from './admin/accesstype/accesstype.component'; +import { ModulesComponent } from './admin/modules/modules.component'; + +import { SessionloggerComponent } from './admin/sessionlogger/sessionlogger.component'; +import { ReportRunnerComponent } from './builder/report-runner/report-runner.component'; +import { ReportrunnerallComponent } from './builder/report-runner/reportrunnerall/reportrunnerall.component'; +import { Reportrunneredit2Component } from './builder/report-runner/reportrunneredit2/reportrunneredit2.component'; +import { ReportrunnereditComponent } from './builder/report-runner/reportrunneredit/reportrunneredit.component'; +import { ReportBuildComponent } from './builder/report-build/report-build.component'; +import { ReportbuildallComponent } from './builder/report-build/reportbuildall/reportbuildall.component'; +import { ReportbuildaddComponent } from './builder/report-build/reportbuildadd/reportbuildadd.component'; +import { ReportbuildeditComponent } from './builder/report-build/reportbuildedit/reportbuildedit.component'; +import { ReportbuildqueryComponent } from './builder/report-build/reportbuildquery/reportbuildquery.component'; +import { ReportBuild2Component } from './builder/report-build2/report-build2.component'; +import { ReportBuild2allComponent } from './builder/report-build2/report-build2all/report-build2all.component'; +import { ReportBuild2addComponent } from './builder/report-build2/report-build2add/report-build2add.component'; +import { ReportBuild2editComponent } from './builder/report-build2/report-build2edit/report-build2edit.component'; + + +import { DashboardnewComponent } from './builder/dashboardnew/dashboardnew.component'; +import { AllnewdashComponent } from './builder/dashboardnew/allnewdash/allnewdash.component'; +import { AddnewdashComponent } from './builder/dashboardnew/addnewdash/addnewdash.component'; +import { EditformnewdashComponent } from './builder/dashboardnew/editformnewdash/editformnewdash.component'; +import { EditnewdashComponent } from './builder/dashboardnew/editnewdash/editnewdash.component'; +import { ScheduleComponent } from './builder/dashboardnew/schedule/schedule.component'; +import { SetupiconComponent } from './builder/setupicon/setupicon.component'; +import { ExtensionComponent } from './fnd/extension/extension.component'; +import { AllextensionComponent } from './fnd/extension/allextension/allextension.component'; +import { AddextensionComponent } from './fnd/extension/addextension/addextension.component'; +import { EditextensionComponent } from './fnd/extension/editextension/editextension.component'; +import { DashboardrunnerComponent } from './builder/dashboardrunner/dashboardrunner.component'; +import { DashrunnerallComponent } from './builder/dashboardrunner/dashrunnerall/dashrunnerall.component'; +import { DashrunnerlineComponent } from './builder/dashboardrunner/dashrunnerline/dashrunnerline.component'; + +import { ApiregisteryComponent } from './fnd/apiregistery/apiregistery.component'; + +import { DatamanagementComponent } from './datamanagement/datamanagement/datamanagement.component'; +import { DatamananementworkflowComponent } from './datamanagement/datamananementworkflow/datamananementworkflow.component'; +import { BulkimportComponent } from './datamanagement/bulkimport/bulkimport.component'; +import { BulkimportallComponent } from './datamanagement/bulkimport/bulkimportall/bulkimportall.component'; +import { BulkimportaddComponent } from './datamanagement/bulkimport/bulkimportadd/bulkimportadd.component'; +import { BulkimporteditComponent } from './datamanagement/bulkimport/bulkimportedit/bulkimportedit.component'; +import { BulkimportlineComponent } from './datamanagement/bulkimport/bulkimportline/bulkimportline.component'; +import { BulkimporteditlineComponent } from './datamanagement/bulkimport/bulkimporteditline/bulkimporteditline.component'; +import { MappingruleComponent } from './datamanagement/mappingrule/mappingrule.component'; +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 { Stepper_workflowComponent } from './BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.component'; +import { AllapiregisteryComponent } from './fnd/apiregistery/allapiregistery/allapiregistery.component'; +import { AddapiregisteryComponent } from './fnd/apiregistery/addapiregistery/addapiregistery.component'; +import { EditapiregisteryComponent } from './fnd/apiregistery/editapiregistery/editapiregistery.component'; +import { ApiregisterylineComponent } from './fnd/apiregistery/Apiregisteryline/Apiregisteryline.component'; +import { Customer_informationComponent } from './BuilderComponents/angulardatatype/Customer_information/Customer_information.component'; +import { Deployment_typeComponent } from './BuilderComponents/angulardatatype/Deployment_type/Deployment_type.component'; +import { ManufacturerComponent } from './BuilderComponents/angulardatatype/Manufacturer/Manufacturer.component'; +import { Order_summaryComponent } from './BuilderComponents/angulardatatype/Order_summary/Order_summary.component'; +import { ProductComponent } from './BuilderComponents/angulardatatype/Product/Product.component'; +import { TypesComponent } from './BuilderComponents/angulardatatype/Types/Types.component'; +import { Test2Component } from './BuilderComponents/testdata/Test2/Test2.component'; +import { Token_registeryComponent } from './fnd/Token_registery/Token_registery.component'; +import { MyworkspaceComponent } from './admin/myworkspace/myworkspace.component'; +import { ThemeCustomizationComponent } from './theme-customization/theme-customization.component'; +// import { QueryComponent } from './superadmin/query/query.component'; +// import { QueryaddComponent } from './superadmin/queryadd/queryadd.component'; +// import { QueryeditComponent } from './superadmin/queryedit/queryedit.component'; + + + + +const routes: Routes = [ + //Important: The sequence of path is important as the router go over then in sequential manner + { path: '', redirectTo: '/cns-portal/dashboard', pathMatch: 'full' }, + { + path: 'cns-portal', + component: LayoutComponent, + canActivate: [AuthGuard], + children: [ + { path: '', redirectTo: 'user', pathMatch: 'full' }, + { path: 'main', component: MainPageComponent }, + { path: 'user', component: UserComponent }, + + + + + { path: 'usermaintance', component: UsermaintanceComponent }, + { path: 'usermaintanceadd', component: UsermaintanceaddComponent }, + { path: 'usermaintancedit/:id', component: UsermaintanceeditComponent }, + { path: 'usergrpmaintance', component: UsergrpmaintenanceComponent }, + { path: 'menuaccess', component: MenuaccesscontrolComponent }, + { path: 'systemparameters', component: SystemparametersComponent }, + { path: 'menumaintance', component: MenumaintanceComponent }, + { path: 'submenu/:id', component: SubmenuComponent }, + + { path: 'passwordreset', component: PasswordResetComponent }, + { path: 'profile-settings', component: ProfileSettingComponent }, + { path: 'about', component: AboutComponent }, + { path: 'setupicon', component: SetupiconComponent }, + { path: 'myworkspace', component: MyworkspaceComponent }, + { path: 'theme-customization', component: ThemeCustomizationComponent }, + + + + { + path: 'reportbuild', component: ReportBuildComponent, + children: [ + { path: '', redirectTo: 'all', pathMatch: 'full' }, + { path: 'all', component: ReportbuildallComponent }, + { path: 'add', component: ReportbuildaddComponent }, + { path: 'edit/:id', component: ReportbuildeditComponent }, + { path: 'reportQuery/:id', component: ReportbuildqueryComponent }, + + + //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:'rerunner',component:DatefunctionComponent}, + + { + path: 'reportbuild2', component: ReportBuild2Component, + children: [ + { path: '', redirectTo: 'all', pathMatch: 'full' }, + { path: 'all', component: ReportBuild2allComponent }, + { path: 'add', component: ReportBuild2addComponent }, + { path: 'edit/:id', component: ReportBuild2editComponent }, + ] + }, + + //report runner + { + path: 'rerunner', component: ReportRunnerComponent, + children: [ + { path: '', redirectTo: 'all', pathMatch: 'full' }, + { path: 'all', component: ReportrunnerallComponent }, + { path: 'runner2/:id', component: Reportrunneredit2Component }, + { path: 'runner/:id', component: ReportrunnereditComponent }, + ] + }, + + // dashboardbuilder + { + path: 'dashboardbuilder', component: DashboardnewComponent, + children: [ + + { path: '', redirectTo: 'all', pathMatch: 'full' }, + { path: 'all', component: AllnewdashComponent }, + { path: 'adddata', component: AddnewdashComponent }, + { path: 'editdata/:id', component: EditformnewdashComponent }, + { path: 'editdashn/:id', component: EditnewdashComponent }, + { path: 'schedule/:id', component: ScheduleComponent }, + ] + }, + + { + path: 'dashboardrunner', component: DashboardrunnerComponent, + children: [ + + { path: '', redirectTo: 'all', pathMatch: 'full' }, + { path: 'all', component: DashrunnerallComponent }, + { path: 'dashrunner/:id', component: DashrunnerlineComponent }, + ] + }, + + + { path: 'accesstype', component: AccesstypeComponent }, + { path: 'acmodules', component: ModulesComponent }, + { path: 'sessionlogger', component: SessionloggerComponent }, + { path: 'dashboard', component: DashboardComponent, }, + + { + path: 'menu-group', component: MenuGroupComponent, + children: [ + { path: '', redirectTo: 'all-menu', pathMatch: 'full' }, + { path: 'all-menu', component: AllMenuGroupComponent }, + { path: 'edit-menu', component: EditMenuGroupComponent }, + { path: 'read-only', component: ReadOnlyMenuGroupComponent } + ], + }, + + { + path: 'menu-r', component: MenuRegisterComponent, + children: [ + { path: '', redirectTo: 'all-r', pathMatch: 'full' }, + { path: 'all-r', component: AllMenurComponent }, + { path: 'add-r', component: AddMenurComponent }, + { path: 'edit-r', component: EditMenurComponent }, + { path: 'readonly-r', component: ReadonlyMenurComponent } + ], + }, + + { + path: 'extension', component: ExtensionComponent, + children: [ + { path: '', redirectTo: 'all', pathMatch: 'full' }, + { path: 'all', component: AllextensionComponent }, + { path: 'add', component: AddextensionComponent }, + { path: 'edit/:id', component: EditextensionComponent }, + ], + }, + { path: 'SequenceGenerator', component: SequencegenaratorComponent }, + + // Api registery + + { + path: 'apiregistery', component: ApiregisteryComponent, + children: [ + { path: '', redirectTo: 'all', pathMatch: 'full' }, + { path: 'all', component: AllapiregisteryComponent }, + { path: 'add', component: AddapiregisteryComponent }, + { path: 'edit/:id', component: EditapiregisteryComponent }, + { path: 'line/:id', component: ApiregisterylineComponent }, + + ], + }, + + // DATA MANAGEMENT + + { path: 'datamanagement', component: DatamanagementComponent }, + { path: 'dataworkflow/:id', component: DatamananementworkflowComponent }, + + //bulk Import Rule + { + path: 'validationrule', component: BulkimportComponent, + children: [ + { path: '', redirectTo: 'all', pathMatch: 'full' }, + { path: 'all', component: BulkimportallComponent }, + { path: 'add', component: BulkimportaddComponent }, + { path: 'edit/:id', component: BulkimporteditComponent }, + { path: 'ruleline', component: BulkimportlineComponent }, + { path: 'rulelineedit', component: BulkimporteditlineComponent }, + ], + }, + //bulk Import Rule mapping + { + path: 'mappingrule', component: MappingruleComponent, + children: [ + { path: '', redirectTo: 'all', pathMatch: 'full' }, + { path: 'all', component: MappingruleallComponent }, + { path: 'add', component: MappingruleaddComponent }, + { path: 'edit/:id', component: MappingruleeditComponent }, + ], + }, + + + // buildercomponents + + + + + + + + + { path: 'Country', component: CountryComponent }, + + + { path: 'Adv3', component: Adv3Component }, + + + + + + + + + + + + + + + + + + + + + + + + + + + { path: 'Ad10', component: Ad10Component }, + + + { path: 'Childform', component: ChildformComponent }, + + + { path: 'District', component: DistrictComponent }, + + + { path: 'State', component: StateComponent }, + + + { path: 'Country', component: CountryComponent }, + + + { path: 'Ad9', component: Ad9Component }, + + + { path: 'Ad8', component: Ad8Component }, + + + { path: 'Ad7', component: Ad7Component }, + + + + + + + + + + + + + + + + + + + { path: 'Ad6', component: Ad6Component }, + + + { path: 'Adv5', component: Adv5Component }, + + + { path: 'Support', component: SupportComponent }, + + + { path: 'Adv3', component: Adv3Component }, + + + { path: 'tokenregistery', component: Token_registeryComponent }, + + + { path: 'Defatest', component: DefatestComponent }, + + + { path: 'Country', component: CountryComponent }, + + + { path: 'Defatest', component: DefatestComponent }, + + { path: 'Test2', component: Test2Component }, + + + { path: 'Country', component: CountryComponent }, + + + + { path: 'Test2', component: Test2Component }, + + { path: 'Childform', component: ChildformComponent }, + + + { path: 'District', component: DistrictComponent }, + + + { path: 'State', component: StateComponent }, + + + { path: 'Country', component: CountryComponent }, + + + { path: 'Ad9', component: Ad9Component }, + + + { path: 'Ad8', component: Ad8Component }, + + + { path: 'Ad7', component: Ad7Component }, + + + { path: 'Ad6', component: Ad6Component }, + + + { path: 'Adv5', component: Adv5Component }, + + + { path: 'Adv4', component: Adv4Component }, + + + { path: 'Support', component: SupportComponent }, + + + { path: 'Adv3', component: Adv3Component }, + + + { path: 'Dv2', component: Dv2Component }, + + + { path: 'Adv1', component: Adv1Component }, + + + { path: 'Basicp3', component: Basicp3Component }, + + + { path: 'Basicp2', component: Basicp2Component }, + + + { path: 'Basicp1', component: Basicp1Component }, + { path: 'cust', component: Customer_informationComponent }, + + { path: 'Order_summary', component: Order_summaryComponent }, + + + { path: 'Types', component: TypesComponent }, + + + { path: 'Product', component: ProductComponent }, + + + { path: 'Manufacturer', component: ManufacturerComponent }, + + + { path: 'Deployment_type', component: Deployment_typeComponent }, + + + + + { path: 'Stepper_workflow', component: Stepper_workflowComponent }, + + + { path: '**', component: PageNotFoundComponent }, + + ] + }, + +]; + +@NgModule({ + imports: [RouterModule.forChild(routes)], + exports: [RouterModule] +}) +export class MainRoutingModule { } \ No newline at end of file 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 new file mode 100644 index 0000000..d8b4c69 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/main.module.ts @@ -0,0 +1,236 @@ +import { Ad10Component } from './BuilderComponents/angulardatatype/Ad10/Ad10.component'; + +import { DefatestComponent } from './BuilderComponents/defu/Defatest/Defatest.component'; + +import { ChildformComponent } from './BuilderComponents/stpkg/Childform/Childform.component'; +import { DistrictComponent } from './BuilderComponents/testdata/District/District.component'; +import { StateComponent } from './BuilderComponents/testdata/State/State.component'; +import { CountryComponent } from './BuilderComponents/testdata/Country/Country.component'; +import { Ad9Component } from './BuilderComponents/angulardatatype/Ad9/Ad9.component'; +import { Ad8Component } from './BuilderComponents/angulardatatype/Ad8/Ad8.component'; +import { Ad7Component } from './BuilderComponents/angulardatatype/Ad7/Ad7.component'; +import { Ad6Component } from './BuilderComponents/angulardatatype/Ad6/Ad6.component'; +import { Adv5Component } from './BuilderComponents/angulardatatype/Adv5/Adv5.component'; +import { Adv4Component } from './BuilderComponents/angulardatatype/Adv4/Adv4.component'; +import { SupportComponent } from './BuilderComponents/angulardatatype/Support/Support.component'; +import { Adv3Component } from './BuilderComponents/angulardatatype/Adv3/Adv3.component'; +import { Dv2Component } from './BuilderComponents/angulardatatype/Dv2/Dv2.component'; +import { Adv1Component } from './BuilderComponents/angulardatatype/Adv1/Adv1.component'; +import { Basicp3Component } from './BuilderComponents/angulardatatype/Basicp3/Basicp3.component'; +import { Basicp2Component } from './BuilderComponents/angulardatatype/Basicp2/Basicp2.component'; +import { Basicp1Component } from './BuilderComponents/angulardatatype/Basicp1/Basicp1.component'; + + + +import { CommonModule } from '@angular/common'; +import { CUSTOM_ELEMENTS_SCHEMA, NgModule } from '@angular/core'; +import { FormsModule, ReactiveFormsModule } from '@angular/forms'; +import { ClarityModule } from '@clr/angular'; + +import { MainPageComponent } from '../main/fnd/main-page/main-page.component'; +import { MainRoutingModule } from './main-routing.module'; +import { PageNotFoundComponent } from './page-not-found/page-not-found.component'; +// import { AboutComponent } from '../main/admin/about/about.component'; +// import { LayoutComponent } from './layout/layout.component'; +import { HelperModule } from 'src/app/pipes/helpers.module'; +import { PasswordResetComponent } from '../main/admin/password-reset/password-reset.component'; +import { UserComponent } from '../main/admin/user/user.component'; + + +import { AllMenuGroupComponent } from '../main/admin/menu-group/all/all-menu-group.component'; +import { EditMenuGroupComponent } from '../main/admin/menu-group/edit/edit-menu-group.component'; +import { MenuGroupComponent } from '../main/admin/menu-group/menu-group.component'; +import { ReadOnlyMenuGroupComponent } from '../main/admin/menu-group/read-only/readonly-menu-group.component'; +import { AddMenurComponent } from '../main/admin/menu-register/add-menur/add-menur.component'; +import { AllMenurComponent } from '../main/admin/menu-register/all-menur/all-menur.component'; +import { EditMenurComponent } from '../main/admin/menu-register/edit-menur/edit-menur.component'; +import { MenuRegisterComponent } from '../main/admin/menu-register/menu-register.component'; +import { ReadonlyMenurComponent } from '../main/admin/menu-register/readonly-menur/readonly-menur.component'; +import { ProfileSettingComponent } from '../main/admin/profile-setting/profile-setting.component'; +import { UsermaintanceaddComponent } from '../main/admin/usermaintanceadd/usermaintanceadd.component'; +import { UsermaintanceeditComponent } from '../main/admin/usermaintanceedit/usermaintanceedit.component'; + +import { DragDropModule } from '@angular/cdk/drag-drop'; +import { HttpClientModule } from '@angular/common/http'; +import { CodemirrorModule } from "@ctrl/ngx-codemirror"; +import { NgxChartsModule } from '@swimlane/ngx-charts'; +import { GridsterModule } from 'angular-gridster2'; +import { DynamicModule } from 'ng-dynamic-component'; +import { NgChartsModule } from 'ng2-charts'; +import { CKEditorModule } from 'ng2-ckeditor'; + +import { UserRegistrationComponent } from '../main/admin/user-registration/user-registration.component'; + +import { QRCodeModule } from 'angularx-qrcode'; +import { TagInputModule } from 'ngx-chips'; +import { CookieService } from 'ngx-cookie-service'; +import { ImageCropperModule } from 'ngx-image-cropper'; +import { ModulesComponent } from './admin/modules/modules.component'; +import { SessionloggerComponent } from './admin/sessionlogger/sessionlogger.component'; +import { SubmenuComponent } from './admin/submenu/submenu.component'; + +import { WireframeService } from 'src/app/services/builder/wireframe.service'; +import { ReportBuildComponent } from './builder/report-build/report-build.component'; +import { ReportbuildeditComponent } from './builder/report-build/reportbuildedit/reportbuildedit.component'; +import { ReportbuildqueryComponent } from './builder/report-build/reportbuildquery/reportbuildquery.component'; +import { ReportBuild2Component } from './builder/report-build2/report-build2.component'; +import { ReportBuild2editComponent } from './builder/report-build2/report-build2edit/report-build2edit.component'; +import { ReportRunnerComponent } from './builder/report-runner/report-runner.component'; +import { ReportrunnereditComponent } from './builder/report-runner/reportrunneredit/reportrunneredit.component'; +import { Reportrunneredit2Component } from './builder/report-runner/reportrunneredit2/reportrunneredit2.component'; + + +import { DashboardnewComponent } from './builder/dashboardnew/dashboardnew.component'; +import { EditformnewdashComponent } from './builder/dashboardnew/editformnewdash/editformnewdash.component'; +import { EditnewdashComponent } from './builder/dashboardnew/editnewdash/editnewdash.component'; +import { BarChartComponent } from './builder/dashboardnew/gadgets/bar-chart/bar-chart.component'; +import { BubbleChartComponent } from './builder/dashboardnew/gadgets/bubble-chart/bubble-chart.component'; +import { DoughnutChartComponent } from './builder/dashboardnew/gadgets/doughnut-chart/doughnut-chart.component'; +import { DynamicChartComponent } from './builder/dashboardnew/gadgets/dynamic-chart/dynamic-chart.component'; +import { FinancialChartComponent } from './builder/dashboardnew/gadgets/financial-chart/financial-chart.component'; +import { GridViewComponent } from './builder/dashboardnew/gadgets/grid-view/grid-view.component'; +import { LineChartComponent } from './builder/dashboardnew/gadgets/line-chart/line-chart.component'; +import { PieChartComponent } from './builder/dashboardnew/gadgets/pie-chart/pie-chart.component'; +import { PolarChartComponent } from './builder/dashboardnew/gadgets/polar-chart/polar-chart.component'; +import { RadarChartComponent } from './builder/dashboardnew/gadgets/radar-chart/radar-chart.component'; +import { ScatterChartComponent } from './builder/dashboardnew/gadgets/scatter-chart/scatter-chart.component'; +import { ToDoChartComponent } from './builder/dashboardnew/gadgets/to-do-chart/to-do-chart.component'; +import { ScheduleComponent } from './builder/dashboardnew/schedule/schedule.component'; +import { AddextensionComponent } from './fnd/extension/addextension/addextension.component'; +import { AllextensionComponent } from './fnd/extension/allextension/allextension.component'; +import { EditextensionComponent } from './fnd/extension/editextension/editextension.component'; +import { ExtensionComponent } from './fnd/extension/extension.component'; + +import { BarRunnerComponent } from './builder/dashboardrunner/dashrunnerline/bar-runner/bar-runner.component'; +import { BubbleRunnerComponent } from './builder/dashboardrunner/dashrunnerline/bubble-runner/bubble-runner.component'; +import { DashrunnerlineComponent } from './builder/dashboardrunner/dashrunnerline/dashrunnerline.component'; +import { DoughnutRunnerComponent } from './builder/dashboardrunner/dashrunnerline/doughnut-runner/doughnut-runner.component'; +import { GridRunnerComponent } from './builder/dashboardrunner/dashrunnerline/grid-runner/grid-runner.component'; +import { LineRunnerComponent } from './builder/dashboardrunner/dashrunnerline/line-runner/line-runner.component'; +import { PieRunnerComponent } from './builder/dashboardrunner/dashrunnerline/pie-runner/pie-runner.component'; +import { PolarRunnerComponent } from './builder/dashboardrunner/dashrunnerline/polar-runner/polar-runner.component'; +import { RadarRunnerComponent } from './builder/dashboardrunner/dashrunnerline/radar-runner/radar-runner.component'; +import { ScatterRunnerComponent } from './builder/dashboardrunner/dashrunnerline/scatter-runner/scatter-runner.component'; +import { TodoRunnerComponent } from './builder/dashboardrunner/dashrunnerline/todo-runner/todo-runner.component'; + +import { ApiregisteryComponent } from './fnd/apiregistery/apiregistery.component'; + +import { BulkimportComponent } from './datamanagement/bulkimport/bulkimport.component'; +import { BulkimportaddComponent } from './datamanagement/bulkimport/bulkimportadd/bulkimportadd.component'; +import { BulkimportallComponent } from './datamanagement/bulkimport/bulkimportall/bulkimportall.component'; +import { BulkimporteditComponent } from './datamanagement/bulkimport/bulkimportedit/bulkimportedit.component'; +import { BulkimporteditlineComponent } from './datamanagement/bulkimport/bulkimporteditline/bulkimporteditline.component'; +import { BulkimportlineComponent } from './datamanagement/bulkimport/bulkimportline/bulkimportline.component'; +import { DatamanagementComponent } from './datamanagement/datamanagement/datamanagement.component'; +import { DatamananementworkflowComponent } from './datamanagement/datamananementworkflow/datamananementworkflow.component'; +import { MappingruleComponent } from './datamanagement/mappingrule/mappingrule.component'; +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 { Stepper_workflowComponent } from './BuilderComponents/stepperworkflow/Stepper_workflow/Stepper_workflow.component'; +import { AllapiregisteryComponent } from './fnd/apiregistery/allapiregistery/allapiregistery.component'; +import { AddapiregisteryComponent } from './fnd/apiregistery/addapiregistery/addapiregistery.component'; +import { EditapiregisteryComponent } from './fnd/apiregistery/editapiregistery/editapiregistery.component'; +import { ApiregisterylineComponent } from './fnd/apiregistery/Apiregisteryline/Apiregisteryline.component'; +import { Customer_informationComponent } from './BuilderComponents/angulardatatype/Customer_information/Customer_information.component'; +import { Deployment_typeComponent } from './BuilderComponents/angulardatatype/Deployment_type/Deployment_type.component'; +import { ManufacturerComponent } from './BuilderComponents/angulardatatype/Manufacturer/Manufacturer.component'; +import { Order_summaryComponent } from './BuilderComponents/angulardatatype/Order_summary/Order_summary.component'; +import { ProductComponent } from './BuilderComponents/angulardatatype/Product/Product.component'; +import { TypesComponent } from './BuilderComponents/angulardatatype/Types/Types.component'; +import { Test2Component } from './BuilderComponents/testdata/Test2/Test2.component'; +import { Token_registeryComponent } from './fnd/Token_registery/Token_registery.component'; +import { MyworkspaceComponent } from './admin/myworkspace/myworkspace.component'; +import { ThemeCustomizationComponent } from './theme-customization/theme-customization.component'; +// import { QueryComponent } from './superadmin/query/query.component'; +// import { QueryaddComponent } from './superadmin/queryadd/queryadd.component'; +// import { QueryeditComponent } from './superadmin/queryedit/queryedit.component'; + +import { FieldTypesModule } from '../../shared/components/field-types/field-types.module'; +import { SharedModule } from '../../shared/shared.module'; + +@NgModule({ + declarations: [ + MainPageComponent, PageNotFoundComponent, UserComponent, PasswordResetComponent, + MyworkspaceComponent, + ReportRunnerComponent, ReportrunnereditComponent, Reportrunneredit2Component, MenuGroupComponent, AllMenuGroupComponent, EditMenuGroupComponent, ReadOnlyMenuGroupComponent, UserRegistrationComponent, + MenuRegisterComponent, AddMenurComponent, EditMenurComponent, AllMenurComponent, ReadonlyMenurComponent, ProfileSettingComponent, + UsermaintanceaddComponent, UsermaintanceeditComponent, + SubmenuComponent, ModulesComponent, SessionloggerComponent, + 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, + ExtensionComponent, + AllextensionComponent, + AddextensionComponent, EditextensionComponent, ApiregisteryComponent, AllapiregisteryComponent, AddapiregisteryComponent, EditapiregisteryComponent, + + ApiregisterylineComponent, + DatamanagementComponent, DatamananementworkflowComponent, BulkimportComponent, BulkimportallComponent, BulkimportaddComponent, BulkimporteditComponent, BulkimportlineComponent, BulkimporteditlineComponent, MappingruleComponent, MappingruleallComponent, + MappingruleaddComponent, + MappingruleeditComponent, Stepper_workflowComponent, Customer_informationComponent, + // FileUploadListComponent, + + + // buildercomponents + + + ThemeCustomizationComponent, + Ad10Component, + Token_registeryComponent, + DefatestComponent, + Test2Component, + Order_summaryComponent, + TypesComponent, + ProductComponent, + ManufacturerComponent, + Deployment_typeComponent, + ChildformComponent, + DistrictComponent, + StateComponent, + CountryComponent, + Ad9Component, + Ad8Component, + Ad7Component, + Ad6Component, + Adv5Component, + Adv4Component, + SupportComponent, + Adv3Component, + Dv2Component, + Adv1Component, + Basicp3Component, + Basicp2Component, + Basicp1Component, + ], + imports: [ + QRCodeModule, + CommonModule, + FormsModule, + ReactiveFormsModule, + ClarityModule, + HelperModule, + MainRoutingModule, + DragDropModule, + HttpClientModule, + ImageCropperModule, + TagInputModule, + CodemirrorModule, + CKEditorModule, + GridsterModule, + NgChartsModule, + NgxChartsModule, + DynamicModule, + FieldTypesModule, + SharedModule, + ], + providers: [ + CookieService, + WireframeService, + + + ], + schemas: [CUSTOM_ELEMENTS_SCHEMA] +}) +export class MainModule { } \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/page-not-found/page-not-found.component.html b/frontend/angular-clarity-master/src/app/modules/main/page-not-found/page-not-found.component.html new file mode 100644 index 0000000..d5c848c --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/page-not-found/page-not-found.component.html @@ -0,0 +1,5 @@ +

+ +

error 404

+ Not found your page requested. +

diff --git a/frontend/angular-clarity-master/src/app/modules/main/page-not-found/page-not-found.component.scss b/frontend/angular-clarity-master/src/app/modules/main/page-not-found/page-not-found.component.scss new file mode 100644 index 0000000..f1d5656 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/page-not-found/page-not-found.component.scss @@ -0,0 +1,11 @@ +clr-icon { + margin-top: 8%; + opacity: 0.3; + filter: alpha(opacity=30); /* For IE8 and earlier */ +} + +clr-icon:hover { + margin-top: 8%; + opacity: 8.0; + filter: alpha(opacity=80); /* For IE8 and earlier */ +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/page-not-found/page-not-found.component.spec.ts b/frontend/angular-clarity-master/src/app/modules/main/page-not-found/page-not-found.component.spec.ts new file mode 100644 index 0000000..697a946 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/page-not-found/page-not-found.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { PageNotFoundComponent } from './page-not-found.component'; + +describe('PageNotFoundComponent', () => { + let component: PageNotFoundComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ PageNotFoundComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(PageNotFoundComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/modules/main/page-not-found/page-not-found.component.ts b/frontend/angular-clarity-master/src/app/modules/main/page-not-found/page-not-found.component.ts new file mode 100644 index 0000000..31ae4d8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/page-not-found/page-not-found.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-page-not-found', + templateUrl: './page-not-found.component.html', + styleUrls: ['./page-not-found.component.scss'] +}) +export class PageNotFoundComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + +} 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 diff --git a/frontend/angular-clarity-master/src/app/modules/main/theme-customization/theme-customization.component.html b/frontend/angular-clarity-master/src/app/modules/main/theme-customization/theme-customization.component.html new file mode 100644 index 0000000..70951d2 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/theme-customization/theme-customization.component.html @@ -0,0 +1,280 @@ + +

+ +

+ + Theme Customization +

Customize your application's appearance with colors, fonts, and styles

+ + +

+ + +

+ +

+ Accent Color +

+ + +

+ +

+ Background Color +

+ + +

+ +

+ Surface Color +

+ + +

+ +

+ Text Color +

+ + +

+ + Typography +

+ Primary Font + +

+ The quick brown fox jumps over the lazy dog +

+ +

+ Secondary Font + +

+ The quick brown fox jumps over the lazy dog +

+ +

+ Monospace Font + +

+ The quick brown fox jumps over the lazy dog +

+ + +

+ + Advanced Settings +

+ Border Radius +

+ + {{ getBorderRadiusValue() }} +

+ +

+ Shadow Intensity +

+ + {{ getShadowValueNumber() }}px +

+ + +

+ + Import/Export +

+ Import Theme + + +

\ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/modules/main/theme-customization/theme-customization.component.scss b/frontend/angular-clarity-master/src/app/modules/main/theme-customization/theme-customization.component.scss new file mode 100644 index 0000000..b294bc2 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/theme-customization/theme-customization.component.scss @@ -0,0 +1,622 @@ +// ======================================== +// THEME CUSTOMIZATION COMPONENT STYLES +// ======================================== +@import '../../../../styles/design-tokens'; + +// Main Container +// ======================================== + +.theme-customization-screen { + min-height: 100vh; + background: var(--theme-background, $gray-50); + padding: $space-6; +} + +// Header +// ======================================== + +.theme-header { + background: var(--theme-surface, $white); + border-radius: $radius-2xl; + box-shadow: var(--theme-shadow, $shadow-lg); + margin-bottom: $space-8; + padding: $space-6; + + .header-content { + display: flex; + align-items: center; + justify-content: space-between; + gap: $space-4; + + @media (max-width: $breakpoint-md) { + flex-direction: column; + align-items: flex-start; + } + } + + .header-left { + .page-title { + display: flex; + align-items: center; + gap: $space-3; + font-size: $text-3xl; + font-weight: $font-bold; + color: var(--theme-text, $gray-900); + margin-bottom: $space-2; + + clr-icon { + color: var(--theme-primary, $primary-500); + } + } + + .page-subtitle { + font-size: $text-lg; + color: var(--theme-text-secondary, $gray-600); + margin: 0; + } + } + + .header-actions { + display: flex; + gap: $space-3; + flex-shrink: 0; + + @media (max-width: $breakpoint-md) { + width: 100%; + justify-content: stretch; + } + } +} + +// Main Content +// ======================================== + +.theme-content { + .theme-layout { + display: grid; + grid-template-columns: 350px 1fr; + gap: $space-8; + min-height: 600px; + + @media (max-width: $breakpoint-lg) { + grid-template-columns: 1fr; + gap: $space-6; + } + } +} + +// Sidebar +// ======================================== + +.theme-sidebar { + background: var(--theme-surface, $white); + border-radius: $radius-2xl; + box-shadow: var(--theme-shadow, $shadow-lg); + padding: $space-6; + height: fit-content; + + .sidebar-section { + margin-bottom: $space-6; + + &:last-child { + margin-bottom: 0; + } + } + + .section-title { + font-size: $text-lg; + font-weight: $font-semibold; + color: var(--theme-text, $gray-900); + margin-bottom: $space-4; + } + + .theme-grid { + display: grid; + grid-template-columns: 1fr; + gap: $space-4; + } + + .theme-card { + border: 2px solid transparent; + border-radius: $radius-xl; + padding: $space-4; + cursor: pointer; + transition: all $duration-200 $ease-out; + background: var(--theme-surface, $white); + + &:hover { + border-color: var(--theme-primary, $primary-200); + transform: translateY(-2px); + box-shadow: var(--theme-shadow, $shadow-lg); + } + + &.active { + border-color: var(--theme-primary, $primary-500); + box-shadow: 0 0 0 3px rgba(var(--theme-primary, $primary-500), 0.1); + } + + .theme-preview { + height: 80px; + border-radius: $radius-lg; + overflow: hidden; + margin-bottom: $space-3; + position: relative; + + .preview-header { + height: 20px; + width: 100%; + } + + .preview-content { + padding: $space-3; + height: 60px; + display: flex; + align-items: center; + justify-content: center; + + .preview-card { + width: 100%; + height: 30px; + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + + .preview-text { + font-size: $text-xs; + font-weight: $font-medium; + } + } + } + } + + .theme-info { + .theme-name { + font-size: $text-sm; + font-weight: $font-semibold; + color: var(--theme-text, $gray-900); + margin-bottom: $space-2; + } + + .theme-colors { + display: flex; + gap: $space-2; + + .color-dot { + width: 16px; + height: 16px; + border-radius: 50%; + border: 2px solid var(--theme-surface, $white); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + } + } + } + } +} + +// Main Panel +// ======================================== + +.theme-main { + background: var(--theme-surface, $white); + border-radius: $radius-2xl; + box-shadow: var(--theme-shadow, $shadow-lg); + padding: $space-6; + min-height: 600px; +} + +// Welcome State +// ======================================== + +.welcome-state { + display: flex; + align-items: center; + justify-content: center; + height: 100%; + min-height: 400px; + + .welcome-content { + text-align: center; + max-width: 500px; + + .welcome-icon { + margin-bottom: $space-6; + + clr-icon { + color: var(--theme-primary, $primary-500); + } + } + + h2 { + font-size: $text-2xl; + font-weight: $font-bold; + color: var(--theme-text, $gray-900); + margin-bottom: $space-4; + } + + p { + font-size: $text-lg; + color: var(--theme-text-secondary, $gray-600); + margin-bottom: $space-8; + line-height: 1.6; + } + + .current-theme-info { + h3 { + font-size: $text-xl; + font-weight: $font-semibold; + color: var(--theme-text, $gray-900); + margin-bottom: $space-4; + } + + .theme-preview-large { + height: 120px; + border-radius: $radius-xl; + overflow: hidden; + position: relative; + box-shadow: var(--theme-shadow, $shadow-lg); + + .preview-header { + height: 30px; + width: 100%; + } + + .preview-content { + padding: $space-4; + height: 90px; + display: flex; + align-items: center; + justify-content: center; + + .preview-card { + width: 100%; + height: 50px; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); + + .preview-text { + font-size: $text-sm; + font-weight: $font-semibold; + margin-bottom: 2px; + } + + .preview-text-secondary { + font-size: $text-xs; + } + } + } + } + } + } +} + +// Customization Panel +// ======================================== + +.customization-panel { + .customization-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: $space-8; + padding-bottom: $space-4; + border-bottom: 1px solid var(--theme-text-secondary, $gray-200); + + h2 { + font-size: $text-2xl; + font-weight: $font-bold; + color: var(--theme-text, $gray-900); + margin: 0; + } + + .header-actions { + display: flex; + gap: $space-3; + } + } + + .customization-section { + margin-bottom: $space-8; + + &:last-child { + margin-bottom: 0; + } + + .section-title { + display: flex; + align-items: center; + gap: $space-2; + font-size: $text-lg; + font-weight: $font-semibold; + color: var(--theme-text, $gray-900); + margin-bottom: $space-4; + + clr-icon { + color: var(--theme-primary, $primary-500); + } + } + } +} + +// Color Customization +// ======================================== + +.color-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: $space-6; + + @media (max-width: $breakpoint-md) { + grid-template-columns: 1fr; + } +} + +.color-group { + .color-label { + display: block; + font-size: $text-sm; + font-weight: $font-medium; + color: var(--theme-text, $gray-700); + margin-bottom: $space-2; + } + + .color-input-group { + display: flex; + gap: $space-2; + margin-bottom: $space-3; + + .color-picker { + width: 40px; + height: 40px; + border: none; + border-radius: $radius-lg; + cursor: pointer; + overflow: hidden; + + &::-webkit-color-swatch-wrapper { + padding: 0; + } + + &::-webkit-color-swatch { + border: none; + border-radius: $radius-lg; + } + } + + .color-text { + flex: 1; + padding: $space-2 $space-3; + border: 1px solid var(--theme-text-secondary, $gray-300); + border-radius: $radius-lg; + font-size: $text-sm; + color: var(--theme-text, $gray-900); + background: var(--theme-surface, $white); + + &:focus { + outline: none; + border-color: var(--theme-primary, $primary-500); + box-shadow: 0 0 0 3px rgba(var(--theme-primary, $primary-500), 0.1); + } + } + } + + .color-presets { + display: flex; + gap: $space-2; + flex-wrap: wrap; + + .preset-color { + width: 24px; + height: 24px; + border-radius: 50%; + cursor: pointer; + border: 2px solid var(--theme-surface, $white); + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); + transition: transform $duration-200 $ease-out; + + &:hover { + transform: scale(1.1); + } + } + } +} + +// Font Customization +// ======================================== + +.font-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: $space-6; + + @media (max-width: $breakpoint-md) { + grid-template-columns: 1fr; + } +} + +.font-group { + .font-label { + display: block; + font-size: $text-sm; + font-weight: $font-medium; + color: var(--theme-text, $gray-700); + margin-bottom: $space-2; + } + + .font-select { + width: 100%; + padding: $space-2 $space-3; + border: 1px solid var(--theme-text-secondary, $gray-300); + border-radius: $radius-lg; + font-size: $text-sm; + color: var(--theme-text, $gray-900); + background: var(--theme-surface, $white); + margin-bottom: $space-3; + + &:focus { + outline: none; + border-color: var(--theme-primary, $primary-500); + box-shadow: 0 0 0 3px rgba(var(--theme-primary, $primary-500), 0.1); + } + } + + .font-preview { + padding: $space-3; + background: var(--theme-background, $gray-50); + border-radius: $radius-lg; + font-size: $text-sm; + color: var(--theme-text, $gray-700); + border: 1px solid var(--theme-text-secondary, $gray-200); + } +} + +// Advanced Settings +// ======================================== + +.advanced-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: $space-6; + + @media (max-width: $breakpoint-md) { + grid-template-columns: 1fr; + } +} + +.advanced-group { + .advanced-label { + display: block; + font-size: $text-sm; + font-weight: $font-medium; + color: var(--theme-text, $gray-700); + margin-bottom: $space-2; + } + + .range-input-group { + display: flex; + align-items: center; + gap: $space-3; + + .range-slider { + flex: 1; + height: 6px; + border-radius: 3px; + background: var(--theme-text-secondary, $gray-300); + outline: none; + cursor: pointer; + + &::-webkit-slider-thumb { + appearance: none; + width: 20px; + height: 20px; + border-radius: 50%; + background: var(--theme-primary, $primary-500); + cursor: pointer; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + } + + &::-moz-range-thumb { + width: 20px; + height: 20px; + border-radius: 50%; + background: var(--theme-primary, $primary-500); + cursor: pointer; + border: none; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + } + } + + .range-value { + font-size: $text-sm; + font-weight: $font-medium; + color: var(--theme-text, $gray-700); + min-width: 60px; + text-align: center; + } + } +} + +// Import/Export +// ======================================== + +.import-export-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); + gap: $space-6; + + @media (max-width: $breakpoint-md) { + grid-template-columns: 1fr; + } +} + +.import-group { + .import-label { + display: block; + font-size: $text-sm; + font-weight: $font-medium; + color: var(--theme-text, $gray-700); + margin-bottom: $space-2; + } + + .file-input { + display: none; + } +} + +// Responsive Design +// ======================================== + +@media (max-width: $breakpoint-lg) { + .theme-customization-screen { + padding: $space-4; + } + + .theme-header { + padding: $space-4; + } + + .theme-sidebar, + .theme-main { + padding: $space-4; + } +} + +@media (max-width: $breakpoint-md) { + .theme-customization-screen { + padding: $space-3; + } + + .theme-header { + padding: $space-3; + } + + .theme-sidebar, + .theme-main { + padding: $space-3; + } + + .color-grid, + .font-grid, + .advanced-grid, + .import-export-grid { + grid-template-columns: 1fr; + } +} + +@media (max-width: $breakpoint-sm) { + .theme-customization-screen { + padding: $space-2; + } + + .theme-header { + padding: $space-3; + } + + .theme-sidebar, + .theme-main { + padding: $space-3; + } +} diff --git a/frontend/angular-clarity-master/src/app/modules/main/theme-customization/theme-customization.component.ts b/frontend/angular-clarity-master/src/app/modules/main/theme-customization/theme-customization.component.ts new file mode 100644 index 0000000..bcc5e20 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/modules/main/theme-customization/theme-customization.component.ts @@ -0,0 +1,246 @@ +import { Component, OnInit, OnDestroy } from '@angular/core'; +import { ThemeService, Theme } from '../../../services/theme.service'; +import { Subscription } from 'rxjs'; + +@Component({ + selector: 'app-theme-customization', + templateUrl: './theme-customization.component.html', + styleUrls: ['./theme-customization.component.scss'] +}) +export class ThemeCustomizationComponent implements OnInit, OnDestroy { + themes: Theme[] = []; + currentTheme: Theme | null = null; + customTheme: Partial = { + colors: { + primary: '#0ea5e9', + secondary: '#64748b', + accent: '#8b5cf6', + background: '#f8fafc', + surface: '#ffffff', + text: '#111827', + textSecondary: '#6b7280' + }, + fonts: { + primary: 'Inter', + secondary: 'Poppins', + mono: 'JetBrains Mono' + }, + borderRadius: '0.75rem', + shadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1)' + }; + isCustomizing = false; + showAdvanced = false; + + private themeSubscription: Subscription = new Subscription(); + + // Color presets and font options from service + colorPresets = this.themeService.getColorPresets(); + fontOptions = this.themeService.getFontOptions(); + + constructor(private themeService: ThemeService) {} + + ngOnInit(): void { + this.themes = this.themeService.getThemes(); + this.currentTheme = this.themeService.getCurrentTheme(); + + this.themeSubscription = this.themeService.currentTheme$.subscribe(theme => { + this.currentTheme = theme; + }); + + this.initializeCustomTheme(); + } + + ngOnDestroy(): void { + this.themeSubscription.unsubscribe(); + } + + selectTheme(themeId: string): void { + this.themeService.selectTheme(themeId); + this.isCustomizing = false; + } + + startCustomizing(): void { + this.isCustomizing = true; + this.initializeCustomTheme(); + } + + cancelCustomizing(): void { + this.isCustomizing = false; + this.initializeCustomTheme(); + } + + applyCustomTheme(): void { + if (this.customTheme.colors && this.customTheme.fonts) { + const customTheme: Theme = { + id: 'custom', + name: 'Custom Theme', + colors: this.customTheme.colors, + fonts: this.customTheme.fonts, + borderRadius: this.customTheme.borderRadius || '0.5rem', + shadow: this.customTheme.shadow || '0 10px 15px -3px rgba(0, 0, 0, 0.1)' + }; + this.themeService.applyTheme(customTheme); + } + this.isCustomizing = false; + } + + resetToDefault(): void { + this.themeService.resetToDefault(); + } + + exportTheme(): void { + const themeJson = this.themeService.exportTheme(); + this.downloadFile(themeJson, 'theme.json', 'application/json'); + } + + importTheme(event: any): void { + const file = event.target.files[0]; + if (file) { + const reader = new FileReader(); + reader.onload = (e) => { + const content = e.target?.result as string; + if (this.themeService.importTheme(content)) { + alert('Theme imported successfully!'); + } else { + alert('Failed to import theme. Please check the file format.'); + } + }; + reader.readAsText(file); + } + } + + private initializeCustomTheme(): void { + if (this.currentTheme) { + this.customTheme = { + colors: { + primary: this.currentTheme.colors.primary, + secondary: this.currentTheme.colors.secondary, + accent: this.currentTheme.colors.accent, + background: this.currentTheme.colors.background, + surface: this.currentTheme.colors.surface, + text: this.currentTheme.colors.text, + textSecondary: this.currentTheme.colors.textSecondary + }, + fonts: { + primary: this.currentTheme.fonts.primary, + secondary: this.currentTheme.fonts.secondary, + mono: this.currentTheme.fonts.mono + }, + borderRadius: this.currentTheme.borderRadius, + shadow: this.currentTheme.shadow + }; + } else { + // Default values if no current theme + this.customTheme = { + colors: { + primary: '#0ea5e9', + secondary: '#64748b', + accent: '#8b5cf6', + background: '#f8fafc', + surface: '#ffffff', + text: '#111827', + textSecondary: '#6b7280' + }, + fonts: { + primary: 'Inter', + secondary: 'Poppins', + mono: 'JetBrains Mono' + }, + borderRadius: '0.75rem', + shadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1)' + }; + } + } + + private downloadFile(content: string, filename: string, contentType: string): void { + const blob = new Blob([content], { type: contentType }); + const url = window.URL.createObjectURL(blob); + const link = document.createElement('a'); + link.href = url; + link.download = filename; + link.click(); + window.URL.revokeObjectURL(url); + } + + // Color picker methods + onColorChange(colorType: string, value: string): void { + if (!this.customTheme.colors) { + this.customTheme.colors = { + primary: '#0ea5e9', + secondary: '#64748b', + accent: '#8b5cf6', + background: '#f8fafc', + surface: '#ffffff', + text: '#111827', + textSecondary: '#6b7280' + }; + } + (this.customTheme.colors as any)[colorType] = value; + } + + // Font picker methods + onFontChange(fontType: string, value: string): void { + if (!this.customTheme.fonts) { + this.customTheme.fonts = { + primary: 'Inter', + secondary: 'Poppins', + mono: 'JetBrains Mono' + }; + } + (this.customTheme.fonts as any)[fontType] = value; + } + + // Border radius methods + onBorderRadiusChange(value: string): void { + this.customTheme.borderRadius = value; + } + + // Shadow methods + onShadowChange(value: string): void { + this.customTheme.shadow = value; + } + + // Preview methods + previewTheme(): void { + if (this.isCustomizing && this.customTheme.colors && this.customTheme.fonts) { + const previewTheme: Theme = { + id: 'preview', + name: 'Preview Theme', + colors: this.customTheme.colors, + fonts: this.customTheme.fonts, + borderRadius: this.customTheme.borderRadius || '0.5rem', + shadow: this.customTheme.shadow || '0 10px 15px -3px rgba(0, 0, 0, 0.1)' + }; + this.themeService.applyTheme(previewTheme); + } + } + + // Utility methods + getColorValue(colorType: string): string { + if (this.customTheme.colors) { + return (this.customTheme.colors as any)[colorType] || '#0ea5e9'; + } + return '#0ea5e9'; + } + + getFontValue(fontType: string): string { + if (this.customTheme.fonts) { + return (this.customTheme.fonts as any)[fontType] || 'Inter'; + } + return 'Inter'; + } + + getBorderRadiusValue(): string { + return this.customTheme.borderRadius || '0.75rem'; + } + + getShadowValue(): string { + return this.customTheme.shadow || '0 10px 15px -3px rgba(0, 0, 0, 0.1)'; + } + + getShadowValueNumber(): string { + const shadowValue = this.getShadowValue(); + const match = shadowValue.match(/\d+/); + return match ? match[0] : '10'; + } +} diff --git a/frontend/angular-clarity-master/src/app/pipes/helpers.module.ts b/frontend/angular-clarity-master/src/app/pipes/helpers.module.ts new file mode 100644 index 0000000..8020056 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/pipes/helpers.module.ts @@ -0,0 +1,31 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; +import { ThaiDateAbbrPipe } from './thai-date-abbr.pipe'; +import { ThaiDateFullPipe } from './thai-date-full.pipe'; +import { ThaiDatePipe } from './thai-date.pipe'; +import {TimePipePipe} from './time-pipe.pipe'; +import { SearchFilterPipe } from './search-filter.pipe'; +import { RemoveCommasPipe } from './remove-commas.pipe'; + +@NgModule({ + imports: [ + CommonModule + ], + declarations: [ + ThaiDatePipe, + ThaiDateAbbrPipe, + ThaiDateFullPipe, + TimePipePipe, + SearchFilterPipe, + RemoveCommasPipe, + ], + exports: [ + ThaiDatePipe, + ThaiDateAbbrPipe, + ThaiDateFullPipe, + TimePipePipe, + SearchFilterPipe, + RemoveCommasPipe, + ] +}) +export class HelperModule { } diff --git a/frontend/angular-clarity-master/src/app/pipes/remove-commas.pipe.ts b/frontend/angular-clarity-master/src/app/pipes/remove-commas.pipe.ts new file mode 100644 index 0000000..f5919ff --- /dev/null +++ b/frontend/angular-clarity-master/src/app/pipes/remove-commas.pipe.ts @@ -0,0 +1,8 @@ +import { Pipe, PipeTransform } from '@angular/core'; + +@Pipe({ name: 'removeCommas' }) +export class RemoveCommasPipe implements PipeTransform { + transform(value: any): any { + return value?.replace(/,/g, ''); + } +} diff --git a/frontend/angular-clarity-master/src/app/pipes/sanitize.pipe.ts b/frontend/angular-clarity-master/src/app/pipes/sanitize.pipe.ts new file mode 100644 index 0000000..fb2f439 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/pipes/sanitize.pipe.ts @@ -0,0 +1,10 @@ +import { Pipe, PipeTransform } from '@angular/core'; + +@Pipe({ + name: 'sanitize' +}) +export class SanitizePipe implements PipeTransform { + transform(value: string): string { + return value.replace(/<|>/g, ''); + } +} diff --git a/frontend/angular-clarity-master/src/app/pipes/search-filter.pipe.ts b/frontend/angular-clarity-master/src/app/pipes/search-filter.pipe.ts new file mode 100644 index 0000000..b8a781a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/pipes/search-filter.pipe.ts @@ -0,0 +1,58 @@ +import { Pipe, PipeTransform, Injectable } from "@angular/core"; + +@Pipe({ + name: 'filter', + pure: false +}) +@Injectable() +export class SearchFilterPipe implements PipeTransform { + + /** + * @param items object from array + * @param term term's search + * @param excludes array of strings which will ignored during search + */ + transform(items: any, term: string, excludes: any = []): any { + if (!term || !items) return items; + + return SearchFilterPipe.filter(items, term, excludes); + } + + /** + * + * @param items List of items to filter + * @param term a string term to compare with every property of the list + * @param excludes List of keys which will be ignored during search + * + */ + static filter(items: Array<{ [key: string]: any }>, term: string, excludes: any): Array<{ [key: string]: any }> { + + const toCompare = term.toLowerCase(); + + function checkInside(item: any, term: string) { + + if (typeof item === "string" && item.toString().toLowerCase().includes(toCompare)) { + return true; + } + + for (let property in item) { + if (item[property] === null || item[property] == undefined || excludes.includes(property)) { + continue; + } + if (typeof item[property] === 'object') { + if (checkInside(item[property], term)) { + return true; + } + } + else if (item[property].toString().toLowerCase().includes(toCompare)) { + return true; + } + } + return false; + } + + return items.filter(function (item) { + return checkInside(item, term); + }); + } +} \ No newline at end of file diff --git a/frontend/angular-clarity-master/src/app/pipes/thai-date-abbr.pipe.ts b/frontend/angular-clarity-master/src/app/pipes/thai-date-abbr.pipe.ts new file mode 100644 index 0000000..c46d2c8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/pipes/thai-date-abbr.pipe.ts @@ -0,0 +1,20 @@ +import { Pipe, PipeTransform } from '@angular/core'; +import * as moment from 'moment'; + +@Pipe({ + name: 'thaiDateAbbr' +}) +export class ThaiDateAbbrPipe implements PipeTransform { + thMonthAbbr = ['ม.ค.', 'ก.พ.', 'มี.ค.', 'เม.ย.', 'พ.ค.', 'มิ.ย.', + 'ก.ค.', 'ส.ค.', 'ก.ย.', 'ต.ค.', 'พ.ย.', 'ธ.ค.']; + + transform(value: any, args?: any): any { + if (moment(value, 'YYYY-MM-DD').isValid()) { + const thaiDate = `${moment(value).get('date')} ${this.thMonthAbbr[moment(value).get('month')]} ${moment(value).get('year') + 543}`; + return thaiDate; + } else { + return '-'; + } + } + +} diff --git a/frontend/angular-clarity-master/src/app/pipes/thai-date-full.pipe.ts b/frontend/angular-clarity-master/src/app/pipes/thai-date-full.pipe.ts new file mode 100644 index 0000000..962b135 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/pipes/thai-date-full.pipe.ts @@ -0,0 +1,20 @@ +import { Pipe, PipeTransform } from '@angular/core'; +import * as moment from 'moment'; + +@Pipe({ + name: 'thaiDateFull' +}) +export class ThaiDateFullPipe implements PipeTransform { + thMonth = ['มกราคม', 'กุมภาพันธ์', 'มีนาคม', 'เมษายน', 'พฤษภาคม', 'มิถุนายน', + 'กรกฎาคม', 'สิงหาคม', 'กันยายน', 'ตุลาคม', 'พฤศจิกายน', 'ธันวาคม']; + + transform(value: any, args?: any): any { + if (moment(value, 'YYYY-MM-DD').isValid()) { + const thaiDate = `${moment(value).get('date')} ${this.thMonth[moment(value).get('month')]} ${moment(value).get('year') + 543}`; + return thaiDate; + } else { + return '-'; + } + } + +} diff --git a/frontend/angular-clarity-master/src/app/pipes/thai-date.pipe.ts b/frontend/angular-clarity-master/src/app/pipes/thai-date.pipe.ts new file mode 100644 index 0000000..52d3a29 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/pipes/thai-date.pipe.ts @@ -0,0 +1,17 @@ +import { Pipe, PipeTransform } from '@angular/core'; +import * as moment from 'moment'; + +@Pipe({ + name: 'thaiDate' +}) +export class ThaiDatePipe implements PipeTransform { + transform(value: any, args?: any): any { + if (moment(value, 'YYYY-MM-DD').isValid()) { + const thaiDate = `${moment(value).get('date')}/${moment(value).get('month') + 1}/${moment(value).get('year') + 543}`; + return thaiDate; + } else { + return '-'; + } + } + +} diff --git a/frontend/angular-clarity-master/src/app/pipes/time-pipe.pipe.ts b/frontend/angular-clarity-master/src/app/pipes/time-pipe.pipe.ts new file mode 100644 index 0000000..daa03b8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/pipes/time-pipe.pipe.ts @@ -0,0 +1,36 @@ +import { Pipe, PipeTransform } from '@angular/core'; + +@Pipe({ + name: 'timePipe', + pure: true +}) +export class TimePipePipe implements PipeTransform { + + transform(value: any, args?: any): any { + if (value) { + const seconds = Math.floor((+new Date() - +new Date(value)) / 1000); + if (seconds < 29) // less than 30 seconds ago will show as 'Just now' + return 'Just now'; + const intervals: { [key: string]: number } = { + 'year': 31536000, + 'month': 2592000, + 'week': 604800, + 'day': 86400, + 'hour': 3600, + 'minute': 60, + 'second': 1 + }; + let counter; + for (const i in intervals) { + counter = Math.floor(seconds / intervals[i]); + if (counter > 0) + if (counter === 1) { + return counter + ' ' + i + ' ago'; // singular (1 day ago) + } else { + return counter + ' ' + i + 's ago'; // plural (2 days ago) + } + } + } + return value; +} +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/accesstype.service.ts b/frontend/angular-clarity-master/src/app/services/admin/accesstype.service.ts new file mode 100644 index 0000000..4c3029d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/accesstype.service.ts @@ -0,0 +1,64 @@ +import { HttpClient, HttpParams } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import { Observable } from 'rxjs'; +import { ApiRequestService } from '../api/api-request.service'; +import baseUrl from 'src/app/services/api/helper'; +@Injectable({ + providedIn: 'root' +}) +export class AccesstypeService { + private AllURL = 'access_type/Accesstype'; +private moduleurl='_back/Modules_t' + constructor( private apiRequest: ApiRequestService,private _http: HttpClient,) { } + getAll(page?: number, size?: number): Observable { + // create Request URL params + let me = this; + let params: HttpParams = new HttpParams(); + params = params.append("page", typeof page === "number" ? page.toString() : "0"); + params = params.append("size", typeof size === "number" ? size.toString() : "1000"); + return this.apiRequest.get(this.AllURL, params); + } + + create(data:any): Observable { + return this.apiRequest.post(this.AllURL, data); + } + + delete(id: number): Observable { + const _http = this.AllURL + "/" + id; + return this.apiRequest.delete(_http); + } + + update(id: number, data: any): Observable { + const _http = this.AllURL + "/" + id; + return this.apiRequest.put(_http, data); + } + getAll1(page?: number, size?: number): Observable { + // create Request URL params + let me = this; + let params: HttpParams = new HttpParams(); + params = params.append("page", typeof page === "number" ? page.toString() : "0"); + params = params.append("size", typeof size === "number" ? size.toString() : "1000"); + return this.apiRequest.get(this.moduleurl, params); + } + + create1(data:any): Observable { + return this.apiRequest.post(this.moduleurl, data); + } + + delete1(id: number): Observable { + const _http = this.moduleurl + "/" + id; + return this.apiRequest.delete(_http); + } + + update1(id: number, data: any): Observable { + const _http = this.moduleurl + "/" + id; + return this.apiRequest.put(_http, data); + } + public getById(id: any){ + return this._http.get(`${baseUrl}/access_type/accessmenu/Accessmenu/${id}`); + } + public addById(id:any,data:any){ + return this._http.post(`${baseUrl}/access_type/accessmenu/Accessmenu/${id}`,data); + + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/auditreport.service.ts b/frontend/angular-clarity-master/src/app/services/admin/auditreport.service.ts new file mode 100644 index 0000000..ea0066b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/auditreport.service.ts @@ -0,0 +1,38 @@ +import { HttpClient, HttpParams } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import baseUrl from 'src/app/services/api/helper'; +import { ApiRequestService } from '../api/api-request.service'; +@Injectable({ + providedIn: 'root' +}) +export class AuditreportService { +private dateurl="audit/betweendate"; + constructor(private _http: HttpClient,private apiRequest: ApiRequestService,) { } + public getAll() { + return this._http.get(`${baseUrl}/audit/auditall`); + } + public getbyid(id:any) { + return this._http.get(`${baseUrl}/audit/auditall/${id}`); + } + public getbyuser(val:any){ + return this._http.get(`${baseUrl}/audit/listusername/${val}`); + } + public getbyentity(val:any){ + return this._http.get(`${baseUrl}/audit/listentityname/${val}`); + } + public onlydate(from:any,to:any){ + let params: HttpParams = new HttpParams(); + params =params.append("startDate",from); + params =params.append("endDate",to); + return this.apiRequest.get(this.dateurl,params); + } + public apply(from:any,to:any,user:any,entity:any){ + let params: HttpParams = new HttpParams(); + params =params.append("startDate",from); + params =params.append("endDate",to); + params =params.append("user",user); + params =params.append("entity_name",entity) + return this.apiRequest.get(`audit/betweendate_byuser`,params); + //return this._http.get(`${baseUrl}/audit/betweendate_byuser/${from}`); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/connector-mapping.service.ts b/frontend/angular-clarity-master/src/app/services/admin/connector-mapping.service.ts new file mode 100644 index 0000000..4a8b75a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/connector-mapping.service.ts @@ -0,0 +1,37 @@ +import { Injectable } from '@angular/core'; +import baseUrl from 'src/app/services/api/helper'; +import { HttpClient, HttpParams } from '@angular/common/http'; +import { ApiRequestService } from '../api/api-request.service'; +@Injectable({ + providedIn: 'root' +}) +export class ConnectorMappingService { + private getAllData = 'connector/Connectorjson'; + private baseURL = 'Connectorjson'; + + constructor(private _http: HttpClient,) { } + public getAll() { + return this._http.get(`${baseUrl}/connector/Connectorjson`); + } + public create(data: any){ + return this._http.post(`${baseUrl}/connector/Connectorjson`, data); + } + public getById(id: any){ + return this._http.get(`${baseUrl}/connector/Connectorjson/${id}`); + } + public delete(id:any){ + return this._http.delete(`${baseUrl}/connector/Connectorjson/${id}`); + } + public getkeys(data:any) { + return this._http.post(`${baseUrl}/token/connector/mapping/mapping`,data); + } + public getValues(data:any) { + return this._http.post(`${baseUrl}/token/connector/mapping/mapping1`,data); + } + public getValues1(data:any) { + return this._http.post(`${baseUrl}/token/connector/mapping/mapping2`,data); + } + public update(id:any,data:any){ + return this._http.put(`${baseUrl}/connector/Connectorjson/${id}`, data); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/deploymentprofile.service.ts b/frontend/angular-clarity-master/src/app/services/admin/deploymentprofile.service.ts new file mode 100644 index 0000000..44f776b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/deploymentprofile.service.ts @@ -0,0 +1,47 @@ +import { Injectable } from '@angular/core'; +import { ApiRequestService } from '../api/api-request.service'; +import { HttpClient, HttpHeaders, HttpParams } from "@angular/common/http"; +import { Observable } from 'rxjs'; + +@Injectable({ + providedIn: 'root' +}) +export class DeploymentprofileService { + + private getAllURL = 'deployment/deplomentprofile'; + addDataURl = 'deployment/deplomentprofile'; + private baseURL = "deployment/deplomentprofile"; + private getallline="deployment/deplomentprofile_line"; + constructor( + private _http: HttpClient, + private apiRequest: ApiRequestService + ) { } + + getAll(page?: number, size?: number): Observable { + // create Request URL params + let me = this; + let params: HttpParams = new HttpParams(); + params = params.append("page", typeof page === "number" ? page.toString() : "0"); + params = params.append("size", typeof size === "number" ? size.toString() : "1000"); + return this.apiRequest.get(this.getAllURL, params); + } +getalllines(page?: number, size?: number){ + let params: HttpParams = new HttpParams(); + params = params.append("page", typeof page === "number" ? page.toString() : "0"); + params = params.append("size", typeof size === "number" ? size.toString() : "1000"); + return this.apiRequest.get(this.getallline,params); +} + create(data:any): Observable { + return this.apiRequest.post(this.addDataURl, data); + } + + delete(id: number): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.delete(_http); + } + + update(id: number, data: any): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.put(_http, data); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/health-checkup.service.ts b/frontend/angular-clarity-master/src/app/services/admin/health-checkup.service.ts new file mode 100644 index 0000000..6ceb797 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/health-checkup.service.ts @@ -0,0 +1,74 @@ +import { Injectable } from '@angular/core'; +import { HttpClient } from '@angular/common/http'; +import{environment} from 'src/environments/environment'; +import { ApiRequestService } from '../api/api-request.service'; +import { HealthCheckup } from 'src/app/models/fnd/health_checkup'; +import { Observable } from 'rxjs'; + +@Injectable({ + providedIn: 'root' +}) +export class HealthCheckupService { + + baseUrl = 'HealthCheckup' + constructor(private _http: HttpClient, + private apiRequest: ApiRequestService) { } + + getHealthCheckups(): Observable { + return this.apiRequest.get(`${this.baseUrl}/HealthCheckup`); + } + + getHealthCheckupById(id: number): Observable { + return this.apiRequest.get(`${this.baseUrl}/HealthCheckup/${id}`); + } + + saveHealthCheckup(data: string, files: File[]): Observable { + const formData: FormData = new FormData(); + formData.append('data', JSON.stringify(data)); + + if (files && files.length > 0) { + // console.log("if Condition",files); + // for (const file of files) { + // console.log("if Condition",file); + // formData.append('files', file, file.name); + // } + for (let i = 0; i < files.length; i++) { + formData.append('files', files[i]); + console.log("if Condition",files[i]); + } + } + + return this.apiRequest.postFormData(`${this.baseUrl}/HealthCheckup`, formData); + } + + updateHealthCheckup(id: number, data: HealthCheckup): Observable { + return this.apiRequest.put(`${this.baseUrl}/HealthCheckup/${id}`, data); + } + + deleteHealthCheckup(id: number): Observable { + return this.apiRequest.delete(`${this.baseUrl}/HealthCheckup/${id}`); + } + + //redeploy + public getFileContent(healthId: number): Observable { + console.log(healthId) + const url = `HealthCheckupfile/readeploy/${healthId}`; + return this.apiRequest.get(url); + } + + //files + + getAllHealthCheckupFiles(healthId: number): Observable { + return this.apiRequest.get(`HealthCheckupfile/HealthCheckupfile/${healthId}`); + } + + readFile(fileId: number): Observable { + return this.apiRequest.get(`HealthCheckupfile/readfile/${fileId}`); + } + +//checkup + getHealthCheckup(jobtype: string): Observable { + const url = `${this.baseUrl}/healthcheckup?jobtype=${jobtype}`; + return this.apiRequest.get(url); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/logconfig.service.ts b/frontend/angular-clarity-master/src/app/services/admin/logconfig.service.ts new file mode 100644 index 0000000..0fa8786 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/logconfig.service.ts @@ -0,0 +1,28 @@ +import { Injectable } from '@angular/core'; +import baseUrl from 'src/app/services/api/helper'; +import { HttpClient } from '@angular/common/http'; +@Injectable({ + providedIn: 'root' +}) +export class LogconfigService { + + constructor(private _http: HttpClient,) { } + public getAll() { + return this._http.get(`${baseUrl}/log/getAll`); + } + public getbyid(Id: any){ + return this._http.get(`${baseUrl}/log/getOne/${Id}`); + } + public create(username:any,mode:any){ + return this._http.get(`${baseUrl}/log/startLogging/${username}/${mode}`); + } + public delete(username:any){ + return this._http.get(`${baseUrl}/log/stopLogging/${username}`); + } + public downloadfile(filename:any){ + return this._http.get(`${baseUrl}/log/downloadLog/${filename}`); + } + public readfile(id:any){ + return this._http.get(`${baseUrl}/log2/fileread/${id}`); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/menu-group.service.ts b/frontend/angular-clarity-master/src/app/services/admin/menu-group.service.ts new file mode 100644 index 0000000..e1e1865 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/menu-group.service.ts @@ -0,0 +1,76 @@ +import { HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import baseUrl from '../../services/api/helper'; +import { ApiRequestService } from '../api/api-request.service'; +import { Rn_Main_Menu } from '../../models/builder/Rn_Main_Menu'; +import { Observable } from 'rxjs'; +import { CookieService } from 'ngx-cookie-service'; +@Injectable({ + providedIn: 'root' +}) +export class MenuGroupService { + public key: string ='key-for-data-in-cookies'; + private storage: Storage = sessionStorage; + constructor( + private _http: HttpClient,private readonly _cookieService: CookieService, + private apiRequest: ApiRequestService, + ) { } + + public getAll(){ + return this._http.get(`${baseUrl}/api/menu-group`); + } + + public addToDb(header: any){ + return this._http.post(`${baseUrl}/api/menu-group`, header); + } + + public addLineToDb(line: any){ + return this._http.post(`${baseUrl}/lines_m/create`, line); + } + + public getOneById(id: any){ + return this._http.get(`${baseUrl}/api/menu-group/${id}`); + } + + public updateGroupHeader(id: any, data: any){ + return this._http.put(`${baseUrl}/api/menu-group/${id}`, data); + } + + public updateLineById(id: any){ + return this._http.put(`${baseUrl}/lines_m/update`, id); + } + + public deleteById(id: any){ + return this._http.delete(`${baseUrl}/api/menu-group/${id}`); + } + getByCurrentUserMenuGroupId(): Observable { + const _http1 = "api1/getByUserId" + return this.apiRequest.get(_http1); +} +getByCurrentUserMenuGroupId1(): Observable { + const _http1 = "api1/submenu1" + return this.apiRequest.get(_http1); +} +getByCurrentUserMenuGroupId2(): Observable { + const _http1 = "fndMenu/menuloadbyuser"//9292/fndMenu/menuloadbyuser + return this.apiRequest.get(_http1); +} +private data: string = "data"; +public storeaddeditvalues(data:any,) { + this.storage.setItem(this.data,JSON.stringify (data)); + console.log(this.data); +} +getdata(): any { + //console.log(this.data); + var data = JSON.parse(this.storage.getItem(this.data)); + //let data = this.storage.getItem(this.data); + return data; +} +getuser(id:any){ + const http="chat/getuser"; + return this.apiRequest.post(http,id); +} +public save(text:string):void{ + return this._cookieService.set(this.key,text); +} +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/menu-register.service.ts b/frontend/angular-clarity-master/src/app/services/admin/menu-register.service.ts new file mode 100644 index 0000000..82ed7d1 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/menu-register.service.ts @@ -0,0 +1,33 @@ +import { HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import baseUrl from '../../services/api/helper'; + +@Injectable({ + providedIn: 'root' +}) +export class MenuRegisterService { + + constructor( + private _http: HttpClient + ) { } + + public add(r: any){ + return this._http.post(`${baseUrl}/api/menu-register`, r); + } + + public getd(){ + return this._http.get(`${baseUrl}/api/menu-register`); + } + + public getById(id: any){ + return this._http.get(`${baseUrl}/api/menu-register/${id}`); + } + + public update(id:any, reg:any){ + return this._http.put(`${baseUrl}/api/menu-register/${id}`, reg); + } + + public deleteById(id: any){ + return this._http.delete(`${baseUrl}/api/menu-register/${id}`); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/menumaintance.service.ts b/frontend/angular-clarity-master/src/app/services/admin/menumaintance.service.ts new file mode 100644 index 0000000..c407dce --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/menumaintance.service.ts @@ -0,0 +1,69 @@ +import { Injectable } from '@angular/core'; +import { HttpClient } from '@angular/common/http'; +import baseUrl from '../../services/api/helper'; +import { Observable } from "rxjs"; +import { Rn_Main_Menu } from "../../models/builder/Rn_Main_Menu"; +import { ApiRequestService } from '../api/api-request.service'; +@Injectable({ + providedIn: 'root' +}) +export class MenumaintanceService { + + constructor(private _http: HttpClient, + private apiRequest: ApiRequestService,) { } + // create + public create(data: any){ + return this._http.post(`${baseUrl}/Menu_maintain`, data); + } + + // update + public update(id:number,data:any): Observable{ + //const _http = this.baseURL + "/" + id; + //return this.apiRequest.put(_http, data); + return this._http.put(`${baseUrl}/Menu_maintain/${id}`, data); + } + // get all + public getAll(){ + return this._http.get(`${baseUrl}/Menu_maintain`); + } + getByCurrentUserMenuGroupId1(): Observable { + const _http1 = "api1/submenu1" + return this.apiRequest.get(_http1); + } + // add submenudet table + // create + public create1(data: any){ + return this._http.post(`${baseUrl}/api1/Sec_menuDet`, data); + } + public create2(data:any){ + return this._http.post(`${baseUrl}/api1/addgrpwithsubmenu`, data) + } + // sink + public sink(id:any,data:any){ + return this._http.put(`${baseUrl}/fndMenu/sink/${id}`,data); + } + //get by menuid->submenu + public getbyid(id:any){ + return this._http.get(`${baseUrl}/api1/submenu1/${id}`); + } + //update update by menu_item_id + public update1(id:number,data:any): Observable{ + return this._http.put(`${baseUrl}/api1/submenu1/${id}`, data); + } + public update2(id:number,usrgrp:any,data:any): Observable{ + return this._http.put(`${baseUrl}/api1/update/${id}/${usrgrp}`, data); +} + //delete + public delete1(id: any){ + return this._http.delete(`${baseUrl}/api1/menu/${id}`); + } + // get one + public getOne(Id: any){ + return this._http.get(`${baseUrl}/Menu_maintain/${Id}`); + } + + // delete + public delete(id: any){ + return this._http.delete(`${baseUrl}/Menu_maintain/${id}`); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/myworkspace.service.ts b/frontend/angular-clarity-master/src/app/services/admin/myworkspace.service.ts new file mode 100644 index 0000000..02f6a8b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/myworkspace.service.ts @@ -0,0 +1,98 @@ +import { Injectable } from '@angular/core'; +import { HttpClient, HttpParams } from '@angular/common/http'; +import baseUrl from '../../services/api/helper'; + +@Injectable({ + providedIn: 'root' +}) +export class MyworkspaceService { + public localStorage: Storage = localStorage; + constructor(private _http: HttpClient) { } + public add(r: any){ + return this._http.post(`${baseUrl}/api/menu-register`, r); + } + + public getall(){ + return this._http.get(`${baseUrl}/Workspace_team/SecTeam`); + } + public getalluser(){ + return this._http.get(`${baseUrl}/User_workSpace/GetAllUser`); + } + public getallguest(){ + return this._http.get(`${baseUrl}/User_workSpace/GetAllGuest`); + } + public adduser(email:any){ + let params: HttpParams = new HttpParams(); + params = params.append("email", email); + return this._http.post(`${baseUrl}/api/userviaadmin`,params); + } + storeEmail(email: string) { + this.localStorage.setItem("registeredEmail", email); + } + //Store userinfo from session storage + + //Get email from session storage ( WILL REMOVE AFTER REGISTER) + getStoredEmail(): string | null { + try { + let email: string = this.localStorage.getItem( + "registeredEmail" + ); + if (email) { + return email; + } else { + return null; + } + } catch (e) { + return null; + } + } + adduserdetails(data:any,token:any){ + return this._http.post(`${baseUrl}/api/admin/adduser/${token}`,data); + } + + addguest(email:any,duration:any){ + let params: HttpParams = new HttpParams(); + params = params.append("email", email); + params=params.append("access_duration",duration) + return this._http.post(`${baseUrl}/api/guest_via_admin`,params); + } + + addguestdetails(data:any,token:any){ + return this._http.post(`${baseUrl}/api/admin/addguest/${token}`,data); + } + addteam(data:any){ + return this._http.post(`${baseUrl}/Workspace_team/SecTeam`,data); + } + public getallteammeme(id:any){ + return this._http.get(`${baseUrl}/User_workSpace/GetAllMember/${id}`); + } + getallusertosameaccid(){ + return this._http.get(`${baseUrl}/User_workSpace/GetAll`); + } + addteammem(id:any,user_id:any,data:any){ + return this._http.post(`${baseUrl}/User_workSpace/add_team/${id}/${user_id}`,data); + } + getallworkspace(){ + return this._http.get(`${baseUrl}/Workspace_workspace/FindByaccount`); + } + addsecworkspaceuser(usrid:any,id:any,data:any,){ + return this._http.post(`${baseUrl}/workspace/secworkspaceuser/add_workspace/users/${usrid}/${id}`,data); + } + addsecworkteam(pid:any,tid:any,data:any){ + return this._http.post(`${baseUrl}/workspace/secworkspaceuser/addteam/${pid}/${tid}`,data); + } + getallsecworkspace(id:any){ + return this._http.get(`${baseUrl}/workspace/secworkspaceuser/get_by_projectid/${id}`); + } + // public getById(id: any){ + // return this._http.get(`${baseUrl}/api/menu-register/${id}`); + // } + + // public update(id:any, reg:any){ + // return this._http.put(`${baseUrl}/api/menu-register/${id}`, reg); + // } + + // public deleteById(id: any){ + // return this._http.delete(`${baseUrl}/api/menu-register/${id}`); + // } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/outgoingwebhook.service.ts b/frontend/angular-clarity-master/src/app/services/admin/outgoingwebhook.service.ts new file mode 100644 index 0000000..16d441f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/outgoingwebhook.service.ts @@ -0,0 +1,51 @@ +import { Injectable } from '@angular/core'; +import { Observable } from 'rxjs'; +import { ApiRequestService } from '../api/api-request.service'; + +@Injectable({ + providedIn: 'root' +}) +export class OutgoingwebhookService { + + constructor(private apiRequest: ApiRequestService) { } + getall(){ + let _http = `api/outgoing/getall`; + return this.apiRequest.get(_http); + } + getallentity(){ + let _http = `api/outgoing/getentity`; + return this.apiRequest.get(_http); + } + wall(){ + let _http = `api/webhookdata/getall`; + return this.apiRequest.get(_http); + } + post(data:any){ + let _http=`api/outgoing/save`; + return this.apiRequest.post(_http,data); + } + getById(id: number) { + const _http =`api/outgoing/getById/${id}`; + return this.apiRequest.get(_http); + } + update(id: number, data:any): Observable { + const _http =`api/outgoing/update/${id}`; + return this.apiRequest.put(_http,data); + } + update1(id: number, data:any): Observable { + const _http =`api/outgoing_lines/update/${id}`; + return this.apiRequest.put(_http,data); + } + delete(id:any){ + let _http=`api/outgoing/delete/${id}`; + return this.apiRequest.delete(_http,); + } + getallworkflow(){ + let _http = `token/webhook/Workflow/getall`; + return this.apiRequest.get(_http); + } + getbyidworkflow(id:any){ + let _http = `token/webhook/Workflow/get/${id}`; + return this.apiRequest.get(_http); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/sessionlogger.service.ts b/frontend/angular-clarity-master/src/app/services/admin/sessionlogger.service.ts new file mode 100644 index 0000000..f48fc28 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/sessionlogger.service.ts @@ -0,0 +1,17 @@ +import { HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import baseUrl from 'src/app/services/api/helper'; +@Injectable({ + providedIn: 'root' +}) +export class SessionloggerService { + + constructor(private _http: HttpClient) { } + public getAll() { + return this._http.get(`${baseUrl}/user1/session/getAll`); + } + + public delete(id:any){ + return this._http.delete(`${baseUrl}/user1/session/delete/${id}`); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/sure-connector.service.ts b/frontend/angular-clarity-master/src/app/services/admin/sure-connector.service.ts new file mode 100644 index 0000000..87a3c74 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/sure-connector.service.ts @@ -0,0 +1,25 @@ +import { HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +//import baseUrl from 'src/app/services/api/helper'; +import { environment } from 'src/environments/environment'; +@Injectable({ + providedIn: 'root' +}) +export class SureConnectorService { + baseurl = environment.jobmgurl; + constructor(private _http: HttpClient,) { } + public getAll() { + return this._http.get(`${this.baseurl}/jobpro/get_rn_sureconnetor`); + } + public create(data: any){ + return this._http.post(`${this.baseurl}/jobpro/Savern_sureconnetor`, data); + } + + public delete(id:any){ + return this._http.delete(`${this.baseurl}/jobpro/delete_by_rn_sureconnetor_id/${id}`); + } + + public update(id:any,data:any){ + return this._http.put(`${this.baseurl}/jobpro/update_rn_sureconnetor/${id}`, data); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/sure-opsscriptmaster.service.ts b/frontend/angular-clarity-master/src/app/services/admin/sure-opsscriptmaster.service.ts new file mode 100644 index 0000000..d0cd824 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/sure-opsscriptmaster.service.ts @@ -0,0 +1,86 @@ +import { HttpClient, HttpParams } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import { Observable } from 'rxjs'; +import { ApiRequestService } from '../api/api-request.service'; + +@Injectable({ + providedIn: 'root' +}) +export class SureOpsscriptmasterService { + private URL = 'Sureops_script_api/Sureops_script_apis'; + private url='Sureops_script_api/Sureops_script_line' + private masterurl='Sureops_script_master/sureops_scriptmaster1' + constructor(private _http: HttpClient,private apiRequest: ApiRequestService) { } + getAll(page?: number, size?: number): Observable { + // create Request URL params + let me = this; + let params: HttpParams = new HttpParams(); + params = params.append("page", typeof page === "number" ? page.toString() : "0"); + params = params.append("size", typeof size === "number" ? size.toString() : "1000"); + // params = params.append("module_id", module_id.toString()); + // get all + return this.apiRequest.get(this.URL, params); + } + + create(data:any): Observable{ + return this.apiRequest.post(this.URL, data); + } + + delete(id:number){ + let _http = this.URL + "/" + id; + return this.apiRequest.delete(_http); + } + + getById(id:number) + { + let _http = this.URL + "/"+id; + return this.apiRequest.get(_http); + } + + updateLineById(id:number,data:any) + { + let _http = this.url + "/"+id; + return this.apiRequest.put(_http,data); + } + + update(id:number,data:any) + { + let _http = this.URL + "/"+id; + return this.apiRequest.put(_http,data); + } + + getall(page?: number, size?: number): Observable { + // create Request URL params + let me = this; + let params: HttpParams = new HttpParams(); + params = params.append("page", typeof page === "number" ? page.toString() : "0"); + params = params.append("size", typeof size === "number" ? size.toString() : "1000"); + // params = params.append("module_id", module_id.toString()); + // get all + return this.apiRequest.get(this.masterurl, params); + } + + create1(data:any): Observable{ + return this.apiRequest.post(this.masterurl, data); + } + + delete1(id:number){ + let _http = this.masterurl + "/" + id; + return this.apiRequest.delete(_http); + } + + getById1(id:number) + { + let _http = this.masterurl + "/"+id; + return this.apiRequest.get(_http); + } + + + + update1(id:number,data:any) + { + let _http = this.masterurl + "/"+id; + return this.apiRequest.put(_http,data); + } + +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/sureapi.service.ts b/frontend/angular-clarity-master/src/app/services/admin/sureapi.service.ts new file mode 100644 index 0000000..9426ec5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/sureapi.service.ts @@ -0,0 +1,23 @@ +import { HttpClient, HttpParams } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import baseUrl from 'src/app/services/api/helper'; +import { ApiRequestService } from '../api/api-request.service'; +@Injectable({ + providedIn: 'root' +}) +export class SureapiService { +url='sure_connect/sure_postman/call_api' + constructor(private http:HttpClient,private apiRequest: ApiRequestService,) { } + createpostman(api_url:any,json_body:any,method: any,token:any){ + console.log(api_url,json_body,method,token) + let params: HttpParams = new HttpParams(); + params =params.append("api_url",api_url); + // params =params.append("json_body",json_body); + params =params.append("method",method); + params =params.append("token",token) + return this.http.post(`${baseUrl}/sure_connect/sure_postman/call_api`,json_body,{params:params}); + //return this.apiRequest.post(this.url,{ search:params }); + + + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/sureconnect.service.ts b/frontend/angular-clarity-master/src/app/services/admin/sureconnect.service.ts new file mode 100644 index 0000000..e8b6086 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/sureconnect.service.ts @@ -0,0 +1,35 @@ +import { Injectable } from '@angular/core'; +import { HttpClient, HttpParams } from '@angular/common/http'; +import baseUrl from 'src/app/services/api/helper'; +import { ApiRequestService } from '../api/api-request.service'; +@Injectable({ + providedIn: 'root' +}) +export class SureconnectService { + + constructor(private _http: HttpClient, + private apiRequest: ApiRequestService,) { } + public create(data: any){ + return this._http.post(`${baseUrl}/Sure_Connect`, data); + } + + // create card + public update(data: any,id:any){ + return this._http.put(`${baseUrl}/Sure_Connect/${id}`, data); + } + + // get all cards + public getAll(){ + return this._http.get(`${baseUrl}/Sure_Connect`); + } + + // get one card + public getOne(id: any){ + return this._http.get(`${baseUrl}/Sure_Connect/${id}`); + } + + // delete card + public delete(id: any){ + return this._http.delete(`${baseUrl}/Sure_Connect/${id}`); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/sysparameter.service.ts b/frontend/angular-clarity-master/src/app/services/admin/sysparameter.service.ts new file mode 100644 index 0000000..b55858a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/sysparameter.service.ts @@ -0,0 +1,33 @@ +import { Injectable } from '@angular/core'; +import { Observable } from "rxjs"; +import { ApiRequestService } from "../api/api-request.service"; +import { HttpParams } from "@angular/common/http"; +import { HttpClient } from '@angular/common/http'; +@Injectable({ + providedIn: 'root' +}) +export class SysparameterService { + private addsysurl = 'sysparam/addSysParams '; + private updatesysurl = 'sysparam/updateSysParams'; + private getbyidurl = 'sysparam/getSysParams'; + constructor(private apiRequest: ApiRequestService,) { } + + + create(data: any): Observable { + return this.apiRequest.post(this.addsysurl, data); + } + + update(id: number, data: any, file: any): Observable { + const s = JSON.stringify(data); + const formData: FormData = new FormData(); + formData.append("o1", s); + formData.append(file.name, file); + + const _http = this.updatesysurl + "/" + id; + return this.apiRequest.put(_http, data); + } + getById(id: number): Observable { + const _http = this.getbyidurl + "/" + id; + return this.apiRequest.get(_http); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/university.service.ts b/frontend/angular-clarity-master/src/app/services/admin/university.service.ts new file mode 100644 index 0000000..1364856 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/university.service.ts @@ -0,0 +1,44 @@ +import { Injectable } from '@angular/core'; +import { HttpParams } from "@angular/common/http"; +import { university } from "../../models/fnd/university"; +import { Observable } from "rxjs"; +import { ApiRequestService } from "../api/api-request.service"; +import { UserInfoService } from "../user-info.service"; + +@Injectable({ + providedIn: 'root' +}) +export class UniversityService { + + private baseURL = "api/author"; + constructor( + private apiRequest: ApiRequestService, + private userInfoService: UserInfoService + ) { } + getAll(page?: number, size?: number): Observable { + //Create Request URL params + let params: HttpParams = new HttpParams(); + params = params.append("page", typeof page === "number" ? page.toString() : "0"); + params = params.append("size", typeof size === "number" ? size.toString() : "1000"); + //const _http = this.baseURL + '/all'; + console.log(this.userInfoService.getUserInfo().userId); + let id = this.userInfoService.getUserInfo().userId; + return this.apiRequest.get(this.baseURL, params); + } + getById(id: number): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.get(_http); + } + create(college: university): Observable { + return this.apiRequest.post(this.baseURL, college); + } + + update(id: number, projectSetup: university): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.put(_http, projectSetup); + } + delete(id: number): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.delete(_http); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/user-list.service.ts b/frontend/angular-clarity-master/src/app/services/admin/user-list.service.ts new file mode 100644 index 0000000..aa48719 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/user-list.service.ts @@ -0,0 +1,33 @@ +import { HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import baseUrl from '../../services/api/helper'; + +@Injectable({ + providedIn: 'root' +}) +export class UserListService { + + constructor( + private _http: HttpClient + ) { } + + public add(user: any){ + return this._http.post(`${baseUrl}/user_list/create`, user); + } + + public update(user: any){ + return this._http.put(`${baseUrl}/user_list/update`, user); + } + + public getOne(user: any){ + return this._http.get(`${baseUrl}/user_list/get-one/${user}`); + } + + public getAll(){ + return this._http.get(`${baseUrl}/user_list/get-all`); + } + + public deleteById(id: any){ + return this._http.delete(`${baseUrl}/user_list/delete/${id}`); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/user-profile.service.ts b/frontend/angular-clarity-master/src/app/services/admin/user-profile.service.ts new file mode 100644 index 0000000..13160da --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/user-profile.service.ts @@ -0,0 +1,120 @@ +import { HttpClient, HttpParams } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import { AppConfig } from '../../app-config'; +import { Observable } from 'rxjs'; +import { UserInfoService } from '../user-info.service'; +import { ApiRequestService } from '../api/api-request.service'; +import { TranslateService } from '../api/translate.service'; +import { environment } from 'src/environments/environment'; + +export interface UserProfile { + email: string; + firstName: string; + lastName: string; + fullName: string; + pronouns?: string; + photos?: string; + status?: string; + role?: string; + roles?: Role[]; + department?: string; + about?: string; + createdAt?: Date; + updatedAt?: Date; + accountId?: number; + createdBy?: number; + updatedBy: number; + +} +export interface Role { + id: number; + name: string; + description: string; +} +@Injectable() +export class UserProfileService { + + private userProfileURL = 'api/user-profile'; + private postUserProfilePicURL = 'api/upload'; + private getUserProfilePicURL = 'api/retrieve-image'; + private userAcountURL = 'api/user-account'; + private aboutWork = 'token/aboutwork'; + + private getids = 'token/userid'; + + private actionBuilderURL="token/aboutwork" + + + constructor( + private apiRequest: ApiRequestService, + private translate: TranslateService, + private userInfoService: UserInfoService, + private http: HttpClient, + private appConfig: AppConfig, + ) { } + + /* getAll(page?:number, size?:number): Observable { + //Create Request URL params + let me = this; + let params: HttpParams = new HttpParams(); + params = params.append('page', typeof page === "number"? page.toString():"0"); + params = params.append('size', typeof size === "number"? size.toString():"1000"); + // get all + // return this.apiRequest.get('api/instructors'); + // paginated data + return this.apiRequest.get(this.baseURL, params); + + } */ + + getUserProfile(): Observable { + const _http = this.userProfileURL; + return this.apiRequest.get(_http); + + } + updateUserProfile(user: UserProfile): Observable { + const _http = this.userProfileURL; + return this.apiRequest.put(_http, user); + } + + uploadUserProfilePic(fileToUpload: File): Observable { + const formData: FormData = new FormData(); + formData.append('imageFile', fileToUpload, fileToUpload?.name); + return this.http.post(this.appConfig.baseApiPath + this.postUserProfilePicURL, formData, { reportProgress: true, observe: 'events' }); + } + + getProfilePic(): Observable { + return this.apiRequest.get(this.getUserProfilePicURL); + } + + + getUserAccountDetails() { + return this.apiRequest.get(this.userAcountURL); + } + + saveUser(data): Observable { + return this.apiRequest.post(this.aboutWork, data); + } + + updateUser(id,data): Observable { + const _http = this.actionBuilderURL + "/" + id; + return this.apiRequest.put(_http, data); + } + + getUser(id: number, checknumber: number): Observable { + return this.apiRequest.get(this.getids + "/" + id + "/" + checknumber); + // return this.apiRequest.get(this.getids, data); + + } + private url = environment.backendUrl +"/token/"; + /////////////// + addUserinSignUP(data:any): Observable { + return this.http.post(`${this.url}users/sysaccount/savesysaccount`, data); + } + + adduserData(data:any): Observable { + return this.http.post(`${this.url}addOneAppUser`, data); + } + + + +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/user-registration.service.ts b/frontend/angular-clarity-master/src/app/services/admin/user-registration.service.ts new file mode 100644 index 0000000..7fe4799 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/user-registration.service.ts @@ -0,0 +1,290 @@ +import { Injectable } from '@angular/core'; +import { HttpClient, HttpHeaders, HttpParams, HttpResponse } from "@angular/common/http"; +import { PasswordResetComponent } from "src/app/modules/main/admin/password-reset/password-reset.component"; + +import { UserRegistrationComponent } from "src/app/modules/main/admin/user-registration/user-registration.component"; +import { Observable } from "rxjs"; +import { UserInfoService } from "../user-info.service"; +import { ApiRequestService } from "../api/api-request.service"; +import { environment } from 'src/environments/environment'; + +export interface User { + firstName: string; + lastName: string; + password: string; + email: string; +} + +export interface Sys_Account { + userEmail: string; + companyName: string; + workspace: string; + gstNumber: string; +} + +export interface SignedUpUser { + userId: string; + email: string; + fullName: string; + firstName: string; +} +export interface signUpInfo { + success?: boolean; + message?: string; + landingPage?: string; + user?: SignedUpUser; +} + + +@Injectable({ + providedIn: 'root' +}) +export class UserRegistrationService { + + private baseURL = "api/user-registration"; // still not in use + private emailExistURL = "token/email-exists"; // email exist check + private userRegURL = "token/user-registration"; + private companyRegURL = "token/company-registration"; + private resetPasswordURL = "api/reset_password"; + + public registeredEmailKey: string = "registeredEmail"; + public localStorage: Storage = localStorage; + public sessionStorage: Storage = sessionStorage; + + private url = environment.backendUrl +"/token/"; + + + constructor(private apiRequest: ApiRequestService,private http:HttpClient, + private userInfoService: UserInfoService) { } + + /* takenUsernames: any[] = []; + checkIfUsernameExists(username: string): Observable { + return of(this.takenUsernames.includes(username)) + .pipe(delay(1000)); + } + usernameValidator(): AsyncValidatorFn { + return (control: AbstractControl): Observable => { + return this.checkIfUsernameExists(control.value).pipe( + map(res => { + // if res is true, username exists, return true + return res ? { usernameExists: true } : null; + // NB: Return null if there is no error + }) + ); + }; + } */ + + //Store userinfo from session storage + storeEmail(userInfoString: string) { + this.localStorage.setItem(this.registeredEmailKey, userInfoString); + } + + //Remove userinfo from session storage + removeStoredEmail() { + this.localStorage.removeItem(this.registeredEmailKey); + } + + //Get email from session storage ( WILL REMOVE AFTER REGISTER) + getStoredEmail(): string | null { + try { + let userInfoString: string = this.localStorage.getItem( + this.registeredEmailKey + ); + if (userInfoString) { + return userInfoString; + } else { + return null; + } + } catch (e) { + return null; + } + } + + /* === store signed up user info in storage === */ + public registeredUserKey: string = "registeredUser"; + storeSignedUpUserInfo(userInfoString: string) { + this.sessionStorage.setItem(this.registeredUserKey, userInfoString); + } + removeSignedUpUserInfo() { + this.sessionStorage.removeItem(this.registeredUserKey); + } + + //Get userinfo from session storage + getSignedUpUserInfo(): SignedUpUser | null { + try { + let userInfoString: string = this.sessionStorage.getItem( + this.registeredUserKey + ); + if (userInfoString) { + let userObj: SignedUpUser = JSON.parse( + this.sessionStorage.getItem(this.registeredUserKey) + ); + return userObj; + } else { + return null; + } + } catch (e) { + return null; + } + } + // Get Full Name from session storage + getFirstName(): string { + let userObj: SignedUpUser = this.getSignedUpUserInfo(); + if (userObj !== null) { + //console.log('getFirstName() : ', userObj.firstName); + return userObj.firstName; + } + return "no-user"; + } + // Get User Email from session storage + getEmail(): string { + let userObj: SignedUpUser = this.getSignedUpUserInfo(); + if (userObj !== null) { + //console.log('getEmail() : ', userObj.email); + return userObj.email; + } + return "no-user"; + } + // Get User Id from session storage + getUserId(): string { + let userObj: SignedUpUser = this.getSignedUpUserInfo(); + if (userObj !== null) { + return userObj.userId; + } + return "no-user"; + } + + /* === store signed up user info in storage END === */ + + /* === check if email is aailable or not === */ + emailCheck(email: UserRegistrationComponent): Observable { + return this.apiRequest.post(this.emailExistURL, email); + } + /* === signed up user (admin) === */ + + /* public landingPage:string = "/account-setup"; + saveUser(user: User): Observable { + let signupDataSubject: BehaviorSubject = new BehaviorSubject([]); + let signupInfoReturn: signUpInfo; + this.apiRequest.post(this.userRegURL, user).subscribe( + (res) => { + if ( + res !== undefined && + res !== null && + res.operationStatus === "SUCCESS" + ) { + signupInfoReturn = { + success: true, + message: res.operationMessage, + landingPage: this.landingPage, + user: { + userId: res.item.userId, + email: res.item.email, + fullName: res.item.fullname, + firstName: res.item.firstName, + }, + }; + console.log('signupInfoReturn : ', signupInfoReturn); + // store signed up user info in session storage for further case + this.storeSignedUpUserInfo(JSON.stringify(signupInfoReturn.user)); + } else { + //Create a faliure object that we want to send back to login page + signupInfoReturn = { + success: false, + message: res.operationMessage, + landingPage: "/create-account", + }; + } + signupDataSubject.next(signupInfoReturn); + }, + (err) => { + console.log("signup error ", err); + signupInfoReturn = { + success: false, + message: err.url + " >>> " + err.statusText + "[" + err.status + "]", + landingPage: "/create-account", + }; + } + ); + console.log('signupDataSubject : ', signupDataSubject); + + return signupDataSubject; + //return this.apiRequest.post(this.userRegURL, user); + } */ + + saveUser(user: User): Observable { + return this.apiRequest.post(this.userRegURL, user); + } + + /* company registration form */ + saveCompany(company: Sys_Account): Observable { + return this.apiRequest.post(this.companyRegURL, company); + } + + resetPassword(passwordResetRequest: PasswordResetComponent): Observable { + return this.apiRequest.post(this.resetPasswordURL, passwordResetRequest); + } + + /*==== CRUD APIS =====*/ + getAll(page?: number, size?: number): Observable { + //Create Request URL params + let params: HttpParams = new HttpParams(); + params = params.append( + "page", + typeof page === "number" ? page.toString() : "0" + ); + params = params.append( + "size", + typeof size === "number" ? size.toString() : "1000" + ); + //const _http = this.baseURL + '/all'; + return this.apiRequest.get(this.baseURL, params); + } + + getById(id: number): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.get(_http); + } + + getByAccountId(): Observable { + const _http = this.baseURL + "/user-menu"; + return this.apiRequest.get(_http); + } + + create(any: any): Observable { + return this.apiRequest.post(this.baseURL, any); + } + + update(id: number, any: any): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.put(_http, any); + } + + + /////// + + getStoredName() { + return this.localStorage.getItem("FullName"); + } + + removeStoredName() { + this.localStorage.removeItem("FullName"); + } + + sendEmail( email: any): Observable { + // const body = { account_id: accountId, email }; + const newbody = email; + const headers = new HttpHeaders({ 'Content-Type': 'application/json' }); + console.log(newbody); + return this.http.post(`${this.url}user/send_email`, newbody); + } + + sendOTP(email: string): Observable { + return this.http.post(`${this.url}user/resend_otp?email=${email}`, {}); + } + + // Method to verify OTP + verifyOTP(email: string, otp: string): Observable { + return this.http.post(`${this.url}user/otp_verification?email=${email}&otp=${otp}`, null); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/usergrpmaintaince.service.ts b/frontend/angular-clarity-master/src/app/services/admin/usergrpmaintaince.service.ts new file mode 100644 index 0000000..f8954be --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/usergrpmaintaince.service.ts @@ -0,0 +1,46 @@ +import { Injectable } from '@angular/core'; +import { HttpClient } from '@angular/common/http'; +import baseUrl from '../api/helper'; +import { Observable } from 'rxjs'; +import { ApiRequestService } from '../api/api-request.service'; +import { Usergrpmain } from '../../models/admin/usergrpma'; +@Injectable({ + providedIn: 'root' +}) +export class UsergrpmaintainceService { + private baseURL = "api/updateOneUsrGrp"; + constructor(private _http: HttpClient,private apiRequest: ApiRequestService,) { } + + public getAll() { + return this._http.get(`${baseUrl}/api/getAllUsrGrp`); + } + public getbyid(Id: any){ + return this._http.get(`${baseUrl}/api/getOneAppUser/${Id}`); + } + public getbyusergrpid(id:any){ + return this._http.get(`${baseUrl}/api1/getusracces1/${id}`); + } + public create(data: any){ + return this._http.post(`${baseUrl}/api/addOneUsrGrp`, data); + } +// update +public update(data: any){ + return this._http.post(`${baseUrl}/api/updateOneUsrGrp`, data); +} +updatei(id: number, projectSetup: Usergrpmain): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.put(_http, projectSetup); +} +public getall(){ + return this._http.get(`${baseUrl}/api1/getAllData`); +} +public deleteusr(id:any){ + return this._http.delete(`${baseUrl}/api/delete_usrgrp/${id}`); +} +public delete(id:any,usrgrp:any){ +return this._http.delete(`${baseUrl}/api1/deleteGrpMenuAcces/${id}/${usrgrp}`); +} +public deletemain(id:any,usrgrp:any){ + return this._http.delete(`${baseUrl}/fndMenu/DelMenu_WithSub1/${id}/${usrgrp}`); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/admin/usermaintance.service.ts b/frontend/angular-clarity-master/src/app/services/admin/usermaintance.service.ts new file mode 100644 index 0000000..5c321e0 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/admin/usermaintance.service.ts @@ -0,0 +1,42 @@ +import { HttpClient } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import baseUrl from 'src/app/services/api/helper'; +@Injectable({ + providedIn: 'root' +}) +export class UsermaintanceService { + + constructor(private _http: HttpClient,) { } + public getAll() { + return this._http.get(`${baseUrl}/api/getAllAppUser`); + } + public getbyid(Id: any){ + return this._http.get(`${baseUrl}/api/getOneAppUser/${Id}`); + } + public create(data: any){ + return this._http.post(`${baseUrl}/api/addOneAppUser`, data); + } + // update + public update(data: any){ + return this._http.put(`${baseUrl}/api/updateAppUser`, data); + } + //newupdate + public updatenew(id:any,data: any){ + return this._http.put(`${baseUrl}/api/updateAppUserDto/${id}`, data); + } + public getallposition(){ + return this._http.get(`${baseUrl}/api/getAllPositions`); + } + public getbypositionid(Id:any){ + return this._http.get(`${baseUrl}/api/getPosition/${Id}`); + } + public getalldepartment(){ + return this._http.get(`${baseUrl}/api/getAllDepartments`); + } + public getbydepartmentid(Id:any){ + return this._http.get(`${baseUrl}/api/getDepartment/${Id}`); + } + public deleteusr(id:any){ + return this._http.delete(`${baseUrl}/api/delete_usr/${id}`); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/alert.service.ts b/frontend/angular-clarity-master/src/app/services/alert.service.ts new file mode 100644 index 0000000..c19d894 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/alert.service.ts @@ -0,0 +1,70 @@ +import { Injectable } from '@angular/core'; +import { default as swal, SweetAlertOptions } from 'sweetalert2'; + +@Injectable({ + providedIn: 'root' +}) +export class AlertService { + constructor() { } + + error(text = 'เกิดข้อผิดพลาด', title = '') { + const option: SweetAlertOptions = { + title: title, + text: this.convertToText(text), + icon: 'error', + confirmButtonText: 'ตกลง' + }; + return swal.fire(option); + + } + + success(text = '', title = 'Success') { + const option: SweetAlertOptions = { + title: title, + text: this.convertToText(text), + icon: 'success', + confirmButtonText: 'Ok' + }; + return swal.fire(option); + + } + + serverError(text = 'เกิดข้อผิดพลาดในการเชื่อมต่อกับเซิร์ฟเวอร์', title = 'เกิดข้อผิดพลาด') { + const option: SweetAlertOptions = { + title: title, + text: this.convertToText(text), + icon: 'error', + confirmButtonText: 'ตกลง' + }; + return swal.fire(option); + + } + + confirm(text = 'คุณต้องการดำเนินการนี้ ใช่หรือไม่?', title = 'Are you sure?') { + const option: SweetAlertOptions = { + title: title, + text: this.convertToText(text), + icon: 'question', + showCancelButton: true, + confirmButtonColor: '#3085d6', + cancelButtonColor: '#d33', + confirmButtonText: 'Yes', + cancelButtonText: 'No' + }; + return swal.fire(option); + } + + convertToText(text) { + if (text && text.message) { + return text.message + } else if (text && text.error) { + return text.error + } else if (text && text.code) { + return text.code + } else { + return text ? JSON.stringify(text) : ''; + } + } + + +} diff --git a/frontend/angular-clarity-master/src/app/services/alerts.service.ts b/frontend/angular-clarity-master/src/app/services/alerts.service.ts new file mode 100644 index 0000000..4617822 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/alerts.service.ts @@ -0,0 +1,39 @@ +import { Injectable } from "@angular/core"; +import { NavigationStart, Router } from "@angular/router"; +import { Observable, Subject } from "rxjs"; + +@Injectable() +export class AlertService { + private subject = new Subject(); + + private keepAfterNavigationChange = false; + + constructor(private router: Router) { + // clear alert message on route change + router.events.subscribe((event) => { + if (event instanceof NavigationStart) { + if (this.keepAfterNavigationChange) { + // only keep for a single location change + this.keepAfterNavigationChange = false; + } else { + // clear alert + this.subject.next(); + } + } + }); + } + + success(message: string, keepAfterNavigationChange = false) { + this.keepAfterNavigationChange = keepAfterNavigationChange; + this.subject.next({ type: "success", text: message }); + } + + error(message: string, keepAfterNavigationChange = false) { + this.keepAfterNavigationChange = keepAfterNavigationChange; + this.subject.next({ type: "error", text: message }); + } + + getMessage(): Observable { + return this.subject.asObservable(); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/api/addemails.service.ts b/frontend/angular-clarity-master/src/app/services/api/addemails.service.ts new file mode 100644 index 0000000..e98291a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/addemails.service.ts @@ -0,0 +1,26 @@ +import { Injectable } from '@angular/core'; +//import { id } from '@swimlane/ngx-datatable/release/utils'; +import { Observable } from 'rxjs'; +import { ApiRequestService } from './api-request.service'; + +@Injectable({ + providedIn: 'root' +}) +export class AddemailsService { + + + private addemailUrl = 'token/addemails'; + + + + constructor( + private apirequest: ApiRequestService + + ) { } + + saveUser(data, id: number): Observable { + return this.apirequest.post(this.addemailUrl + "/" + id, data); + + } + +} diff --git a/frontend/angular-clarity-master/src/app/services/api/api-request.service.ts b/frontend/angular-clarity-master/src/app/services/api/api-request.service.ts new file mode 100644 index 0000000..3c24cd5 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/api-request.service.ts @@ -0,0 +1,172 @@ +import { Injectable } from "@angular/core"; +import { + HttpClient, + HttpHeaders, + HttpParams, + HttpErrorResponse, +} from "@angular/common/http"; +import { Router } from "@angular/router"; +import { Observable, throwError } from "rxjs"; +import { UserInfoService } from "../user-info.service"; +import { AppConfig } from "../../app-config"; +import { catchError } from "rxjs/operators"; + +@Injectable() +export class ApiRequestService { + constructor( + private appConfig: AppConfig, + private http: HttpClient, + private router: Router, + private userInfoService: UserInfoService + ) {} + + /** + * This is a Global place to add all the request headers for every REST calls + */ + /*{let headers = new HttpHeaders({ + 'Accept': 'application/json', + 'Content-Type': 'application/json', + 'Access-Control-Allow-Origin': '*', + 'Access-Control-Allow-Methods': 'POST, GET, DELETE, OPTIONS, PUT', + 'Access-Control-Allow-Headers': 'Origin, X-Requested-With, Content-Type, Accept, Accept-Encoding, Accept-Language, Host, Referer, Connection, User-Agent, authorization, sw-useragent, sw-version' + });*/ + getHeaders(): HttpHeaders { + let headers = new HttpHeaders(); + //let token = this.userInfoService.getStoredToken(); + //console.log('Token from session storage: ', token); + headers = headers.append("Content-Type", "application/json"); + /* if (token !== null) { + headers = headers.append("Authorization", token); + } */ + return headers; + } + + getMultipartHeader(): HttpHeaders { + let headers = new HttpHeaders(); + headers = headers.append("Content-Type", "multipart/form-data"); + return headers; + + } + + errMsg: string = ''; + + handleError(error: HttpErrorResponse) { + let me = this; + console.log("handleError ", error.message); + switch(error.status) { + case 401: + this.errMsg = 'Forbidden'; + break; + case 404: + this.errMsg = 'Service not found'; + case 408: + this.errMsg = 'Request Timedout'; + case 500: + this.errMsg = 'Internal Server Error'; + default: + this.errMsg = 'Server Error'; + } + return throwError(error.message); + //return Observable.throw(error.message); + } + + get(url: string, urlParams?: HttpParams): Observable { + let me = this; + return this.http + .get(this.appConfig.baseApiPath + url, { + headers: this.getHeaders(), + params: urlParams, + }).pipe( + catchError((error) => { + return throwError(error || "Server error"); + }) + ) + } + + loginAuthentication(url: string, body: Object): Observable { + let me = this; + return this.http + .post(this.appConfig.baseApiPath + url, JSON.stringify(body), { + headers: this.getHeaders() + }).pipe( + catchError((error) => { + return throwError(error || "Server error"); + }) + ) + } + + // modified params + post(url: string, body: any, urlParams?: HttpParams): Observable { + let me = this; + let bodyTest = body instanceof Object ? JSON.stringify(body) : body; + //console.log('Post method String Vs. Object', bodyTest); + return this.http + .post(this.appConfig.baseApiPath + url, JSON.stringify(body), { + headers: this.getHeaders(), + params: urlParams, + }).pipe( + catchError((error) => { + return throwError(error || "Server error"); + }) + ) + } + + // [Multipart file Support] + postFormData(url: string, body: any, urlParams?: HttpParams): Observable { + //let me = this; + //headers: this.getMultipartHeader(), + return this.http + .post(this.appConfig.baseApiPath + url, body, { + params: urlParams, + reportProgress: true, + observe: 'events' + }).pipe( + catchError((error) => { + return throwError(error || "Server error"); + }) + ) + } + + // modified params + put(url: string, body: Object, urlParams?: HttpParams): Observable { + let me = this; + return this.http + .put(this.appConfig.baseApiPath + url, JSON.stringify(body), { + headers: this.getHeaders(), + params: urlParams, + }).pipe( + catchError((error) => { + return throwError(error || "Server error"); + }) + ) + } + + delete(url: string): Observable { + let me = this; + return this.http + .delete(this.appConfig.baseApiPath + url, { headers: this.getHeaders() }) + .pipe( + catchError((error) => { + return throwError(error || "Server error"); + }) + ) + } + + downloadFile(url: string, data: any[]): Observable { + return this.http.post(url, data, { responseType: 'blob' }).pipe( + catchError((error) => { + return throwError(error || 'Server error'); + }) + ); + } + + // For File Download + getFile(url: string, options: any): Observable { + return this.http.post(this.appConfig.baseApiPath + url, { ...options, responseType: 'blob' }).pipe( + catchError((error) => { + return throwError(error || 'Server error'); + }) + ); + } + +} diff --git a/frontend/angular-clarity-master/src/app/services/api/audittrail.service.ts b/frontend/angular-clarity-master/src/app/services/api/audittrail.service.ts new file mode 100644 index 0000000..c08d8ad --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/audittrail.service.ts @@ -0,0 +1,30 @@ +import { Injectable } from '@angular/core'; +import baseUrl from './helper'; +import { HttpClient } from '@angular/common/http'; +import { ApiRequestService } from './api-request.service'; +@Injectable({ + providedIn: 'root' +}) +export class AudittrailService { +apiurl="master/AuditItemReport"; +apiurl1="master/AuditItemReportCustom" + constructor(private _http: HttpClient, + private apiRequest: ApiRequestService,) { } + public getAll() { + return this._http.get(`${baseUrl}/master/AuditItemReport`); + + } + public gettable(tname:any){ + const formData:FormData = new FormData(); + formData.set("table",tname); + return this.apiRequest.postFormData(this.apiurl,formData); + } + public getdate(d1:any,d2:any,tname:any){ + const formData:FormData = new FormData(); + formData.set("id",null); + formData.set("d1",d1); + formData.set("d2",d2); + formData.set("table",tname); + return this.apiRequest.postFormData(this.apiurl1,formData); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/api/billingdemo.service.ts b/frontend/angular-clarity-master/src/app/services/api/billingdemo.service.ts new file mode 100644 index 0000000..9a69cf8 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/billingdemo.service.ts @@ -0,0 +1,17 @@ +import { Injectable } from '@angular/core'; +import baseUrl from './helper'; +import { HttpClient } from '@angular/common/http'; +@Injectable({ + providedIn: 'root' +}) +export class BillingdemoService { + + constructor(private _http: HttpClient) { } + + public getAll() { + return this._http.get(`${baseUrl}/ncso_b/get-all`); + } + public getbyid(Id: any){ + return this._http.get(`${baseUrl}/ncso_b/get-one/${Id}`); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/api/department.service.ts b/frontend/angular-clarity-master/src/app/services/api/department.service.ts new file mode 100644 index 0000000..9b891ac --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/department.service.ts @@ -0,0 +1,48 @@ +import { Injectable } from '@angular/core'; +import { Department } from '../../models/fnd/department'; +import { JwtHelperService } from '@auth0/angular-jwt'; +import { HttpClient, HttpParams,HttpResponse } from '@angular/common/http'; +import { Observable } from 'rxjs'; +import { ApiRequestService } from './api-request.service'; +import { UserInfoService } from '../user-info.service'; +@Injectable({ + providedIn: 'root' +}) +export class DepartmentService { + jwtHelper: JwtHelperService = new JwtHelperService(); + + private baseURL = "api/getdepartment"; + constructor(private http: HttpClient, + private apiRequest: ApiRequestService, + private userInfoService: UserInfoService) { } + + getAll(page?: number, size?: number): Observable { + //Create Request URL params + let params: HttpParams = new HttpParams(); + params = params.append("page", typeof page === "number" ? page.toString() : "0"); + params = params.append("size", typeof size === "number" ? size.toString() : "1000"); + //const _http = this.baseURL + '/all'; + //console.log(this.userInfoService.getUserInfo().userId); + let id = this.userInfoService.getUserInfo().userId; + return this.apiRequest.get(this.baseURL, params); + } + + update(id: number, department: Department): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.put(_http, department); + } + getById(id: number): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.get(_http); + } + delete(id: number): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.delete(_http); + } + + create(depart:Department): Observable { + return this.apiRequest.post(this.baseURL, depart); + } + + +} diff --git a/frontend/angular-clarity-master/src/app/services/api/diputesemo.service.ts b/frontend/angular-clarity-master/src/app/services/api/diputesemo.service.ts new file mode 100644 index 0000000..972128d --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/diputesemo.service.ts @@ -0,0 +1,17 @@ +import { Injectable } from '@angular/core'; +import baseUrl from './helper'; +import { HttpClient } from '@angular/common/http'; +@Injectable({ + providedIn: 'root' +}) +export class DiputesemoService { + + constructor(private _http: HttpClient) { } + + public getAll() { + return this._http.get(`${baseUrl}/ncso_q/get-all`); + } + public getbyid(Id: any){ + return this._http.get(`${baseUrl}/ncso_q/get-one/${Id}`); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/api/forgotpass.service.ts b/frontend/angular-clarity-master/src/app/services/api/forgotpass.service.ts new file mode 100644 index 0000000..8176718 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/forgotpass.service.ts @@ -0,0 +1,44 @@ +import { HttpClient, HttpParams } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import baseUrl from '../api/helper'; +@Injectable({ + providedIn: 'root' +}) +export class ForgotpassService { + private url = "api/forgot"; + public localStorage: Storage = localStorage; + constructor(private http: HttpClient,) { } + + checkMailExists(email: string) { + return this.http.post(this.url+ "check-email", {"email": email}); + } + storeEmail(userInfoString: string) { + this.localStorage.setItem("registeredEmail", userInfoString); + } + //Store userinfo from session storage + + //Get email from session storage ( WILL REMOVE AFTER REGISTER) + getStoredEmail(): string | null { + try { + let userInfoString: string = this.localStorage.getItem( + "registeredEmail" + ); + if (userInfoString) { + return userInfoString; + } else { + return null; + } + } catch (e) { + return null; + } + } + sendemail(email:string){ + const params = new HttpParams() + .set('email',email) + console.log(email); + return this.http.post(`${baseUrl}/api/resources/forgotpassword`,params) + } + resetpass(data:any,id:any){ + return this.http.post(`${baseUrl}/api/resources/savePassword/${id}`,data); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/api/helper.ts b/frontend/angular-clarity-master/src/app/services/api/helper.ts new file mode 100644 index 0000000..7f1e8f1 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/helper.ts @@ -0,0 +1,5 @@ +import{environment} from 'src/environments/environment'; + +let baseUrl = environment.backendUrl; +//let baseUrl= `http://cns-portal-backend:30166`; +export default baseUrl; diff --git a/frontend/angular-clarity-master/src/app/services/api/itemdemo.service.ts b/frontend/angular-clarity-master/src/app/services/api/itemdemo.service.ts new file mode 100644 index 0000000..7cf0b14 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/itemdemo.service.ts @@ -0,0 +1,16 @@ +import { Injectable } from '@angular/core'; +import baseUrl from './helper'; +import { HttpClient } from '@angular/common/http'; +@Injectable({ + providedIn: 'root' +}) +export class ItemdemoService { + + constructor(private _http: HttpClient) { } + public getAll() { + return this._http.get(`${baseUrl}/ncso_i/get-all`); + } + public getbyid(Id: any){ + return this._http.get(`${baseUrl}/ncso_i/get-one/${Id}`); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/api/login.service.ts b/frontend/angular-clarity-master/src/app/services/api/login.service.ts new file mode 100644 index 0000000..0b1cb1a --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/login.service.ts @@ -0,0 +1,113 @@ +import { Injectable } from '@angular/core'; +import { Router } from '@angular/router'; + +import { Observable, BehaviorSubject } from 'rxjs'; +import { UserInfoService, LoginInfoInStorage} from '../user-info.service'; +import { ApiRequestService } from './api-request.service'; +import { HttpClient } from '@angular/common/http'; +import { ToastrService } from 'ngx-toastr'; + +export interface LoginRequestParam{ + //username:string; + email:string; + password:string; +} + +@Injectable() +export class LoginService { + private storage: Storage = sessionStorage; + public landingPage:string = "/cns-portal/dashboard"; + constructor( + private router:Router, + private userInfoService: UserInfoService, + private apiRequest: ApiRequestService, + private httpRequest: HttpClient, + private toastr: ToastrService, + ) {} + + + + getToken(email:string, password:string): Observable { + let bodyData: LoginRequestParam = { + //"username": username, + "email": email, + "password": password, + } + /* + Using BehaviorSubject instead of Subject + In Angular services are initialized before the components, if any component is + subscribing, it will only receive events which are executed after subscription. + therefore if you put a syncronize next() in the service, the component wont get it. + + A BehaviourSubject will always provide the values wheather the subscription happened after or before event + + */ + + let loginDataSubject:BehaviorSubject = new BehaviorSubject([]); // Will use this BehaviorSubject to emit data that we want after ajax login attempt + let loginInfoReturn:LoginInfoInStorage; // Object that we want to send back to Login Page + + this.apiRequest.loginAuthentication('token/session', bodyData) + .subscribe(jsonResp => { + console.log('login response in service : ', jsonResp); + if (jsonResp.operationMessage=='Login Failed') { + this.toastr.warning('Not Login Getting Error check your Username and password'); + } + if (jsonResp !== undefined && jsonResp !== null && jsonResp.operationStatus === "SUCCESS"){ + //Create a success object that we want to send back to login page + ////"displayName": jsonResp.item.fullname, + //"username" : jsonResp.item.username, + loginInfoReturn = { + "success" : true, + "message" : jsonResp.operationMessage, + "landingPage": this.landingPage, + "user" : { + "userId" : jsonResp.item.userId, + "email" : jsonResp.item.email, + "displayName": jsonResp.item.firstName, + "username" : jsonResp.item.username, + "roles" : jsonResp.item.roles, + "token" : jsonResp.item.token, + + }, + }; + console.log(loginInfoReturn.user); + if(jsonResp !== undefined && jsonResp !== null && jsonResp.operationStatus === "SUCCESS"){ + this.toastr.success(`Welcome To home Page!! your Role is ${jsonResp.item.roles}`); + } + // store username and jwt token in session storage to keep user logged in between page refreshes + this.userInfoService.storeUserInfo(JSON.stringify(loginInfoReturn.user)); + } + else { + //Create a faliure object that we want to send back to login page + loginInfoReturn = { + "success":false, + "message":jsonResp.operationMessage, + "landingPage":"/login" + }; + } + loginDataSubject.next(loginInfoReturn); + }, + err => { + console.log('login error ', err); + loginInfoReturn = { + "success": false, + "message": err.url + " >>> " + err.statusText + "[" + err.status +"]", + "landingPage": "/login" + }; + if (err) { + this.toastr.error('Getting Server Error'); + } + }); + + return loginDataSubject; + } + + logout(navigatetoLogout=true): void { + // clear token remove user from local storage to log user out + this.userInfoService.removeUserInfo(); + if(navigatetoLogout){ + this.router.navigate(["logout"]); + } + } + +} diff --git a/frontend/angular-clarity-master/src/app/services/api/query-runner.service.ts b/frontend/angular-clarity-master/src/app/services/api/query-runner.service.ts new file mode 100644 index 0000000..bcfe7dd --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/query-runner.service.ts @@ -0,0 +1,20 @@ +import { Injectable } from '@angular/core'; +import { HttpParams } from '@angular/common/http'; +import { ApiRequestService } from './api-request.service'; +import { Observable } from 'rxjs'; +@Injectable({ + providedIn: 'root' +}) +export class QueryRunnerService { + private baseURL = "api/report-data"; + constructor(private apiRequest: ApiRequestService) { } + getById(report_id:number, page?: number, size?: number): Observable { + //Create Request URL params + let params: HttpParams = new HttpParams(); + params = params.append("report_id", report_id.toString()); + params = params.append("page", typeof page === "number" ? page.toString() : "0"); + params = params.append("size", typeof size === "number" ? size.toString() : "1000"); + //const _http = this.baseURL + '/all'; + return this.apiRequest.get(this.baseURL, params); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/api/realnet-menu.service.ts b/frontend/angular-clarity-master/src/app/services/api/realnet-menu.service.ts new file mode 100644 index 0000000..4ece66b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/realnet-menu.service.ts @@ -0,0 +1,43 @@ +import { HttpParams } from "@angular/common/http"; +import { Injectable } from "@angular/core"; +import { Rn_Main_Menu } from "../../models/builder/Rn_Main_Menu"; +import { Observable } from "rxjs"; +import { UserInfoService } from "../user-info.service"; +import { ApiRequestService } from "./api-request.service"; + +@Injectable() +export class RealnetMenuService { + private baseURL = "api/realnet-menu"; + constructor( + private apiRequest: ApiRequestService, + private userInfoService: UserInfoService + ) {} + + getAll(page?: number, size?: number): Observable { + //Create Request URL params + let params: HttpParams = new HttpParams(); + params = params.append("page", typeof page === "number" ? page.toString() : "0"); + params = params.append("size", typeof size === "number" ? size.toString() : "1000"); + //const _http = this.baseURL + '/all'; + return this.apiRequest.get(this.baseURL, params); + } + + getById(id: number): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.get(_http); + } + + getByAccountId(): Observable { + const _http = this.baseURL + "/user-menu"; + return this.apiRequest.get(_http); + } + + create(rn_Main_Menu: Rn_Main_Menu): Observable { + return this.apiRequest.post(this.baseURL, rn_Main_Menu); + } + + update(id: number, rn_Main_Menu: Rn_Main_Menu): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.put(_http, rn_Main_Menu); + } +} diff --git a/frontend/angular-clarity-master/src/app/services/api/report-builder.service.ts b/frontend/angular-clarity-master/src/app/services/api/report-builder.service.ts new file mode 100644 index 0000000..22a0a1f --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/report-builder.service.ts @@ -0,0 +1,287 @@ +import { Injectable } from '@angular/core'; +import { HttpClient, HttpParams } from '@angular/common/http'; +import { ApiRequestService } from './api-request.service'; +import { Observable } from 'rxjs'; +import { ReportBuilder } from '../../models/builder/ReportBuilder'; +import { ReportBuilderQuery } from '../../models/builder/ReportBuilderQuery'; +import { TableList } from '../../models/fnd/TableList'; +import { RptBuilder } from 'src/app/models/builder/rptBuilder'; +import baseUrl from '../api/helper'; +import { saveAs } from 'file-saver'; + +@Injectable({ + providedIn: 'root' +}) +export class ReportBuilderService { + private reportBaseURL ='api/report-builder-by-id'; + private reportBaseURLSubmit ='api/report-builder'; + private masterQueryUrl ='api/add-master-query'; + private storage: Storage = sessionStorage; + private moduleIdKey: string = "moduleId"; + private baseURLMasterQuery="api/master-query"; + private baseURL="api/edit-report"; + private reportbuild2url="api/add-report"; + private servicereportsave="api/report-builder_service"; + private updatereportservice="api/updatereport"; + + private databaselisturl='Table_list' + private colurl='fndMenu/loadcolumn'; + private saveurl='FndQuery/query'; + constructor(private apiRequest: ApiRequestService, private _http:HttpClient) { } + getById(id: number): Observable { + const _http = this.baseURL + "/" + id; + return this.apiRequest.get(_http); + } + + buildReport(id: number) { + let params: HttpParams = new HttpParams(); + params = params.append("id", id.toString()); + return this.apiRequest.get("api/build_report", params); + } + + getModuleId(): number { + let modId = +this.storage.getItem(this.moduleIdKey); + return modId; + } + + getAll(moduleId: number, page?: number, size?: number): Observable { + // create Request URL params + let me = this; + let params: HttpParams = new HttpParams(); + params = params.append("page", typeof page === "number" ? page.toString() : "0"); + params = params.append("size", typeof size === "number" ? size.toString() : "1000"); + params = params.append("moduleId", moduleId.toString()); + // get all + return this.apiRequest.get(this.reportBaseURL, params); + } + + //save report + create(fbHeader: ReportBuilder, moduleId: number): Observable { + //`${this.baseURL}` + let params: HttpParams = new HttpParams(); + params = params.append("moduleId", moduleId.toString()); + // params = params.append("formType", formType); + return this.apiRequest.post(this.reportBaseURLSubmit, fbHeader, params); + } + + //save report service + createservicereport(fbHeader: ReportBuilder, moduleId: number): Observable { + //`${this.baseURL}` + let params: HttpParams = new HttpParams(); + params = params.append("moduleId", moduleId.toString()); + // params = params.append("formType", formType); + return this.apiRequest.post(this.servicereportsave, fbHeader, params); + } + + //save report + createQuery(reportId: number): Observable { + //`${this.baseURL}` + let params: HttpParams = new HttpParams(); + params = params.append("reportId", reportId.toString()); + // params = params.append("formType", formType); + return this.apiRequest.post(this.masterQueryUrl,params); + } + + // update(reportId: number, functionRegister: ReportBuilder): Observable { + // let params: HttpParams = new HttpParams(); + // params = params.append("reportId", reportId.toString()); + // return this.apiRequest.put(this.masterQueryUrl/reportId, functionRegister); + // } + + update(id: number, functionRegister: ReportBuilder): Observable { + const _http = this.masterQueryUrl + "/" + id; + return this.apiRequest.put(_http, functionRegister); + } + + updateservicereport(id: number, functionRegister: ReportBuilder): Observable { + const _http = this.updatereportservice + "/" + id; + return this.apiRequest.put(_http, functionRegister); + } + + getMasterQuery(id: number): Observable { + const _http = this.baseURLMasterQuery + "/" + id; + return this.apiRequest.get(_http); + } + + getMasterData(query:string): Observable { + //Create Request URL params + let me = this; + let params: HttpParams = new HttpParams(); + params = params.append('sql_query', query); + return this.apiRequest.get('api/master-query-data',params); +} + + + report2(servicename):Observable +{ + console.log("in service",servicename); + + // let params: HttpParams = new HttpParams(); + // params = params.append('service_name', servicename); + + // console.log(this.reportbuild2url,params); + + return this.apiRequest.post(this.reportbuild2url,servicename); +} + + +//savequery +saveq(data:any):Observable{ + return this.apiRequest.post(this.saveurl,data); +} +//getall +getall(){ + return this.apiRequest.get(this.saveurl); +} + +/////// +getreportdata(apiname):Observable +{ + var url="api"+"/"+apiname; + console.log(url) + + return this.apiRequest.get(url); + +} +getdatabse(): Observable{ + return this.apiRequest.get(`SqlworkbenchSqlcont/sql`); + //return this.apiRequest.get(this.databaselisturl); +} +getTableListn(val:any): Observable { + return this.apiRequest.get(`Table_list/${val}`); +} +getcolListn(val:any,val1:any): Observable { + return this.apiRequest.get(`Table_list/${val}/${val1}`); +} + +//column list for multiple tables +getColumnList(tableSchema: any, tables: any): Observable { + // return this._http.get( `http://localhost:9191/AllTable_list/${tableSchema}`,tables); + const params = new HttpParams().set('str', tables.join(',')); + return this._http.get(`${baseUrl}/AllTable_list/${tableSchema}`, { params: params }); +} + +//working column list for multiple tables with alias +getAllColumnsFromAllTables(tableNames: any): Observable { + const url = `${baseUrl}/Alias_Table_list/${tableNames}`; + return this._http.get(url); +} + +getcollist(table:any){ + const _http = this.colurl+ "/" + table; + return this.apiRequest.get(_http); + //return this.apiRequest.get(`this.colurl/${table}`); +} +createdb(data:any){ + return this.apiRequest.post(`SqlworkbenchSqlcont/sql`,data); +} + +updateSqlModel(id: number, sqlModel: any): Observable { + return this.apiRequest.put(`SqlworkbenchSqlcont/sql/${id}`, sqlModel); +} + +getSqlModelById(id: number): Observable { + return this.apiRequest.get(`SqlworkbenchSqlcont/sql/${id}`); +} + +deleteSqlModel(id: number): Observable { + return this.apiRequest.delete(`SqlworkbenchSqlcont/sql/${id}`); +} + +getallentity(){ + return this.apiRequest.get(this.reportBaseURLSubmit); +} + + +////////// rpt builders ////////////// + +saveData(data: RptBuilder): Observable { + return this.apiRequest.post(`Rpt_builder/Rpt_builder`, data); +} + +getDetails(): Observable { + return this.apiRequest.get(`Rpt_builder/Rpt_builder`); +} + +getDetailsById(id: number): Observable { + return this.apiRequest.get(`Rpt_builder/Rpt_builder/${id}`); +} + +deleteById(id: number): Observable { + return this.apiRequest.delete(`Rpt_builder/Rpt_builder/${id}`); +} + +updateData(data: any, id: number): Observable { + return this.apiRequest.put(`Rpt_builder/Rpt_builder/${id}`, data); +} + + +////////// rpt builders 2////////////// + +saverbData(data: any): Observable { + return this.apiRequest.post(`Rpt_builder2/Rpt_builder2`, data); +} + +getrbDetails(): Observable { + return this.apiRequest.get(`Rpt_builder2/Rpt_builder2`); +} + +getrbDetailsById(id: number): Observable { + return this.apiRequest.get(`Rpt_builder2/Rpt_builder2/${id}`); +} + +deletrbById(id: number): Observable { + return this.apiRequest.delete(`Rpt_builder2/Rpt_builder2/${id}`); +} + +updaterbData(data: any, id: number): Observable { + return this.apiRequest.put(`Rpt_builder2/Rpt_builder2/${id}`, data); +} + +updaterbLineData(data: any, id: number): Observable { + return this.apiRequest.put(`Rpt_builder2_lines/update/${id}`, data); +} + +getrbLineDetailsById(id: number): Observable { + return this.apiRequest.get(`Rpt_builder2_lines/Rpt_builder2_lines/${id}`); +} + +/// rpt builders 2 html +getStdParamById(id: number): Observable { + return this.apiRequest.get(`Rpt_builder2/html/build_report2/${id}`); +} +//get key from URL +getcolumnDetailsByurl(url: string): Observable { + const apiUrl = `Rpt_builder2_lines/geturlkeybyurl?url=${url}`; + return this.apiRequest.get(apiUrl); +} + +getAllDetailsByurl(url: string): Observable { + const apiUrl = `Rpt_builder2_lines/fetch_data_url?url=${url}`; + return this.apiRequest.get(apiUrl); +} + + + + + +///////////////////////////////////////////// DOWNLOADS +// downloadFile(format:any,data: any): Observable { +// return this.apiRequest.post(`rbbuilder/fileconverter/downloadFile/${format}`, data); +// } + +downloadFile(format: string, dataList: any[],name?:String): void { + const url = `${baseUrl}/rbbuilder/fileconverter/downloadFile/${format}`; + this.apiRequest.downloadFile(url, dataList).subscribe( + (response: Blob) => { + saveAs(response, `${name}.${format}`); + }, + (error) => { + console.error('Error downloading file:', error); + } + ); +} + + + +} diff --git a/frontend/angular-clarity-master/src/app/services/api/sequence.service.ts b/frontend/angular-clarity-master/src/app/services/api/sequence.service.ts new file mode 100644 index 0000000..687521e --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/sequence.service.ts @@ -0,0 +1,30 @@ +import { Injectable } from '@angular/core'; +import { ApiRequestService } from './api-request.service'; + +@Injectable({ + providedIn: 'root' +}) +export class SequenceService { + + constructor(private apiRequest: ApiRequestService,) { } + public getAll() { + return this.apiRequest.get(`sureserve/sequence/seq`); + } + public getbyid(Id: any){ + return this.apiRequest.get(`sureserve/sequence/seq/${Id}`); + } + + public create(data: any){ + return this.apiRequest.post(`sureserve/sequence/create`, data); + } +// update +public update(id:any,data: any){ + return this.apiRequest.put(`sureserve/sequence/seq/${id}`, data); +} + + +public delete(id:any){ +return this.apiRequest.delete(`sureserve/sequence/seq/${id}`); +} + +} diff --git a/frontend/angular-clarity-master/src/app/services/api/table-setup.service.ts b/frontend/angular-clarity-master/src/app/services/api/table-setup.service.ts new file mode 100644 index 0000000..7e6af52 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/table-setup.service.ts @@ -0,0 +1,29 @@ +import { Injectable } from '@angular/core'; +import { RbTables } from '../../models/builder/RbTables'; +import { Observable } from 'rxjs'; +import { ApiRequestService } from './api-request.service'; +import { HttpParams } from '@angular/common/http'; +import { TableList } from '../../models/fnd/TableList'; + +@Injectable({ + providedIn: 'root' +}) +export class TableSetupService { + private baseURL = 'api/add-tables'; + private baseURL2 = 'api/add-alltables'; + private tableListUrl ='api/table-list'; + private tablelisturl='api/Table_list' + constructor(private apiRequest: ApiRequestService) { } + create(rb_tables: RbTables,reportId: number) :Observable { + let params: HttpParams = new HttpParams(); + params = params.append("reportId", reportId.toString()); + return this.apiRequest.post(this.baseURL2, rb_tables,params); +} + +getTableList(): Observable { + return this.apiRequest.get(this.tableListUrl); +} +getTableListn(): Observable { + return this.apiRequest.get(this.tablelisturl); +} +} diff --git a/frontend/angular-clarity-master/src/app/services/api/translate.service.ts b/frontend/angular-clarity-master/src/app/services/api/translate.service.ts new file mode 100644 index 0000000..0dbbf91 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/api/translate.service.ts @@ -0,0 +1,19 @@ +import { Injectable, Inject } from '@angular/core'; +import { AppConfig } from '../../app-config'; + +@Injectable() +export class TranslateService { + constructor(private appConfig:AppConfig) { + // Code to get Locale Info from Session Storage + } + + getDateString(datenum:number):string{ + return new Date(datenum).toLocaleDateString(this.appConfig.locale); + } + + getCurrencyString(number:number):string { + return number.toLocaleString(this.appConfig.locale, this.appConfig.currencyFormat); + } + + +} diff --git a/frontend/angular-clarity-master/src/app/services/auth_guard.service.ts b/frontend/angular-clarity-master/src/app/services/auth_guard.service.ts new file mode 100644 index 0000000..0711613 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/auth_guard.service.ts @@ -0,0 +1,40 @@ +import { Injectable } from '@angular/core'; +import { UserInfoService } from './user-info.service'; +import { LoginService } from './api/login.service'; +import { Router, CanActivate, CanActivateChild,ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router'; + +@Injectable() +export class AuthGuard implements CanActivate, CanActivateChild { + + constructor( + private router: Router, + private loginService: LoginService, + private userInfoService: UserInfoService + ) { } + + canActivate(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { + //console.log('canActivate : ', state); + + let url: string = state.url; + + return this.checkLogin(url); + //return true; + } + + canActivateChild(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): boolean { + return this.canActivate(route, state); + } + + checkLogin(url: string): boolean { + if (this.userInfoService.isLoggedIn()) { + return true; + } + console.log("User is not logged - This routing guard prvents redirection to any routes that needs logging."); + //Store the original url in login service and then redirect to login page + this.loginService.landingPage = url; + this.router.navigate(['login',]); + return false; + } + + +} diff --git a/frontend/angular-clarity-master/src/app/services/builder/additionalcontainer.service.spec.ts b/frontend/angular-clarity-master/src/app/services/builder/additionalcontainer.service.spec.ts new file mode 100644 index 0000000..439f06b --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/builder/additionalcontainer.service.spec.ts @@ -0,0 +1,16 @@ +import { TestBed } from '@angular/core/testing'; + +import { AdditionalcontainerService } from './additionalcontainer.service'; + +describe('AdditionalcontainerService', () => { + let service: AdditionalcontainerService; + + beforeEach(() => { + TestBed.configureTestingModule({}); + service = TestBed.inject(AdditionalcontainerService); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/services/builder/additionalcontainer.service.ts b/frontend/angular-clarity-master/src/app/services/builder/additionalcontainer.service.ts new file mode 100644 index 0000000..439addb --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/builder/additionalcontainer.service.ts @@ -0,0 +1,75 @@ +import { Injectable } from '@angular/core'; +import { HttpClient, HttpParams } from '@angular/common/http'; +import { environment } from 'src/environments/environment'; +import { ApiRequestService } from '../api/api-request.service'; +import { Observable } from 'rxjs'; + +@Injectable({ + providedIn: 'root' +}) +export class AdditionalcontainerService { + baseurl = environment.sureops; + private baseURL = "Gaurav_testing/Gaurav_testing" ; + constructor(private apiRequest: ApiRequestService, + private _http: HttpClient,) { } + + + saveData(data: any): Observable { + const url = `${this.baseurl}/sureops/Additional_container/Additional_container`; + return this._http.post(url, data); + } + + getDetails(): Observable { + const url = `${this.baseurl}/sureops/Additional_container/Additional_container`; + return this._http.get(url); + } + + getDetailsById(id: number): Observable { + const url = `${this.baseurl}/sureops/Additional_container/Additional_container/${id}`; + return this._http.get(url); + } + + deleteById(id: number): Observable { + const url = `${this.baseurl}/sureops/Additional_container/Additional_container/${id}`; + return this._http.delete(url); + } + + update(data: any, id: number): Observable { + const url = `${this.baseurl}/sureops/Additional_container/Additional_container/${id}`; + return this._http.put(url, data); + } + + ///copy ADDITIONAL CONTAINER TO CREATE DEPLOYMENT + public copyToCreateDeployment(projId: number, profileId: number, service: string): Observable { + const url = `${this.baseurl}/sureops/Additional_container/copt_to_deployment/${projId}/${profileId}/${service}`; + return this._http.get(url); + } +// get all by project id and profile id + getAllContainers(projId: number, profileId: number): Observable { + const url = `${this.baseurl}/sureops/Additional_container/copt_to_deployment/${projId}/${profileId}`; + return this._http.get(url); + } + + + +///////////////////////////////////// + +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); +} +updategaurav(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); +} +} diff --git a/frontend/angular-clarity-master/src/app/services/builder/dashboard.service.spec.ts b/frontend/angular-clarity-master/src/app/services/builder/dashboard.service.spec.ts new file mode 100644 index 0000000..79e72a6 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/builder/dashboard.service.spec.ts @@ -0,0 +1,16 @@ +import { TestBed } from '@angular/core/testing'; + +import { DashboardService } from './dashboard.service'; + +describe('DashboardService', () => { + let service: DashboardService; + + beforeEach(() => { + TestBed.configureTestingModule({}); + service = TestBed.inject(DashboardService); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/services/builder/dashboard.service.ts b/frontend/angular-clarity-master/src/app/services/builder/dashboard.service.ts new file mode 100644 index 0000000..71fef84 --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/builder/dashboard.service.ts @@ -0,0 +1,116 @@ +import { HttpClient, HttpParams } from '@angular/common/http'; +import { Injectable } from '@angular/core'; +import { BehaviorSubject, Observable } from 'rxjs'; +import { ApiRequestService } from '../api/api-request.service'; + +@Injectable({ + providedIn: 'root' +}) +export class DashboardService { + + private getAllURL = 'get_module_id'; + private addDataURl = 'Savedata'; + private deleteFieldURL = 'delete_by_header_id'; + private getbyidURL = 'get_dashboard_headerbyid'; + private editURL = 'update_Dashbord1_Line'; + private updateURL = 'update_Dashbord1_Lineby_id'; + constructor(private _http: HttpClient, + private apiRequest: ApiRequestService,) + { + + } + + getAllDash(): Observable { + // create Request URL params + return this.apiRequest.get(`get_Dashboard_header`); + } + + getAllByModuleId(module_id: number,page?: number, size?: number): Observable { + // create Request URL params + let me = this; + let params: HttpParams = new HttpParams(); + params = params.append("page", typeof page === "number" ? page.toString() : "0"); + params = params.append("size", typeof size === "number" ? size.toString() : "1000"); + params = params.append("module_id", module_id.toString()); + // get all + return this.apiRequest.get(this.getAllURL, params); + } + + create(data:any): Observable { + return this.apiRequest.post(this.addDataURl, data); + } + + deleteField(id:number){ + let _http = this.deleteFieldURL + "/" + id; + return this.apiRequest.delete(_http); + } + + getById(id:number) + { + let _http = this.getbyidURL + "/" + id; + return this.apiRequest.get(_http); + } + + addToDB(line:any):Observable + { + return this.apiRequest.put(this.editURL,line); + } + UpdateLineData(id:number, line:any) + { + // line = { + // headers: new HttpHeaders({ + // 'Content-Type': 'application/json' + // }) + // }; + let _http = this.updateURL + "/" + id; + return this.apiRequest.put(_http,line); + } +getcount(moduleId: number):Observable{ + return this.apiRequest.get(`get_dashboard/${moduleId}`); +} + +updateDash(dashboardHeader: any): Observable { + return this.apiRequest.put('update_dashboard_header', dashboardHeader); +} + + + + +///////schedule +public saveData(data: any): Observable { + return this.apiRequest.post(`DashboardSchedule/DashboardSchedule`, data); +} + +public getDetails(): Observable { + return this.apiRequest.get(`DashboardSchedule/DashboardSchedule`); +} + +public getDetailsById(id: number): Observable { + return this.apiRequest.get(`DashboardSchedule/DashboardSchedule/${id}`); +} + +public deleteById(id: number): Observable { + return this.apiRequest.delete(`DashboardSchedule/DashboardSchedule/${id}`); +} + +public updateData(data: any, id: number): Observable { + return this.apiRequest.put(`DashboardSchedule/DashboardSchedule/${id}`, data); +} + +private toggleSubject = new BehaviorSubject(false); + +// Observable to subscribe to toggle changes +toggle$ = this.toggleSubject.asObservable(); + +// Function to update the toggle value +updateToggle(value: boolean) { + this.toggleSubject.next(value); +} + +private originalData: any[] = []; // Your original data goes here +private filteredDataSubject = new BehaviorSubject([]); +filteredData$: Observable = this.filteredDataSubject.asObservable(); + + + +} diff --git a/frontend/angular-clarity-master/src/app/services/builder/dashboard3.service.spec.ts b/frontend/angular-clarity-master/src/app/services/builder/dashboard3.service.spec.ts new file mode 100644 index 0000000..12b63dd --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/builder/dashboard3.service.spec.ts @@ -0,0 +1,16 @@ +import { TestBed } from '@angular/core/testing'; + +import { Dashboard3Service } from './dashboard3.service'; + +describe('Dashboard3Service', () => { + let service: Dashboard3Service; + + beforeEach(() => { + TestBed.configureTestingModule({}); + service = TestBed.inject(Dashboard3Service); + }); + + it('should be created', () => { + expect(service).toBeTruthy(); + }); +}); diff --git a/frontend/angular-clarity-master/src/app/services/builder/dashboard3.service.ts b/frontend/angular-clarity-master/src/app/services/builder/dashboard3.service.ts new file mode 100644 index 0000000..bcfedcf --- /dev/null +++ b/frontend/angular-clarity-master/src/app/services/builder/dashboard3.service.ts @@ -0,0 +1,308 @@ +import { Injectable } from '@angular/core'; +import { HttpClient, HttpHeaders, HttpParams } from "@angular/common/http"; +import { Observable } from 'rxjs'; +import { ApiRequestService } from "src/app/services/api/api-request.service"; +import baseUrl from '../api/helper'; +import { BehaviorSubject } from 'rxjs'; +@Injectable({ + providedIn: 'root' +}) +export class Dashboard3Service { + getAdditionalChartData() { + throw new Error('Method not implemented.'); + } + private getAllURL = 'get_module_id'; + private addDataURl = 'Savedata'; + private deleteFieldURL = 'delete_by_header_id'; + private getbyidURL = 'get_dashboard_headerbyid'; + private editURL = 'update_Dashbord1_Line'; + private updateURL = 'update_Dashbord1_Lineby_id'; + constructor(private _http: HttpClient, + private apiRequest: ApiRequestService) { } + getAll(module_id: number,page?: number, size?: number): Observable { + // create Request URL params + let me = this; + let params: HttpParams = new HttpParams(); + params = params.append("page", typeof page === "number" ? page.toString() : "0"); + params = params.append("size", typeof size === "number" ? size.toString() : "1000"); + params = params.append("module_id", module_id.toString()); + // get all + return this.apiRequest.get(this.getAllURL, params); + } + + create(data:any): Observable { + return this.apiRequest.post(this.addDataURl, data); + } + + deleteField(id:number){ + let _http = this.deleteFieldURL + "/" + id; + return this.apiRequest.delete(_http); + } + + getById(id:number) + { + let _http = this.getbyidURL + "/" + id; + return this.apiRequest.get(_http); + } + + addToDB(line:any):Observable + { + return this.apiRequest.put(this.editURL,line); + } + UpdateLineData(id:number, line:any) + { + // line = { + // headers: new HttpHeaders({ + // 'Content-Type': 'application/json' + // }) + // }; + let _http = this.updateURL + "/" + id; + return this.apiRequest.put(_http,line); + } +getcount(moduleId: number):Observable{ + return this.apiRequest.get(`get_dashboard/${moduleId}`); +} + +updateDash(dashboardHeader: any): Observable { + return this.apiRequest.put('update_dashboard_header', dashboardHeader); +} +///////////////////////////////////////////////////////////////////// +resetConditions() { + this.ids = []; // Reset the ids array to an empty array + this.numberIds = []; + this.passwordIds = []; + this.textareaIds = []; + this.dateIds = []; + this.datetimeIds = []; + this.emailIds = []; + this.selectIds = []; + this.radioIds = []; + this.checkboxIds = []; + this.fileuloadIds = []; + this.urlIds = []; + this.decimalIds = []; + this.percentageIds = []; + this.buttonIds = []; +} + +//////////// Text +ids: any[] = []; +setCondition(condition: any) { + this.ids.push(condition); +} + +getConditions(): any[] { + return this.ids; +} + + +////////// Number +numberIds: any[] = []; +setnumber(id: any) { + this.numberIds.push(id); +} + +getnumber(): any[] { + return this.numberIds; +} +////////////// password +passwordIds: any[] = []; +setpassword(id: any) { + this.passwordIds.push(id); +} + +getpassword(): any[] { + return this.passwordIds; +} + +////////////// Textarea +textareaIds: any[] = []; +setTextarea(id: any) { + this.textareaIds.push(id); +} + +getTextarea(): any[] { + return this.textareaIds; +} + +////////////// Date +dateIds: any[] = []; +setDate(id: any) { + this.dateIds.push(id); +} + +getDate(): any[] { + return this.dateIds; +} + +////////////// Datetime +datetimeIds: any[] = []; +setDatetime(id: any) { + this.datetimeIds.push(id); +} + +getDatetime(): any[] { + return this.datetimeIds; +} + +////////////// Email +emailIds: any[] = []; +setEmail(id: any) { + this.emailIds.push(id); +} + +getEmail(): any[] { + return this.emailIds; +} + +////////////// Select +selectIds: any[] = []; +setSelect(id: any) { + this.selectIds.push(id); +} + +getSelect(): any[] { + return this.selectIds; +} + +////////////// Radio +radioIds: any[] = []; +setRadio(id: any) { + this.radioIds.push(id); +} + +getRadio(): any[] { + return this.radioIds; +} + +////////////// Checkbox +checkboxIds: any[] = []; +setCheckbox(id: any) { + this.checkboxIds.push(id); +} + +getCheckbox(): any[] { + return this.checkboxIds; +} + +////////////// fileupload +fileuloadIds: any[] = []; +setFileUpload(id: any) { + this.fileuloadIds.push(id); +} + +getFileupload(): any[] { + return this.fileuloadIds; +} + +////////////// Url +urlIds: any[] = []; +setUrl(id: any) { + this.urlIds.push(id); +} + +getUrl(): any[] { + return this.urlIds; +} +////////////// Decimal +decimalIds: any[] = []; +setDecimal(id: any) { + this.decimalIds.push(id); +} + +getDecimal(): any[] { + return this.decimalIds; +} +////////////// Percentage +percentageIds: any[] = []; +setPercentage(id: any) { + this.percentageIds.push(id); +} + +getPercentage(): any[] { + return this.percentageIds; +} +////////////// Button +buttonIds: any[] = []; +setButton(id: any) { + this.buttonIds.push(id); +} + +getButton(): any[] { + return this.buttonIds; +} + + + + + + + + + +getAllDash(): Observable

No	{{user.id}}
Customer Code	{{user.customerCode}}
Customer Id	{{user.customerId}}
Customer Name	{{user.customerName}}

No	{{user.id}}
Customer Code	{{user.customerCode}}
Customer Id	{{user.customerId}}
Customer Name	{{user.customerName}}

Subtotal:	₹ {{ getcountrySubtotal() \| + number:'1.4-4' }}
GST (18%):	₹ {{ getcountryGST() \| number:'1.4-4' + }}
+ +
Total:	₹ {{ + getcountryGrandTotal() \| number:'1.4-4' }}

Subtotal:	₹ {{ getdy2Subtotal() \| number:'1.4-4' }}
GST (18%):	₹ {{ getdy2GST() \| number:'1.4-4' }}

Total:	₹ {{ getdy2GrandTotal() \| number:'1.4-4' }}

Subtotal:	₹ {{ getdy1Subtotal() \| number:'1.4-4' }}
GST (18%):	₹ {{ getdy1GST() \| number:'1.4-4' }}

Total:	₹ {{ getdy1GrandTotal() \| number:'1.4-4' }}

Subtotal:	₹ {{ getSubtotal() \| number:'1.4-4' }}
GST (18%):	₹ {{ getGST() \| number:'1.4-4' }}

Total:	₹ {{ getGrandTotal() \| number:'1.4-4' }}

Subtotal:	₹ {{ + getselect_fieldSubtotal() \| number:'1.4-4' }}
GST (18%):	₹ {{ getselect_fieldGST() \| + number:'1.4-4' }}
+ +
Total:	₹ {{ + getselect_fieldGrandTotal() \| number:'1.4-4' }}

Welcome to cloudnsure!

Tell Us More About You

Tell Us About Your Work!

Welcome to cloudnsure!

You're signing up as {{email}} +

Try {{ loginEnvironment.loginHeading2 | sanitize}} For Free

Forgot My Username Or Password

Please Reset Your Password

Welcome to cloudnsure!

You're signing up as {{email}}

+ + {{ loginEnvironment.companyName }} + + + CloudnSure + +

Welcome Back

Ad10

Who Column

Update Ad10 + + + + + + + + +

{{rowSelected.id}}

Extension

Are You Sure Want to delete?

{{rowSelected.id}}

Add Ad10 + + + + + + + + + + + + + + + Form Extension +

Extension

Choose Payment Method

Ad6

Who Column

Update Ad6 + + +

{{rowSelected.id}}

Extension

Are You Sure Want to delete?

{{rowSelected.id}}

Add Ad6 + + + + + + + + + Form Extension + +

Order Summary

Extension

Ad7

Who Column

Update Ad7 + + + + + + +

{{rowSelected.id}}

Extension

Are You Sure Want to delete?

{{rowSelected.id}}

Add Ad7 + + + + + + + + + + + + + Form Extension +

Extension

Insert Button_Field2

Insert Button_Field

Ad8

Who Column

Update Ad8 + + + + Update Buttonupdate2 + + + + + + Update ButtonUpdate + + + + + + + + + + + + +

{{rowSelected.id}}

Extension

Are You Sure Want to delete?

{{rowSelected.id}}

Add Ad8 + + + + + + + + + + + + + + + + + Form Extension +

support

childform

Extension

Update Buttonupdate2

Update ButtonUpdate

Ad9

Who Column

Update Ad9 + + + + +

{{rowSelected.id}}

Approval Hierarchy

Extension

Are You Sure Want to delete?

{{rowSelected.id}}

Add Ad9 + + + + + + + + + + + Form Extension +

Approval Hierarchy

Extension

Adv1

Who Column

Update Adv1 + + + + + + + + + + + + + + + + + + + + + + + + +

{{rowSelected.id}}

List of fileupload_field

List of fileupload_field2

List of imageupload_field

List of imageupload_field2

List of audio_field

List of audio_field2

List of video_field

List of video_field2

Extension

Add Ad10 + + + + + + + + + + + + + + Form Extension +

Add Ad6 + + + + + + + + Form Extension + +

Add Ad7 + + + + + + + + + + + + Form Extension +

Update Ad8 + + + + + + + + + + + + + + + + + + +

Add Ad8 + + + + + + + + + + + + + + + + Form Extension +

Add Ad9 + + + + + + + + + + Form Extension +

Add Adv1 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + Form Extension +

Add Adv3 + + + + + + + + + + + + + + + + + + + + + + + + + + + + Form Extension +

Add Adv4 + + + + + + + + + + + + + + + + + + Form Extension +

Update Adv5 + + + + + + + + + + + + + + + + + + +

Add Adv5 + + + + + + + + + + + + + + + + + + + + + + + + Form Extension +

Add Basicp1 + + + + + + + + Form Extension + +

Add Basicp2 + + + + + + + + + + + + + + + + + + + + + + + + Form Extension +