Issue Fixes
This commit is contained in:
		
							parent
							
								
									71dd119efe
								
							
						
					
					
						commit
						291df2525b
					
				@ -105,9 +105,9 @@
 | 
				
			|||||||
      <div class="field col-md-5">
 | 
					      <div class="field col-md-5">
 | 
				
			||||||
        <label>Gender</label>
 | 
					        <label>Gender</label>
 | 
				
			||||||
        <div class="flex align-items-center">
 | 
					        <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>
 | 
					          <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>
 | 
					          <label for="female" class="ml-2">Female</label>
 | 
				
			||||||
        </div>
 | 
					        </div>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
@ -117,8 +117,9 @@
 | 
				
			|||||||
        <label for="mobile">Mobile No</label>
 | 
					        <label for="mobile">Mobile No</label>
 | 
				
			||||||
        <span class="p-input-icon-left">
 | 
					        <span class="p-input-icon-left">
 | 
				
			||||||
          <i class="pi pi-phone"></i>
 | 
					          <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>
 | 
					        </span>
 | 
				
			||||||
 | 
					        <small class="p-error" *ngIf="appointmentForm.controls.mobile?.invalid && appointmentForm.controls.mobile?.touched">Enter a valid 10-digit mobile number</small>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
      <div class="field col-md-11">
 | 
					      <div class="field col-md-11">
 | 
				
			||||||
        <label for="mobile">Address</label>
 | 
					        <label for="mobile">Address</label>
 | 
				
			||||||
@ -127,30 +128,34 @@
 | 
				
			|||||||
          <input pInputText id="Address" name="Address" [(ngModel)]="appointment.Address" required />
 | 
					          <input pInputText id="Address" name="Address" [(ngModel)]="appointment.Address" required />
 | 
				
			||||||
        </span>
 | 
					        </span>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
 | 
					  
 | 
				
			||||||
      <div class="field col-md-5">
 | 
					      <div class="field col-md-5">
 | 
				
			||||||
        <label for="email">Email ID</label>
 | 
					        <label for="email">Email ID</label>
 | 
				
			||||||
        <span class="p-input-icon-left">
 | 
					        <span class="p-input-icon-left">
 | 
				
			||||||
          <i class="pi pi-envelope"></i>
 | 
					          <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>
 | 
					        </span>
 | 
				
			||||||
 | 
					        <small class="p-error" *ngIf="appointmentForm.controls.email?.invalid && appointmentForm.controls.email?.touched">Enter a valid email address</small>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
<!--       
 | 
					      <div class="field col-md-1"></div>
 | 
				
			||||||
 | 
					      
 | 
				
			||||||
      <div class="field col-md-5">
 | 
					      <div class="field col-md-5">
 | 
				
			||||||
        <label for="dob">Date of Birth</label>
 | 
					        <label for="dob">Date of Birth</label>
 | 
				
			||||||
        <p-calendar id="dob" name="dob" [(ngModel)]="appointment.dob" [showIcon]="true" required></p-calendar>
 | 
					        <p-calendar id="dob" required name="dob" [(ngModel)]="appointment.dob" [showIcon]="true" required></p-calendar>
 | 
				
			||||||
      </div> -->
 | 
					        <small class="p-error" *ngIf="appointmentForm.controls.dob?.invalid && appointmentForm.controls.dob?.touched">DOB Required</small>
 | 
				
			||||||
      <div class="field col-md-1"></div>
 | 
					      
 | 
				
			||||||
 | 
					    </div>
 | 
				
			||||||
      
 | 
					      
 | 
				
			||||||
      <div class="field col-md-5">
 | 
					      <div class="field col-md-5">
 | 
				
			||||||
        <label for="doctor">Consulting Doctor</label>
 | 
					        <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>
 | 
					        <p-dropdown id="doctor" name="doctor" [(ngModel)]="appointment.doctor" [options]="doctorOptions" placeholder="Select Doctor" optionLabel="label" optionValue="value" required></p-dropdown>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
 | 
					      <div class="field col-md-1"></div>
 | 
				
			||||||
      
 | 
					      
 | 
				
			||||||
      <div class="field col-md-5">
 | 
					      <div class="field col-md-5">
 | 
				
			||||||
        <label for="date">Date of Appointment</label>
 | 
					        <label for="date">Date of Appointment</label>
 | 
				
			||||||
        <p-calendar id="date" name="date" [(ngModel)]="appointment.date" [showIcon]="true" required></p-calendar>
 | 
					        <p-calendar id="date" name="date" [(ngModel)]="appointment.date" [showIcon]="true" required></p-calendar>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
      <div class="field col-md-1"></div>
 | 
					 | 
				
			||||||
      
 | 
					      
 | 
				
			||||||
      <div class="field col-md-5">
 | 
					      <div class="field col-md-5">
 | 
				
			||||||
        <label for="time">Time Of Appointment</label>
 | 
					        <label for="time">Time Of Appointment</label>
 | 
				
			||||||
@ -159,9 +164,10 @@
 | 
				
			|||||||
          <input pInputText id="time" name="time" type="time" [(ngModel)]="appointment.time" required />
 | 
					          <input pInputText id="time" name="time" type="time" [(ngModel)]="appointment.time" required />
 | 
				
			||||||
        </span>
 | 
					        </span>
 | 
				
			||||||
      </div>
 | 
					      </div>
 | 
				
			||||||
 | 
					      <div class="field col-md-1"></div>
 | 
				
			||||||
 | 
					
 | 
				
			||||||
      <!-- Injury (Full Width) -->
 | 
					      <!-- Injury (Full Width) -->
 | 
				
			||||||
      <div class="field col-11">
 | 
					      <div class="field col-md-5">
 | 
				
			||||||
        <label for="injury">Injury/Condition</label>
 | 
					        <label for="injury">Injury/Condition</label>
 | 
				
			||||||
        <span class="p-input-icon-left">
 | 
					        <span class="p-input-icon-left">
 | 
				
			||||||
          <i class="pi pi-exclamation-triangle"></i>
 | 
					          <i class="pi pi-exclamation-triangle"></i>
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user