Issue Fixes

This commit is contained in:
Sk Shaifat Murshed 2025-02-04 16:13:04 +05:30
parent 71dd119efe
commit 291df2525b

View File

@ -105,9 +105,9 @@
<div class="field col-md-5">
<label>Gender</label>
<div class="flex align-items-center">
<p-radioButton name="gender" value="Male" [(ngModel)]="appointment.gender" inputId="male" required></p-radioButton>
<p-radioButton name="gender" value="1" [(ngModel)]="appointment.gender" inputId="male" required></p-radioButton>
<label for="male" class="ml-2 mr-3">Male</label>
<p-radioButton name="gender" value="Female" [(ngModel)]="appointment.gender" inputId="female" required></p-radioButton>
<p-radioButton name="gender" value="2" [(ngModel)]="appointment.gender" inputId="female" required></p-radioButton>
<label for="female" class="ml-2">Female</label>
</div>
</div>
@ -117,8 +117,9 @@
<label for="mobile">Mobile No</label>
<span class="p-input-icon-left">
<i class="pi pi-phone"></i>
<input pInputText id="mobile" name="mobile" [(ngModel)]="appointment.mobile" required />
<input pInputText id="mobile" name="mobile" [(ngModel)]="appointment.mobile" required pattern="\\d{10}" />
</span>
<small class="p-error" *ngIf="appointmentForm.controls.mobile?.invalid && appointmentForm.controls.mobile?.touched">Enter a valid 10-digit mobile number</small>
</div>
<div class="field col-md-11">
<label for="mobile">Address</label>
@ -127,30 +128,34 @@
<input pInputText id="Address" name="Address" [(ngModel)]="appointment.Address" required />
</span>
</div>
<div class="field col-md-5">
<label for="email">Email ID</label>
<span class="p-input-icon-left">
<i class="pi pi-envelope"></i>
<input pInputText id="email" name="email" [(ngModel)]="appointment.email" required email />
<input pInputText id="email" name="email" [(ngModel)]="appointment.email" required email pattern="^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,4}$" />
</span>
<small class="p-error" *ngIf="appointmentForm.controls.email?.invalid && appointmentForm.controls.email?.touched">Enter a valid email address</small>
</div>
<!--
<div class="field col-md-1"></div>
<div class="field col-md-5">
<label for="dob">Date of Birth</label>
<p-calendar id="dob" name="dob" [(ngModel)]="appointment.dob" [showIcon]="true" required></p-calendar>
</div> -->
<div class="field col-md-1"></div>
<p-calendar id="dob" required name="dob" [(ngModel)]="appointment.dob" [showIcon]="true" required></p-calendar>
<small class="p-error" *ngIf="appointmentForm.controls.dob?.invalid && appointmentForm.controls.dob?.touched">DOB Required</small>
</div>
<div class="field col-md-5">
<label for="doctor">Consulting Doctor</label>
<p-dropdown id="doctor" name="doctor" [(ngModel)]="appointment.doctor" [options]="doctorOptions" placeholder="Select Doctor" optionLabel="label" optionValue="value" required></p-dropdown>
</div>
<div class="field col-md-1"></div>
<div class="field col-md-5">
<label for="date">Date of Appointment</label>
<p-calendar id="date" name="date" [(ngModel)]="appointment.date" [showIcon]="true" required></p-calendar>
</div>
<div class="field col-md-1"></div>
<div class="field col-md-5">
<label for="time">Time Of Appointment</label>
@ -159,9 +164,10 @@
<input pInputText id="time" name="time" type="time" [(ngModel)]="appointment.time" required />
</span>
</div>
<div class="field col-md-1"></div>
<!-- Injury (Full Width) -->
<div class="field col-11">
<div class="field col-md-5">
<label for="injury">Injury/Condition</label>
<span class="p-input-icon-left">
<i class="pi pi-exclamation-triangle"></i>