Chris Chen
54 lines
2.0 KiB
HTML
54 lines
2.0 KiB
HTML
<div class="page">
|
|
<header class="page-header">
|
|
<h2>Church Profile / 教會資料</h2>
|
|
</header>
|
|
|
|
<div *ngIf="model" class="max-w-3xl">
|
|
<div class="grid grid-cols-1 md:grid-cols-2 gap-x-4 gap-y-3">
|
|
<label class="flex flex-col gap-1 md:col-span-2">
|
|
Church Name / 教會名稱
|
|
<kendo-textbox [(ngModel)]="model.name"></kendo-textbox>
|
|
</label>
|
|
<label class="flex flex-col gap-1 md:col-span-2">
|
|
Address / 地址
|
|
<kendo-textbox [(ngModel)]="model.address"></kendo-textbox>
|
|
</label>
|
|
<label class="flex flex-col gap-1">
|
|
City / 城市
|
|
<kendo-textbox [(ngModel)]="model.city"></kendo-textbox>
|
|
</label>
|
|
<div class="grid grid-cols-2 gap-2">
|
|
<label class="flex flex-col gap-1">
|
|
State / 州
|
|
<kendo-textbox [(ngModel)]="model.state"></kendo-textbox>
|
|
</label>
|
|
<label class="flex flex-col gap-1">
|
|
Zip / 郵遞區號
|
|
<kendo-textbox [(ngModel)]="model.zipCode"></kendo-textbox>
|
|
</label>
|
|
</div>
|
|
<label class="flex flex-col gap-1">
|
|
Bank Name / 銀行名稱
|
|
<kendo-textbox [(ngModel)]="model.bankName"></kendo-textbox>
|
|
</label>
|
|
<label class="flex flex-col gap-1">
|
|
Bank Account # / 銀行帳號
|
|
<kendo-textbox [(ngModel)]="model.bankAccountNumber"></kendo-textbox>
|
|
</label>
|
|
<label class="flex flex-col gap-1">
|
|
Routing # / 路由號碼
|
|
<kendo-textbox [(ngModel)]="model.bankRoutingNumber"></kendo-textbox>
|
|
</label>
|
|
<label class="flex flex-col gap-1">
|
|
Next Check # / 下一張支票號碼
|
|
<kendo-numerictextbox [(ngModel)]="model.nextCheckNumber" [min]="1" [decimals]="0" format="#"></kendo-numerictextbox>
|
|
</label>
|
|
</div>
|
|
|
|
<div class="flex items-center gap-3 mt-4">
|
|
<button kendoButton themeColor="primary" [disabled]="saving" (click)="save()">Save / 儲存</button>
|
|
<span class="text-sm" style="color:#065f46;">{{ savedMsg }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|