\r\n","import { Component, OnInit } from '@angular/core';\r\nimport { ActivatedRoute, Router } from '@angular/router';\r\nimport { LocalStorageService } from 'ngx-webstorage';\r\nimport { ToastrService } from 'ngx-toastr';\r\nimport { AppService } from '../app.service';\r\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\r\n@Component({\r\n selector: 'app-occupation-details',\r\n templateUrl: './occupation-details.component.html',\r\n styleUrls: ['./occupation-details.component.scss']\r\n})\r\nexport class OccupationDetailsComponent implements OnInit {\r\n public occupationData: any;\r\n public candidateId: number;\r\n public candCourse: any;\r\n public occupationURLUID: string; // Define a variable to store the id\r\n valueFromTheQueryString: string;\r\n public courseId: any;\r\n constructor(\r\n private router: Router,\r\n private route: ActivatedRoute,\r\n private appservice: AppService,\r\n private storage: LocalStorageService,\r\n private sanitizer: DomSanitizer,\r\n\r\n\r\n ) { }\r\n\r\n ngOnInit(): void {\r\n const isLoggedIn = this.storage.retrieve('user');\r\n if (isLoggedIn && isLoggedIn.userId) {\r\n this.candidateId = isLoggedIn.userId;\r\n\r\n }\r\n if (!isLoggedIn) {\r\n this.router.navigate(['/login']);\r\n } else {\r\n // Access the id from route parameters\r\n this.route.params.subscribe(params => {\r\n this.occupationURLUID = params['q']; // Assign the id from the route\r\n });\r\n }\r\n // this.showOccupationDetails();\r\n this.getCandidateCourse();\r\n }\r\n\r\n // getOccupationDetails() {\r\n // const data = {\r\n // id: this.id,\r\n // candidateId: this.candidateId,\r\n // };\r\n\r\n // // Now you can use 'this.id' to pass the id to your API call\r\n // this.occupationData = this.appservice.getOccupationDetails(data);\r\n // console.log(this.occupationData);\r\n // }\r\n\r\n // getOccupationDetails() {\r\n // ;\r\n // // Check if this.id and this.candidateId are defined before making the request\r\n // if (this.occupationURLUID !== undefined && this.candidateId !== undefined) {\r\n // const data = {\r\n // candidateID: this.candidateId,\r\n // occupationURLUID: this.occupationURLUID\r\n\r\n // };\r\n\r\n // this.appservice.getOccupationDetails(data)\r\n // .subscribe(response => {\r\n // console.log(response);\r\n // this.occupationData = response;\r\n // console.log(this.occupationData);\r\n // }, error => {\r\n // // Handle error\r\n // console.error(error);\r\n // });\r\n // } else {\r\n // console.error('this.id or this.candidateId is undefined. Cannot make the request.');\r\n // }\r\n // }\r\n\r\n getCandidateCourse(): void {\r\n const data = {\r\n candidateID: this.storage.retrieve('user').userId\r\n };\r\n\r\n this.appservice.getCandidateCourse(data)\r\n .subscribe((res: any) => {\r\n this.candCourse = res['CourseList']['CandidateCourseList'];\r\n\r\n\r\n // If there is data, show the Occupation Details page\r\n if (this.candCourse && this.candCourse.length > 0) {\r\n // const courseDetails = this.candCourse[0].CourseDetails;\r\n\r\n if (this.candCourse[0].CourseDetails && this.candCourse[0].CourseDetails.Status === 'Completed') {\r\n this.showOccupationDetails();\r\n } else {\r\n // If there is no data, navigate to the Page Not Found page\r\n this.router.navigate(['/page-not-found']);\r\n }\r\n }\r\n else {\r\n this.router.navigate(['/page-not-found']);\r\n }\r\n });\r\n }\r\n\r\n showOccupationDetails(): void {\r\n if (this.occupationURLUID !== undefined && this.candidateId !== undefined) {\r\n const data = {\r\n candidateID: this.candidateId,\r\n occupationURLUID: this.occupationURLUID\r\n };\r\n\r\n this.appservice.getOccupationDetails(data)\r\n .subscribe(response => {\r\n this.occupationData = response;\r\n }, error => {\r\n\r\n });\r\n }\r\n else {\r\n }\r\n }\r\n\r\n\r\n\r\n sanitizeHtml(html: string): SafeHtml {\r\n return this.sanitizer.bypassSecurityTrustHtml(html);\r\n }\r\n\r\n}\r\n\r\n","\r\n\r\n\r\n
\r\n \r\n
\r\n
Know your Occupations
\r\n
Picture a career where you're not just another employee but a true expert. We're here to provide you with a comprehensive understanding of your desired occupation, unraveling its intricacies, prospects, and unique facets.
![\"logo\"](\"assets/images/headerlogovedatmaSm.png\")
\r\n ![\"logo\"](\"assets/images/headerlogovedatma.png\")
\r\n ![\"\"](\"assets/images/user.png\")
\r\n \r\n\r\n \r\n \r\n \r\n \r\n \r\n ![\"payment\"](\"assets/images/paymentsuccess.png\")
\r\n ![\"logo\"](\"assets/images/logo.jpg\"){kind=logo}
![\"\"](\"assets/images/nodata-img.jpg\")
\r\n ![\"payment\"](\"assets/images/imageFailed.png\")
\r\n