add dependent details

src/app/annual-health-checkup/add-dependants/add-dependants.component.html

@@ -3,7 +3,7 @@
     <form
       id="create-enquiry-form"
       class="create-enquiry-form"
-      [formGroup]="generateLetterForm"
+      [formGroup]="addDependantForm"
       (submit)="createEnquirySubmitHandler()"
     >
     <div *ngFor="let item of counterArr; let i=index">

src/app/annual-health-checkup/add-dependants/add-dependants.component.ts

@@ -2,6 +2,7 @@ import { Component, ElementRef, OnInit, ViewChild } from "@angular/core";
 import { FormBuilder, FormGroup, Validators } from "@angular/forms";
 import { Router } from "@angular/router";
 import { GENDER_LIST, SCHEDULE_APPOINTMENT } from "src/constants/constants";
+import { ScheduleAppointmentService } from "../schedule-appointment/schedule-appointment.service";
 
 @Component({
   selector: "app-add-dependants",
@@ -9,7 +10,7 @@ import { GENDER_LIST, SCHEDULE_APPOINTMENT } from "src/constants/constants";
   styleUrls: ["./add-dependants.component.scss"],
 })
 export class AddDependantsComponent implements OnInit {
-  generateLetterForm!: FormGroup;
+  addDependantForm!: FormGroup;
   name = "Angular Html To Pdf ";
 
   @ViewChild("pdfTable", { static: false }) pdfTable: ElementRef | undefined;
@@ -20,14 +21,14 @@ export class AddDependantsComponent implements OnInit {
   isMaxCount: boolean = false;
   genderList = GENDER_LIST;
 
-  constructor(private formBuilder: FormBuilder, private router:Router) {
+  constructor(private formBuilder: FormBuilder, private router:Router, private scheduleAppointmentService:ScheduleAppointmentService) {
     this.createNewForm();
   }
 
   ngOnInit(): void {}
 
   createNewForm(): void {
-    this.generateLetterForm = this.formBuilder.group({
+    this.addDependantForm = this.formBuilder.group({
       nameOfDependant: ["John"],
       employeeRelation: ["Brother"],
       age: ["34"],
@@ -49,6 +50,9 @@ export class AddDependantsComponent implements OnInit {
   }
 
   navigateToPrevious(){
+    console.log(JSON.stringify(this.addDependantForm.value));
+    let responseObject = this.addDependantForm.value;
+    this.scheduleAppointmentService.saveAdditionalDependentDetails(responseObject);
     this.router.navigate([SCHEDULE_APPOINTMENT]);
   }
 }

src/app/annual-health-checkup/generate-letter/generate-letter.component.html

@@ -54,7 +54,7 @@
             <input formControlName="gender" matInput placeholder="Gender"  value="Male">
         </mat-form-field>
     </div>
-        <div class="align-middle">
+        <div class="align-middle" style="text-align:center">
             <button mat-raised-button color="primary" (click)="createEnquirySubmitHandler()">Generate</button>
         </div>
         </form>

src/app/annual-health-checkup/schedule-appointment/schedule-appointment.component.ts

@@ -121,7 +121,6 @@ export class ScheduleAppointmentComponent implements OnInit {
       preferredDate: this.scheduleAppointmentForm?.get("preferredDate")?.value,
       contactNumber: this.scheduleAppointmentForm?.get("contactNumber")?.value,
     };
-    console.log(responseObject);
     this.scheduleAppointmentService.sendMail(responseObject);
   }
 
@@ -135,7 +134,6 @@ export class ScheduleAppointmentComponent implements OnInit {
       value: event.value,
       text: event.source.triggerValue,
     };
-    console.log(selectedData);
     this.hospitalObject = selectedData.value;
   }
 

src/app/annual-health-checkup/schedule-appointment/schedule-appointment.service.ts

@@ -9,7 +9,8 @@ import { handleError } from "src/app/shared/utilities/utils";
   providedIn: "root",
 })
 export class ScheduleAppointmentService {
-  additionalDetailsArr:string[] = [];
+  additionalDetailsArr:any[] = [];
+  additonalDependent:string = '';
   constructor(private http: HttpClient) {}
 
   getUserDetails(body: any) {
@@ -25,8 +26,14 @@ export class ScheduleAppointmentService {
     return response;
   }
 
-  saveAdditionalDetails(data:any){
+  saveAdditionalDependentDetails(data:any){
     this.additionalDetailsArr.push(data);
+    for(var i=0; i<this.additionalDetailsArr.length; i++){
+      this.additonalDependent +=`<p>Name:${this.additionalDetailsArr[i]?.nameOfDependant}</p>
+      <p>Relation:${this.additionalDetailsArr[i]?.employeeRelation}</p>
+      <p>Age:${this.additionalDetailsArr[i]?.age}</p>
+      <p>Gender:${this.additionalDetailsArr[i]?.gender}</p>`;
+    }
   }
 
   sendMail(res: any) {
@@ -45,10 +52,7 @@ export class ScheduleAppointmentService {
                   <p>Email: pbpalwe@bajajauto.co.in</p>
                   <p>Mobile: ${res.contactNumber}</p>
                   <p><b>Additional Member</b></p>
-                  <p>Name:</p>
-                  <p>Relation:</p>
-                  <p>Age:</p>
-                  <p>Gender:</p>
+                  <div>${this.additonalDependent}</div>
                   <p>Kindly confirm the date and reporting time for visiting the hospital.</p>
                   <p>Thanks & Regards<br>PRADIP PALWE<br>Bajaj Auto Ltd.<br>VP (HR)</p
               </div>`;