feat(audio-content-all): 무료 콘텐츠, 포인트 대여 콘텐츠 전체보기 페이지 UI/API 구현

2025-11-14 04:21:39 +09:00
parent e5810766b1
commit c4a7742514
7 changed files with 254 additions and 0 deletions
--- a/SodaLive/Sources/Content/All/ContentAllView.swift
+++ b/SodaLive/Sources/Content/All/ContentAllView.swift
@@ -0,0 +1,107 @@
+//
+//  ContentAllView.swift
+//  SodaLive
+//
+//  Created by klaus on 11/14/25.
+//
+
+import SwiftUI
+
+struct ContentAllView: View {
+    
+    @StateObject var viewModel = ContentAllViewModel()
+    
+    var isFree: Bool = false
+    var isPointAvailableOnly: Bool = false
+    
+    var body: some View {
+        NavigationView {
+            BaseView(isLoading: $viewModel.isLoading) {
+                VStack(spacing: 0) {
+                    DetailNavigationBar(title: isFree ? "무료 콘텐츠 전체" : isPointAvailableOnly ? "포인트 대여 전체" : "콘텐츠 전체")
+                    
+                    ScrollView(.vertical, showsIndicators: false) {
+                        let horizontalPadding: CGFloat = 24
+                        let gridSpacing: CGFloat = 16
+                        let itemSize = (screenSize().width - (horizontalPadding * 2) - gridSpacing) / 2
+                        
+                        LazyVGrid(
+                            columns: Array(
+                                repeating: GridItem(
+                                    .flexible(),
+                                    spacing: gridSpacing,
+                                    alignment: .topLeading
+                                ),
+                                count: 2
+                            ),
+                            alignment: .leading,
+                            spacing: gridSpacing
+                        ) {
+                            ForEach(viewModel.contentList.indices, id: \.self) { idx in
+                                let item = viewModel.contentList[idx]
+                                
+                                NavigationLink {
+                                    ContentDetailView(contentId: item.contentId)
+                                } label: {
+                                    VStack(alignment: .leading, spacing: 0) {
+                                        ZStack(alignment: .top) {
+                                            DownsampledKFImage(
+                                                url: URL(string: item.coverImageUrl),
+                                                size: CGSize(width: itemSize, height: itemSize)
+                                            )
+                                            .cornerRadius(16)
+                                            
+                                            HStack(alignment: .top, spacing: 0) {
+                                                Spacer()
+                                                
+                                                if item.isPointAvailable {
+                                                    Image("ic_point")
+                                                        .padding(.top, 6)
+                                                        .padding(.trailing, 6)
+                                                }
+                                            }
+                                        }
+                                        
+                                        Text(item.title)
+                                            .font(.custom(Font.preRegular.rawValue, size: 18))
+                                            .foregroundColor(.white)
+                                            .multilineTextAlignment(.leading)
+                                            .fixedSize(horizontal: false, vertical: true)
+                                            .lineLimit(1)
+                                            .padding(.horizontal, 6)
+                                            .padding(.top, 8)
+                                        
+                                        
+                                        Text(item.creatorNickname)
+                                            .font(.custom(Font.preRegular.rawValue, size: 14))
+                                            .foregroundColor(Color(hex: "78909C"))
+                                            .lineLimit(1)
+                                            .padding(.horizontal, 6)
+                                            .padding(.top, 4)
+                                    }
+                                    .frame(width: itemSize)
+                                    .contentShape(Rectangle())
+                                    .onAppear {
+                                        if idx == viewModel.contentList.count - 1 {
+                                            viewModel.fetchData()
+                                        }
+                                    }
+                                }
+                            }
+                        }
+                        .padding(horizontalPadding)
+                    }
+                }
+                .onAppear {
+                    viewModel.isFree = isFree
+                    viewModel.isPointAvailableOnly = isPointAvailableOnly
+                    viewModel.fetchData()
+                }
+            }
+        }
+    }
+}
+
+#Preview {
+    ContentAllView()
+}