WIP

2026-06-20 17:51:33 -07:00
parent f55807fa7d
commit 3558c67fd7
55 changed files with 3140 additions and 85 deletions
@@ -0,0 +1,53 @@
+<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>
@@ -0,0 +1,39 @@
+import { Component, OnInit } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { InputsModule } from '@progress/kendo-angular-inputs';
+import { DisbursementApiService } from '../../services/disbursement-api.service';
+import { ChurchProfileDto } from '../../models/disbursement.model';
+
+@Component({
+  selector: 'app-church-profile-page',
+  standalone: true,
+  imports: [CommonModule, FormsModule, ButtonsModule, InputsModule],
+  templateUrl: './church-profile-page.component.html',
+})
+export class ChurchProfilePageComponent implements OnInit {
+  model: ChurchProfileDto | null = null;
+  saving = false;
+  savedMsg = '';
+
+  constructor(private api: DisbursementApiService) {}
+
+  ngOnInit(): void {
+    this.api.getChurchProfile().subscribe(p => (this.model = p));
+  }
+
+  save(): void {
+    if (!this.model || this.saving) return;
+    this.saving = true;
+    this.savedMsg = '';
+    const { id, ...req } = this.model;
+    this.api.updateChurchProfile(req).subscribe({
+      next: () => { this.saving = false; this.savedMsg = 'Saved / 已儲存'; },
+      error: () => {
+        // Error message is shown globally by httpErrorInterceptor.
+        this.saving = false;
+      },
+    });
+  }
+}