| <div class="main-div mat-elevation-z2"> |
| <h3 class="heading">Add Member</h3> |
| <mat-divider></mat-divider> |
| <form class="fineract-form"> |
| <mat-form-field> |
| <input matInput placeholder="Account"> |
| </mat-form-field> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="Firstname"> |
| </mat-form-field> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="Middlename"> |
| </mat-form-field> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="Lastname"> |
| </mat-form-field> |
| <br/> |
| <mat-form-field> |
| <input matInput [matDatepicker]="picker" placeholder="Choose a date"> |
| <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> |
| <mat-datepicker #picker></mat-datepicker> |
| </mat-form-field> |
| </form> |
| <span>ADDRESS</span> |
| <form class="fineract-form"> |
| <mat-form-field> |
| <input matInput placeholder="Street"> |
| </mat-form-field> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="City"> |
| </mat-form-field> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="Postal code"> |
| </mat-form-field> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="Country"> |
| </mat-form-field> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="Region"> |
| </mat-form-field> |
| </form> |
| <span>CONTACT</span> |
| <form class="fineract-form"> |
| <mat-form-field> |
| <input matInput placeholder="Email"> |
| </mat-form-field> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="Phone"> |
| </mat-form-field> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="Mobile"> |
| </mat-form-field> |
| </form> |
| <span>ASSIGN MEMBER TO OFFICE(OPTIONAL)</span> |
| <form class="fineract-form"> |
| |
| <mat-form-field> |
| <mat-select placeholder="Assigned office"> |
| <mat-option *ngFor="let office of offices" [value]="office.value"> |
| {{ office.viewValue }} |
| </mat-option> |
| </mat-select> |
| </mat-form-field> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="Search office"> |
| </mat-form-field> |
| <button mat-raised-button color="primary">search</button> |
| </form> |
| <span>ASSIGN MEMBER TO EMPLOYEE(OPTIONAL)</span> |
| <form class="fineract-form"> |
| |
| <mat-form-field> |
| <mat-select placeholder="Assigned employee"> |
| <mat-option *ngFor="let employee of employees" [value]="employee.value"> |
| {{ employee.viewValue }} |
| </mat-option> |
| </mat-select> |
| </mat-form-field> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="Search employee"> |
| </mat-form-field> |
| <button mat-raised-button color="primary">search</button> |
| </form> |
| <span>CUSTOM FIELDS</span> |
| <form class="fineract-form"> |
| <mat-form-field> |
| <input matInput placeholder="Sample customer field"> |
| </mat-form-field> |
| <br/> |
| <mat-form-field> |
| <input matInput placeholder="employer"> |
| </mat-form-field> |
| </form> |
| <div> |
| <button mat-raised-button class="button1" color="primary">Submit</button> |
| <button mat-raised-button class="button2" color="warn">Cancel</button> |
| </div> |
| </div> |