Admin Products 뷰 + 사이드바 + i18n 구현
ID: f716e9dd-9ed0-44af-9941-62aa42904f34
Admin Products 뷰 파일, 사이드바 메뉴, i18n 번역 구현
## 생성할 파일
- app/views/admin/products/index.html.erb
- app/views/admin/products/show.html.erb
- app/views/admin/products/new.html.erb
- app/views/admin/products/edit.html.erb
- app/views/admin/products/_form.html.erb
## 수정할 파일
- app/views/admin/shared/_sidebar.html.erb: products 메뉴 추가 (diagnosis_sessions와 workspaces 사이)
- app/views/admin/shared/_nav_item.html.erb: products 아이콘 SVG 추가 (쇼핑백/상자 아이콘)
- config/locales/ko.yml: admin.nav.products, admin.products.* 번역 키 추가
- config/locales/en.yml: 영문 번역 추가
## 뷰 요구사항
### index.html.erb
- 기존 admin/workspaces/index.html.erb 패턴 참고
- 검색바 (name 검색)
- 필터: product_type (report, credit_pack), active (true/false/all)
- 테이블: slug, name, product_type, price, currency, active 상태 배지, 등록일
- 각 행에 show/edit 링크
- 페이지네이션 (shared/_pagination 파티션 사용)
- 새 상품 등록 버튼
### show.html.erb
- 상품 기본 정보 카드 (name, slug, description, product_type, price, currency, active, metadata)
- 다통화 가격 목록 (ProductPrice 테이블)
- 편집/목록 버튼
### _form.html.erb (new/edit 공유)
- 필드: name, slug, description, price, currency (select), product_type (select), active (checkbox)
- ProductPrice nested form: currency + amount 행 추가/삭제 가능 (Stimulus 없이 순수 HTML로)
- 기존 shared 파티션(shared/_input, shared/_button, shared/_card) 활용
### 사이드바
- icon key: "products"
- i18n key: admin.nav.products
- path: admin_products_path
- active: controller_name == "products"
### i18n 키 (ko.yml)
- admin.nav.products: "상품"
- admin.products.title: "상품 관리"
- admin.products.new_product: "새 상품 등록"
- admin.products.edit_product: "상품 수정"
- admin.products.form.*: 폼 라벨들
- admin.products.show.*: 상세 화면 라벨들
## Tailwind CSS
- 기존 admin 뷰와 동일한 디자인 시스템 사용
- 반응형 테이블, 상태 배지, 카드 레이아웃
## 완료 기준
- 사이드바에 상품 메뉴가 표시됨
- 모든 뷰 파일이 기존 admin 패턴과 일관됨
- i18n 키가 누락 없이 등록됨
첨부 이미지
이미지 추가 (Ctrl+V로 붙여넣기 또는 클릭)
JPEG, PNG, GIF, WebP / 최대 10MB
활동 로그
-
팀팀리드 상태 변경: 리뷰 → 완료
2026년 02월 28일 07:39:27
-
Ffrontend-dev 상태 변경: 할 일 → 리뷰
2026년 02월 28일 07:32:20
-
Ffrontend-dev 뷰 + 사이드바 + i18n 구현 완료
2026년 02월 28일 07:32:15
상세 보기
## 변경 사항
### 뷰 파일 (app/views/admin/products/)
- `index.html.erb`: 검색/필터, 테이블(slug, name, product_type, price, active, created_at), 페이지네이션
- `show.html.erb`: 상품 정보 카드, active 토글 버튼, 다통화 가격 테이블, metadata 표시
- `new.html.erb`: 새 상품 등록 폼 래퍼
- `edit.html.erb`: 상품 수정 폼 래퍼
- `_form.html.erb`: 공유 폼 (name, slug, description, price, currency, product_type, active, nested product_prices)### 사이드바
- `_sidebar.html.erb`: diagnosis_sessions과 workspaces 사이에 products 메뉴 추가
- `_nav_item.html.erb`: "products" 쇼핑백 아이콘 SVG 추가### i18n
- `ko.yml`: admin.nav.products, admin.products 전체 번역 추가
- `en.yml`: 동일 구조 영문 번역 추가### 스타일
- 기존 admin 뷰(workspaces) 패턴과 동일한 CSS 클래스 사용
- sort_link 헬퍼 활용
- admin/shared/_pagination 사용