[add]

検索機能を追加
検索クリアの処理を追加

src/app/pages/search/search.ts

@@ -1,9 +1,107 @@
 import { Component } from '@angular/core';
+import { FormBuilder, FormsModule } from '@angular/forms';
+import { Router, RouterLink } from '@angular/router';
+import { Danka } from '../../models/danka';
+import { Family } from '../../models/family';
+import { Kakocho } from '../../models/kakocho';
+import { DankaService } from '../../services/dankaService';
+import { FamilyService } from '../../services/family-service';
+import { KakochoService } from '../../services/kakocho-service';
+import { AppHeader } from '../../share/header/app-header';
+import { AppSideMenu } from '../../share/side-menu/app-side-menu';
 
 @Component({
   selector: 'app-search',
-  imports: [],
+  imports: [AppHeader, AppSideMenu, FormsModule, RouterLink],
   templateUrl: './search.html',
   styleUrl: './search.scss',
 })
-export class Search {}
+export class Search {
+  searchKeyword = '';
+  selectedSearchType = 'all';
+  searchTypeFilters = [
+    { label: 'すべて', value: 'all' },
+    { label: '檀家（世帯）', value: 'danka' },
+    { label: '家族', value: 'family' },
+    { label: '過去帳', value: 'kakocho' },
+  ];
+  dankaResults: Danka[] = [];
+  familyResults: Family[] = [];
+  kakochoResults: Kakocho[] = [];
+  totalResultCount = 0;
+
+  constructor(
+    private dankaService: DankaService,
+    private familyService: FamilyService,
+    private kakochoService: KakochoService,
+  ) {}
+
+  //　フィルタータブの選択処理
+  changeSearchType(searchType: string): void {
+    this.selectedSearchType = searchType;
+    this.searchAll();
+  }
+
+  //　全検索の処理
+  searchAll() {
+    const keyword = this.searchKeyword.trim();
+    this.dankaResults = [];
+    this.familyResults = [];
+    this.kakochoResults = [];
+    this.totalResultCount = 0;
+    if (keyword === '') {
+      return;
+    }
+    // 檀家・家族・過去帳の情報を取得
+    const dankaList = this.dankaService.getDankaList();
+    const familyList = this.familyService.getFamilyList();
+    const kakochoList = this.kakochoService.getKakochoList();
+    //檀家のキーワード検索
+    if (this.selectedSearchType === 'all' || this.selectedSearchType === 'danka') {
+      this.dankaResults = dankaList.filter(
+        (danka) =>
+          danka.householdName.includes(keyword) ||
+          danka.householder.includes(keyword) ||
+          danka.postalCode.includes(keyword) ||
+          danka.address.includes(keyword) ||
+          danka.phones.some((phone) => phone.tel.includes(keyword) || phone.note.includes(keyword)),
+      );
+    }
+    //家族のキーワード検索
+    if (this.selectedSearchType === 'all' || this.selectedSearchType === 'family') {
+      this.familyResults = familyList.filter(
+        (family) =>
+          family.name.includes(keyword) ||
+          family.furigana.includes(keyword) ||
+          family.relationship.includes(keyword) ||
+          family.birthDate.includes(keyword) ||
+          family.note.includes(keyword),
+      );
+    }
+    //過去帳のキーワード検索
+    if (this.selectedSearchType === 'all' || this.selectedSearchType === 'kakocho') {
+      this.kakochoResults = kakochoList.filter(
+        (kakocho) =>
+          kakocho.name.includes(keyword) ||
+          kakocho.furigana.includes(keyword) ||
+          kakocho.relationship.includes(keyword) ||
+          kakocho.kaimyo.includes(keyword) ||
+          kakocho.deathDate.includes(keyword) ||
+          kakocho.ageAtDeath.includes(keyword) ||
+          kakocho.note.includes(keyword),
+      );
+    }
+    //検索結果の件数カウント
+    this.totalResultCount =
+      this.dankaResults.length + this.familyResults.length + this.kakochoResults.length;
+  }
+
+  clearSearch(): void {
+    this.searchKeyword = '';
+    this.selectedSearchType = 'all';
+    this.dankaResults = [];
+    this.familyResults = [];
+    this.kakochoResults = [];
+    this.totalResultCount = 0;
+  }
+}