From 8cc5739cfdb5a53773abd74551a85dcd03ae537b Mon Sep 17 00:00:00 2001 From: Gaurav Kumar Date: Fri, 11 Apr 2025 09:12:51 +0530 Subject: [PATCH] site builder --- .../Visa_application.component.html | 1358 +++++++++-------- .../Visa_application.component.ts | 181 +-- .../fnd/SiteTreeBuilder/Sitetree.service.ts | 44 + .../SiteTreeBuilder/Sitetree_cardvariable.ts | 4 + .../SiteTreeBuilder/tree-node.component.css | 30 + .../SiteTreeBuilder/tree-node.component.html | 16 + .../SiteTreeBuilder/tree-node.component.ts | 33 + .../tree-visualizer.component.html | 30 + .../tree-visualizer.component.scss | 29 + .../tree-visualizer.component.ts | 108 ++ .../tree-visualizer.service.ts | 27 + .../fnd/dashboard/dashboard.component.html | 539 +++---- .../app/modules/main/main-routing.module.ts | 3 + .../src/app/modules/main/main.module.ts | 34 +- .../src/environments/environment.prod.ts | 2 + .../src/environments/environment.ts | 6 +- .../angular-clarity-master/src/server/app.js | 18 +- 17 files changed, 1270 insertions(+), 1192 deletions(-) create mode 100644 visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/Sitetree.service.ts create mode 100644 visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/Sitetree_cardvariable.ts create mode 100644 visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-node.component.css create mode 100644 visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-node.component.html create mode 100644 visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-node.component.ts create mode 100644 visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.component.html create mode 100644 visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.component.scss create mode 100644 visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.component.ts create mode 100644 visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.service.ts diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/vpspack/Visa_application/Visa_application.component.html b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/vpspack/Visa_application/Visa_application.component.html index a40c576..b78e768 100644 --- a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/vpspack/Visa_application/Visa_application.component.html +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/vpspack/Visa_application/Visa_application.component.html @@ -7,343 +7,367 @@

Visa Application

- - - -
- - - - Loading ... - -
{{error}}
- - Name - - - - Description - - - - Active - - - - Visa Entry Type - - - - Visa Duration - - - - Visa Processing - - - - Travel start date - - - - Travel end date - - - - passport Number - - - - Passport issue date - - - - Passport expiry date - - - - Email - - - - Phone Number - - - - Birth Place - - - - Date of Birth - - - - Gender - - - - Profession - - - - Visa cost - - - - Referrer - - - - Nationality - - - - Supplier - - - - Agent - - - - - - Action - - - - - -{{user. name }} - - - - - - -{{user. active }} - - -{{user. visa_entry_typename }} - - -{{user. visa_durationname }} - - -{{user. visa_processingname }} - - -{{user. travel_start_date }} - - -{{user. travel_end_date }} - - -{{user. passport_number }} - - -{{user. passport_issue_date }} - - -{{user. passport_expiry_date }} - - -{{user. email }} - - -{{user. phone_number }} - - -{{user. birth_place }} - - -{{user. date_of_birth }} - - -{{user. gendername }} - - -{{user. profession }} - - -{{user. visa_cost }} - - -{{user. referrername }} - - -{{user. nationalityname }} - - -{{user. suppliername }} - - -{{user. agentname }} - - - - - - - -
Who Column
-
Account ID: {{user.accountId}}
-
Created At: {{user.createdAt| date}}
-
Created By: {{user.createdBy}}
-
Updated At: {{user.updatedAt | date}}
-
Updated By: {{user.updatedBy}}
- - - - - - - - - - - - - - Users per page - {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} - of {{pagination.totalItems}} users - - - - - - -
-
-
-
-
-
- -
-
- {{beforeText(item.fieldtext)}} - {{ app[transform(item.fieldtext) ] }} - {{afterText(item.fieldtext)}} -
- -
- {{beforeText(item.fieldtext)}} - {{ app[transform(item.fieldtext) ] | date}} - {{afterText(item.fieldtext)}} -
-
- {{beforeText(item.fieldtext)}} - {{ app[transform(item.fieldtext) ]}} - {{afterText(item.fieldtext)}} -
- -
-
-
- - -
- -
- -
File Preview
-
- +
-
-
-
-
+ + + + Loading ... + +
{{error}}
+ + + Name + + + + Description + + + + Active + + + + Visa Entry + Type + + + + Visa + Duration + + + + Visa + Processing + + + + Travel + start date + + + + Travel end + date + + + + passport + Number + + + + + Passport issue date + + + + + Passport expiry date + + + + Email + + + + Phone Number + + + + Birth Place + + + + Date of + Birth + + + + Gender + + + + Profession + + + + Visa cost + + + + Referrer + + + + Nationality + + + + Supplier + + + + Agent + + + + + + Action + + + + + + {{user. name }} + + + + + + + {{user. active }} + + + {{user. visa_entry_typename }} + + + {{user. visa_durationname }} + + + {{user. visa_processingname }} + + + {{user. travel_start_date }} + + + {{user. travel_end_date }} + + + {{user. passport_number }} + + + {{user. passport_issue_date }} + + + {{user. passport_expiry_date }} + + + {{user. email }} + + + {{user. phone_number }} + + + {{user. birth_place }} + + + {{user. date_of_birth }} + + + {{user. gendername }} + + + {{user. profession }} + + + {{user. visa_cost }} + + + {{user. referrername }} + + + {{user. nationalityname }} + + + {{user. suppliername }} + + + {{user. agentname }} + + + + + + + +
Who Column
+
Account ID: {{user.accountId}}
+
Created At: {{user.createdAt| date}}
+
Created By: {{user.createdBy}}
+
Updated At: {{user.updatedAt | date}}
+
Updated By: {{user.updatedBy}}
+ + + + + + + + + + + + + + Users per page + {{pagination.firstItem + 1}} - {{pagination.lastItem + 1}} + of {{pagination.totalItems}} users + + + + + + +
+
+
+
+
+
+ +
+
+ {{beforeText(item.fieldtext)}} + {{ app[transform(item.fieldtext) ] }} + {{afterText(item.fieldtext)}} +
+ +
+ {{beforeText(item.fieldtext)}} + {{ app[transform(item.fieldtext) ] | date}} + {{afterText(item.fieldtext)}} +
+
+ {{beforeText(item.fieldtext)}} + {{ app[transform(item.fieldtext) ]}} + {{afterText(item.fieldtext)}} +
+ +
+
+
+ + +
+ +
+ +
+ File Preview
+
+ +
+
+
+
+
+
-
- -
+
+ +
+ @@ -431,240 +455,231 @@ - +

{{rowSelected.id}}

- -
-
-
- - -
- -
- - -
- -
- -
- - - -
- -
- - - - - -
- -
- - - - - -
- -
- - - -
- - -
- -
- - -
- -
- - -
+ + +
+
+ + +
+ +
+ + +
-
- - -
+
+ + +
-
- - -
-
- - -
- * Email must be a valid email address. -
-
- - -
- * Please Follow your pattern,+91 Enter 10 digit Mobile Number. -
+
+ + +
+ + -
- - -
-
- - -
+
+ + +
- -
- -
- -
- - -
- -
- - -
- +
+ + +
- -
- -
- +
+ + +
- -
- -
- +
+ + +
+
+ + +
+
+ + +
- -
- -
- +
+ + +
+
+ + +
+ * Email must be a valid email address. +
+
+
+ + +
+ * Please Follow your pattern,+91 Enter 10 digit Mobile Number. +
+
- -
- -
- +
+ + +
+
+ + +
-
+
+ + +
+
+ + +
+ +
+ + +
+ +
+ + +
+
+ + +
+
+ + +
+
+ + +
+
+ +
+

Extension

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

Extension

-
-
-
-
- - - - - - - - - - -
- - -
-
-
- -
- - + +
+ +
@@ -675,13 +690,13 @@

{{rowSelected.id}}

- +
-

Add Visa Application +

Add Visa Application @@ -726,188 +741,208 @@ - +         - - + + Form Extension -

+ +
-
-
+ +
-
- - -
+
+ + +
-
- - -
+
+ + +
-
- -
- - - -
- -
- +
+ + +
- -
- -
- +
+ + +
- -
- -
- -
- - -
- -
- - -
- -
- - -
-
*This field is Required
-
-
- -
- - -
- -
- - -
- -
- - -
-
* Email must be a valid email address -
-
- -
- - -
-
* Please Follow your pattern,+91 Enter 10 digit Mobile Number. -
- -
- - -
- -
- - -
- - - -
- -
- - - -
- - -
- - -
- - -
- - - - -
- -
- +
+ + +
- -
- -
- + + +
+ + +
- -
- -
- +
+ + +
+ +
+ + +
+ +
+ + +
+
*This field + is Required
+
+
+ +
+ + +
+ +
+ + +
+ +
+ + +
+
* Email must be a valid + email address +
+
+
+ +
+ + +
+
* Please + Follow your pattern,+91 Enter 10 digit Mobile Number. +
+
+
+ +
+ + +
+ +
+ + +
- -
- -
- +
+ + +
- -
+ +
+ + +
+ + +
+ + +
+ + + + +
+ + +
+ + + + + +
+ + +
+ + + + + +
+ + +
+ + + + + +
+ + +
+ + + + +
@@ -977,11 +1012,12 @@
-
- + +
+ -
- +
+ @@ -1028,4 +1064,4 @@ - + \ No newline at end of file diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/vpspack/Visa_application/Visa_application.component.ts b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/vpspack/Visa_application/Visa_application.component.ts index 6865553..8e6a598 100644 --- a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/vpspack/Visa_application/Visa_application.component.ts +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/BuilderComponents/vpspack/Visa_application/Visa_application.component.ts @@ -7,6 +7,7 @@ import { ExtensionService } from 'src/app/services/fnd/extension.service'; import { DashboardContentModel2 } from 'src/app/models/builder/dashboard'; import { Visa_applicationcardvariable } from './Visa_application_cardvariable'; import { UserInfoService } from 'src/app/services/user-info.service'; +import { Router } from '@angular/router'; declare var JsBarcode: any; @Component({ selector: 'app-Visa_application', @@ -18,7 +19,9 @@ export class Visa_applicationComponent implements OnInit { cardmodeldata = Visa_applicationcardvariable.cardmodeldata; public dashboardArray: DashboardContentModel2[]; isCardview = Visa_applicationcardvariable.cardButton; - cardmodal; changeView() { + cardmodal; + + changeView() { this.isCardview = !this.isCardview; } beforeText(fieldtext: string): string { // Extract the text before the first '<' @@ -52,6 +55,8 @@ export class Visa_applicationComponent implements OnInit { private alertService: AlertService, private toastr: ToastrService, private _fb: FormBuilder, + private router: Router, + ) { } // component button ngOnInit(): void { @@ -214,49 +219,6 @@ export class Visa_applicationComponent implements OnInit { this.rowSelected = row; - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - this.modalEdit = true; } onDelete(row) { @@ -397,47 +359,6 @@ export class Visa_applicationComponent implements OnInit { - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - this.mainService.create(this.entryForm.value).subscribe( (data) => { console.log(data); @@ -450,47 +371,6 @@ export class Visa_applicationComponent implements OnInit { - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - }, (error) => { console.log(error); if (error.status >= 200 && error.status <= 299) { @@ -509,50 +389,6 @@ export class Visa_applicationComponent implements OnInit { } goToAdd(row) { this.modalAdd = true; this.submitted = false; - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - } submitted = false; onSubmit() { @@ -662,6 +498,11 @@ export class Visa_applicationComponent implements OnInit { } // updateaction + + + gotositebuilder() { + this.router.navigate(["/cns-portal/SiteBuilder"]); + } } diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/Sitetree.service.ts b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/Sitetree.service.ts new file mode 100644 index 0000000..d9a30dc --- /dev/null +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/Sitetree.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 Referrerservice{ + private baseURL = "Referrer/Referrer" ; 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/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/Sitetree_cardvariable.ts b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/Sitetree_cardvariable.ts new file mode 100644 index 0000000..6f3ded5 --- /dev/null +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/Sitetree_cardvariable.ts @@ -0,0 +1,4 @@ +export const Referrercardvariable = { + "cardButton": false, + "cardmodeldata": `` +} \ No newline at end of file diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-node.component.css b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-node.component.css new file mode 100644 index 0000000..1c41a2f --- /dev/null +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-node.component.css @@ -0,0 +1,30 @@ +.node-card { + border: 1px solid #ccc; + padding: 12px; + background: white; + border-radius: 6px; + margin: 8px auto; + width: 300px; + box-shadow: 0 2px 8px rgba(0,0,0,0.1); +} + +.children-container { + display: flex; + flex-direction: column; + align-items: center; + position: relative; + margin-top: 20px; +} + +.children { + display: flex; + justify-content: center; + gap: 40px; +} + +.connector-line { + position: absolute; + top: -30px; + height: 100px; + width: 100%; +} diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-node.component.html b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-node.component.html new file mode 100644 index 0000000..3e09783 --- /dev/null +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-node.component.html @@ -0,0 +1,16 @@ +
+

{{ node.title }}

+
+

{{ sec.title }}

+

{{ sec.description }}

+
+
+ +
+ + + +
+ +
+
diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-node.component.ts b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-node.component.ts new file mode 100644 index 0000000..ca271a3 --- /dev/null +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-node.component.ts @@ -0,0 +1,33 @@ +import { Component, Input } from '@angular/core'; + +@Component({ + selector: 'app-tree-node', + templateUrl: './tree-node.component.html', + styleUrls: ['./tree-node.component.css'] +}) +export class TreeNodeComponent { + @Input() node: any; + + getSections(data: any): { title: string, description: string }[] { + const sections: { title: string, description: string }[] = []; + for (const key in data) { + if (key !== 'Children' && typeof data[key] === 'string') { + sections.push({ title: key, description: data[key] }); + } + if (key !== 'Children' && Array.isArray(data[key])) { + sections.push({ title: key, description: data[key].join('\n') }); + } + } + return sections; + } + + getChildren(data: any): any[] { + if (data.Children) { + return Object.keys(data.Children).map((key) => ({ + title: key, + data: data.Children[key] + })); + } + return []; + } +} diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.component.html b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.component.html new file mode 100644 index 0000000..61dfe44 --- /dev/null +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.component.html @@ -0,0 +1,30 @@ + + + + +
+ + +
+ +
+ + +
+ +
+ +
\ No newline at end of file diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.component.scss b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.component.scss new file mode 100644 index 0000000..693071c --- /dev/null +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.component.scss @@ -0,0 +1,29 @@ +.controls { + margin-bottom: 20px; +} + +.controls textarea { + width: 100%; + height: 200px; + padding: 10px; + font-size: 14px; + font-family: monospace; + border: 1px solid #ccc; + border-radius: 4px; + resize: vertical; + box-sizing: border-box; + margin-bottom: 10px; +} + +.controls button { + padding: 10px 20px; + background-color: #1976d2; + color: white; + border: none; + border-radius: 4px; + cursor: pointer; +} + +.controls button:hover { + background-color: #1565c0; +} diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.component.ts b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.component.ts new file mode 100644 index 0000000..83d4cea --- /dev/null +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.component.ts @@ -0,0 +1,108 @@ +import { Component } from '@angular/core'; +import { treeVisualizerService } from './tree-visualizer.service'; + + +@Component({ + selector: 'app-tree-visualizer', + templateUrl: './tree-visualizer.component.html', + styleUrls: ['./tree-visualizer.component.scss'] +}) +export class TreeVisualizerComponent { + inputJson: string = ''; + treeData: any = null; + rawInputText: string = `make a website , where we can login , sign up. +inside that there is a menu of icard where we can add a icard detail iacardname, description +after click this icard inside we upload excel of student data, icard template, after click convert it fetch all data of excel and replace the key value of icard template..`; + + constructor(private treeService: treeVisualizerService) { } + + convertJson() { + try { + const parsed = JSON.parse(this.inputJson); + const rootKey = Object.keys(parsed)[0]; + this.treeData = { + title: rootKey, + data: parsed[rootKey] + }; + } catch (e) { + alert('Invalid JSON'); + } + } + + getSections(data: any): { title: string, description: string }[] { + const sections: { title: string, description: string }[] = []; + for (const key in data) { + if (key !== 'Children' && typeof data[key] === 'string') { + sections.push({ title: key, description: data[key] }); + } + if (key !== 'Children' && Array.isArray(data[key])) { + sections.push({ title: key, description: data[key].join('\n') }); + } + } + return sections; + } + + getChildren(data: any): any[] { + if (data.Children) { + return Object.keys(data.Children).map((key) => ({ + title: key, + data: data.Children[key] + })); + } + return []; + } + + generateJson() { + const suffix = ` + 🔁 You are a JSON structure generator for website page hierarchies. + You will return only a JSON object in a strictly hierarchical tree structure. Do not include any explanation, text, or markdown formatting like \`\`\`json — just return pure JSON only. + Each page should be a key. For subpages like "Login", "Projects", or "New Project", nest them under a "Children" key of their parent page. + Each page must include specific sections as keys (like "Navbar", "Header Section", "Feature Section" etc.) with either an empty object {} or a short description as the value. + Do not return any explanation, text, or markdown formatting — only return the raw JSON object exactly in this format. + + ❌ Do not include: + - Any explanation before or after the JSON + - Any markdown formatting like \`\`\` or json + - Any text like "Here is..." or "Please note..." + + ✅ Output must look like this: + + { + "Home": { + "Navbar": {}, + "Header Section": "Intro...", + "Children": { + "Login": { + "Navbar": {}, + "Header Section": "Login form...", + "Footer": {} + } + } + } + }`; + const payload = { + query: this.rawInputText + suffix, + conversationId: '677' + }; + + console.log(' query : ', payload.query) + + this.treeService.generateJson(payload).subscribe({ + next: (res) => { + + console.log('response ', res) + + if (res && res.responseContent) { + this.inputJson = res.responseContent; + console.log('input json ', this.inputJson) + this.convertJson(); // auto convert after API response + } + }, + error: (err) => { + console.error('API Error:', err); + alert('Failed to fetch JSON from API'); + } + }); + } + +} \ No newline at end of file diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.service.ts b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.service.ts new file mode 100644 index 0000000..89d3449 --- /dev/null +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/SiteTreeBuilder/tree-visualizer.service.ts @@ -0,0 +1,27 @@ +import { Injectable } from '@angular/core'; +import { HttpClient, HttpHeaders, HttpParams, HttpResponse } from "@angular/common/http"; + +import { Observable } from "rxjs"; +import { ApiRequestService } from 'src/app/services/api/api-request.service'; +import { environment } from 'src/environments/environment'; + + + + +@Injectable({ + providedIn: 'root' +}) +export class treeVisualizerService { + + private baseURL = environment.nodeUrl; + + + + constructor(private apiRequest: ApiRequestService, private http: HttpClient) { } + + + generateJson(data: any): Observable { + return this.http.post(`${this.baseURL}/chatMemory`, data); + } + +} diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.html b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.html index e643f0a..ce5ea19 100644 --- a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.html +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/fnd/dashboard/dashboard.component.html @@ -1,263 +1,126 @@ - -
- - -
-
-

{{ item?.charttitle }}

-

- - 0 -

-
+
+ + +
+
+

{{ item?.charttitle }}

+

+ + 0 +

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

{{item?.charttitle}}

- - -
-
- - -
-
-

{{item?.charttitle}}

- - -
-
- - -
-
-

{{item?.charttitle}}

- - -
-
- - -
-
-

{{item?.charttitle}}

- - -
-
- - -
-
-

{{item?.charttitle}}

- - -
-
- - -
-
-

{{item?.charttitle}}

- - -
-
- - -
-
-

{{item?.charttitle}}

- - -
-
- - -
-
-

{{item?.charttitle}}

- - -
-
- - -
-
-

{{item?.charttitle}}

- - -
-
- - + + +
+
+

{{item?.charttitle}}

+ + +
+
+ + +
+
+

{{item?.charttitle}}

+ + +
+
+ + +
+
+

{{item?.charttitle}}

+ + +
+
+ + +
+
+

{{item?.charttitle}}

+ + +
+
+ + +
+
+

{{item?.charttitle}}

+ + +
+
+ + +
+
+

{{item?.charttitle}}

+ + +
+
+ + +
+
+

{{item?.charttitle}}

+ + +
+
+ + +
+
+

{{item?.charttitle}}

+ + +
+
+ + +
+
+

{{item?.charttitle}}

+ + +
+
+ +
-

- -
-
- - Avatar - - - - - {{not.notification}} - - {{ not.time | timePipe }} -
-
-
+ +
+
+ + Avatar + + + + + {{not.notification}} + + {{ not.time | timePipe }} +
+
+
+
- + -
- - - -
-
-
+ + +
+
+
-
-
-
- {{app.owner}} {{app.accessibility ? 'private' : 'public'}} +
+
+
+ + {{app.owner}} {{app.accessibility ? 'private' : 'public'}}
-
- -
-
-
- {{app.projectName}} -
-
-
- {{app.description ? app.description : 'project description'}} -
-
-
+
- - ◇ - {{'SERVICE'| translate}} - -
- +
+
+
+ {{app.projectName}} +
+
+
+
+ {{app.description ? + app.description : 'project description'}}
-
-
-
- - {{tech}} - -
-
+
-
- - -
+ + +
-  {{app.createdAt | timePipe}} +  {{app.createdAt | timePipe}}
+
+
-
-
-
- -
+
+ +
diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/main-routing.module.ts b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/main-routing.module.ts index 091e602..ccbfe3b 100644 --- a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/main-routing.module.ts +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/main-routing.module.ts @@ -101,6 +101,7 @@ import { MappingruleeditComponent } from './datamanagement/mappingrule/mappingru import { QueryComponent } from './superadmin/query/query.component'; import { QueryaddComponent } from './superadmin/queryadd/queryadd.component'; import { QueryeditComponent } from './superadmin/queryedit/queryedit.component'; +import { TreeVisualizerComponent } from './fnd/SiteTreeBuilder/tree-visualizer.component'; @@ -275,6 +276,8 @@ const routes: Routes = [ {path:'Visa_administration',component:Visa_administrationComponent}, +{path:'SiteBuilder',component:TreeVisualizerComponent}, + {path:'Visa_status',component:Visa_statusComponent}, diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/main.module.ts b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/main.module.ts index 4463c5e..a1a3e8e 100644 --- a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/main.module.ts +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/app/modules/main/main.module.ts @@ -121,6 +121,9 @@ import { MappingruleeditComponent } from './datamanagement/mappingrule/mappingru import { QueryComponent } from './superadmin/query/query.component'; import { QueryaddComponent } from './superadmin/queryadd/queryadd.component'; import { QueryeditComponent } from './superadmin/queryedit/queryedit.component'; +import { TreeVisualizerComponent } from './fnd/SiteTreeBuilder/tree-visualizer.component'; +import { TreeNodeComponent } from './fnd/SiteTreeBuilder/tree-node.component'; + @NgModule({ declarations: [ @@ -140,46 +143,49 @@ import { QueryeditComponent } from './superadmin/queryedit/queryedit.component'; // buildercomponents -Visa_administrationComponent, + + TreeNodeComponent, + TreeVisualizerComponent, + Visa_administrationComponent, -Visa_statusComponent, + Visa_statusComponent, -Cost_sheetComponent, + Cost_sheetComponent, -Visa_bundleComponent, + Visa_bundleComponent, -AgentComponent, + AgentComponent, -SupplierComponent, + SupplierComponent, -NationalityComponent, + NationalityComponent, -ReferrerComponent, + ReferrerComponent, -GenderComponent, + GenderComponent, -Visa_processingComponent, + Visa_processingComponent, -Visa_pricesComponent, + Visa_pricesComponent, -Visa_entryComponent, + Visa_entryComponent, -Visa_durationComponent, + Visa_durationComponent, -Visa_applicationComponent, + Visa_applicationComponent, diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/environments/environment.prod.ts b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/environments/environment.prod.ts index da6d9e7..5578f46 100644 --- a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/environments/environment.prod.ts +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/environments/environment.prod.ts @@ -14,6 +14,8 @@ export const environment = { // backendUrl:'/visaproject36808/back', backendUrl:'http://157.66.191.31:30101/back', + nodeUrl:'http://157.66.191.31:31170', + diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/environments/environment.ts b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/environments/environment.ts index fdf3a93..1356ede 100644 --- a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/environments/environment.ts +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/environments/environment.ts @@ -11,8 +11,10 @@ export const environment = { captchaSiteKey: '6LfrdSUpAAAAALkYDmnvdX3GLLCArgPWNHfXasjP', // backport:'31701/visaproject36808/back', -// backendUrl:'http://localhost:9292/back', - backendUrl:'http://157.66.191.31:30101/back', + backendUrl:'http://localhost:9292/back', + nodeUrl:'http://localhost:3000', + +// backendUrl:'http://157.66.191.31:30101/back', diff --git a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/server/app.js b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/server/app.js index a98674f..28d8b2b 100644 --- a/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/server/app.js +++ b/visaproject-front-f/authsec_angular/frontend/angular-clarity-master/src/server/app.js @@ -3,28 +3,14 @@ const express = require('express'); const { createProxyMiddleware } = require('http-proxy-middleware'); const cors = require('cors') const app = express(); -const proxy = require('express-http-proxy'); app.use(cors({ origin: '*' })) //Deployment configs -app.use('/repos', createProxyMiddleware({ target: 'https://try.gitea.io/api/v1', changeOrigin: true })); -app.use('/sureconnect', createProxyMiddleware({ target: 'http://43.205.154.152:30174', changeOrigin: true })); -app.use('/sureops', createProxyMiddleware({ target: 'http://43.205.154.152:31123', changeOrigin: true })); -app.use('/entityBuilder', createProxyMiddleware({ target: 'http://43.205.154.152:30171', changeOrigin: true })); -app.use('/surechat', createProxyMiddleware({ target: 'http://43.205.154.152:30172', changeOrigin: true })); -app.use('/jobpro', createProxyMiddleware({ target: 'http://43.205.154.152:30167', changeOrigin: true })); -app.use('/Surecommunication', createProxyMiddleware({ target: 'http://43.205.154.152:30187', changeOrigin: true })); -app.use('/surejob', createProxyMiddleware({ target: 'http://43.205.154.152:30188', changeOrigin: true })); -// app.use('/jobpro', createProxyMiddleware({ target: 'http://localhost:8087', changeOrigin: true })); -// app.use('/Surecommunication', createProxyMiddleware({ target: 'http://localhost:19002', changeOrigin: true })); -// app.use('/sureops', createProxyMiddleware({ target: 'http://localhost:9090', changeOrigin: true })); -// app.use('/', createProxyMiddleware({ target: 'http://localhost:8080', changeOrigin: true })); -// app.use('/', createProxyMiddleware({ target: 'http://localhost:9190', changeOrigin: true })); -// app.listen(3000); -// console.log('Node server running on port 3000'); +app.use('/llm', createProxyMiddleware({ target: 'http://157.66.191.31:30103', changeOrigin: true })); + app.listen(3000, () => { console.log("Server started in port 3000!"); }); \ No newline at end of file