[DS-3] 기도/설교/프로필/통독/통계 뷰 재설계

ID: d002f5bb-ba87-448c-be09-da17b2732f13

높음 완료

## 목표
나머지 CRUD 뷰들을 디자인 시스템에 맞게 통일한다.

## 의존성
- [DS-1] 완료 후 진행

## 작업 내용

### 1. 기도 뷰 (`prayers/`)
- `prayers/index.html.erb`: 인라인 버튼 → `_button` 파셜 (tag: :a)
- `prayers/_form.html.erb`: submit/취소 버튼 → `_button` 파셜 (tag: :submit)
- `prayers/_prayer_card.html.erb`: hover 기반 액션 버튼 → 모바일에서도 보이게 변경
- `opacity-0 group-hover:opacity-100` → 항상 보이되 크기 작게, 또는 스와이프 패턴
- 빈 상태 → `_empty_state` 파셜 적용
- `prayers/stats.html.erb`: 통계 카드 정리

### 2. 설교 뷰 (`sermons/`)
- `sermons/index.html.erb`: 인라인 버튼, 검색 폼 → 파셜 적용
- `sermons/show.html.erb`: 수정/삭제 버튼 → `_button` 파셜
- `sermons/_form.html.erb`: submit/취소 → `_button` 파셜
- 페이지네이션 → `_pagination` 파셜 적용
- 빈 상태 → `_empty_state` 파셜 적용

### 3. 프로필/설정 (`profiles/`, `settings/`)
- disabled 이메일 필드: `_input` 파셜에 `disabled:` 옵션 추가하여 적용
- 버튼 파셜 통일

### 4. 통독/통계/기록 (`tongtok/`, `stats/`, `records/`)
- 인라인 스타일 → 파셜 활용으로 통일
- 다크모드 하드코딩 수정

### 5. 모바일 최적화
- 기도 카드 액션 버튼: 모바일에서 항상 접근 가능하게
- 설교 검색 폼: 모바일에서 레이아웃 개선 (세로 배치)
- 하단 네비에 "설교" 탭 추가 고려 (5개 탭)

## 완료 기준
- 모든 뷰에서 인라인 버튼 스타일 0개
- `_empty_state`, `_pagination` 파셜 활용
- 모바일에서 hover 의존 UI 제거
- 다크모드 하드코딩 색상 제거
- 기존 테스트 전부 통과

첨부 이미지

이미지 추가 (Ctrl+V로 붙여넣기 또는 클릭)

JPEG, PNG, GIF, WebP / 최대 10MB

담당자: ds-views-crud
생성일: 2026년 03월 02일 09:31

활동 로그

  • 팀리드 상태 변경: 리뷰 → 완료

    2026년 03월 02일 09:50:25

  • D
    ds-views-crud 상태 변경: 진행 중 → 리뷰

    2026년 03월 02일 09:47:14

  • D
    ds-views-crud DS-3 작업 완료: 22개 뷰 파일 재설계 완료

    2026년 03월 02일 09:47:13

    상세 보기

    ## 변경 사항 (22 files, -57 lines)

    ### 1. 기도 뷰 (prayers/)
    - `index.html.erb`: 통계/새 기도제목 버튼 → `_button` 파셜, 빈 상태 → `_empty_state` 파셜
    - `_form.html.erb`: 취소/저장 버튼 → `_button` 파셜
    - `_prayer_card.html.erb`: `opacity-0 group-hover:opacity-100` 제거 → 항상 보이는 ghost sm 버튼
    - `new.html.erb`, `edit.html.erb`: 뒤로가기 → `_button` ghost
    - `stats.html.erb`: 뒤로가기 → `_button` ghost

    ### 2. 설교 뷰 (sermons/)
    - `index.html.erb`: 새 노트 버튼 → `_button`, 검색 폼 모바일 세로 배치, 페이지네이션 → `_pagination`, 빈 상태 → `_empty_state`
    - `show.html.erb`: 목록으로/수정 → `_button` ghost/outline
    - `_form.html.erb`: 저장/취소 → `_button`
    - `_ai_interpretation.html.erb`: AI 아이콘 추가
    - `new.html.erb`, `edit.html.erb`: 뒤로가기 → `_button` ghost

    ### 3. 프로필 (profiles/)
    - `show.html.erb`: 이메일 필드 → `_input` disabled, 로그아웃 → `_button` ghost + danger 스타일

    ### 4. 통독 (tongtok/)
    - `_book_card.html.erb`: `bg-emerald-500` → `bg-status-success`, `bg-gray-100` → `bg-surface-subtle`

    ### 5. 통계/기록 (stats/, records/)
    - `stats/index.html.erb`: 묵상 기록 보기 → `_button`
    - `records/index.html.erb`: 통계 보기 → `_button` outline, 페이지네이션 → `_pagination`, 빈 상태 → `_empty_state`

    ### 6. 묵상 분석 (meditation_reports/)
    - `index.html.erb`: AI 분석 요청 → `_button`, 빈 상태 → `_empty_state`
    - `show.html.erb`: 뒤로가기 → `_button` ghost, 다시 시도 → `_button`

    ### 7. 기도 동역자 (prayer_partners/)
    - `index.html.erb`: 동역자 찾기 → `_button`, 빈 상태 → `_empty_state`
    - `search.html.erb`: 뒤로가기 → `_button` ghost, 빈 상태 → `_empty_state`
    - `prayers.html.erb`: 뒤로가기 → `_button` ghost, 빈 상태 → `_empty_state`
    - `_partner_card.html.erb`: 기도제목 링크 → `_button` ghost

    ## 테스트 결과
    430 tests, 1013 assertions, 0 failures, 0 errors

  • D
    ds-views-crud DS-3 작업 시작: 기도/설교/프로필/통독/통계 뷰 재설계

    2026년 03월 02일 09:42:27

    상세 보기

    ## 분석 완료
    - 총 25개 뷰 파일 확인 완료
    - 주요 변경: 인라인 버튼 → _button 파셜, 빈 상태 → _empty_state, 페이지네이션 → _pagination
    - prayers/ 6개, sermons/ 9개, profiles/ 1개, settings/ 1개, tongtok/ 2개, stats/ 1개, records/ 1개, meditation_reports/ 2개, prayer_partners/ 5개

    ## 작업 계획
    1. 기도 뷰 (index, form, prayer_card, stats)
    2. 설교 뷰 (index, show, form, ai_interpretation)
    3. 프로필/설정
    4. 통독/통계/기록
    5. 묵상 분석/기도 동역자

  • D
    ds-views-crud 티켓 클레임 완료

    2026년 03월 02일 09:40:41