검수한 암기카드를 모바일에서 학습. 복습(간격반복 1·3·7·14일)으로 자기평가하거나, 그냥 공부로 덜 본 카드를 가볍게 훑어봅니다.
+ +오늘 복습할 카드와 미확인 카드를 한눈에 보고, 골라서 복습합니다.
+ + + /** + * /study/review-box — 복습함 (카드 SR 복습 현황 + 선택 학습, B4). + * + * GET /study-cards/due (review_stage 포함) 로 오늘의 복습 큐를 받아 2탭으로 분리: + * - 오늘 할 일: review_stage != null (예전에 평가돼 복습일이 도래한 카드) + * - 미확인 : review_stage == null (검수 통과했지만 아직 한 번도 회상 안 한 새 카드) + * - 완료 : 졸업 카드 — 백엔드 엔드포인트 필요(현재 미배포 = eid contention 중 fastapi 무재빌드)라 추후. + * + * 멀티셀렉트 → 선택 카드를 pendingReviewCards store 로 cards-study 복습 세션에 전달(백엔드 세션 X). + */ + import { onMount } from 'svelte'; + import { goto } from '$app/navigation'; + import { api } from '$lib/api'; + import { addToast } from '$lib/stores/toast'; + import { pendingReviewCards } from '$lib/stores/studySession'; + import { ArrowLeft, Repeat, GraduationCap, CheckCheck, Play } from 'lucide-svelte'; + import Button from '$lib/components/ui/Button.svelte'; + import Skeleton from '$lib/components/ui/Skeleton.svelte'; + import EmptyState from '$lib/components/ui/EmptyState.svelte'; + + let loading = $state(true); + let cards = $state([]); // /due 결과 (CardItem[], review_stage 포함) + let tab = $state('today'); // 'today' | 'new' | 'done' + let selected = $state({}); // card.id -> true + + let newCards = $derived(cards.filter((c) => c.review_stage === null || c.review_stage === undefined)); + let dueCards = $derived(cards.filter((c) => c.review_stage !== null && c.review_stage !== undefined)); + let shown = $derived(tab === 'today' ? dueCards : tab === 'new' ? newCards : []); + let selectedCount = $derived(shown.filter((c) => selected[c.id]).length); + let allShownSelected = $derived(shown.length > 0 && shown.every((c) => selected[c.id])); + + async function load() { + loading = true; + try { + cards = (await api('/study-cards/due?limit=200')) ?? []; + } catch (err) { + addToast('error', err?.detail || '복습 카드 조회 실패'); + cards = []; + } finally { + loading = false; + } + } + + function frontText(c) { + const t = (c.format === 'cloze' && c.cloze_text ? c.cloze_text : c.cue) ?? ''; + return t.length > 60 ? t.slice(0, 60) + '…' : t; + } + + function toggle(id) { + selected = { ...selected, [id]: !selected[id] }; + } + function selectAllShown() { + const next = { ...selected }; + shown.forEach((c) => { next[c.id] = !allShownSelected; }); + selected = next; + } + + function startCards(list) { + if (!list.length) return; + pendingReviewCards.set(list); + goto('/study/cards-study?mode=review'); + } + function startSelected() { + startCards(shown.filter((c) => selected[c.id])); + } + function startTab() { + startCards(shown); + } + + function setTab(t) { + if (t === 'done') return; // 완료 탭은 백엔드 준비 전 비활성 + tab = t; + } + + onMount(load); + + ++ 검수 통과한 암기카드의 복습 현황입니다. 탭에서 카드를 골라 선택 복습하거나, 탭 전체를 한 번에 복습할 수 있어요. +
+ + +