접근성 감사 ③ — 전 화면의 아이콘 전용 버튼과 텍스트 없는 시각
요소에 보이스오버 라벨 부여 (시각 UI 변화 없음):
- 모음 탭: 행동 버튼 셀을 label(이름)+value(측정 중/오늘 누적)로
한 덩어리 낭독 — 아이콘·타이머가 따로 읽히지 않음. 진행 중 행의
정지 버튼 "측정 종료".
- 기록 탭: 날짜 이동 화살표(이전/다음 날짜), 내보내기, 기록 필터,
필터 칩 해제 버튼. 타임테이블의 색 블록·횟수 점은 "행동 이름 +
시각(구간)" verbatim 라벨로 낭독 가능하게.
- 통계 탭: 기간 이동 화살표(이전/다음 기간), 내보내기, 통계 필터,
필터 해제.
- 행동/꼬리표/목표 탭: + 추가 버튼(행동/꼬리표/목표 추가), ⋯ 메뉴.
- 일기: 달 이동 화살표(이전/다음 달), 내보내기, ⋯ 메뉴, 기분 타일
("오늘 기분"), 할 일 삭제 버튼.
- ⑥ 현재 진행 중 위젯: 종료 버튼 "측정 종료".
- CLAUDE.md §15에 컨벤션 추가: 아이콘 전용 버튼 accessibilityLabel
필수, 복합 셀은 label+value 한 덩어리, 텍스트 없는 시각 요소는
verbatim 라벨.
신규 문구 9종 ko/en/ja 번역 + 위젯 카탈로그 '측정 종료' 번역 복사
(전 카탈로그 missing 0/stale 0). Debug·Store 빌드 성공, 접근성
수식어는 시각 렌더링에 영향 없음(스모크 런치 확인). 실기기에서
보이스오버 켜고 핵심 흐름(행동 시작/종료·날짜 이동) 낭독 확인 권장.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013yKDMhuF39GVYy3FMcGHh7
919 lines
36 KiB
Swift
919 lines
36 KiB
Swift
//
|
|
// StatsTabView.swift
|
|
// Haru_Danim
|
|
//
|
|
// 통계 탭 (독립 탭): 하루/주간/월간 차트 + 꼬리표·행동 다중 선택 필터
|
|
// - 하루: 꼬리표별 시간/횟수 가로 막대 (비율 비교)
|
|
// - 주간: 행동별 일별 꺾은선(태그 색 + 범례) + 주간 합계 막대 + 행동·꼬리표별 합계/평균 표
|
|
// - 월간: 행동별 주차별/일별 꺾은선 + 월간 합계 막대 + 행동·꼬리표별 합계/평균 표
|
|
//
|
|
|
|
import SwiftUI
|
|
import SwiftData
|
|
import Charts
|
|
|
|
struct StatsTabView: View {
|
|
@Environment(AppRouter.self) private var router
|
|
@Query(sort: \Tag.sortOrder) private var tags: [Tag]
|
|
@Query(sort: \Action.createdAt) private var allActionsQuery: [Action]
|
|
|
|
// 표시 순서는 모음 탭 배치와 같은 기기별 로컬 설정을 따른다 (LocalPrefs 참고)
|
|
@AppStorage(LocalPrefsKeys.actionOrder, store: AppGroup.defaults) private var actionOrderRaw = ""
|
|
|
|
private var allActions: [Action] {
|
|
LocalPrefs.orderedActions(allActionsQuery, raw: actionOrderRaw)
|
|
}
|
|
|
|
@State private var span: StatSpan = {
|
|
#if DEBUG
|
|
if let raw = UserDefaults.standard.string(forKey: "statSpan"),
|
|
let span = StatSpan(rawValue: raw) {
|
|
return span
|
|
}
|
|
#endif
|
|
return .day
|
|
}()
|
|
@State private var anchorDayKey: Date = DayMath().dayKey(for: .now)
|
|
@State private var showingFilter = false
|
|
@State private var showingExport = false
|
|
/// 필터는 "해제한 행동"만 저장 → 기본값이 전체 선택이고, 새로 만든 행동도 자동 포함됨.
|
|
/// 꼬리표는 시트에서 소속 행동 일괄 토글용일 뿐, 판정은 행동 단위로만 한다.
|
|
@State private var excludedActionIDs: Set<PersistentIdentifier> = []
|
|
|
|
private var math: DayMath { DayMath() }
|
|
|
|
private var spanRange: Range<Date> {
|
|
let anchor = math.dayRange(forKey: anchorDayKey).lowerBound
|
|
switch span {
|
|
case .day: return math.dayRange(containing: anchor)
|
|
case .week: return math.weekRange(containing: anchor)
|
|
case .month: return math.monthRange(containing: anchor)
|
|
}
|
|
}
|
|
|
|
var body: some View {
|
|
VStack(spacing: 0) {
|
|
periodHeader
|
|
Picker("기간", selection: $span) {
|
|
ForEach(StatSpan.allCases) { span in
|
|
Text(span.label).tag(span)
|
|
}
|
|
}
|
|
.pickerStyle(.segmented)
|
|
.padding(.horizontal)
|
|
.padding(.bottom, 8)
|
|
|
|
if isFiltering {
|
|
filterChip
|
|
}
|
|
|
|
// 통계 조회는 보고 있는 기간(하루/주/월) 범위로만 DB에서 가져온다 (전량 로드 방지).
|
|
// 기간·날짜가 바뀌면 새 범위의 쿼리로 다시 만들어진다 (SwiftData 동적 쿼리 패턴).
|
|
StatsChartsView(
|
|
span: span,
|
|
anchorDayKey: anchorDayKey,
|
|
excludedActionIDs: excludedActionIDs,
|
|
orderedActions: allActions,
|
|
showingExport: $showingExport
|
|
)
|
|
}
|
|
.background(AppTheme.background)
|
|
.navigationTitle("통계")
|
|
.navigationBarTitleDisplayMode(.inline)
|
|
.toolbar {
|
|
ToolbarItem(placement: .topBarTrailing) {
|
|
Button {
|
|
showingExport = true
|
|
} label: {
|
|
Image(systemName: "square.and.arrow.up")
|
|
}
|
|
.accessibilityLabel(Text("내보내기"))
|
|
}
|
|
ToolbarItem(placement: .topBarTrailing) {
|
|
Button {
|
|
showingFilter = true
|
|
} label: {
|
|
Image(systemName: isFiltering
|
|
? "line.3.horizontal.decrease.circle.fill"
|
|
: "line.3.horizontal.decrease.circle")
|
|
}
|
|
.accessibilityLabel(Text("통계 필터"))
|
|
}
|
|
}
|
|
.sheet(isPresented: $showingFilter) {
|
|
RecordFilterSheet(
|
|
title: "통계 필터",
|
|
tags: tags,
|
|
actions: allActions,
|
|
excludedActionIDs: $excludedActionIDs
|
|
)
|
|
}
|
|
.onAppear {
|
|
consumePendingFilter()
|
|
#if DEBUG
|
|
// 검증용: -excludeActions "이름,이름"으로 필터 상태 주입, -statShowFilter YES로 시트 표시
|
|
if let raw = UserDefaults.standard.string(forKey: "excludeActions") {
|
|
let names = Set(raw.split(separator: ",").map { $0.trimmingCharacters(in: .whitespaces) })
|
|
excludedActionIDs = Set(
|
|
allActions.filter { names.contains($0.name) }.map(\.persistentModelID)
|
|
)
|
|
}
|
|
if UserDefaults.standard.bool(forKey: "statShowFilter") {
|
|
showingFilter = true
|
|
}
|
|
// 검증용: -showExport YES → 내보내기 시트 표시
|
|
if UserDefaults.standard.bool(forKey: "showExport") {
|
|
showingExport = true
|
|
}
|
|
#endif
|
|
}
|
|
.onChange(of: router.pendingStatsActionID) {
|
|
consumePendingFilter()
|
|
}
|
|
}
|
|
|
|
/// 모음 탭 '통계 보기'에서 예약한 행동 필터를 적용 (오늘 기준 기간으로 이동)
|
|
private func consumePendingFilter() {
|
|
guard let id = router.pendingStatsActionID else { return }
|
|
// 해당 행동만 남기고 모두 해제
|
|
excludedActionIDs = Set(allActions.map(\.persistentModelID)).subtracting([id])
|
|
anchorDayKey = math.dayKey(for: .now)
|
|
router.pendingStatsActionID = nil
|
|
}
|
|
|
|
// MARK: 기간 이동 헤더
|
|
|
|
private var periodHeader: some View {
|
|
HStack {
|
|
Button {
|
|
movePeriod(-1)
|
|
} label: {
|
|
Image(systemName: "chevron.left")
|
|
.frame(width: 44, height: 36)
|
|
.contentShape(Rectangle())
|
|
}
|
|
.accessibilityLabel(Text("이전 기간"))
|
|
Spacer()
|
|
VStack(spacing: 1) {
|
|
Text(periodLabel)
|
|
.font(.headline)
|
|
if spanRange.contains(.now) {
|
|
Text(currentPeriodLabel)
|
|
.font(.caption2)
|
|
.foregroundStyle(AppTheme.green)
|
|
}
|
|
}
|
|
Spacer()
|
|
Button {
|
|
movePeriod(1)
|
|
} label: {
|
|
Image(systemName: "chevron.right")
|
|
.frame(width: 44, height: 36)
|
|
.contentShape(Rectangle())
|
|
}
|
|
.accessibilityLabel(Text("다음 기간"))
|
|
Button(currentPeriodLabel) {
|
|
anchorDayKey = math.dayKey(for: .now)
|
|
}
|
|
.font(.caption)
|
|
.buttonStyle(.bordered)
|
|
.buttonBorderShape(.capsule)
|
|
}
|
|
.padding(.horizontal)
|
|
.padding(.vertical, 10)
|
|
.tint(AppTheme.green)
|
|
}
|
|
|
|
private var currentPeriodLabel: String {
|
|
switch span {
|
|
case .day: return String(localized: "오늘")
|
|
case .week: return String(localized: "이번 주")
|
|
case .month: return String(localized: "이번 달")
|
|
}
|
|
}
|
|
|
|
private var periodLabel: String {
|
|
let keys = math.dayKeys(in: spanRange)
|
|
switch span {
|
|
case .day:
|
|
return Format.fullDate(anchorDayKey)
|
|
case .week:
|
|
guard let first = keys.first, let last = keys.last else { return "" }
|
|
return "\(Format.shortDate(first)) ~ \(Format.shortDate(last))"
|
|
case .month:
|
|
return anchorDayKey.formatted(.dateTime.year().month())
|
|
}
|
|
}
|
|
|
|
private func movePeriod(_ delta: Int) {
|
|
let cal = math.calendar
|
|
switch span {
|
|
case .day:
|
|
anchorDayKey = cal.date(byAdding: .day, value: delta, to: anchorDayKey)!
|
|
case .week:
|
|
anchorDayKey = cal.date(byAdding: .day, value: 7 * delta, to: anchorDayKey)!
|
|
case .month:
|
|
anchorDayKey = cal.date(byAdding: .month, value: delta, to: anchorDayKey)!
|
|
}
|
|
}
|
|
|
|
// MARK: 필터 (꼬리표 트리에서 행동 다중 선택, 기본 전체 선택)
|
|
|
|
private var isFiltering: Bool {
|
|
!excludedActionIDs.isEmpty
|
|
}
|
|
|
|
/// 행동이 통계에 포함되는지: 행동 단위로만 판정 (꼬리표 일부 행동만 선택해도 정상 반영)
|
|
private func passesFilter(_ action: Action) -> Bool {
|
|
!excludedActionIDs.contains(action.persistentModelID)
|
|
}
|
|
|
|
private var filteredActions: [Action] {
|
|
allActions.filter(passesFilter)
|
|
}
|
|
|
|
private var filterChip: some View {
|
|
HStack(spacing: 6) {
|
|
Image(systemName: "line.3.horizontal.decrease")
|
|
.font(.caption2.weight(.semibold))
|
|
Text("행동 \(filteredActions.count)/\(allActions.count)개 표시 중")
|
|
.font(.caption.weight(.semibold))
|
|
.lineLimit(1)
|
|
Button {
|
|
withAnimation {
|
|
excludedActionIDs = []
|
|
}
|
|
} label: {
|
|
Image(systemName: "xmark.circle.fill")
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
.padding(4)
|
|
.contentShape(Rectangle())
|
|
}
|
|
.buttonStyle(.plain)
|
|
.accessibilityLabel(Text("필터 해제"))
|
|
}
|
|
.foregroundStyle(AppTheme.green)
|
|
.padding(.leading, 10)
|
|
.padding(.trailing, 2)
|
|
.padding(.vertical, 4)
|
|
.background(AppTheme.green.opacity(0.12), in: Capsule())
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.padding(.horizontal)
|
|
.padding(.bottom, 6)
|
|
}
|
|
|
|
}
|
|
|
|
// MARK: - 통계 차트 (보고 있는 기간 범위로만 DB 조회 + 1회 버킷 집계)
|
|
|
|
/// 통계 차트 본체. 두 가지 성능 원칙:
|
|
/// 1) **범위 조회**: 보고 있는 기간(하루/주/월)에 겹치는 기록만 @Query로 가져온다 —
|
|
/// 하루 경계를 걸친 세션·진행 중 세션은 "시작 < 범위끝 AND (종료 없음 OR 종료 > 범위시작)"
|
|
/// 겹침 조건으로 포함. 전량 로드하던 예전 구조는 기록이 수만 건이면 탭 진입이 느려졌다.
|
|
/// 2) **1회 버킷 집계**: 카드(꺾은선·막대·표)마다 Aggregator로 기록을 다시 훑지 않고,
|
|
/// 조회된 기록을 한 번만 지나가며 행동별·하루별 버킷을 만들어 모든 카드가 공유한다.
|
|
/// 하루 분할은 DayMath.splitByDay — 기존 Aggregator와 같은 규칙이라 수치가 동일하다.
|
|
private struct StatsChartsView: View {
|
|
let span: StatSpan
|
|
let anchorDayKey: Date
|
|
let excludedActionIDs: Set<PersistentIdentifier>
|
|
let orderedActions: [Action]
|
|
@Binding var showingExport: Bool
|
|
|
|
@Query private var sessions: [TimeSession]
|
|
@Query private var entries: [CountEntry]
|
|
|
|
private let math = DayMath()
|
|
|
|
init(span: StatSpan, anchorDayKey: Date,
|
|
excludedActionIDs: Set<PersistentIdentifier>, orderedActions: [Action],
|
|
showingExport: Binding<Bool>) {
|
|
self.span = span
|
|
self.anchorDayKey = anchorDayKey
|
|
self.excludedActionIDs = excludedActionIDs
|
|
self.orderedActions = orderedActions
|
|
self._showingExport = showingExport
|
|
|
|
let math = DayMath()
|
|
let anchor = math.dayRange(forKey: anchorDayKey).lowerBound
|
|
let range: Range<Date>
|
|
switch span {
|
|
case .day: range = math.dayRange(containing: anchor)
|
|
case .week: range = math.weekRange(containing: anchor)
|
|
case .month: range = math.monthRange(containing: anchor)
|
|
}
|
|
let lower = range.lowerBound
|
|
let upper = range.upperBound
|
|
let farFuture = Date.distantFuture
|
|
_sessions = Query(filter: #Predicate<TimeSession> {
|
|
$0.startAt < upper && ($0.endAt ?? farFuture) > lower
|
|
})
|
|
_entries = Query(filter: #Predicate<CountEntry> {
|
|
$0.timestamp >= lower && $0.timestamp < upper
|
|
})
|
|
}
|
|
|
|
private var spanRange: Range<Date> {
|
|
let anchor = math.dayRange(forKey: anchorDayKey).lowerBound
|
|
switch span {
|
|
case .day: return math.dayRange(containing: anchor)
|
|
case .week: return math.weekRange(containing: anchor)
|
|
case .month: return math.monthRange(containing: anchor)
|
|
}
|
|
}
|
|
|
|
var body: some View {
|
|
let data = makeStatsData()
|
|
ScrollViewReader { proxy in
|
|
ScrollView {
|
|
VStack(alignment: .leading, spacing: 16) {
|
|
switch span {
|
|
case .day:
|
|
dayCharts(data)
|
|
case .week:
|
|
weekCharts(data)
|
|
case .month:
|
|
monthCharts(data)
|
|
}
|
|
}
|
|
.padding()
|
|
Color.clear
|
|
.frame(height: 1)
|
|
.id("statsBottom")
|
|
}
|
|
.onAppear {
|
|
#if DEBUG
|
|
// 검증용: -statScrollBottom YES면 하단 요약 카드까지 자동 스크롤
|
|
if UserDefaults.standard.bool(forKey: "statScrollBottom") {
|
|
DispatchQueue.main.asyncAfter(deadline: .now() + 1.5) {
|
|
withAnimation { proxy.scrollTo("statsBottom", anchor: .bottom) }
|
|
}
|
|
}
|
|
#endif
|
|
}
|
|
}
|
|
.sheet(isPresented: $showingExport) {
|
|
// 지금 보고 있는 기간/필터 그대로 스냅숏을 만들어 이미지로 내보낸다
|
|
ExportImageSheet(snapshot: ExportBuilder.stats(
|
|
span: span,
|
|
anchorDayKey: anchorDayKey,
|
|
sessions: sessions,
|
|
entries: entries,
|
|
orderedActions: orderedActions,
|
|
excludedActionIDs: excludedActionIDs,
|
|
math: math
|
|
))
|
|
}
|
|
}
|
|
|
|
// MARK: 필터
|
|
|
|
private func passesFilter(_ action: Action) -> Bool {
|
|
!excludedActionIDs.contains(action.persistentModelID)
|
|
}
|
|
|
|
private var filteredActions: [Action] {
|
|
orderedActions.filter(passesFilter)
|
|
}
|
|
|
|
// MARK: 1회 버킷 집계
|
|
|
|
/// 행동별·하루별 집계 버킷 (조회된 기록을 한 번만 순회해 생성)
|
|
private struct StatsData {
|
|
var seconds: [PersistentIdentifier: [Date: TimeInterval]] = [:]
|
|
var counts: [PersistentIdentifier: [Date: Int]] = [:]
|
|
/// 기간의 논리적 하루 키 목록
|
|
var dayKeys: [Date] = []
|
|
|
|
func seconds(for id: PersistentIdentifier, days: [Date]) -> TimeInterval {
|
|
guard let byDay = seconds[id] else { return 0 }
|
|
return days.reduce(0) { $0 + (byDay[$1] ?? 0) }
|
|
}
|
|
|
|
func count(for id: PersistentIdentifier, days: [Date]) -> Int {
|
|
guard let byDay = counts[id] else { return 0 }
|
|
return days.reduce(0) { $0 + (byDay[$1] ?? 0) }
|
|
}
|
|
|
|
/// 행동의 추적 방식에 맞는 값 (시간=초, 횟수=회)
|
|
func value(for action: Action, type: TrackingType, days: [Date]) -> Double {
|
|
switch type {
|
|
case .time: return seconds(for: action.persistentModelID, days: days)
|
|
case .count: return Double(count(for: action.persistentModelID, days: days))
|
|
}
|
|
}
|
|
}
|
|
|
|
private func makeStatsData() -> StatsData {
|
|
var data = StatsData()
|
|
let range = spanRange
|
|
data.dayKeys = math.dayKeys(in: range)
|
|
let now = Date.now
|
|
for session in sessions {
|
|
guard let action = session.action, passesFilter(action) else { continue }
|
|
let start = max(session.startAt, range.lowerBound)
|
|
let end = min(session.endAt ?? now, range.upperBound)
|
|
guard start < end else { continue }
|
|
for segment in math.splitByDay(start: start, end: end) {
|
|
data.seconds[action.persistentModelID, default: [:]][segment.dayKey, default: 0]
|
|
+= segment.range.upperBound.timeIntervalSince(segment.range.lowerBound)
|
|
}
|
|
}
|
|
for entry in entries {
|
|
guard range.contains(entry.timestamp),
|
|
let action = entry.action, passesFilter(action) else { continue }
|
|
data.counts[action.persistentModelID, default: [:]][math.dayKey(for: entry.timestamp), default: 0]
|
|
+= entry.amount
|
|
}
|
|
return data
|
|
}
|
|
|
|
/// 평균 계산용: 기간 내 "이미 시작된" 날 수 (미래 날짜로 평균이 희석되지 않게)
|
|
private var elapsedDayCount: Int {
|
|
max(
|
|
math.dayKeys(in: spanRange)
|
|
.filter { math.dayRange(forKey: $0).lowerBound <= .now }
|
|
.count,
|
|
1
|
|
)
|
|
}
|
|
|
|
// MARK: 하루 — 꼬리표별 가로 막대 (비율 비교)
|
|
|
|
@ViewBuilder
|
|
private func dayCharts(_ data: StatsData) -> some View {
|
|
let stats = tagStats(data)
|
|
tagTimeBarCard(stats)
|
|
tagCountBarCard(stats)
|
|
}
|
|
|
|
/// 꼬리표별 합계 — 행동별 버킷 합계를 소속 꼬리표들에 배분 (기존 세그먼트 순회와 동일한 값)
|
|
private func tagStats(_ data: StatsData) -> [TagStat] {
|
|
var seconds: [String: TimeInterval] = [:]
|
|
var countsByTag: [String: Int] = [:]
|
|
var colors: [String: Color] = [:]
|
|
|
|
func tagNames(for action: Action) -> [(String, Color)] {
|
|
if action.tags.isEmpty { return [(String(localized: "꼬리표 없음"), Color.gray)] }
|
|
return action.sortedTags.map { ($0.name, $0.color) }
|
|
}
|
|
|
|
for action in filteredActions {
|
|
let totalSeconds = data.seconds(for: action.persistentModelID, days: data.dayKeys)
|
|
let totalCount = data.count(for: action.persistentModelID, days: data.dayKeys)
|
|
guard totalSeconds > 0 || totalCount > 0 else { continue }
|
|
for (name, color) in tagNames(for: action) {
|
|
seconds[name, default: 0] += totalSeconds
|
|
countsByTag[name, default: 0] += totalCount
|
|
colors[name] = color
|
|
}
|
|
}
|
|
|
|
let names = Set(seconds.keys).union(countsByTag.keys)
|
|
return names
|
|
.map { name in
|
|
TagStat(
|
|
name: name,
|
|
color: colors[name] ?? .gray,
|
|
seconds: seconds[name] ?? 0,
|
|
count: countsByTag[name] ?? 0
|
|
)
|
|
}
|
|
.sorted { $0.seconds > $1.seconds }
|
|
}
|
|
|
|
@ViewBuilder
|
|
private func tagTimeBarCard(_ stats: [TagStat]) -> some View {
|
|
let timeStats = stats.filter { $0.seconds > 0 }
|
|
chartCard("꼬리표별 시간 비교") {
|
|
if timeStats.isEmpty {
|
|
emptyChartText
|
|
} else {
|
|
Chart(timeStats) { stat in
|
|
BarMark(
|
|
x: .value("시간", stat.seconds / 3600),
|
|
y: .value("꼬리표", stat.name)
|
|
)
|
|
.foregroundStyle(stat.color)
|
|
.cornerRadius(4)
|
|
.annotation(position: .trailing) {
|
|
Text(Format.durationShort(stat.seconds))
|
|
.font(.caption2)
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
}
|
|
.chartXAxisLabel("시간(h)")
|
|
.frame(height: CGFloat(timeStats.count) * 44 + 30)
|
|
}
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
private func tagCountBarCard(_ stats: [TagStat]) -> some View {
|
|
let countStats = stats.filter { $0.count > 0 }.sorted { $0.count > $1.count }
|
|
chartCard("꼬리표별 횟수 비교") {
|
|
if countStats.isEmpty {
|
|
emptyChartText
|
|
} else {
|
|
Chart(countStats) { stat in
|
|
BarMark(
|
|
x: .value("횟수", stat.count),
|
|
y: .value("꼬리표", stat.name)
|
|
)
|
|
.foregroundStyle(stat.color)
|
|
.cornerRadius(4)
|
|
.annotation(position: .trailing) {
|
|
Text("\(stat.count)회")
|
|
.font(.caption2)
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
}
|
|
.chartXAxisLabel("횟수")
|
|
.frame(height: CGFloat(countStats.count) * 44 + 30)
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: 주간 — 행동별 일별 꺾은선 + 주간 합계 막대
|
|
|
|
@ViewBuilder
|
|
private func weekCharts(_ data: StatsData) -> some View {
|
|
dailyLineCard("행동별 시간 (일별)", type: .time, weekdayAxis: true, data: data)
|
|
dailyLineCard("행동별 횟수 (일별)", type: .count, weekdayAxis: true, data: data)
|
|
totalsBarCard("주간 시간 합계", type: .time, data: data)
|
|
totalsBarCard("주간 횟수 합계", type: .count, data: data)
|
|
summaryTableCard(
|
|
"행동별 합계·평균",
|
|
timeRows: actionSummaryRows(for: .time, data: data),
|
|
countRows: actionSummaryRows(for: .count, data: data)
|
|
)
|
|
summaryTableCard(
|
|
"꼬리표별 합계·평균",
|
|
timeRows: tagSummaryRows(for: .time, data: data),
|
|
countRows: tagSummaryRows(for: .count, data: data)
|
|
)
|
|
}
|
|
|
|
// MARK: 월간 — 행동별 주차별/일별 꺾은선 + 월간 합계 막대
|
|
|
|
@ViewBuilder
|
|
private func monthCharts(_ data: StatsData) -> some View {
|
|
weeklyLineCard("행동별 시간 (주차별)", type: .time, data: data)
|
|
weeklyLineCard("행동별 횟수 (주차별)", type: .count, data: data)
|
|
dailyLineCard("행동별 시간 (일별)", type: .time, weekdayAxis: false, data: data)
|
|
dailyLineCard("행동별 횟수 (일별)", type: .count, weekdayAxis: false, data: data)
|
|
totalsBarCard("월간 시간 합계", type: .time, data: data)
|
|
totalsBarCard("월간 횟수 합계", type: .count, data: data)
|
|
summaryTableCard(
|
|
"행동별 합계·평균",
|
|
timeRows: actionSummaryRows(for: .time, data: data),
|
|
countRows: actionSummaryRows(for: .count, data: data)
|
|
)
|
|
summaryTableCard(
|
|
"꼬리표별 합계·평균",
|
|
timeRows: tagSummaryRows(for: .time, data: data),
|
|
countRows: tagSummaryRows(for: .count, data: data)
|
|
)
|
|
}
|
|
|
|
// MARK: 행동별 시리즈 계산
|
|
|
|
private struct ActionDayPoint: Identifiable {
|
|
let dayKey: Date
|
|
let actionName: String
|
|
let value: Double
|
|
|
|
var id: String { "\(dayKey.timeIntervalSinceReferenceDate)-\(actionName)" }
|
|
}
|
|
|
|
private struct ActionWeekPoint: Identifiable {
|
|
let weekLabel: String
|
|
let actionName: String
|
|
let value: Double
|
|
|
|
var id: String { "\(weekLabel)-\(actionName)" }
|
|
}
|
|
|
|
private struct ActionTotal: Identifiable {
|
|
let name: String
|
|
let color: Color
|
|
let value: Double
|
|
|
|
var id: String { name }
|
|
}
|
|
|
|
/// 기간 내 값이 있는(0이 아닌) 필터 통과 행동들 — 시리즈/범례 대상
|
|
private func activeActions(for type: TrackingType, data: StatsData) -> [Action] {
|
|
filteredActions
|
|
.filter { $0.trackingType == type }
|
|
.filter { data.value(for: $0, type: type, days: data.dayKeys) > 0 }
|
|
}
|
|
|
|
private func dailyPoints(for actions: [Action], type: TrackingType, data: StatsData) -> [ActionDayPoint] {
|
|
var result: [ActionDayPoint] = []
|
|
for key in data.dayKeys {
|
|
for action in actions {
|
|
let raw = data.value(for: action, type: type, days: [key])
|
|
result.append(ActionDayPoint(
|
|
dayKey: key, actionName: action.name,
|
|
value: type == .time ? raw / 3600 : raw
|
|
))
|
|
}
|
|
}
|
|
return result
|
|
}
|
|
|
|
/// 한 달을 주 단위(주 시작 요일 설정 기준, 월 경계에서 잘림)로 쪼갠 범위들
|
|
private var weekRangesInMonth: [Range<Date>] {
|
|
let range = spanRange
|
|
var result: [Range<Date>] = []
|
|
var cursor = range.lowerBound
|
|
while cursor < range.upperBound {
|
|
let week = math.weekRange(containing: cursor)
|
|
result.append(max(week.lowerBound, range.lowerBound)..<min(week.upperBound, range.upperBound))
|
|
cursor = week.upperBound
|
|
}
|
|
return result
|
|
}
|
|
|
|
private func weeklyPoints(for actions: [Action], type: TrackingType, data: StatsData) -> [ActionWeekPoint] {
|
|
var result: [ActionWeekPoint] = []
|
|
for (index, weekRange) in weekRangesInMonth.enumerated() {
|
|
// 주 경계는 하루 단위로 정렬되므로 그 주에 속한 하루 버킷 합 = 기존 구간 집계와 동일
|
|
let weekDays = math.dayKeys(in: weekRange)
|
|
for action in actions {
|
|
let raw = data.value(for: action, type: type, days: weekDays)
|
|
// String(localized:)로 감싸야 en/ja에서도 지역화됨 (내보내기 ExportBuilder와 동일 키)
|
|
result.append(ActionWeekPoint(weekLabel: String(localized: "\(index + 1)주차"),
|
|
actionName: action.name,
|
|
value: type == .time ? raw / 3600 : raw))
|
|
}
|
|
}
|
|
return result
|
|
}
|
|
|
|
private func totals(for type: TrackingType, data: StatsData) -> [ActionTotal] {
|
|
activeActions(for: type, data: data)
|
|
.map { action in
|
|
ActionTotal(name: action.name, color: action.color,
|
|
value: data.value(for: action, type: type, days: data.dayKeys))
|
|
}
|
|
.sorted { $0.value > $1.value }
|
|
}
|
|
|
|
private func valueLabel(_ value: Double, type: TrackingType) -> String {
|
|
switch type {
|
|
case .time: return Format.durationShort(value)
|
|
case .count: return String(localized: "\(Int(value.rounded()))회")
|
|
}
|
|
}
|
|
|
|
// MARK: 꺾은선 카드 (선 색 = 행동/태그 색, 범례 표시)
|
|
|
|
@ViewBuilder
|
|
private func dailyLineCard(_ title: LocalizedStringKey, type: TrackingType, weekdayAxis: Bool,
|
|
data: StatsData) -> some View {
|
|
let actions = activeActions(for: type, data: data)
|
|
let names = actions.map(\.name)
|
|
let colors = actions.map(\.color)
|
|
chartCard(title) {
|
|
if actions.isEmpty {
|
|
emptyChartText
|
|
} else {
|
|
Chart(dailyPoints(for: actions, type: type, data: data)) { point in
|
|
LineMark(
|
|
x: .value("날짜", point.dayKey, unit: .day),
|
|
y: .value(type == .time ? String(localized: "시간") : String(localized: "횟수"), point.value)
|
|
)
|
|
.foregroundStyle(by: .value("행동", point.actionName))
|
|
.symbol(by: .value("행동", point.actionName))
|
|
.interpolationMethod(.monotone)
|
|
}
|
|
.chartForegroundStyleScale(domain: names, range: colors)
|
|
.chartXAxis {
|
|
if weekdayAxis {
|
|
AxisMarks(values: .stride(by: .day)) { value in
|
|
AxisGridLine()
|
|
AxisValueLabel {
|
|
if let date = value.as(Date.self) {
|
|
Text(Format.weekdayShort(math.calendar.component(.weekday, from: date)))
|
|
}
|
|
}
|
|
}
|
|
} else {
|
|
AxisMarks { _ in
|
|
AxisGridLine()
|
|
AxisValueLabel(format: .dateTime.day())
|
|
}
|
|
}
|
|
}
|
|
.chartYAxisLabel(type == .time ? String(localized: "시간(h)") : String(localized: "횟수"))
|
|
.frame(height: 200)
|
|
}
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
private func weeklyLineCard(_ title: LocalizedStringKey, type: TrackingType,
|
|
data: StatsData) -> some View {
|
|
let actions = activeActions(for: type, data: data)
|
|
let names = actions.map(\.name)
|
|
let colors = actions.map(\.color)
|
|
chartCard(title) {
|
|
if actions.isEmpty {
|
|
emptyChartText
|
|
} else {
|
|
Chart(weeklyPoints(for: actions, type: type, data: data)) { point in
|
|
LineMark(
|
|
x: .value("주차", point.weekLabel),
|
|
y: .value(type == .time ? String(localized: "시간") : String(localized: "횟수"), point.value)
|
|
)
|
|
.foregroundStyle(by: .value("행동", point.actionName))
|
|
.symbol(by: .value("행동", point.actionName))
|
|
.interpolationMethod(.monotone)
|
|
}
|
|
.chartForegroundStyleScale(domain: names, range: colors)
|
|
.chartYAxisLabel(type == .time ? String(localized: "시간(h)") : String(localized: "횟수"))
|
|
.frame(height: 200)
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: 합계 막대 카드 (기간 누적 비율 비교)
|
|
|
|
@ViewBuilder
|
|
private func totalsBarCard(_ title: LocalizedStringKey, type: TrackingType,
|
|
data: StatsData) -> some View {
|
|
let items = totals(for: type, data: data)
|
|
chartCard(title) {
|
|
if items.isEmpty {
|
|
emptyChartText
|
|
} else {
|
|
Chart(items) { item in
|
|
BarMark(
|
|
x: .value(type == .time ? String(localized: "시간") : String(localized: "횟수"), type == .time ? item.value / 3600 : item.value),
|
|
y: .value("행동", item.name)
|
|
)
|
|
.foregroundStyle(item.color)
|
|
.cornerRadius(4)
|
|
.annotation(position: .trailing) {
|
|
Text(valueLabel(item.value, type: type))
|
|
.font(.caption2)
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
}
|
|
.chartXAxisLabel(type == .time ? String(localized: "시간(h)") : String(localized: "횟수"))
|
|
.frame(height: CGFloat(items.count) * 40 + 30)
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: 행동·꼬리표별 합계/평균 요약 표 (주간/월간, 필터 반영)
|
|
|
|
private struct SummaryRowItem: Identifiable {
|
|
let name: String
|
|
let color: Color
|
|
let symbol: String
|
|
/// 시간형은 초, 횟수형은 횟수
|
|
let total: Double
|
|
let type: TrackingType
|
|
|
|
var id: String { "\(type == .time ? "time" : "count")-\(name)" }
|
|
}
|
|
|
|
/// 평균 계산용: 월 안에서 이미 시작된 주 수 (미래 주로 평균이 희석되지 않게)
|
|
private var elapsedWeekCount: Int {
|
|
max(weekRangesInMonth.filter { $0.lowerBound <= .now }.count, 1)
|
|
}
|
|
|
|
private func actionSummaryRows(for type: TrackingType, data: StatsData) -> [SummaryRowItem] {
|
|
activeActions(for: type, data: data)
|
|
.map { action in
|
|
SummaryRowItem(name: action.name, color: action.color, symbol: action.symbolName,
|
|
total: data.value(for: action, type: type, days: data.dayKeys),
|
|
type: type)
|
|
}
|
|
.sorted { $0.total > $1.total }
|
|
}
|
|
|
|
private func tagSummaryRows(for type: TrackingType, data: StatsData) -> [SummaryRowItem] {
|
|
let stats = tagStats(data)
|
|
let rows: [SummaryRowItem] = switch type {
|
|
case .time:
|
|
stats.filter { $0.seconds > 0 }
|
|
.map { SummaryRowItem(name: $0.name, color: $0.color, symbol: "tag.fill", total: $0.seconds, type: .time) }
|
|
case .count:
|
|
stats.filter { $0.count > 0 }
|
|
.map { SummaryRowItem(name: $0.name, color: $0.color, symbol: "tag.fill", total: Double($0.count), type: .count) }
|
|
}
|
|
return rows.sorted { $0.total > $1.total }
|
|
}
|
|
|
|
private func averageLabel(_ value: Double, type: TrackingType) -> String {
|
|
switch type {
|
|
case .time: return Format.durationShort(value)
|
|
case .count: return Format.countAverage(value)
|
|
}
|
|
}
|
|
|
|
@ViewBuilder
|
|
private func summaryTableCard(_ title: LocalizedStringKey, timeRows: [SummaryRowItem], countRows: [SummaryRowItem]) -> some View {
|
|
chartCard(title) {
|
|
if timeRows.isEmpty && countRows.isEmpty {
|
|
emptyChartText
|
|
} else {
|
|
VStack(alignment: .leading, spacing: 14) {
|
|
if !timeRows.isEmpty {
|
|
summaryGrid(sectionLabel: "시간", rows: timeRows)
|
|
}
|
|
if !timeRows.isEmpty && !countRows.isEmpty {
|
|
Divider()
|
|
}
|
|
if !countRows.isEmpty {
|
|
summaryGrid(sectionLabel: "횟수", rows: countRows)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
private func summaryGrid(sectionLabel: LocalizedStringKey, rows: [SummaryRowItem]) -> some View {
|
|
Grid(alignment: .leading, horizontalSpacing: 10, verticalSpacing: 12) {
|
|
GridRow {
|
|
Text(sectionLabel)
|
|
.fontWeight(.semibold)
|
|
Text("합계")
|
|
.gridColumnAlignment(.trailing)
|
|
Text("하루 평균")
|
|
.gridColumnAlignment(.trailing)
|
|
if span == .month {
|
|
Text("주 평균")
|
|
.gridColumnAlignment(.trailing)
|
|
}
|
|
}
|
|
.font(.caption2)
|
|
.foregroundStyle(.secondary)
|
|
ForEach(rows) { row in
|
|
GridRow {
|
|
HStack(spacing: 8) {
|
|
Image(systemName: row.symbol)
|
|
.font(.system(size: 11, weight: .semibold))
|
|
.foregroundStyle(.white)
|
|
.frame(width: 24, height: 24)
|
|
.background(row.color, in: RoundedRectangle(cornerRadius: 7, style: .continuous))
|
|
Text(row.name)
|
|
.font(.footnote)
|
|
.lineLimit(1)
|
|
}
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
Text(valueLabel(row.total, type: row.type))
|
|
.font(.footnote.weight(.semibold).monospacedDigit())
|
|
.foregroundStyle(AppTheme.green)
|
|
Text(averageLabel(row.total / Double(elapsedDayCount), type: row.type))
|
|
.font(.footnote.monospacedDigit())
|
|
.foregroundStyle(.secondary)
|
|
if span == .month {
|
|
Text(averageLabel(row.total / Double(elapsedWeekCount), type: row.type))
|
|
.font(.footnote.monospacedDigit())
|
|
.foregroundStyle(.secondary)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
// MARK: 공통
|
|
|
|
private func chartCard(_ title: LocalizedStringKey, @ViewBuilder content: () -> some View) -> some View {
|
|
VStack(alignment: .leading, spacing: 12) {
|
|
Text(title)
|
|
.font(.subheadline.weight(.semibold))
|
|
content()
|
|
}
|
|
.padding(14)
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
.background(AppTheme.surface, in: RoundedRectangle(cornerRadius: 16, style: .continuous))
|
|
}
|
|
|
|
private var emptyChartText: some View {
|
|
Text("표시할 기록이 없어요")
|
|
.font(.caption)
|
|
.foregroundStyle(.secondary)
|
|
.frame(maxWidth: .infinity)
|
|
.padding(.vertical, 24)
|
|
}
|
|
}
|
|
|
|
// MARK: - 태그별 집계 항목
|
|
|
|
struct TagStat: Identifiable {
|
|
let name: String
|
|
let color: Color
|
|
let seconds: TimeInterval
|
|
let count: Int
|
|
|
|
var id: String { name }
|
|
}
|
|
|