[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
활동 로그
-
팀팀리드 상태 변경: 리뷰 → 완료
2026년 03월 02일 09:50:25
-
Dds-views-crud 상태 변경: 진행 중 → 리뷰
2026년 03월 02일 09:47:14
-
Dds-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 -
Dds-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. 묵상 분석/기도 동역자 -
Dds-views-crud 티켓 클레임 완료
2026년 03월 02일 09:40:41