ChrisChen/ChurchAngular
1
0
Fork 0
Code Issues 2 Pull Requests Packages Projects 1 Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Chris Chen
2024-02-28 15:17:41 -08:00
parent 42e7ee39be
commit 6301d6008b
124 changed files with 2655 additions and 667 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/cell-group/user-profile/user-profile.component.html
+32 -35
View File
@@ -5,20 +5,21 @@
</nb-card-header>
<nb-card-body>
<div class="row" *ngIf="data">
<div class="col-md-3">
<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-md-3">
<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-md-2">
<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">
@@ -27,25 +28,21 @@
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<nb-checkbox id="married" name="married" [(ngModel)]="data.married">Married</nb-checkbox>
</div>
</div>
<div class="col-md-2">
<div class="form-group">
<nb-checkbox id="baptized" name="baptized" [(ngModel)]="data.baptized">Baptized</nb-checkbox>
</div>
</div>
<div class="col-md-6">
<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-md-6">
<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">
@@ -58,30 +55,30 @@
[(ngModel)]="data.avatarImage">
</div>
</div> -->
<div class="col-md-4">
<div class='form-group'>
<label for='birthday' class='label'>Birthday</label>
<input type='text' nbInput fullWidth id='birthday' name='birthday' [(ngModel)]='data.birthday'
[nbDatepicker]="dateTimePickerbirthday">
<nb-date-timepicker format="yyyy/MM/dd" #dateTimePickerbirthday></nb-date-timepicker>
<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-md-4">
<div class='form-group'>
<label for='dateOfBaptized' class='label'>Date Of Baptized</label>
<input type='text' nbInput fullWidth id='dateOfBaptized' name='dateOfBaptized'
[(ngModel)]='data.dateOfBaptized' [nbDatepicker]="dateTimePickerdateOfBaptized">
<nb-datepicker format="yyyy/MM/dd" #dateTimePickerdateOfBaptized></nb-datepicker>
<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-md-4">
<div class="col-12 col-md-4">
<div class='form-group'>
<label for='dateOfWalkIn' class='label'>Date Of Walk In</label>
<input type='text' nbInput fullWidth id='dateOfWalkIn' name='dateOfWalkIn'
[(ngModel)]='data.dateOfWalkIn' [nbDatepicker]="dateTimePickerdateOfWalkIn">
<nb-date-timepicker format="yyyy/MM/dd" #dateTimePickerdateOfWalkIn></nb-date-timepicker>
<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>
@@ -89,10 +86,10 @@
</nb-card-body>
<nb-card-footer>
<button class="float-right" nbButton hero status="danger" size="small" (click)="close()"
<!-- <button class="float-right" nbButton hero status="danger" size="small" (click)="close()"
[nbSpinner]="processing">
Cancel
</button>
</button> -->
<button class="float-right mr-2" nbButton hero status="primary" size="small"
(click)="!form.invalid&&!processing&&update()" [disabled]="form.invalid" [nbSpinner]="processing">
Save