Chris Chen
99 lines
4.6 KiB
HTML
99 lines
4.6 KiB
HTML
<form #form="ngForm">
|
|
<nb-card>
|
|
<nb-card-header>
|
|
My Profile
|
|
</nb-card-header>
|
|
<nb-card-body>
|
|
<div class="row" *ngIf="data">
|
|
<div class="col-6 col-md-3">
|
|
<div class="form-group">
|
|
<label for="firstName" class="label">First Name</label>
|
|
<input type="text" name="firstName" nbInput fullWidth id="firstName"
|
|
[(ngModel)]="data.firstName">
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-md-3">
|
|
<div class="form-group">
|
|
<label for="lastName" class="label">Last Name</label>
|
|
<input type="text" name="lastName" nbInput fullWidth id="lastName" [(ngModel)]="data.lastName">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-4 col-md-2">
|
|
<div class="form-group">
|
|
<label for="gender" class="label">Gender</label>
|
|
<op-drop-down id="gender" name="gender" [(ngModel)]='data.gender' [source]="GenderOptions">
|
|
</op-drop-down>
|
|
<!-- <rbj-currency-input id="gender" name="gender" [(ngModel)]='data.gender'></rbj-currency-input> -->
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="col-8 col-md-4">
|
|
<div class='form-group'>
|
|
<label for='birthday' class='label'>Birthday</label>
|
|
<op-date-input id='birthday' name='birthday' [(ngModel)]='data.birthday'></op-date-input>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<div class="form-group">
|
|
<label for="email" class="label">Email</label>
|
|
<input type="text" name="email" nbInput fullWidth id="email" [(ngModel)]="data.email" readonly>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<div class="form-group">
|
|
<label for="address" class="label">Address</label>
|
|
<input type="text" name="address" nbInput fullWidth id="address" [(ngModel)]="data.address">
|
|
</div>
|
|
</div>
|
|
<!-- <div class="col-md-4">
|
|
<div class="form-group">
|
|
<label for="avatarImage" class="label">Avatar Image</label>
|
|
<input type="text" name="avatarImage" nbInput fullWidth id="avatarImage"
|
|
[(ngModel)]="data.avatarImage">
|
|
</div>
|
|
</div> -->
|
|
|
|
|
|
<div class="col-6 col-md-2 align-self-md-end">
|
|
<div class="form-group">
|
|
<nb-checkbox id="married" name="married" [(ngModel)]="data.married">Married</nb-checkbox>
|
|
</div>
|
|
</div>
|
|
<div class="col-6 col-md-2 align-self-md-end">
|
|
<div class="form-group">
|
|
<nb-checkbox id="baptized" name="baptized" [(ngModel)]="data.baptized">Baptized</nb-checkbox>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4">
|
|
<div class='form-group'>
|
|
<label for='dateOfWalkIn' class='label'>Date Of Walk In</label>
|
|
<op-date-input id='dateOfWalkIn' name='dateOfWalkIn' [(ngModel)]='data.dateOfWalkIn'>
|
|
</op-date-input>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-4">
|
|
<div class='form-group' *ngIf="data.baptized">
|
|
<label for='dateOfBaptized' class='label'>Date Of Baptized</label>
|
|
<op-date-input id='dateOfBaptized' name='dateOfBaptized' [(ngModel)]='data.dateOfBaptized'>
|
|
</op-date-input>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</nb-card-body>
|
|
<nb-card-footer>
|
|
<!-- <button class="float-right" nbButton hero status="danger" size="small" (click)="close()"
|
|
[nbSpinner]="processing">
|
|
Cancel
|
|
</button> -->
|
|
<button class="float-right mr-2" nbButton hero status="primary" size="small"
|
|
(click)="!form.invalid&&!processing&&update()" [disabled]="form.invalid" [nbSpinner]="processing">
|
|
Save
|
|
</button>
|
|
</nb-card-footer>
|
|
</nb-card>
|
|
</form> |