ChurchAngular/src/app/admin/happiness-groups/happiness-week-editor/happiness-week-editor.component.html
2022-09-30 10:53:48 -07:00

52 lines
2.2 KiB
HTML

<form #form="ngForm">
<nb-card>
<nb-card-header>
HappinessGroupWeek
</nb-card-header>
<nb-card-body>
<div class="row" *ngIf="data">
<div class="col-md-6">
<div class='form-group'>
<label for='date' class='label'>Date</label>
<input type='text' nbInput fullWidth id='date' name='date' [(ngModel)]='data.date'
[nbDatepicker]="dateTimePicker">
<nb-date-timepicker format="yyyy/MM/dd HH:mm" #dateTimePicker></nb-date-timepicker>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<nb-checkbox id="updateRestWeekDate" name="updateRestWeekDate"
[(ngModel)]="data.updateRestWeekDate">Update Rest Week Date</nb-checkbox>
</div>
</div>
<div class="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-6">
<div class="form-group">
<label for="cityAndZipCode" class="label">City And Zip Code</label>
<input type="text" name="cityAndZipCode" nbInput fullWidth id="cityAndZipCode"
[(ngModel)]="data.cityAndZipCode">
</div>
</div>
</div>
</nb-card-body>
<nb-card-footer>
<button class="float-right" nbButton hero status="danger" size="small" (click)="close()"
[nbSpinner]="processing">
Close
</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>