Issue Fixes
This commit is contained in:
parent
71dd119efe
commit
291df2525b
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user