127 lines
4.8 KiB
Swift
127 lines
4.8 KiB
Swift
//
|
|
// SeriesMainDayOfWeekView.swift
|
|
// SodaLive
|
|
//
|
|
// Created by klaus on 11/14/25.
|
|
//
|
|
|
|
import SwiftUI
|
|
|
|
struct SeriesMainDayOfWeekView: View {
|
|
|
|
@StateObject var viewModel = SeriesMainDayOfWeekViewModel()
|
|
|
|
@State private var isInitialized = false
|
|
@State private var dayOfWeek: SeriesPublishedDaysOfWeek = .SAT
|
|
|
|
private let dayOfWeekItems: [DayOfWeek] = [
|
|
DayOfWeek(dayOfWeekStr: "월", dayOfWeek: .MON),
|
|
DayOfWeek(dayOfWeekStr: "화", dayOfWeek: .TUE),
|
|
DayOfWeek(dayOfWeekStr: "수", dayOfWeek: .WED),
|
|
DayOfWeek(dayOfWeekStr: "목", dayOfWeek: .THU),
|
|
DayOfWeek(dayOfWeekStr: "금", dayOfWeek: .FRI),
|
|
DayOfWeek(dayOfWeekStr: "토", dayOfWeek: .SAT),
|
|
DayOfWeek(dayOfWeekStr: "일", dayOfWeek: .SUN),
|
|
DayOfWeek(dayOfWeekStr: "랜덤", dayOfWeek: .RANDOM),
|
|
]
|
|
|
|
// 요일 숫자에 맞춰 배열
|
|
private let dayOfWeeks: [SeriesPublishedDaysOfWeek] = [
|
|
.RANDOM,
|
|
.SUN,
|
|
.MON,
|
|
.TUE,
|
|
.WED,
|
|
.THU,
|
|
.FRI,
|
|
.SAT
|
|
]
|
|
|
|
var body: some View {
|
|
ZStack {
|
|
VStack(spacing: 16) {
|
|
ScrollView(.horizontal, showsIndicators: false) {
|
|
HStack {
|
|
ForEach(0..<dayOfWeekItems.count, id: \.self) {
|
|
let item = dayOfWeekItems[$0]
|
|
DayOfWeekDayView(dayOfWeek: item.dayOfWeekStr, isSelected: dayOfWeek == item.dayOfWeek)
|
|
.onTapGesture {
|
|
if dayOfWeek != item.dayOfWeek {
|
|
dayOfWeek = item.dayOfWeek
|
|
viewModel.onTapDayOfWeek(dayOfWeek: dayOfWeek)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.padding(.horizontal, 24)
|
|
}
|
|
|
|
ScrollView(.vertical, showsIndicators: false) {
|
|
let horizontalPadding: CGFloat = 24
|
|
let gridSpacing: CGFloat = 16
|
|
let width = (screenSize().width - (horizontalPadding * 2) - gridSpacing) / 2
|
|
|
|
LazyVGrid(
|
|
columns: Array(
|
|
repeating: GridItem(
|
|
.flexible(),
|
|
spacing: gridSpacing,
|
|
alignment: .topLeading
|
|
),
|
|
count: 2
|
|
),
|
|
alignment: .leading,
|
|
spacing: gridSpacing
|
|
) {
|
|
ForEach(viewModel.seriesList.indices, id: \.self) { index in
|
|
let item = viewModel.seriesList[index]
|
|
NavigationLink {
|
|
SeriesDetailView(seriesId: item.seriesId)
|
|
} label: {
|
|
SeriesMainItemView(item: item, width: width, height: width * 227 / 160)
|
|
.contentShape(Rectangle())
|
|
.onAppear {
|
|
if index == viewModel.seriesList.count - 1 {
|
|
viewModel.getDayOfWeekSeriesList(dayOfWeek: dayOfWeek)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.padding(.horizontal, horizontalPadding)
|
|
}
|
|
}
|
|
.popup(isPresented: $viewModel.isShowPopup, type: .toast, position: .bottom, autohideIn: 2) {
|
|
HStack {
|
|
Spacer()
|
|
Text(viewModel.errorMessage)
|
|
.padding(.vertical, 13.3)
|
|
.frame(width: screenSize().width - 66.7, alignment: .center)
|
|
.font(.custom(Font.medium.rawValue, size: 12))
|
|
.background(Color.button)
|
|
.foregroundColor(Color.white)
|
|
.multilineTextAlignment(.leading)
|
|
.cornerRadius(20)
|
|
.padding(.bottom, 66.7)
|
|
Spacer()
|
|
}
|
|
}
|
|
.onAppear {
|
|
if !isInitialized {
|
|
dayOfWeek = dayOfWeeks[Calendar.current.component(.weekday, from: Date())]
|
|
viewModel.getDayOfWeekSeriesList(dayOfWeek: dayOfWeek)
|
|
isInitialized = true
|
|
}
|
|
}
|
|
|
|
if viewModel.isLoading {
|
|
LoadingView()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#Preview {
|
|
SeriesMainDayOfWeekView()
|
|
}
|