316 lines
		
	
	
		
			15 KiB
		
	
	
	
		
			Swift
		
	
	
	
	
	
			
		
		
	
	
			316 lines
		
	
	
		
			15 KiB
		
	
	
	
		
			Swift
		
	
	
	
	
	
//
 | 
						|
//  ContentMainTabHomeView.swift
 | 
						|
//  SodaLive
 | 
						|
//
 | 
						|
//  Created by klaus on 2/20/25.
 | 
						|
//
 | 
						|
 | 
						|
import SwiftUI
 | 
						|
 | 
						|
struct ContentMainTabHomeView: View {
 | 
						|
    
 | 
						|
    @StateObject var viewModel = ContentMainTabHomeViewModel()
 | 
						|
    @AppStorage("token") private var token: String = UserDefaults.string(forKey: UserDefaultsKey.token)
 | 
						|
    @AppStorage("role") private var role: String = UserDefaults.string(forKey: UserDefaultsKey.role)
 | 
						|
    
 | 
						|
    var body: some View {
 | 
						|
        BaseView(isLoading: $viewModel.isLoading) {
 | 
						|
            ZStack(alignment: .bottomTrailing) {
 | 
						|
                ScrollView(.vertical, showsIndicators: false) {
 | 
						|
                    VStack(alignment: .leading, spacing: 0) {
 | 
						|
                        HStack(spacing: 0) {
 | 
						|
                            Text("보이스온")
 | 
						|
                                .font(.custom(Font.bold.rawValue, size: 21.3))
 | 
						|
                                .foregroundColor(Color.white)
 | 
						|
                                .padding(.leading, 8)
 | 
						|
                            
 | 
						|
                            Spacer()
 | 
						|
                            
 | 
						|
                            if !token.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
 | 
						|
                                Image("ic_can")
 | 
						|
                                    .onTapGesture {
 | 
						|
                                        AppState
 | 
						|
                                            .shared
 | 
						|
                                            .setAppStep(step: .canCharge(refresh: {}))
 | 
						|
                                    }
 | 
						|
                            }
 | 
						|
                        }
 | 
						|
                        .padding(.horizontal, 13.3)
 | 
						|
                        
 | 
						|
                        if let notice = viewModel.noticeItem {
 | 
						|
                            ContentMainTabHomeNoticeView(notice: notice) {
 | 
						|
                                AppState.shared
 | 
						|
                                    .setAppStep(step: .noticeDetail(notice: $0))
 | 
						|
                            }
 | 
						|
                            .padding(.top, 15)
 | 
						|
                            .padding(.horizontal, 13.3)
 | 
						|
                        }
 | 
						|
                        
 | 
						|
                        if !token.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty &&
 | 
						|
                            viewModel.bannerList.count > 0 {
 | 
						|
                            ContentMainBannerViewV2(bannerList: viewModel.bannerList)
 | 
						|
                                .padding(.top, 30)
 | 
						|
                                .padding(.horizontal, 13.3)
 | 
						|
                        }
 | 
						|
                        
 | 
						|
                        if !token.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
 | 
						|
                            HStack(spacing: 0) {
 | 
						|
                                Image("ic_title_search_black")
 | 
						|
                                
 | 
						|
                                Text("검색어를 2글자 이상 입력하세요")
 | 
						|
                                    .font(.custom(Font.medium.rawValue, size: 13.3))
 | 
						|
                                    .foregroundColor(Color.gray55)
 | 
						|
                                    .keyboardType(.default)
 | 
						|
                                    .padding(.horizontal, 13.3)
 | 
						|
                                
 | 
						|
                                Spacer()
 | 
						|
                            }
 | 
						|
                            .padding(.horizontal, 21.3)
 | 
						|
                            .frame(height: 50)
 | 
						|
                            .frame(maxWidth: .infinity)
 | 
						|
                            .background(Color.gray22)
 | 
						|
                            .overlay(
 | 
						|
                                RoundedRectangle(cornerRadius: 6.7)
 | 
						|
                                    .strokeBorder(lineWidth: 1)
 | 
						|
                                    .foregroundColor(Color.graybb)
 | 
						|
                            )
 | 
						|
                            .padding(.top, 30)
 | 
						|
                            .padding(.horizontal, 13.3)
 | 
						|
                            .onTapGesture {
 | 
						|
                                UserDefaults.set("", forKey: .searchChannel)
 | 
						|
                                AppState.shared.setAppStep(step: .search)
 | 
						|
                            }
 | 
						|
                            
 | 
						|
                            VStack(spacing: 13.3) {
 | 
						|
                                HStack(spacing: 0) {
 | 
						|
                                    ContentMainTabCategoryView(
 | 
						|
                                        imageName: "ic_category_series",
 | 
						|
                                        title: "시리즈",
 | 
						|
                                        onClick: {
 | 
						|
                                            AppState.shared
 | 
						|
                                                .setAppStep(
 | 
						|
                                                    step: .contentMain(
 | 
						|
                                                        startTab: .SERIES
 | 
						|
                                                    )
 | 
						|
                                                )
 | 
						|
                                        }
 | 
						|
                                    )
 | 
						|
                                    .frame(maxWidth: .infinity)
 | 
						|
                                    
 | 
						|
                                    ContentMainTabCategoryView(
 | 
						|
                                        imageName: "ic_category_content",
 | 
						|
                                        title: "단편",
 | 
						|
                                        onClick: {
 | 
						|
                                            AppState.shared
 | 
						|
                                                .setAppStep(
 | 
						|
                                                    step: .contentMain(
 | 
						|
                                                        startTab: .CONTENT
 | 
						|
                                                    )
 | 
						|
                                                )
 | 
						|
                                        }
 | 
						|
                                    )
 | 
						|
                                    .frame(maxWidth: .infinity)
 | 
						|
                                    
 | 
						|
                                    ContentMainTabCategoryView(
 | 
						|
                                        imageName: "ic_category_alarm",
 | 
						|
                                        title: "모닝콜",
 | 
						|
                                        onClick: {
 | 
						|
                                            AppState.shared
 | 
						|
                                                .setAppStep(
 | 
						|
                                                    step: .contentMain(
 | 
						|
                                                        startTab: .ALARM
 | 
						|
                                                    )
 | 
						|
                                                )
 | 
						|
                                        }
 | 
						|
                                    )
 | 
						|
                                    .frame(maxWidth: .infinity)
 | 
						|
                                    
 | 
						|
                                    ContentMainTabCategoryView(
 | 
						|
                                        imageName: "ic_category_asmr",
 | 
						|
                                        title: "ASMR",
 | 
						|
                                        onClick: {
 | 
						|
                                            AppState.shared
 | 
						|
                                                .setAppStep(
 | 
						|
                                                    step: .contentMain(
 | 
						|
                                                        startTab: .ASMR
 | 
						|
                                                    )
 | 
						|
                                                )
 | 
						|
                                        }
 | 
						|
                                    )
 | 
						|
                                    .frame(maxWidth: .infinity)
 | 
						|
                                }
 | 
						|
                                
 | 
						|
                                HStack(spacing: 0) {
 | 
						|
                                    ContentMainTabCategoryView(
 | 
						|
                                        imageName: "ic_category_replay",
 | 
						|
                                        title: "다시듣기",
 | 
						|
                                        onClick: {
 | 
						|
                                            AppState.shared
 | 
						|
                                                .setAppStep(
 | 
						|
                                                    step: .contentMain(
 | 
						|
                                                        startTab: .REPLAY
 | 
						|
                                                    )
 | 
						|
                                                )
 | 
						|
                                        }
 | 
						|
                                    )
 | 
						|
                                    .frame(maxWidth: .infinity)
 | 
						|
                                    
 | 
						|
                                    ContentMainTabCategoryView(
 | 
						|
                                        imageName: "ic_category_free",
 | 
						|
                                        title: "무료",
 | 
						|
                                        onClick: {
 | 
						|
                                            AppState.shared
 | 
						|
                                                .setAppStep(
 | 
						|
                                                    step: .contentMain(
 | 
						|
                                                        startTab: .FREE
 | 
						|
                                                    )
 | 
						|
                                                )
 | 
						|
                                        }
 | 
						|
                                    )
 | 
						|
                                    .frame(maxWidth: .infinity)
 | 
						|
                                    
 | 
						|
                                    ContentMainTabCategoryView(
 | 
						|
                                        imageName: "ic_category_audio_book",
 | 
						|
                                        title: "오디오북",
 | 
						|
                                        onClick: {
 | 
						|
                                            viewModel.errorMessage = "준비중입니다."
 | 
						|
                                            viewModel.isShowPopup = true
 | 
						|
                                        }
 | 
						|
                                    )
 | 
						|
                                    .frame(maxWidth: .infinity)
 | 
						|
                                    
 | 
						|
                                    ContentMainTabCategoryView(
 | 
						|
                                        imageName: "ic_category_audio_toon",
 | 
						|
                                        title: "오디오툰",
 | 
						|
                                        onClick: {
 | 
						|
                                            viewModel.errorMessage = "준비중입니다."
 | 
						|
                                            viewModel.isShowPopup = true
 | 
						|
                                        }
 | 
						|
                                    )
 | 
						|
                                    .frame(maxWidth: .infinity)
 | 
						|
                                }
 | 
						|
                            }
 | 
						|
                            .padding(.vertical, 13.3)
 | 
						|
                            .background(Color.gray22)
 | 
						|
                            .cornerRadius(5.3)
 | 
						|
                            .padding(.top, 30)
 | 
						|
                            .padding(.horizontal, 13.3)
 | 
						|
                        }
 | 
						|
                        
 | 
						|
                        if let response = viewModel.rankCreatorResponse {
 | 
						|
                            ContentMainTabHomeRankCreatorView(response: response)
 | 
						|
                                .padding(.top, 30)
 | 
						|
                                .padding(.horizontal, 13.3)
 | 
						|
                        }
 | 
						|
                        
 | 
						|
                        if !viewModel.rankSeriesList.isEmpty {
 | 
						|
                            ContentMainTabHomeRankSeriesView(seriesList: viewModel.rankSeriesList)
 | 
						|
                                .padding(.top, 30)
 | 
						|
                                .padding(.horizontal, 13.3)
 | 
						|
                        }
 | 
						|
                        
 | 
						|
                        if !viewModel.rankSortTypeList.isEmpty {
 | 
						|
                            ContentMainTabRankContentView(
 | 
						|
                                title: "인기 단편",
 | 
						|
                                isMore: true,
 | 
						|
                                onClickMore: {
 | 
						|
                                    if !token.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
 | 
						|
                                        AppState.shared.setAppStep(step: .contentRankingAll)
 | 
						|
                                    } else {
 | 
						|
                                        AppState.shared.setAppStep(step: .login)
 | 
						|
                                    }
 | 
						|
                                },
 | 
						|
                                sortList: !viewModel.rankSortTypeList.isEmpty ?
 | 
						|
                                viewModel.rankSortTypeList :
 | 
						|
                                    [],
 | 
						|
                                onClickSort: { viewModel.getContentRanking(sort: $0) },
 | 
						|
                                contentList: viewModel.rankContentList
 | 
						|
                            )
 | 
						|
                            .padding(.top, 30)
 | 
						|
                        }
 | 
						|
                        
 | 
						|
                        if !token.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty &&
 | 
						|
                            viewModel.eventBannerList.count > 0 {
 | 
						|
                            SectionEventBannerView(items: viewModel.eventBannerList)
 | 
						|
                                .padding(.top, 30)
 | 
						|
                        }
 | 
						|
                        
 | 
						|
                        if !viewModel.contentRankCreatorList.isEmpty {
 | 
						|
                            ContentByChannelView(
 | 
						|
                                title: "채널별 인기 콘텐츠",
 | 
						|
                                creatorList: viewModel.contentRankCreatorList,
 | 
						|
                                contentList: viewModel.salesCountRankContentList,
 | 
						|
                                onClickCreator: {
 | 
						|
                                    viewModel.getPopularContentByCreator(creatorId: $0)
 | 
						|
                                }
 | 
						|
                            )
 | 
						|
                            .padding(.top, 30)
 | 
						|
                        }
 | 
						|
                        
 | 
						|
                        Text("""
 | 
						|
- 회사명 : 주식회사 소다라이브
 | 
						|
 | 
						|
- 대표자 : 이재형
 | 
						|
 | 
						|
- 주소 : 경기도 성남시 분당구 황새울로335번길 10, 5층 563A호
 | 
						|
 | 
						|
- 사업자등록번호 : 870-81-03220
 | 
						|
 | 
						|
- 통신판매업신고 : 제2024-성남분당B-1012호
 | 
						|
 | 
						|
- 고객센터 : 02.2055.1477 (이용시간 10:00~19:00)
 | 
						|
 | 
						|
- 대표 이메일 : sodalive.official@gmail.com
 | 
						|
""")
 | 
						|
                        .font(.custom(Font.medium.rawValue, size: 11))
 | 
						|
                        .foregroundColor(Color.gray77)
 | 
						|
                        .padding(.top, 30)
 | 
						|
                    }
 | 
						|
                    .onAppear {
 | 
						|
                        viewModel.fetchData()
 | 
						|
                    }
 | 
						|
                }
 | 
						|
                
 | 
						|
                if role == MemberRole.CREATOR.rawValue {
 | 
						|
                    HStack(spacing: 5) {
 | 
						|
                        Image("ic_thumb_play")
 | 
						|
                            .resizable()
 | 
						|
                            .frame(width: 20, height: 20)
 | 
						|
                        
 | 
						|
                        Text("콘텐츠 업로드")
 | 
						|
                            .font(.custom(Font.bold.rawValue, size: 13.3))
 | 
						|
                            .foregroundColor(.white)
 | 
						|
                    }
 | 
						|
                    .padding(13.3)
 | 
						|
                    .background(Color(hex: "3bb9f1"))
 | 
						|
                    .cornerRadius(44)
 | 
						|
                    .padding(.trailing, 16.7)
 | 
						|
                    .padding(.bottom, 16.7)
 | 
						|
                    .onTapGesture {
 | 
						|
                        AppState.shared.setAppStep(step: .createContent)
 | 
						|
                    }
 | 
						|
                }
 | 
						|
            }
 | 
						|
            .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()
 | 
						|
                }
 | 
						|
            }
 | 
						|
        }
 | 
						|
    }
 | 
						|
}
 | 
						|
 | 
						|
#Preview {
 | 
						|
    ContentMainTabHomeView()
 | 
						|
}
 |